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

body {
	background: url(_img/bkg-page-cover.jpg) top center repeat-y;
	color: #000000;
	font-family: Garamond;
	font-size: 10px; 
	text-align: center;}
	

/* 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; }

/* 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.jpg) 0 0 no-repeat;
	margin: -5px auto 3px;
	width: 888px;
	height: 125px; 
	clear: both; }
#banner a {
	width: 888px;
	height: 125px;
	text-indent: -10000px;
	display: block; }



/* Content
-------------------------*/
.news {
	width: 410px;
	clear: both; }
	
/* 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; }
.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; }

/* Text */
.news .news-text {
	background: url(_img/bg_block.gif) top center no-repeat;
	font-size: 1.5em;
	color: #000000;
	padding: 20px 18px 17px; 
	margin: 4px 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; }

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

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

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

.block {
	background: url(_img/bg_block.gif) 100% 0 no-repeat;
	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: lowercase;
	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 */ }

/* 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%; }
.block .list li a {
	background-position: 100% 100%;
	background-repeat: no-repeat;
	width: 219px;
	height: 38px;
	text-decoration: none;
	display: block; }


/* Poll */
.block ul.poll {
	width: 219px;
	margin: 0 auto;
	clear: both; }
.block .poll li {
	background: 
	width: 219px;
	height: 38px; 
	margin: 0 0 1px; }
.block .poll li:hover { background-position: 0 100%; }
.block .poll li a {
	background-position: 100% 100%;
	background-repeat: no-repeat;
	width: 219px;
	height: 38px;
	text-decoration: none;
	display: block; }

/* 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: #000000; }

/* 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.gif) 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 #clan { 
	float: right;
	margin: 19px 49px 0 0; }