@charset "utf-8";

/***************************************
* ---------- GENERAL STYLES ---------- *
***************************************/

*
{
	margin: 0;
	padding: 0;
}
body
{
	background-color: #000;
	font: 100% Arial, Helvetica, sans-serif;
	background-image: url('../images/body_bg.png');
}
a
{
	color: #777;
	text-decoration: none;
}
a:hover
{
	color: #000;
}
img
{
	border: 0;
}
ul
{
	list-style-type: none;
}
img.align_left
{
	float: left;
	margin-right: 5px;
}
.clear
{
	clear: both;
}

div#container
{
	width: 100%;
}

div#content
{
	background: url('../images/content_bg.png') repeat-y;
}

div#fade_bg
{
	background: url('../images/fade_bg.png') repeat-y;
	width: 980px;
	padding: 0 80px 0 79px;
	margin: auto;
}


/******************************************
* ---------- TOP BANNER STYLES ---------- *
******************************************/

div#header_bg
{
	background-image: url('../images/header_bg.png');
	width: 100%;
	height: 127px;
}
div#header
{
	background-image: url('../images/header.png');
	width: 1139px;
	height: 127px;
	margin: auto;
}
div#header2
{
	background-image: url('../images/header2.png');
	width: 1139px;
	height: 127px;
	margin: auto;
}
div#search_bar
{
	float: right;
	width: 315px;
	padding-top: 90px;
}
#search_bar input
{
	width: 190px;
	height: 15px;
	border: 0;
	background: url('../images/search_bar.png');
	padding: 13px 37px 8px 13px;
	font-size: 0.65em;
	color: #fff;
}


/******************************************
* ---------- NAVIGATION STYLES ---------- *
******************************************/

div#navbar_bg
{
	background-image: url('../images/nav_bg.png');
	width: 100%;
	height: 28px;
	font-weight: bold;
	line-height: 27px;
	color: #fff;
	font-size: 0.80em;
}
div#navbar
{
	background: url('../images/nav_bg_fixed.png') no-repeat;
	height: 28px;
	padding-left: 104px;
	width: 1035px;
	margin: auto;
}
#navbar ul li
{
	float: left;
	background: url('../images/nav_divider.png') no-repeat right;
}
#navbar ul li a
{
	color: #fff;
	display: block;
	padding: 0 12px;
}
#navbar ul li a:hover
{
	background: url('../images/nav_hover_bg.png') repeat-x;
}
#navbar #home_state
{
	background: url('../images/nav_home_bg.png') repeat-x left;
}


/*********************************************
* ---------- MEMBER DETAIL STYLES ---------- *
*********************************************/

div#user_account
{
	background-image: url('../images/member_bar.png');
	width: 960px;
	height: 76px;
	padding-left: 20px;
	color: #fff;
	margin: auto;
}
div#user_account p
{
	font-size: 0.70em;
	font-weight: bold;
}
div#user_account p.user
{
	font-size: 0.90em;
	font-weight: normal;
}
div#user_account a
{
	color: #fff;
}
div#user_account a:hover
{
	color: #666;
}
#user_account #member_icon
{
	float: left;
	width: 59px;
}
#user_account #welcome_user
{
	float: left;
	text-align: center;
	width: 270px;
	padding-top: 15px;
}
#user_account #member_notices
{
	float: left;
	width: 160px;
	padding-top: 10px;
}
#user_account #recent_challenges
{
	float: left;
	width: 404px;
	padding: 10px 27px 0 40px;
}


/*******************************************
* ---------- LEFT COLUMN STYLES ---------- *
*******************************************/

#content #main_left_col
{
	width: 166px;
	margin-left: 22px;
	float: left;
}

#content .left_col_header
{
	background-image: url('../images/left_col_header.png');
	height: 47px;
}
#content .left_col
{
	background: url('../images/left_col_bg.png') repeat-y;
	padding: 0 17px;
}
#content .left_col_footer
{
	background-image: url('../images/left_col_footer.png');
	height: 20px;
	margin-bottom: 10px;
}

.left_col .left_content_header
{
	background: url('../images/left_content_header.png') no-repeat;
	height: 5px;
}
.left_col .left_content
{
	background: url('../images/left_content_bg.png') repeat-y;
	padding: 0 6px;
	text-align: center;
}
.left_col .left_content p
{
	font-size: 0.7em;
	color: #777;
}
.left_col .left_content_footer
{
	background: url('../images/left_content_footer.png') no-repeat;
	height: 5px;
	padding-bottom: 4px;
}


/*********************************************
* ---------- MIDDLE COLUMN STYLES ---------- *
*********************************************/

#content #main_mid_col
{
	background: url('../images/main_dividers.png') no-repeat;
	min-height: 500px;
	width: 538px;
	padding: 0 30px 0 29px;
	float: left;
	margin-bottom: 80px;
}

#main_mid_col #current_display
{
	text-align: center;
}
#main_mid_col #updates_top
{
	background: url('../images/updates_top_bg.png') no-repeat;
	height: 10px;
}
#main_mid_col #updates_mid
{
	background: url('../images/updates_mid_bg.png') repeat-y;
}
#main_mid_col #updates_bot
{
	background: url('../images/updates_bot_bg.png') no-repeat;
	height: 40px;
}

