* { margin: 0px; padding: 0px; }
html, body { font-family: Verdana; font-size: 11px; color: #7f7f7f; }
html { background: url('images/htmlBg.gif') repeat-x bottom center; }
body { padding-bottom: 10px; background: url('images/bodyBg.gif') repeat-x; }
img { border: 0px; float: none; }
textarea, input, select, option { font-family: Verdana; font-size: 11px; color: #444; }

#button { cursor: pointer; }

ul	{ margin-left: 20px; }
li	{ list-style-type: circle; }

/* ### GLOBAL CLASSES ### */
.clearBoth { clear: both; }
.left { float: left; }
.right { float: right; }
.center { margin: 0 auto; }

/* ### MAIN CONTAINER ### */
#mainCntr { margin: 0 auto; padding: 115px 13px 0px 12px; width: 886px; background: url('images/mainBg.png') no-repeat; }

	/* ### MENU CONTAINER ### */
	#menuCntr { width: 886px; height: 28px; background: url('images/menuBg.gif') repeat-x; }
	#menuCntr ul { list-style: none; }
	#menuCntr li { float: left; display: inline; line-height: 26px; }
	#menuCntr li a { padding: 0px 26px 0px 26px; display: block; float: left; height: 28px; text-decoration: none; color: #000; background: url('images/tabBg.gif') no-repeat top right; }
	#menuCntr li.last a { background: none; }
	#menuCntr li a:hover, #menuCntr li.selected a { color: #fff; background: url('images/tabHBg.gif') repeat-x; }
	
	/* ### SUB CONTAINER ### */
	#subCntr { width: 886px; height: 21px; background: url('images/subBg.gif') repeat-x; }
	#subCntr ul { list-style: none; }
	#subCntr li { margin-left: 100px; float: left; display: inline; line-height: 20px; }
	#subCntr li a { display: block; float: left; text-decoration: none; color: #fff; }
	#subCntr li a:hover { text-decoration: underline; }
	
	/* ### BAR CONTAINER ### */
	#barCntr { margin: 3px 0px 3px 0px; width: 886px; height: 36px; background: url('images/barBg.gif') repeat-x; }
	#barCntr div { padding-top: 8px; float: left; }
	#barCntr a, #barCntr input {  }
		.field { margin-left: 5px; padding: 1px 0px 0px 5px; float: left; width: 133px; height: 18px; font-family: Tahoma; font-size: 11px; color: #333; border: 0px; background: url('images/fieldBg.gif') no-repeat; }
		.submit { margin: 0px 15px 0px 15px; float: left; }
	
	/* ### LEFT CONTAINER ### */
	#leftCntr { padding-left: 3px; float: left; width: 527px; clear: left; }
		.banner { margin-bottom: 5px; }
	
		/* ### LEFT BOX ### */
		.leftBox { margin-bottom: 15px; padding: 6px 15px 25px 15px; width: 500px;  background: url('images/leftBg.gif') repeat-x; }
		.leftBox h2 { display: block; height: 30px; font-size: 13px; color: #000; }
		.leftBox h2 span { color: #003399; }
		.leftBox h3 { display: block; height: 30px; font-size: 13px; color: #000; }
		.leftBox h3 span { color: #d928ca; }
		.leftBox img { float: none; }
			.text { padding-left: 15px; float: left; width: 400px; }
			.text strong { color: #000; }
			.text ul { margin-right: 40px; float: left; display: inline; list-style: none; }
			.text li { line-height: 20px; color: #333; }
			.view { float: left; text-decoration: none; color: #fff; line-height: 30px; }
			.signup { margin-top: 7px; float: right; }
			.ranking { position: relative; float: left; width: 300px; height: 100px; background: url('images/rankingBg.gif') no-repeat bottom center; }
				.first { position: absolute; top: 8px; left: 110px; width: 80px; text-align: center; color: #003399; }
				.second { position: absolute; top: 30px; left: 30px; width: 80px; text-align: center; color: #cc00cc; }
				.third { position: absolute; top: 42px; left: 190px; width: 80px; text-align: center; color: #cc00cc; }
			.boxes { float: left; width: 200px; }
				.box { margin-bottom: 5px; padding: 10px; width: 180px; background: #fff; }
				.box strong { margin-right: 5px; display: block; float: left; width: 10px; color: #003399; }
				.box strong span { color: #cc00cc; }
				.box ul { float: left; list-style: none; }
				.box li { line-height: 11px; color: #333; }
				.box li strong { display: inline; float: none; color: #000; }
				.box li a { text-decoration: none; color: #333; }
				.box li a:hover { text-decoration: underline; }
	
	/* ### RIGHT CONTAINER ### */
	#rightCntr { float: right; width: 348px; clear: right; }
	
		/* ### RIGHT BOX ### */
		.rightBox { padding: 8px 15px 25px 15px; width: 318px; background: url('images/rightBg.gif') repeat-x; }
		.rightBox h2 { display: block; height: 17px; font-size: 11px; color: #000; background: url('images/block.gif') no-repeat top right; }
		.rightBox h3 { display: block; height: 17px; font-size: 11px; color: #000; background: url('images/block2.gif') no-repeat top right; }
	/* ### FULL WIDTH CONTAINER ### */
	#fullCntr { width: 100%; padding: 0 6px 0 3px; }
		.centerBox { margin-bottom: 15px; padding: 6px 18px 25px 15px;  background: url('images/leftBg.gif') repeat-x; }
		.centerBox h2 { display: block; height: 30px; font-size: 13px; color: #000; }
		.centerBox h2 span { color: #003399; }
		.centerBox h3 { display: block; height: 30px; font-size: 13px; color: #000; }
		.centerBox h3 span { color: #d928ca; }

	/* ### FORUM CONTAINER ### */
	#forumCntr { width: 886px; height: 128px; background: url('images/footerBg.gif') repeat-x; }
	#forumCntr h2 { font-size: 14px; color: #000; }
	#forumCntr ul { margin-left: 15px; list-style: none; }
	#forumCntr li { color: #666; }
	#forumCntr li a { text-decoration: none; color: #666; }
	#forumCntr li a:hover { text-decoration: underline; }
		.fbox { margin-right: 80px; padding-top: 10px; float: left; display: inline; }
		.first2 { margin-left: 14px; }
		.last2 { margin-right: 0px; }
		#forumCntr #item {  }
		#forumCntr #more { text-align: right; padding: 5px 0 0 0; }
.OverallContent { width: 100%; }
.fcaption { padding: 8px 15px 25px 15px; background: url('images/rightBg.gif') repeat-x; font-size: 11px; color: #000; }
.forumheader { color: #aaa; font-size: 1.1em; border-bottom: 1px solid #2e0020; padding: 5px; }
.forumheader2 { text-align: left; border: 2px solid #dcdcdc; padding: 2px; color: #4d3e48; }
.forumheader3 { text-align: left; border: 2px solid #eaeaea; padding: 2px; }		
.indent { margin: 5px 25px 5px 25px; padding: 15px; border: 3px solid #ddd; background: #fbfbfb; }
a {	font-family: verdana; font-size: 11px; color: #1c2c51; text-decoration: none; }
a:hover { text-deocration: underline; color: #000; }
	.userlink { text-decoration: none; color: #000; }
	.userlink em { color: #310022; }
.miding { text-align: center; }
.MatchControls { margin: 1px 10px 1px 10px; padding: 15px; border: 3px solid #aaa; }
.userlink img, .clanlink img { float: none; }
.related { padding-left: 50px; }
.notify { margin: 10px; padding: 10px; border: 2px solid #310022; color: #333; }
.checkCallIcon { width: 16px; height: 16px; }

.advertisement { padding: 5px; border: 2px solid #eaeaea; }
.forum_user { width: 200px; background: url('images/forum_user.png') no-repeat top; padding: 5px 0 0 0; }
.forum_post { width: 647px; background: url('images/forum_post.png') no-repeat top; text-align: left; }
.forum_post .post {  margin: 10px 20px; }
.forum_sig { width: 647px; height: 28px; background: url('images/forum_sig.png') no-repeat bottom; padding: 10px 20px; }
.forum_sig hr { color: #fff; }
#gThumb { width: 168px; height: 148px; background: url('images/thumb_bg.png') no-repeat center; padding: 0; }
#gThumb img { padding: 14px 4px 4px 4px;  }
.banned { color: #900; font-weight: bold; }

#ch_area { height: 250px; overflow: auto; }
.ch_user { border-bottom: 1px solid #eee; padding: 2px 0; width: 120px; }
.ch_time { border-bottom: 1px solid #eee; padding: 2px; }
.ch_mess { border-bottom: 1px solid #eee; padding: 2px 0; }

#playerbox { padding: 0px 15px 10px 0px; }

.rule { font-size: 0.8em; border-bottom: 1px solid #ddd; padding: 2px 0; }
.guid_old { font-size: 0.8em; border-bottom: 1px solid #ddd; color: #666; }
.guid_new { font-size: 0.8em; border-bottom: 1px solid #ddd; color: #ff0099; }