* {
	margin: 0;
	padding: 0; }
html { font-size: 0.625em; }

body {
	background: #373737;
	font-family: Arial;
	font-size: 10px;
	text-align: center;
	color: #FFF;
}


/* Container
-------------------------*/
#container {
	background: url(_img/bg_container.gif) 0 0 repeat-y;
	text-align: left;
	margin: 0 auto;
	padding: 4px 0 3px;
	width: 916px; }

/*----- Main ----------*/

#content {
	float: left;
	margin: 0 0 0 253px; 
	width: 410px; }
#contentblank {
	float: left;
	width: 600px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 20px;
	color: #000;
}
/* Navigation
-------------------------*/
#navigation {
	background: url(_img/bg_nav.gif) 0 0 no-repeat;
	position: relative;
	margin: 0 auto;
	width: 888px;
	height: 44px; }
#navigation li { float: left; margin: 0 14px 0 28px; }
#navigation li a {
	font-weight: bold;
	text-decoration: none;
	font-size: 1.2em;
	color: #fff;
	height: 39px;
	padding: 0 0 0 8px;
	display: block; }
#navigation li span {
	float: left;
	height: 19px; /* 39 - 20 */
	padding: 20px 10px 0 2px; }
#navigation li a:hover { 
	background: url(_img/bg_nav_hover_left.gif) 0 0 no-repeat;
	color: #2b69a6; }
#navigation li a:hover span { background: url(_img/bg_nav_hover_right.gif) 100% 0 no-repeat; }

/* Banner
-------------------------*/
h1#banner {
	background: url(_img/banner.png) 0 0 no-repeat;
	margin: -5px auto 3px;
	width: 888px;
	height: 175px; 
	clear: both; }
#banner a {
	width: 888px;
	height: 125px;
	text-indent: -10000px;
	display: block; }
h1#underconstruction {
	background: url(_img/underconstruction.png) 0 0 no-repeat;
	margin:auto
	width: 800px;
	height: 750px; 
	clear: both; }
/* Sponsors
-------------------------*/
div#sponsors {
	width: 888px;
	height: 107px;
	margin: 0px 0px 5px 14px; padding: 0;
	background: url(_img/sponsors-bg.gif) no-repeat;
	position: relative;
}
div#sponsors a#prev {
	width: 18px;
	height: 96px;
	display: block;
	background: url(_img/sponsors-prev.gif) no-repeat;
			
	position: absolute;
	top: 6px; left: 8px;
}
	div#sponsors a#next {
	width: 18px;
	height: 96px;
	display: block;
	background: url(_img/sponsors-next.gif) no-repeat;
			
	position: absolute;
	top: 6px; right: 8px;
}
		
div#sponsors ul {
	list-style: none;
	width: 836px; height: 96px;
			
	position: absolute;
	top: 6px; left: 26px;
}
	div#sponsors ul li {
	width: 209px;
	height: 96px;
	float: left;
	text-align: center;
	}

/* Content
-------------------------*/
.news {
	width: 410px;
	clear: both; }
.news1 {
	width: 600px;
	clear: both;
}
.pics  {
	clear: both;
	margin-top: 3px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 20px;
	padding-right: 18px;
	padding-bottom: 17px;
	padding-left: 30px;
}
/* Info */
.news .news-info {
	background: url(_img/bg_news_info.gif) 0 0 no-repeat;
	position: relative;
	color: #fff;
	padding: 3px 0 4px 12px; 
	height: 33px; /* 36 - 3 */
	clear: both; }
.news-info a { 
	color: #fff;
	font-weight: bold; 
	text-decoration: none; }
.news-info a:hover { text-decoration: underline; }
.news-info h3.news-title {
	font-size: 1.2em;
	float: left;
	padding: 2px 0;
	font-weight: bold;
}
.news-info .news-desc {
	float: left;
	clear: left; }
.news-info .news-id { 
	position: absolute;
	font-size: 1.2em;
	font-weight: bold;
	color: #2a2a2a;
	text-align: center;
	top: 17px;
	right: 31px;
	width: 44px; 
	cursor: default;
	display: block; }