#updates .updates_txt_header
{
	background: url('../images/updates_txt_header.png') no-repeat;
	height: 33px;
	line-height: 32px;
	text-indent: 18px;
}
#updates .updates_txt
{
	background: url('../images/updates_txt_bg.png') repeat-y;
	padding: 4px 18px 0 18px;
}
#updates .updates_txt p
{
	font-size: 0.7em;
	color: #777;
}
#updates .updates_txt a
{
	font-weight: bold;
	text-decoration: underline;
}
#updates .updates_txt_footer
{
	background: url('../images/updates_txt_footer.png') no-repeat;
	height: 10px;
	padding-bottom: 5px;
}


/********************************************
* ---------- RIGHT COLUMN STYLES ---------- *
********************************************/

#content #main_right_col
{
	width: 172px;
	float: left;
}

#main_right_col .right_col_header
{
	background: url('../images/right_col_header.png') no-repeat;
	height: 47px;
}
#main_right_col .right_col
{
	background: url('../images/right_col_bg.png') repeat-y;
}
#main_right_col .right_col_content
{
	background: url('../images/right_col_fade.png') no-repeat;
	min-height: 175px;
}

#main_right_col .right_col_footer
{
	background: url('../images/right_col_footer.png') no-repeat;
	height: 12px;
	margin-bottom: 10px;
}

#main_right_col .new_members
{
	padding: 8px 24px 0 24px;
}
#main_right_col .right_col_content p
{
	font-size: 0.65em;
	color: #777;
}

#main_right_col .right_col_divider
{
	background: url('../images/right_col_divider.png') no-repeat 30px;
	height: 1px;
	margin: 15px 0 5px 0;
}

#main_right_col .right_inner_top
{
	background: url('../images/right_inner_top.png') no-repeat;
	height: 5px;
}
#main_right_col .right_inner_mid
{
	background: url('../images/right_inner_bg.png') repeat-y;
	width: 128px;
	padding: 0 22px;
}
#main_right_col .right_inner_bot
{
	background: url('../images/right_inner_bot.png') no-repeat;
	height: 5px;
	padding-bottom: 4px;
}
.right_inner_mid .team_one
{
	width: 58px;
	text-align: right;
	float: left;
	border-right: 1px solid #999;
	padding-right: 5px;
}
.right_inner_mid .team_two
{
	width: 59px;
	text-align: left;
	float: left;
	padding-left: 5px;
}
#main_right_col .right_inner_mid p
{
	font-size: 0.70em;
	color: #777;
}


/**************************************
* ---------- FOOTER STYLES ---------- *
**************************************/

div#content_end
{
	margin: auto;
	width: 980px;
	height: 1px;
	background-image: url('../images/content_end.png');
}
div#footer
{
	background: url('../images/footer_bg.png') repeat-x;
	width: 100%;
	height: 43px;
	color: #fff;
	line-height: 40px;
	font-size: 0.80em;
}
#footer #footer_outer
{
	background: url('../images/footer_bg.png') repeat-x;
	width: 1139px;
	margin: auto;
}
#footer #footer_container
{
	width: 980px;
	margin: auto;
}
div#footer a
{
	color: #fff;
}
div#footer a:hover
{
	color: #32e0ff;
}
#footer #theme
{
	float: left;
	width: 100px;
	padding: 10px 15px 0 15px;
	line-height: 0px;
}
#footer select
{
	border: 1px solid #32e0ff;
	background-color: #42a5d3;
	font-size: 0.80em;
	color: #fff;
	padding: 2px;
}
#footer option
{
	padding-right: 10px;
}
#footer #copyright
{
	float: left;
	width: 280px;
}
#footer #footer_nav
{
	text-align: right;
	float: left;
	width: 547px;
}
#footer #anchor
{
	float: left;
	width: 47px;
}


/**************************************
* ---------- HEADER STYLES ---------- *
**************************************/

h2.left_col_h2, h2.right_col_h2
{
	color: #ffb500;
	line-height: 32px;
	margin-left: 12px;
	font-size: 0.85em;
}
h2.right_col_h2
{
	color: #0070ac;
}
h2.updates_h2
{
	color: #fff;
	font-size: 0.70em;
}
h3.col_h3
{
	color: #0070ac;
	font-weight: bold;
	font-size: 0.85em;
}
h3.recent_matches
{
	color: #999;
	font-weight: bold;
	font-size: 0.80em;
}
span.red
{
	color: #c10000;
}
span.green
{
	color: #59ac00;
}
h3 a, h4 a
{
	color: #0070ac;
}
h3.online_h3
{
	color: #0070ac;
	font-weight: normal;
	font-size: 0.75em;
	margin: 0 0 10px 3px;
}
h4.view_link, h4.right_view_link
{
	color: #0070ac;
	font-weight: bold;
	font-size: 0.70em;
	text-align: right;
	padding-right: 6px;
	margin-top: 20px;
}
h4.right_view_link
{
	padding-right: 16px;
}
.gamedet
{
	background: url('../images/left_content_bg.png') repeat-y;
	padding: 0 6px;
	text-align: center;
}
.left_col .left_content_header
{
	background: url('../images/left_content_header.png') no-repeat;
	height: 5px;
}
.left_col .left_content
{
	background: url('../images/left_content_bg.png') repeat-y;
	padding: 0 6px;
	text-align: center;
}