body { font: 11px Arial; margin: 0 0 15px 0; }
div#wrapper { width: 1052px; margin: auto; background: url("../img/wrapper_background.jpg") repeat-y; }

a { text-decoration: none; color: #006c95; }
a:hover { color: #444; }

.clear { clear: both; }

div#logo { width: 445px; height: 144px; float: left; }
div#poweredBy { width: 122px; height: 45px; float: left; background: url("../img/poweredBy.jpg") no-repeat; padding: 99px 0 0 0; }
	div#poweredBy a img { width: 122px; height: 38px; }
div#user { width: 485px; height: 192px; float: right; }
	div#user div#userPanel { width: 485px; height: 144px; background: url("../img/user_stats.jpg") no-repeat; position: relative; }
		div#user div#userPanel ul#userStats { padding: 50px 0 0 335px; }
			div#user div#userPanel ul#userStats li { color: #fff; line-height: 11px; display: block; float: left; }
			div#user div#userPanel ul#userStats li#today { width: 42px; height: 11px; margin: 0 42px 0 0; }
			div#user div#userPanel ul#userStats li#online { width: 42px; height: 11px; }
			div#user div#userPanel ul#userStats li#details { position: absolute; width: 40px; height: 14px; top: 64px; left: 372px; }
				div#user div#userPanel ul#userStats li#details a { display: block; width: 40px; height: 14px; text-indent: -999em; }
			
		div#user div#userPanel div#userLoggedIn { margin: 66px 0 0 70px; color: #fff; }
			div#user div#userPanel div#userLoggedIn img { margin: -4px 10px 0 4px; }
			
		div#user div#userPanel div#userLogin { margin: 73px 0 0 70px; color: #fff; }
			div#userLogin table { margin: auto; }
			div#userLogin input { width: 90px; margin-left: 5px; }
	
	div#user ul#userNav { background: url("../img/user_nav.jpg") no-repeat; }
	div#user ul#userNavLoggedIn { background: url("../img/user_nav_loggedin.jpg") no-repeat; }
	div#user ul#userNav, div#user ul#userNavLoggedIn { width: 361px; height: 40px; padding: 8px 0 0 124px; }
		div#user ul#userNav li, div#user ul#userNavLoggedIn li { width: 87px; height: 14px; float: left; display: block; }
		div#user ul#userNav li#loggedin, div#user ul#userNavLoggedIn li#navProfile { margin: 0 28px 0 0; }
		div#user ul#userNav li#registration, div#user ul#userNavLoggedIn li#navUserCP { margin: 0 26px 0 0; }
			div#user ul#userNav li a, div#user ul#userNavLoggedIn li a { width: 87px; height: 14px; display: block; text-indent: -999em; }
			
ul#siteNav { width: 564px; height: 25px; background: url("../img/nav_background.jpg") no-repeat; float: left; padding: 0 0 0 3px; }
	ul#siteNav li { float: left; display: block; margin: 0 0 0 -15px; }
	ul#siteNav li#newsspot { margin: 0; }
		ul#siteNav li a { display: block; height: 25px; text-indent: -999em; position: relative; }
		ul#siteNav li#newsspot a { width: 96px; background: url("../img/nav_newsspot.png") no-repeat top right; z-index: 10; }
		ul#siteNav li#matches a { width: 94px; background: url("../img/nav_matches.png") no-repeat top right; z-index: 9; }
		ul#siteNav li#media a { width: 72px; background: url("../img/nav_media.png") no-repeat top right; z-index: 8; }
		ul#siteNav li#files a { width: 70px; background: url("../img/nav_files.png") no-repeat top right; z-index: 7; }
		ul#siteNav li#sponsors a { width: 101px; background: url("../img/nav_sponsors.png") no-repeat top right; z-index: 6; }
		ul#siteNav li#gallery a { width: 92px; background: url("../img/nav_gallery.png") no-repeat top right; z-index: 5; }
		ul#siteNav li#forum a { width: 88px; background: url("../img/nav_forum.png") no-repeat top right; z-index: 4; }
		ul#siteNav li a:hover { background-position: bottom right !important; }
	
ul#subNav { float: left; width: 470px; height: 23px; background: url("../img/subnav_background.jpg") no-repeat; padding: 0 0 0 97px; }
	ul#subNav li { float: left; display: block; height: 23px; margin: 0 0 0 17px; }
		ul#subNav li a { display: block; height: 23px; text-indent: -999em; }
		ul#subNav li#staff { background: url("../img/subnav_staff.jpg") no-repeat; width: 26px; }
		ul#subNav li#management { background: url("../img/subnav_management.jpg") no-repeat; width: 58px; }
		ul#subNav li#teams { background: url("../img/subnav_teams.jpg") no-repeat; width: 28px; }
		ul#subNav li#events { background: url("../img/subnav_events.jpg") no-repeat; width: 32px; }
		ul#subNav li#sub_history { background: url("../img/subnav_history.jpg") no-repeat; width: 36px; }
		ul#subNav li#awards { background: url("../img/subnav_awards.jpg") no-repeat; width: 36px; }
		
div#matchReview { float: left; width: 287px; height: 166px; background: url("../img/review_background.jpg") no-repeat; padding: 28px 0 0 20px; }
	div#matchReview a.team { display: block; margin: 0 2px 0 0; float: left; }
		div#matchReview a.team img { display: block; width: 77px; height: 69px; }
	div#matchReview a.game { display: block; float: left; clear: left; margin: 8px 0 0 5px; }
	div#matchReview div#writeup { float: right; width: 110px; margin: 0 7px 0 0; height: 152px; line-height: 13px; }
		div#matchReview div#writeup p { margin: 0 0 5px 0; }
	div#matchReview ul.details { float: left; width: 75px; margin: 15px 0 0 29px; text-align: center; font-weight: bold; }
		div#matchReview ul.details li.score { font-size: 14px; }
		div#matchReview ul.details li.date { font-size: 10px; font-weight: normal; }

div#slider { float: left; width: 483px; height: 194px; background: url("../img/slider.jpg") no-repeat; }
	div#slider ul.images { width: 481px; height: 157px; margin: 16px 0 0 1px; }
		div#slider ul.images li { width: 481px; height: 157px; position: relative; }
			div#slider ul.images li h2 { display: block; margin: 0; padding: 0; position: absolute; bottom: 0; left: 0; background: url("../img/slider_title.png") repeat-x; width: 481px; height: 19px; line-height: 19px; text-align: center; color: #fff; font-size: 12px; font-style: italic; z-index: 10; }
			div#slider ul.images li em { display: none; }
			div#slider ul.images li a { text-indent: -999em; display: block; width: 481px; height: 157px; text-indent: none; position: relative; }

div#scoreboard { float: left; width: 262px; height: 194px; background: url("../img/scoreboard.jpg") no-repeat; }
	div#scoreboard_dl { height: 145px; padding: 20px 0 0 0; }
	div#scoreboard dl { color: #565656; width: 262px; display: block; }
	div#scoreboard dl.hidden { display: none; }
		div#scoreboard dl dt { overflow: hidden; display: block; float: left; clear: both; height: 18px; line-height: 18px; padding: 0 0 0 25px; width: 100px; background-position: 5px 3px !important; }
		div#scoreboard dl dd.score { display: block; float: left; height: 18px; line-height: 18px; padding: 0 3px 0 0; width: 55px; text-align: right; font-weight: bold; }
		div#scoreboard dl dd.date { display: block; float: right; height: 18px; line-height: 18px; padding: 0 5px 0 0; width: 70px; text-align: center; }
	div#scoreboard div.clear { margin: 0 0 0 5px; width: 257px; text-transform: uppercase; color: #b9b9b9; font-size: 10px; line-height: 18px; }
		div#scoreboard div.clear strong { float: left; font-weight: normal; margin: 0 5px 0 0; }
		div#scoreboard div.clear a { margin: 2px 1px 0 0; width: 13px; height: 13px; text-indent: -999em; display: block; float: left; }

div#alpha { float: left; width: 521px; }
	div#alpha div#advert { width: 505px; height: 71px; background: url("../img/advert_background.jpg") no-repeat; padding: 37px 0 0 16px; }
		div#alpha div#advert h2 { display: none; }
		div#alpha div#advert img { display: block; width: 499px; height: 60px; }
	
	div#alpha div.content { min-height: 600px; width: 521px; padding: 0 0 12px 0; }
		div#alpha div.content h2 { display: block; width: 521px; height: 19px; text-indent: -999em; }
		div#alpha div.content h2 { background: url("../img/recent_news.jpg") no-repeat; }
		div#alpha div.content#uhoh h2 { background: url("../img/404_header.jpg") no-repeat; }
			
		div#alpha div.content div.entry { background: url("../img/content_background.jpg") repeat-y; width: 487px; margin: 15px 0 0 0; padding: 0 18px 0 16px; }
			div#alpha div.content div.entry div.header { background: url("../img/content_top.jpg") no-repeat; width: 521px; height: 4px; margin: 0 -18px 0 -16px; }
			div#alpha div.content div.entry div.footer { background: url("../img/content_footer.jpg") no-repeat; width: 403px; height: 18px; margin: 5px -18px 0 -16px; text-transform: uppercase; font: 10px Tahoma; color: #fff; line-height: 16px; padding: 0 0 0 118px; }
				div#alpha div.content div.entry div.footer span.blue { color: #267c96; }
			div#alpha div.content div.entry h3 { color: #222; font: bold 13px Tahoma; }
			div#alpha div.content div.entry small { color: #8b8b8b; font-size: 10px; display: block; }
			div#alpha div.content div.entry p { padding: 5px 0 0 0; line-height: 14px; }
			div#alpha div.content div.entry img.entryImage { margin: 5px auto 0 auto; display: block; width: 494px; }
	
div#beta { float: left; width: 330px; background: url("../img/beta_background.jpg") repeat-y bottom left; margin-bottom: 8px; }
	div#beta div#video { width: 330px; height: 274px; padding: 32px 0 0 0; background: url("../img/recent_videos.jpg") no-repeat; }
		div#beta div#video h2 { display: none; }
		div#beta div#video dl { width: 293px; height: 94px; display: block; background: url("../img/video_playlist.jpg") no-repeat; padding: 8px 5px 0 15px; color: #fff; margin: auto; }
			div#beta div#video dl dt { width: 165px; display: block; float: left; clear: both; line-height: 22px; }
				div#beta div#video dl dt a { color: #fff; }
			div#beta div#video dl dd.time { float: left; width: 63px; text-align: center; line-height: 22px; }
			div#beta div#video dl dd.date { color: #9c9a9c; display: block; float: right; width: 65px; text-align: center; line-height: 22px; }
	
	div#beta div#roster { width: 330px; padding: 25px 0 5px 0; background: url("../img/team_roster.jpg") no-repeat; }
		div#beta div#roster h2 { display: none; }
		div#beta div#roster a { display: block; width: 328px; height: 55px; background-position: top; text-indent: -999em; }
		div#beta div#roster a:hover { background-position: bottom; }
		div#beta div#roster a#roster_dota { background-image: url("../img/roster_dota.png"); }
		div#beta div#roster a#roster_css { background-image: url("../img/roster_css.png"); }
		div#beta div#roster a#roster_cs { background-image: url("../img/roster_cs.png"); }
		div#beta div#roster a#roster_cod { background-image: url("../img/roster_cod.png"); }
		div#beta div#roster a#roster_tf2 { background-image: url("../img/roster_tf2.png"); }
		div#beta div#roster a#roster_l4d { background-image: url("../img/roster_l4d.png"); }
		div#beta div#roster a#roster_ql { background-image: url("../img/roster_ql.png"); }
		
	div#beta div#upcevents { width: 330px; padding: 23px 0 5px 0; background: url("../img/upcoming_events.jpg") no-repeat; }
		div#beta div#upcevents h2 { display: none; }
		div#beta div#upcevents dl { width: 322px; display: block; margin: auto; background: url("../img/upcoming_events_bg.jpg") repeat-y; padding: 5px 0 1px 0; }
			div#beta div#upcevents dl dt { display: block; width: 322px; height: 12px; text-indent: -999em; padding: 0 0 5px 0; }
			div#beta div#upcevents dl dt#event_lan { background: url("../img/upcoming_events_lan.jpg") no-repeat; }
			div#beta div#upcevents dl dt#event_online { background: url("../img/upcoming_events_online.jpg") no-repeat; }
			div#beta div#upcevents dl dd { padding: 5px 8px; background: url("../img/upcoming_events_dd.jpg") repeat-y; display: block; width: 306px; }
				div#beta div#upcevents dl dd img { vertical-align: middle; float: left; margin: 0 8px 0 0;}
			div#beta div#upcevents dl dd.top { background: url("../img/upcoming_events_tb.jpg") no-repeat; width: 322px; height: 1px; display: block; padding: 0; }
			div#beta div#upcevents dl dd.bottom { margin: 0 0 5px 0; background: url("../img/upcoming_events_tb.jpg") no-repeat; width: 322px; height: 2px; display: block; padding: 0; }
	
div#charlie { float: right; width: 201px; }
	div#charlie div#coverage h2 { display: block; width: 201px; height: 24px; background: url("../img/recent_coverages.jpg") no-repeat; text-indent: -999em; }
	div#charlie div#recmedia h2 { display: block; width: 201px; height: 24px; background: url("../img/recent_media.jpg") no-repeat; text-indent: -999em; }
	div#charlie div#articles h2 { display: block; width: 201px; height: 24px; background: url("../img/recent_articles.jpg") no-repeat; text-indent: -999em; }
	
	div#charlie div.recents dl dt { text-transform: uppercase; font: italic 10px Arial; color: #3c3c3c; }
		div#charlie div.recents dl dt img { vertical-align: middle; margin: 0 3px 0 5px; }
	div#charlie div.recents dl dt.first { width: 201px; height: 29px; line-height: 29px; background: url("../img/charlie_dl_first.jpg") no-repeat; display: block; }
	div#charlie div.recents dl dt.gray { width: 201px; height: 30px; line-height: 29px; background: url("../img/charlie_dl_gray.jpg") no-repeat; display: block; }
	div#charlie div.recents dl dt.white { width: 201px; height: 30px; line-height: 29px; background: url("../img/charlie_dl_white.jpg") no-repeat; display: block; }
	div#charlie div#coverage dl dt.last, div#charlie div#articles dl dt.last { width: 201px; height: 30px; line-height: 29px; background: url("../img/coverage_dl_last.jpg") no-repeat; display: block; }
	div#charlie div#recmedia dl dt.last { width: 201px; height: 31px; line-height: 30px; background: url("../img/media_dl_last.jpg") no-repeat; display: block; }
	div#charlie div.recents dl dd { float: right; margin: -21px 0 -8px 0; line-height: 29px; display: block; padding: 0 10px 0 0; height: 22px; }
	
	div#charlie div#coverage dl dd a, div#charlie div#articles dl dd a { display: block; width: 49px; height: 14px; text-indent: -999em; background: url("../img/charlie_read.png") no-repeat; }
	div#charlie div#recmedia dl dd a, div#matchReview div#writeup a#view { display: block; width: 49px; height: 14px; text-indent: -999em; background: url("../img/charlie_view.png") no-repeat; }
	
	div#charlie div#head h2 { display: block; width: 201px; height: 42px; text-indent: -999em; background: url("../img/head_sponsor.jpg") no-repeat; }
	div#charlie div#main h2 { display: block; width: 201px; height: 39px; text-indent: -999em; background: url("../img/main_sponsor.jpg") no-repeat; }
	div#charlie div#support h2 { display: block; width: 201px; height: 39px; text-indent: -999em; background: url("../img/support_sponsor.jpg") no-repeat; }
	div#charlie div#our h2 { display: block; width: 201px; height: 39px; text-indent: -999em; background: url("../img/our_advert.jpg") no-repeat; }
	
	div#charlie div.sponsor dl { display: block; width: 201px; height: 113px; background: url("../img/sponsor_background.jpg") no-repeat; text-indent: -999em; }
		div#charlie div.sponsor dl dt, div#charlie div.sponsor dl dd { display: none; }
			div.sponsor dd.visit { display: block !important; width: 201px; height: 113px; }
				div.sponsor dd.visit a { display: block; width: 201px; height: 113px; }
	
	div#charlie div.footer { width: 203px; height: 49px; margin: 0 0 0 -2px; background: url("../img/charlie_footer.jpg") no-repeat; }
	
	div#charlie ul#links { display: block; width: 201px; height: 28px; background: url("../img/links.jpg") no-repeat; margin: 0 0 0 0; padding: 2px 0 0 0; }
			div#charlie ul#links li { display: block; float: left; height: 28px; }
				div#charlie ul#links li a { display: block; height: 28px; width: auto; text-indent: -999em; }
				div#charlie ul#links li#home { width: 45px; }
				div#charlie ul#links li#faq { width: 39px; }
				div#charlie ul#links li#contact { width: 60px; }
				div#charlie ul#links li#apply { width: 47px; }
				
table.matchd tr td h4 { font-size: 16px; color: #4989a5; }
	table.matchd tr td h4 a { color: #4989a5; }
table.matchd tr td.matchi { color: #999; text-align: center; vertical-align: middle;}
	table.matchd tr td.matchi span { font-size: 20px; font-weight: bold; }
table tr td.mtitle { width: 20%; }
			
	div#footer { position: relative; background: url("../img/footer.jpg") no-repeat; width: 849px; height: 73px; float: left; }

.win { color: #62bf3a !important; }
.loss { color: #af0000 !important; }
.tie { color: #ff9639 !important; }
.left { float: left; }
.right { float: right; }
.ttop td { vertical-align: top !important; }
.tmiddle td { vertical-align: middle !important; }
.tcenter { text-align: center !important; }
.tright { text-align: right !important; }
.tleft { text-align: left !important; }
table.nopadding td { padding: 0 !important; }