ÿþ/*=======================================
// Project : Gamer District
// Copyright 2010-2011 MAD Esports Media.
// All rights reserved.
//=======================================*/

/* ----- HTML Tag Reset and ClearFix ----- */
body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h4,h6,pre,
form,fieldset,input,textarea,
p,blockquote,th,td					{ margin: 0; padding: 0; font-family: Verdana, sans-serif; font-size: 10px; }
table								{ border-collapse: collapse; border-spacing: 0; }
fieldset,img						{ border: 0; vertical-align: bottom; }
a,h1								{ overflow: hidden; }
ol,ul								{ list-style: none; }
caption,th							{ text-align: left; }
h1,h2,h3,h4,h4,h6					{ font-size: 100%; font-weight: normal; overflow: hidden; }
q:before,q:after				{ content: ''; }
abbr,acronym                       			{ border: 0;}
.clear:after					{ content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clear							{ display: inline-block; }
html[xmlns] .clear				{ display: block; }
* html .clear						{ height: 1%; }

/* ----- General ----- */
body			 	 				{ background: #000 url(../images/site/bg/body.jpg) repeat-x; color: #d5d5a6; background-position: top center; } 
html, body						{ height: 100%; }
#container 	 					{ width: 888px; margin: auto; min-height: 100%; position: relative; z-index: 1; }
#background						{ background: transparent url(../images/site/bg/background.jpg) no-repeat; background-position: top center; position: absolute; top: 0; left: 0; height: 1854px; width: 100%; }
a								{ color: #ffffb4; text-decoration: none; outline: none; }
a:hover							{ color: #ffffb4; text-decoration: underline; }

/* ----- Classes ----- */
.hidden							{ display: none; }
.yellow							{ color: #ffff61 !important; }
.win							{ color: #1eff00 !important; }
.loss							{ color: #fa7474 !important; }
.tie							{ color: #7487fa !important; }

/* ----- Top Text ----- */
#top_text						{ float: left; width: 888px; height: 20px; padding: 22px 0 0 0; }
#top_welcome					{ float: left; font-weight: bold; color: #949487; margin-left: 1px; }
#top_links						{ float: right; color: #a3a36d; margin-right: 2px; }
#top_links a						{ color: #a3a36d; }

/* ----- Top Content ----- */
#top_content					{ float: left; width: 888px; height: 50px; padding: 10px 0 0 0; }
#top_sponsors					{ float: left; }
#top_sponsors_title				{ float: left; background: url(../images/site/bg/top_sponsors.png) no-repeat; height: 24px; width: 91px; color: #8f8f76; font-size: 9px; padding: 6px 0 0 12px; margin-top: 3px; }
#top_sponsors_icons				{ float: left; }
#top_sponsors_icons img			{ float: left; margin: 0 0 0 20px; }
#top_search						{ float: right; }
#top_search input					{ float: left; background: url(../images/site/bg/search.png) no-repeat; height: 21px; width: 233px; border: 0px !important; outline: none; color: #6f6f67; padding: 2px 0 0 10px; }

/* ----- Titlebar ----- */
#titlebar						{ float: left; background: url(../images/site/bg/titlebar.png) no-repeat; height: 48px; width: 888px; }
#title_logo						{ float: left; padding: 14px 0 0 31px; height: 33px; width: 118px; }
#title_moto						{ float: left; background: url(../images/content/main/moto.png) no-repeat; height: 11px; width: 131px; text-indent: -9999px; margin: 21px 0 0 14px; }
#title_irc						{ float: right; padding: 12px 21px 0 0; }

/* ----- Banner ----- */
#site_banner					{ float: left; height: 181px; width: 888px; background: url(../images/content/main/banner.jpg) no-repeat; }
#top_large_ad					{ float: left; }
#top_large_ad_title				{ float: left; background: url(../images/site/bg/top_large_ad_title.png) no-repeat; height: 12px; width: 888px; margin-top: 23px; text-indent: -9999px; }
#top_large_ad_content			{ float: left; background: url(../images/site/bg/top_large_ad.jpg) no-repeat; height: 90px; width: 728px; padding: 0 25px; margin: 15px 0 0 58px; }

/* ----- Navigation ----- */
#site_nav						{ float: left; background: url(../images/site/bg/nav.png) no-repeat; height: 56px; width: 888px; }
#main_nav						{ float: left; margin: 8px 0 0 0; }
#main_nav li						{ float: left; height: 48px; text-align: center; }
#main_nav li a						{ color: #ffff61; font-weight: bold; display: block; padding: 18px 20px 20px 20px; }
#main_nav li a:hover				{ color: #7efff4; text-decoration: none; }
#main_nav li a img					{ float: right; margin: 2px 0 0 0; }

.nav_home						{ background: url(../images/site/nav/home_off.png) no-repeat; width: 80px; }
.nav_team						{ background: url(../images/site/nav/team_off.png) no-repeat; width: 81px; }
.nav_community					{ background: url(../images/site/nav/community_off.png) no-repeat; width: 111px; }
.nav_events						{ background: url(../images/site/nav/events_off.png) no-repeat; width: 84px; }
.nav_media						{ background: url(../images/site/nav/media_off.png) no-repeat; width: 75px; }
.nav_sponsors					{ background: url(../images/site/nav/sponsors_off.png) no-repeat; width: 100px; }

.nav_home:hover					{ background: url(../images/site/nav/home_on.png) no-repeat; width: 80px; }
.nav_team:hover					{ background: url(../images/site/nav/team_on.png) no-repeat; width: 81px; }
.nav_community:hover			{ background: url(../images/site/nav/community_on.png) no-repeat; width: 111px; }
.nav_events:hover				{ background: url(../images/site/nav/events_on.png) no-repeat; width: 84px; }
.nav_media:hover				{ background: url(../images/site/nav/media_on.png) no-repeat; width: 75px; }
.nav_sponsors:hover				{ background: url(../images/site/nav/sponsors_on.png) no-repeat; width: 100px; }

#teams_nav						{ float: right; height: 32px; padding: 19px 17px 0 0; }
#teams_nav li						{ float: left; margin: 0 0 0 20px;  }
#teams_nav li a					{ float: left; color: #d5d5a6; }
#teams_nav li a img				{ float: left; margin-right: 4px;}
#teams_nav li a span				{ float: left; margin-top: 1px; }
#teams_nav_status				{ float: left; }

/* ----- Main ----- */
#site_wrap						{ float: left; width: 888px; padding-top: 18px; }
#left_wrap						{ float: left; width: 610px; }

/* ----- Left ----- */
#left_wrap_top					{ float: left; background: url(../images/site/bg/left_wrap_top.png) no-repeat; height: 9px; width: 610px; text-indent: -9999px; }
#left_wrap_foot					{ float: left; background: url(../images/site/bg/left_wrap_foot.png) no-repeat; height: 8px; width: 610px; text-indent: -9999px; }
#left_wrap_content				{ float: left; padding: 0 8px 8px 7px; width: 595px; background: #414135 url(../images/site/bg/left_wrap_content.png) no-repeat; }

/* ----- Sidebar ----- */
#left_sidebar					{ float: left; width: 179px; }
#left_sidebar h3					{ float: left; height: 22px; width: 162px; background: url(../images/site/bg/left_header.png) no-repeat; color: #ffff61; font-weight: bold; text-align: right; padding: 10px 17px 0 0; margin-top: 10px; }
.first_left_header				{ margin-top: 0px !important; }
.left_sidebar_block				{ float: left; background: #24241f url(../images/site/bg/left_sidebar_block.jpg) repeat-x; width: 179px; min-height: 215px; }
.left_sidebar_block ul			{ float: left; margin: 13px 0 0 8px; width: 164px; }
.left_sidebar_block li			{ float: left; height: 33px; width: 164px; border-bottom: 1px solid #414135; padding-top: 12px;  }

/* ----- News list ----- */
.left_li_icon					{ float: left; margin: 5px 6px 0 0; }
.left_li_text					{ float: left; color: #d5d5a6; width: 145px; }
.left_li_text strong				{ font-weight: bold; color: #d5d5a6; }
.left_li_text a					{ color: #fefe61; }
.left_li_text span				{ color: #72f9f5; }

/* ----- Sidebar content ----- */
.left_sidebar_block_foot		{ float: left; background: url(../images/site/bg/left_sidebar_block_foot.png) no-repeat; height: 7px; width: 179px; text-indent: -9999px; }
.left_clip_content				{ float: left; background: url(../images/site/bg/clip.jpg) no-repeat; height: 164px; width: 179px; }
.left_sidebar_block_content		{ float: left; text-align: center; width: 179px; padding: 12px 0; }
.left_sidebar_sponsor			{ float: left; width: 164px; border-bottom: 1px solid #414135; min-height: 65px; margin: 10px 0 0 8px; }

/* ----- Content ----- */
#main_content					{ float: left; width: 403px; padding: 0 0 0 13px; }
#main_content_top				{ float: left; width: 403px; height: 26px; }
#main_content_top h2				{ float: left; font-size: 12px; color: #d5d5a6; font-weight: bold; padding: 4px 0 0 3px; }
#main_content_top_right			{ float: right; }
#main_content_top_right select	{ font-size: 12px; padding: 2px 2px; outline: none; width: 145px; background: #ddddd7; }

/* ----- News post ----- */
.news_post						{ float: left; width: 403px; padding: 10px 0 0 0; }
.news_title						{ float: left; height: 25px; width: 376px; background: url(../images/site/news/title.jpg) no-repeat; font-size: 12px; padding: 9px 0 0 27px; }
.news_poster					{ float: left; height: 23px; width: 188px; padding: 11px 0 0 5px; }
.news_poster img					{ position: relative; right: 1px; padding-left: 8px; }
.news_poster a					{ color: #ffff61; }
.news_date						{ float: left; height: 23px; width: 195px; background: url(../images/site/news/date.jpg) no-repeat; text-align: right; padding: 11px 15px 0 0;  }
.news_rubric					{ float: left; width: 403px; text-align: center; padding: 10px 0; }
.news_post p						{ float: left; width: 388px; padding: 0 7px 15px 8px; line-height: 14px; }
.news_foot						{ float: left; width: 397px; height: 22px; padding: 16px 0 0 5px; border-top: 1px solid #24241f; }
.news_foot a						{ color: #ffff61; }
.news_foot span					{ color: #161812; }

/* ----- Right ----- */
#right_sidebar					{ float: left; width: 264px; padding: 0 0 0 14px; }
#right_sidebar h3				{ float: left; height: 21px; width: 238px; background: url(../images/site/bg/right_header.png) no-repeat; color: #fefe61; font-weight: bold; text-align: right; padding: 10px 26px 0 0; margin-bottom: 12px;}
.right_side_h3_alt				{ margin-bottom: 8px !important; }

/* ----- Right list ----- */
.right_list_wrap				{ float: left; }
.right_list_wrap ul				{ float: left; width: 264px; }
.right_list_wrap li				{ float: left; height: 29px; width: 264px; border-bottom: 1px solid #1d1d17; padding: 5px 0 0 0 ; }
.right_list_wrap li div				{ float: left; }

/* ----- Roster list ----- */
.li_roster_icon					{ width: 22px; }
.li_roster_name					{ margin: 3px 0 0 6px; width: 185px; }
.li_roster_name a				{ font-weight: bold; color: #e4e45d; }
.li_roster_xfire				{ padding: 3px 0 0 0 ; }
.li_roster_flag					{ float: right !important; padding: 4px 3px 0 0 ;}

.leader .li_roster_name a		{ color: #74faf5 !important; }

/* ----- Divisions Select ----- */
.divisions_select				{ float: left; background: url(../images/site/bg/right_gamelist.png) no-repeat; height: 28px; width: 264px; margin: 0 0 5px 1px; cursor: pointer; }
.divisions_select_game			{ float: left; padding: 7px 0 0 10px; }
.divisions_select_title			{ float: left; padding: 7px 0 0 6px; text-shadow: #353628 1px 2px 1px; font-weight: bold; }
.divisions_select_arrow			{ float: right; padding-right: 1px; }

/* ----- Right more ----- */
.right_more						{ float: left; height: 28px; width: 264px; padding-top: 8px; }
.right_more p					{ float: left; padding: 4px 0 0 2px; }
.right_more p a					{ color: #5b5b42; }
.right_more_icon				{ float: right; }

/* ----- Right Titles ----- */
.right_title					{ float: left; width: 261px; height: 25px; padding-left: 2px; }
.right_title h4					{ float: left; font-weight: bold; font-size: 11px; text-transform: uppercase; color: #d5d5a6; width: 119px; }
.right_title_line				{ float: left; height: 1px; width: 142px; background: #52543e; margin: 7px 0 0 0;}

.right_title_alt				{ float: left; width: 261px; height: 22px; padding-left: 2px; }
.right_title_alt h4				{ float: left; font-weight: bold; font-size: 11px; text-transform: uppercase; color: #d5d5a6; width: 132px; }
.right_title_line_alt			{ float: left; height: 1px; width: 129px; background: #52543e; margin: 7px 0 0 0;}

/* ----- Match Info Block ----- */
.right_match_info				{ float: left; height: 73px; width: 263px; padding: 7px 0 0 2px; }
.right_match_map				{ float: left; width: 94px; }
.right_match_content			{ float: left; padding: 0 0 0 12px; width: 155px; }
.right_match_main				{ float: left; height: 36px; width: 155px; border-bottom: 1px solid #1d1d17;  }
.right_match_opp				{ float: left; width: 155px; height: 18px; font-size: 11px; font-weight: bold; }
.right_match_opp a				{ color: #74faf5; font-weight: bold; font-size: 11px; }
.right_match_date				{ color: #5b5b42; }
.right_match_event				{ float: left; width: 155px; padding: 9px 0 0 2px; color: #5b5b42; }
.right_match_event a				{ color: #ffff61; }

/* ----- Match list ----- */
.li_match_game					{ height: 20px; width: 22px; padding: 2px 0 0 2px; text-align: center; }
.li_match_opp					{ margin: 3px 0 0 6px; width: 165px; }
.li_match_opp a					{ font-weight: bold; color: #e4e45d; }
.li_match_score					{ font-weight: bold; float: right !important; margin: 3px 3px 0 0; }

/* ----- Thread list ----- */
.li_thread_icon					{ height: 20px; width: 18px; padding: 2px 0 0 6px;}
.li_thread_title				{ margin: 3px 0 0 6px; width: 234px; }
.li_thread_title a				{ font-weight: bold; color: #e4e45d; }
.li_thread_title span			{ color: #74faf5; font-weight: bold; }

/* ----- Gallery ----- */
.right_gallery					{ float: left; width: 262px; height: 85px; padding: 0 0 0 2px; }
.gallery_thumb					{ float: left; background: url(../images/site/bg/gallery_blank.png) no-repeat; height: 56px; width: 74px; padding: 8px 0 10px 0;}
.gallery_thumb img				{ max-height: 56px !important; max-width: 74px !important; }
.gallery_thumb_middle			{ margin: 0 20px 0 19px; }

/* ----- Calendar ----- */
.calendar 						{ padding: 0 3px 0 3px; }
td.calendar						{ padding: 0 4px 0 4px !important; }
.month_title					{ width: 262px; text-align: center; margin: 0 0 5px 0; }
.month_title a					{ font-size: 11px; text-shadow: #353628 1px 2px 1px; font-weight: bold; text-transform: uppercase; }
.month_title a:hover				{ text-decoration: none; }
.view_full_calendar				{ text-indent: -9999px; height: 10px; }

/* ----- Footer ----- */
#footer							{ float: left; background: url(../images/site/bg/footer.png) no-repeat; height: 62px; width: 888px; margin-top:17px; }
#footer ul						{ float: left; margin: 12px 0 0 1px; }
#footer li						{ float: left; height: 49px; text-align: center; }
#footer li a						{ color: #ffff61; font-weight: bold; display: block; padding: 18px 20px 21px 20px; }
#footer li a:hover					{ color: #7efff4; text-decoration: none; }

.foot_home						{ background: url(../images/site/foot/home_off.png) no-repeat; width: 80px; }
.foot_team						{ background: url(../images/site/foot/team_off.png) no-repeat; width: 81px; }
.foot_community					{ background: url(../images/site/foot/community_off.png) no-repeat; width: 111px; }
.foot_events					{ background: url(../images/site/foot/events_off.png) no-repeat; width: 84px; }
.foot_media						{ background: url(../images/site/foot/media_off.png) no-repeat; width: 75px; }
.foot_sponsors					{ background: url(../images/site/foot/sponsors_off.png) no-repeat; width: 100px; }

.foot_home:hover				{ background: url(../images/site/foot/home_on.png) no-repeat; width: 80px; }
.foot_team:hover				{ background: url(../images/site/foot/team_on.png) no-repeat; width: 81px; }
.foot_community:hover			{ background: url(../images/site/foot/community_on.png) no-repeat; width: 111px; }
.foot_events:hover				{ background: url(../images/site/foot/events_on.png) no-repeat; width: 84px; }
.foot_media:hover				{ background: url(../images/site/foot/media_on.png) no-repeat; width: 75px; }
.foot_sponsors:hover			{ background: url(../images/site/foot/sponsors_on.png) no-repeat; width: 100px; }

#foot_right						{ float: right; padding: 16px 17px 0 0; }
.foot_text						{ float: left; padding: 9px 14px 0 0; }
.foot_logo						{ float: left; }