/* Info Blanks*/
.news1 .news-info1 {
	background: url(_img/bg_news_info1.gif) 0 0 no-repeat;
	position: relative;
	color: #fff;
	height: 33px; /* 36 - 3 */
	clear: both;
	float: none;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 4px;
	padding-left: 12px;
}
.news-info1 a { 
	color: #fff;
	font-weight: bold; 
	text-decoration: none; }
.news-info1 a:hover { text-decoration: underline; }
.news-info1 h3.news-title { 
	font-size: 1.2em; 
	float: left; 
	padding: 2px 0; }
.news-info1 .news-desc {
	float: left;
	clear: left; }
.news-info1 .news-id {
	position: absolute;
	font-size: 1.2em;
	font-weight: bold;
	color: #2a2a2a;
	text-align: center;
	top: 19px;
	right: 55px;
	width: 44px;
	cursor: default;
	display: block;
}

/* Text */
.news .news-text {
	background: url(_img/bg_news.gif) 0 0 no-repeat;
	font-size: 1.1em;
	color: #2a2a2a;
	padding: 20px 18px 17px; 
	margin: 3px 0 0 0;
	clear: both; }

/* More */
.news ul.news-more {
	float: right;
	clear: both; }
.news-more li { float: left; }
.news-more li a {
	background: url(_img/news_button_left.gif) 0 0 no-repeat;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	height: 26px; 
	padding: 0 0 0 9px;
	margin: 0 0 10px 8px;
	display: block; }
.news-more li a:hover { text-decoration: underline; }
.news-more li a span {
	background: url(_img/news_button_right.gif) 100% 0 no-repeat;
	float: left;
	height: 19px; /* 26 - 7 */
	padding: 7px 8px 0 0; }
.news ul.news-more1 {
	float: right;
	clear: both; }
.news-more1 li { float: left; }
.news-more1 li a {
	background: url(_img/news_button_left.gif) 0 0 no-repeat;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	height: 26px; 
	padding: 0 0 0 9px;
	margin: 0 0 10px 8px;
	display: block; }
.news-more1 li a:hover { text-decoration: underline; }
.news-more1 li a span {
	background: url(_img/news_button_right.gif) 100% 0 no-repeat;
	float: left;
	height: 19px;
	padding-top: 7px;
	padding-right: 8px;
	padding-bottom: 0;
	padding-left: 500;
}

/* Sidebars
-------------------------*/

#sidebar-left {
	float: left;
	margin: 0 0 0 -650px }
#sidebar-right {
	float: right;
	margin: 0 14px 0 0; }

/*----- Blocks ----------*/

.block {
	background: #2a2a2a;
	font-size: 1.1em;
	width: 234px;
	margin: 0 0 3px 0;
	clear: both; }
	
/* Corners */
.block .corners-top, .block .corners-bottom, 
.block .corners-top span, .block .corners-bottom span { display: block; height: 5px; background-repeat: no-repeat; }
.block .corners-top, .block .corners-bottom { background-image: url(_img/block_corners_left.gif); }
.block .corners-top span, .block .corners-bottom span { background-image: url(_img/block_corners_right.gif); }
.block .corners-top { background-position: 0 0; }
.block .corners-top span { background-position: 100% 0; }
.block .corners-bottom { background-position: 0 100%; }
.block .corners-bottom span { background-position: 100% 100%; }

/* Block Title */
.block h3.block-title { 
	background: url(_img/block_title_left.gif) 0 0 no-repeat;
	font-weight: bold;
	text-transform: none;
	margin: -5px 0 6px 27px;
	padding: 0 0 0 8px;
	height: 22px;
	cursor: default;
	clear: both; }
.block .block-title span {
	background: url(_img/block_title_right.gif) 100% 0 no-repeat;
	float: left;
	margin: 0 0 0 0;
	padding: 3px 16px 0 8px;
	height: 19px; /* 22 - 3 */
	color: #000;
}

/* Lists */
.block ul.list {
	width: 219px;
	margin: 0 auto;
	clear: both; }
.block .list li {
	background: url(_img/bg_list.gif) 0 0 no-repeat;
	width: 219px;
	height: 38px; 
	margin: 0 0 1px; }
