body { background:#ffff73 url(../images/bg.jpg) repeat-x top; text-align:center; font: 12px Tahoma, Geneva, sans-serif; color:#2d2d2c; }

a { color:#ec8f3b; text-decoration:none; }
a:hover { color:#b65207;}
.title { background:url(../images/title_bg.jpg) repeat-x; height:26px; }
td {padding:5px;}

/* --- LAYOUT --- */

	#container { width:998px; margin:auto; text-align:left; background:#dddddd; }
	
	#head { height:32px; background:url(../images/top.jpg) no-repeat; padding-top:7px; }
	
	#header { height:185px; background:url(../images/header.jpg) no-repeat; position:relative; }
	
	#logo { position:absolute; top:18px; left:22px; }
	
	#sponsors { position:absolute; bottom:20px; right:15px; width:480px; text-align:center; height:45px;}
	#sponsors  a { margin: 0 10px; }
	
	#navigation div { height:60px; float:left; }
	
		#navigation .left { width:20px; background:url(../images/nav_left.jpg) no-repeat; }
		#navigation .content { width:958px; background:url(../images/nav_bg.jpg) repeat-x; position:relative; }
			#navigation ul { margin:0; padding:0; list-style:none; }
			#navigation li { float:left; }
			#navigation .spacer { background:url(../images/nav_spacer.jpg) no-repeat center; width:2px; height:30px; padding:0 10px; }
		#navigation .right { width:20px; background:url(../images/nav_right.jpg) no-repeat; }
		
		#navigation #subnavi { position:absolute; bottom:2px; height:15px; }
		#subnavi div { display:none; }
		#subnavi .active { display:block; position:absolute; width:800px; }
		#navigation #subnavi img { float:left; }
		#navigation #subnavi a { color:#fff; text-decoration:none; padding:0 15px; font-size:10px; font-weight:bold; height:20px; display:block; float:left; }
		#navigation #subnavi a:hover { color:#ec8f3b; }
	
	#specials { height:214px; width:990px; margin-left:4px; background:#000; position:relative; }
	#player { float:right; }
	
	#main { float:left; width:594px; margin:0 5px 0 3px; }
	
	.box { background:url(../images/content_bg.jpg) repeat-y; margin-bottom:5px; }
	.box .head { height:7px; background:url(../images/content_top.jpg) no-repeat; }
	.box h2 { color:#e8801c; font-size:18px; text-transform:uppercase; margin:0; line-height:24px; }
	.box .content { padding:0 5px; width:584px; line-height:18px; }
	.box .foot { height:5px; background:url(../images/content_bot.jpg) no-repeat; }
	.box .image { float:left; width:160px; height:142px; position:relative; text-align:center; }
	.box .image a { position:absolute;display:block; text-align:center; width:100%; bottom:10px; color:#fff; font-size:11px; }
	.box .text { float:left; width:420px; }
	.box .text hr { display:none; }
	
	#related { clear:both; margin-left:160px; border-top:2px solid #ec8f3b; padding-top:5px; }
	
	#login { float:right; margin-right:6px; color:#fff; font-size:10px; }
		#login .login-input { width:99px; height:20px; border:none; border-left:2px solid #b07940; border-top:2px solid #b07940; padding:0; margin:0; display:block; float:left; margin-right:5px; }
		#submit { border:none; margin:1px 5px 0 0; height:21px; }
		#login a {color:#fff; margin:1px 5px 0 0; height:21px; font-size:10px;  }
	
	#switch-tabs { background:url(../images/sidebar_special_head.jpg) no-repeat; height:28px; line-height:28px; text-align:right; }
	#switch-tabs a { outline: 0; }
	#switchbox ul, #switchbox li { margin:0; padding:0; list-style:none; }
	#switchbox li { padding:5px; color:#757575; }
	#switchbox .spacer { background:url(../images/sidebar_special_spacer.jpg) repeat-x; height:2px; font-size:2px; line-height:2px; margin:0; padding:0; }
	.switch-content { background:#333333; padding:0 10px; }
	.switch-content li { position:relative; }
	.switch-content a { color:#f09203; text-decoration:none; font-weight:bold; }
	.switch-content .desc,.switch-content .date { color:#757575; font-size:9px; }
	.switch-content .date { position:absolute; top:5px; right:5px; }
	#switch-forum li { background:url(../images/sidebar_special_newsicon.jpg) no-repeat left; padding-left:35px; }
	#switch-polls strong { color:#f09203; }	
	
	#topmatch-header { background:url(../images/sidebar_match_head.jpg) no-repeat; height:27px; }
	#topmatch-content { background:#1b1b1b url(../images/sidebar_match_bg.jpg) repeat-x; height:133px; border-left:1px solid #4a4a4a; border-right:1px solid #4a4a4a; }
	#topmatch-footer { background:url(../images/sidebar_match_foot.jpg) no-repeat; height:6px; }
	#topmatch-teams { width:230px; float:left; height:130px; position:relative; background:url(../images/sidebar_match_vs.jpg) no-repeat center; }
		#team-1 { width:90px; height:90px; position:absolute; left:10px; top:20px; }
		#team-2 { width:90px; height:90px; position:absolute; right:10px; top:20px; }
	#topmatch-upcoming { width:160px; float:left; height:130px; padding-top:15px; }
		#topmatch-upcoming li,#topmatch-upcoming ul { list-style:none; padding:0; margin:0; }
		#topmatch-upcoming li { padding-left:40px; }
		li.date-icon { background:url(../images/sidebar_match_icon-calendar.jpg) no-repeat center left; }
		li.game-icon { background:url(../images/icon-game.jpg) no-repeat center left; }
		li.stream-icon { background:url(../images/icon-stream.jpg) no-repeat center left; }
		li.league-icon { background:url(../images/icon-league.jpg) no-repeat center left; }
		#topmatch-upcoming,#topmatch-upcoming a { color:#fff; text-decoration:none; font-weight:bold; font-size:11px; height:25px; line-height:25px; }
		#topmatch-upcoming .spacer { height:2px; background:url(../images/sidebar_match_spacer.jpg) repeat-x; font-size:2px; line-height:2px; }
			
	#ads { position:relative; text-align:center; margin:5px 0; }
	#ads div { min-height:254px; }
	#ad-left { background:url(../images/ad_left.jpg) no-repeat; width:45px; height:254px; position:absolute; top:0; left:0; }
	#ad-right { background:url(../images/ad_right.jpg) no-repeat; width:45px; height:254px; position:absolute; top:0; right:0; }
	#ad-content { margin:auto; width:300px; }
	
	.comments { margin:5px;}
	.comments .left { height:55px; float:left; width:5px; background:url(../images/comments_left.jpg) no-repeat; }
	.comments .mid { height:55px; float:left; width:574px; background:url(../images/comments_bg.jpg) repeat-x; position:relative; }
		.comments .readmore { position:absolute; top:50%; margin-top:-14px; }
	.comments .right { height:55px; float:left; width:5px; background:url(../images/comments_right.jpg) no-repeat; }
	
	 .comments .poster { position:absolute; right:0; top:2px; height:50px; width:153px; text-align:right; }
	 .comments .poster img { line-height:40px;}
	 .comments .written-by { background:url(../images/comments_writtenby.jpg) no-repeat; height:7px; width:74px; margin-top:5px; }
	 .comments .date { font-size:11px; color:#9d9d9d; bottom:5px; position:absolute; }
	 .comments .poster-img { height:40px; width:40px; position:absolute; right:2px; top:5px; }
	
	#sidebar { float:left; width:392px; }	
	
		#latest-clanwars ul, #latest-clanwars li { margin:0; padding:0; list-style:none; }
	
		#latest-clanwars { position:relative; background:#fff; }
		#latest-clanwars img { position:absolute; left:5px; top:8px; }
		#latest-clanwars li { padding:7px 7px 7px 40px; position:relative; }
		#latest-clanwars .spacer { margin:0 7px; padding:0; background:url(../images/result_spacer.jpg) repeat-x; height:1px; font-size:1px; line-height:1px; }
		#latest-clanwars .teams {font-weight:bold; color:#000; font-size:11px; text-decoration:none; }
		#latest-clanwars span { font-size:11px; color:#686565;}
		#latest-clanwars .result {
			 background:url(../images/result_bg.jpg) no-repeat; width:56px; height:19px; line-height:19px; text-align:center; font-weight:bold; 
			 font-size:11px; position:absolute; right:10px; top:11px;
		} 
	
	#footer { height:223px; background:url(../images/footer_bg.jpg) repeat-x; padding-left:180px; position:relative; }
	
	#footer ul, #footer li { list-style:none; margin:0; padding:0;}
	#social-links { width:110px; position:relative;  z-index:5; }
	#social-links li { float:right; margin: 0 17px 17px 0; }
	#footer ul { float:left; margin-top:40px; }
	#footer .sitemap { display:block; width:110px; }
	#footer .sitemap li { list-style:url(../images/sitemap-bull.gif); margin-left:20px; }
	#footer .sitemap li.header { padding:0; margin:0; list-style:none; font-weight:bold; color:#f19303; font-size:11px; padding-bottom:7px; }
	#footer .sitemap a { color:#fff; font-size:11px; text-decoration:none; }
	#copyright { font-size:11px; color:#fff; position:absolute; bottom:10px; right:10px; line-height:15px; }
	#copyright strong { color:#f19303; display:block; margin-left:20px; }
	#copyright a { text-decoration:none; color:#f19303; }
	#copyright a.white { text-decoration:none; color:#fff; }
	#copyright a:hover {color:#fff; }
	#twitter-icon { padding-top: 30px; }
	#footer-logo { position:absolute; top:0; left:0; z-index:1; }
		
/* --- CLEARFIX --- */
	.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
	.clearfix {display: inline-block;}
	html[xmlns] .clearfix {display: block;}
	* html .clearfix {height: 1%;}


/* --- RESET --- */
	html,body { margin:0px; height:100%; }
	img { border:none; }