.block .list li:hover {
	background-position: 0 100%;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
.block .list li a {
	background-position: 100% 100%;
	background-repeat: no-repeat;
	width: 219px;
	height: 38px;
	text-decoration: none;
	display: block; }

/* Matches */
.block .list li a.matches { 
	background: url(_img/bg_list_matches.gif) 9px 6px no-repeat; 
	padding: 13px 0 0 0;
	height: 25px; /* 38 - 13 */ }
.block .matches .matches-game {
	color: #fff;
	text-align: center;
	font-weight: bold;
	float: left;
	margin: 0 0 0 10px;
	width: 51px; }
.block .matches .matches-vs {
	color: #b0b0b0; 
	float: left;
	margin: 0 7px 0 8px; }
.block .matches .matches-opponent {
	font-weight: bold;
	color: #282828;
	float: left; }
.block .matches .matches-date { 
	font-style: normal;
	color: #b0b0b0; 
	float: right;
	margin: 0 11px 0 0; }
.block a.matches:hover .matches-opponent { text-decoration: underline; }

/* Read */
.block .list li a.read { background-image: url(_img/bg_list_read.gif); }
.block .list li a.read:hover { background-image: url(_img/bg_list_read_hover.gif); }
.block .read .post-info {
	float: left;
	width: 144px; /* 162 - 18 */
	height: 20px; /* 38 - 18 */
	padding: 9px;
	overflow: hidden; }
.block .read .post-info .post-title, .block .read .post-info .post-author {
	width: 10000px; /* Overflow */
	font-style: normal;
	float: left;
	display: block;
	color: #000;
}
.block a.read:hover .post-title { text-decoration: underline; }

/* Download */
.block .list li a.download { 
	background-image: url(_img/bg_list_download.gif); 
	background-position: 156px 100%; }
.block .download .dl-info {
	float: left;
	width: 144px; /* 162 - 18 */
	height: 20px; /* 38 - 18 */
	padding: 9px;
	overflow: hidden; }
.block .download .dl-title, .block .download .dl-more { 
	width: 10000px; /* Overflow */
	float: left;
	display: block; }
.block .download .dl-more { font-style: normal; }
.block a.download:hover .dl-title {
	text-decoration: underline;
	color: #000;
}

/* Roster */

ul#roster-switch {
	margin: 8px 0 0 27px;
	clear: both; }
#roster-switch li {
	float: left;
	margin: 0 7px 3px 0; }
#roster-switch li a { display: block; }
#roster-name { 
	color: #fff; 
	text-align: center;
	margin: 6px 0 3px;
	clear: both; }
#roster-name strong { color: #2e8fed; }

/* Login */

fieldset#user-login { 
	margin: 0 0 0 33px;
	clear: both; }
#user-login input {
	background: url(_img/bg_login_input.gif) 0 0 no-repeat;
	text-align: left;
	font-size: 1.2em;
	font-weight: bold;
	color: #2a2a2a;
	width: 168px;
	height: 24px; /* 30 - 6 */
	margin: 10px 0 6px 0;
	padding: 6px 0 0 13px;
	clear: both; }
.block p.login-more {
	float: left;
	margin: 0 0 8px 36px;
	clear: both; }
.login-more a {
	color: #fff;
	text-decoration: none;
	float: left;
	margin: 0 5px 0;
	display: block; }
.login-more a:hover { text-decoration: underline; }
input.login-submit { 
	background: url(_img/bg_login_submit.gif) 0 0 no-repeat;
	font-size: 0;
	text-indent: -10000px; 
	margin: 0 0 4px 166px;
	width: 47px;
	height: 22px;
	cursor: pointer;
	display: block;
	clear: both; }

/* Footer
-------------------------*/

#footer {
	background: url(_img/bg_footer.png) 0 0 no-repeat;
	color: #fff;
	margin: 0 auto;
	width: 888px;
	height: 44px; 
	clear: both; }
#footer a { font-weight: bold; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

#footer p#copyright {
	float: left;
	padding: 6px 0 0 51px; }
#copyright .ct { padding: 3px 0; display: block; }
#footer #base { 
	float: right;
	margin: 19px 49px 0 0; }
.hehe {
	color: #000;
}
