@charset "utf-8";

/*
	Lethal Gamers
*/

html, body {

	height: 100%;
	margin: 0px;
  	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	width: 100%;
	background: #000000 url('../images/bg.png') no-repeat top center;

}

div {

	position: relative;
	z-index: 0;
	text-align: left;

}


img { border: 0px; }

#nonFooter {

	position: relative;
	min-height: 100%;
	top: 0px;

}

* html div#nonFooter {

	height: 100%;
	margin: 0px;
	padding: 0px;

}

div#footer {

	width: 984px;
	min-height: 30px;
	margin: auto;
	color: #FFFFFF;
	font-size: 10px;
	padding-left: 3px;

}

div#content {

	width: 984px;
	margin: auto;
	padding: 10px 0px 12px 0px;

}

div#form form { padding: 3px 0px 0px 40px; }

div#form {

	width: 489px;
	height: 27px;
	margin-left: 495px;
	padding-bottom: 10px;

}

div#form form { height: 27px; background: transparent url('../images/top_form_bg.png') no-repeat top left; }

div#form .field { width: 133px; float: left; margin-right: 2px; }

div#form input {

	width: 133px;
	height: 17px;
	color: #000000;
	background: #a0a0a0 url('../images/top_input_bg.png') no-repeat top left;
	border: 1px solid #000000;

}

div#form .submit {

	width: 39px;
	height: 19px;
	background: #FFFFFF url('../images/top_submit.png') no-repeat top left;
	margin: 1px 0px 0px 10px;
	border: 0px;

}

div#form .register a {

	width: 48px;
	height: 19px;
	background: #FFFFFF url('../images/top_register.png') no-repeat top left;
	margin: -19px 0px 0px 75px;
	float: left;

}

div#form .lost_password a {

	width: 48px;
	height: 19px;
	background: #FFFFFF url('../images/top_lost_password.png') no-repeat top left;
	margin: -19px 0px 0px 125px;
	float: left;

}

*:first-child+html div#form .register a { position: absolute; }
*:first-child+html div#form .lost_password a { position: absolute; }

div#top {

	width: 828px;
	height: 81px;
	background: transparent url('../images/header.png') no-repeat top left;

}

div#top #homelink, div#top #homelink a {

	color: #000000;
	width: 350px;
	height: 81px;

}

div#top #homelink a { display: block; }

div#menu {

	width: 828px;
	background: #999999 url('../images/menu_bg.png') repeat-x top left;
	margin: 0px 0px 0px -492px;
	left: 50%;
	position: absolute;

}

*:first-child+html div#menu { position: relative; }

div#menu ul {

	list-style: none;
	padding: 0px;
	margin: 0px;

}

div#menu li {

	float: left;

}

#menu li.menu {

	display: inline;
	float: left;
	height: 32px;
	width: auto;
	margin-left: 35px;

}

#menu a {

	height: 32px;
	margin-top: 1px;
	display: block;

}

#menu a.news					{ width: 34px; background: #000000 url('../images/news.png') no-repeat top left; }
#menu a.events					{ width: 48px; background: #000000 url('../images/events.png') no-repeat top left; }
#menu a.tv						{ width: 41px; background: #000000 url('../images/tv.png') no-repeat top left; }
#menu a.forums					{ width: 50px; background: #000000 url('../images/forums.png') no-repeat top left; }
#menu a.stats					{ width: 41px; background: #000000 url('../images/stats.png') no-repeat top left; }
#menu a.store					{ width: 42px; background: #000000 url('../images/store.png') no-repeat top left; }
#menu a.downloads				{ width: 73px; background: #000000 url('../images/downloads.png') no-repeat top left; }
#menu a.aboutus					{ width: 66px; background: #000000 url('../images/aboutus.png') no-repeat top left; }
#menu a.contact					{ width: 58px; background: #000000 url('../images/contact.png') no-repeat top left; }

div#top_ad {

	width: 828px;
	height: 101px;
	background: #000000 url('../images/ad_header.png') no-repeat top left;
	margin-top: 35px;

}

div#top_ad .top_ad {

	width: 728px;
	height: 90px;
	margin-left: 50px;
	padding-top: 5px;

}

*:first-child+html div#top_ad { margin: 3px 0px 5px 0px; }

div#promotion {

	width: 151px;
	height: 216px;
	position: absolute;
	margin: -217px 0px 0px 831px;
	border: 1px solid #000000;

}

*:first-child+html div#promotion { margin-top: -222px; }

div#sponsors {

	width: 147px;
	background-color: #000000;
	position: absolute;
	margin: 5px 0px 0px 831px;

}

div#sponsors .header {

	width: 147px;
	height: 17px;
	background: transparent url('../images/sponsors_header.png') no-repeat top left;

}

div#sponsors .item a {

	text-align: center;
	display: block;
	margin: 15px 0px 15px 0px;

}

div#main {

	width: 828px;
	margin-top: 5px;

}

div#main #main_box, div#main #main_box .main_top, div#main #main_box .main_middle, div#main #main_box .main_bottom { width: 828px; }

div#main h1, h2 { color: #418ad5; }

div#main #main_box .main_top	{ height: 5px; background: #000000 url('../images/main_box_top.png') no-repeat top left; }
div#main #main_box .main_middle { background: #000000 url('../images/main_box_middle.png') repeat-y top left; }
div#main #main_box .main_bottom { height: 5px; background: #000000 url('../images/main_box_bottom.png') no-repeat top left; }

div#main #main_box .main_middle .padding { padding: 2px 10px; }

div#main #main_box .main_middle .padding #left { width: 501px; float: left; }
div#main #main_box .main_middle .padding #right { width: 300px; margin-left: 4px; float: left; }

div#main #box { width: 501px; }
div#main #box .middle { width: 501px; background: #000000 url('../images/box_middle.png') repeat-y top left; }
div#main #box .middle .spacer { padding: 5px 10px; }
div#main #box .bottom { height: 1px; border-bottom: 1px solid #191818; }
div#main #box h1 { font-size: 16px; margin: 0px; }
div#main #box h3 { font-size: 12px; margin: 2px 0px; }
div#main #box .read_more { text-align: right; }

div#main #box.small { width: 303px; margin-bottom: 20px; }
div#main #box.small .middle { width: 303px; background: #000000 url('../images/small_box_middle.png') repeat-y top left; } 
div#main #box.small .middle .spacer { padding: 0px; }
div#main #box.small .middle .spacer p { margin: 0px; padding: 3px 5px; }

div#main #box.full { width: 741px; }
div#main #box.full .middle { width: 741px; background-color: #000000; background-image: none; }

div#main #box.full .top {
	
	width: 742px;
	height: 16px;
	background: #000000 url('../images/news_header.png') no-repeat top left;	
	
}

div#main #left #box.latest_new .top {

	width: 501px;
	height: 18px;
	background: #000000 url('../images/latest_news_header.png') no-repeat top left;

}

div#main #right #box.tournament_demos .top {

	width: 303px;
	height: 19px;
	background: #000000 url('../images/tournament_demos_header.png') no-repeat top left;

}

div#main #right #box.tournament_demos .middle .spacer .match {

	height: 20px;
	width: 297px;
	font-size: 10px;
	padding: 5px 0px 0px 5px;
	margin-left: 1px;
	background-color: #000000;

}

div#main #right #box.tournament_demos .middle .spacer .match.alt { background-color: #0d0d0d; }

div#main #right #box.tournament_demos .middle .spacer .match .cs {

	width: 16px;
	height: 16px;
	background: #000000 url('../images/cs.png') no-repeat top left;
	float: left;

}

div#main #right #box.tournament_demos .middle .spacer .match .date {

	width: 30px;
	height: 16px;
	margin-left: 5px;
	float: left;

}

div#main #right #box.tournament_demos .middle .spacer .match .teams {

	width: 170px;
	height: 16px;
	margin-left: 5px;
	float: left;

}

div#main #right #box.tournament_demos .middle .spacer .match .map {

	width: 20px;
	height: 16px;
	float: left;

}

div#main #right .main_ad {

	width: 303px;
	height: 300px;
	background-color: #FF0000;
	margin-bottom: 20px;
	float: left;

}

#profile { padding: 5px; }

#profile .heading {
	
	color: #418ad5;
	font-size: 14px;
	font-weight: bold;
	margin-top: 30px;
	
}

#profile .bar { height: 1px; margin: 4px 0px 6px 0px; border-bottom: 1px solid #565656; }

div#main #main_box .main_middle .padding #profile #left {
	
	width: 145px;
	height: 100%;
	float: left;
	
}

div#main #main_box .main_middle .padding #profile #left img { border: 1px solid #565656;}
div#main #main_box .main_middle .padding #profile #left .edit_picture { width: 127px; margin: 5px auto 0px auto; }
div#main #main_box .main_middle .padding #profile #left a { color: #418ad5; font-weight: bold; }

div#main #main_box .main_middle .padding #profile #center {
	
	width: 332px;
	height: 100%;
	margin-left: 45px;
	float: left;

}

div#main #main_box .main_middle .padding #profile #center .text {

	width: 150px;
	color: #FFFFFF;
	font-weight: bold;
	float: left;
	clear: both;

}

div#main #main_box .main_middle .padding #profile #center .value { width: 182px; color: #FFFFFF; float: left; }
#profile #center #biography .value { width: 100%; }

div#main #main_box .main_middle .padding #profile #right {
	
	width: 230px;
	height: 100%;
	margin-left: 45px;
	float: left;
	
}

div#main #main_box .main_middle .padding #profile #right .heading a {
	
	color: #565656;
	font-size: 11px;
	margin-left: 69px;
		
}

div#main #main_box .main_middle .padding #profile #right .alias a, #profile #right .action a { font-size: 11px; font-weight: bold; }
div#main #main_box .main_middle .padding #profile #right .alias { width: 160px; float: left; }
div#main #main_box .main_middle .padding #profile #right .action a { color: #565656; }

div#main #main_box .main_middle .padding #profile #right .discussion a, #profile #right .event a { font-weight: bold; }

fieldset { border: 1px solid #303030; }
a { color: #418ad5; text-decoration: none; }
a:hover { text-decoration: underline; }
.form-notice a { color: #418ad5; font-weight: bold; }
div#logged-in { text-align: right; }
div#logged-in span { font-size: 14px; }
div#logged-in a { font-size: 11px !important; font-weight: bold; color: #418ad5 !important; }

#form .notice 
{ 
	position: absolute; left: -460px; width: 440px; height: 21px; padding: 0 11px 0 0; 
	background: url(/images/login-error-arrow.gif) no-repeat right center; 
}
#form .notice div 
{
	background: #FFFFCC; border: 1px solid #ffcc66; border-right: 0; color: #000; height: 19px; 
	line-height: 19px; padding: 0 2px 0 6px; float: right; 
}

.form-notice { margin-top: 10px; }
.form-notice ul li, .form-notice p { color: #000000; }

#fs_editprofile_general_information, #fs_editprofile_picture, #fs_editprofile_gaming_information, #fs_editprofile_biography, #fs_editprofile_comp_specs, #fs_editprofile_time_zone, #fs_editprofile_forum_settings { margin-top: 10px; }

.comment-container { padding: 8px; background: #151515; border: 1px solid #303030; margin-bottom: 5px; }
.comment-container .sub-header { padding: 0 0 4px 0; }
.comment-container .comment-content { padding: 4px 4px 0 4px; }
.comment-container .comment-controls {  }
.comment-container .comment-number { font-size: 14px; margin-right: 10px; }
.comment-container .comment-time { color: #888; }
.comment-container .comment-quote { background: #050505; padding: 4px; margin: 0 0 2px 0; border: 1px solid #303030; width: 99.1%; }
.comment-container .comment-quote-header { color: #888; }
.comment-container .comment-nuked { color: #ff0000; font-weight: bold; }

div.forums-tree { background: #151515; border: 1px solid #303030; padding: 8px; }
div.forums-tree a { font-size: 14px; margin: 0 14px 0 0; background: url(/images/box_link_icon.png) left center no-repeat; padding: 0 0 0 16px; }
table.forums { border: 1px solid #303030; border-bottom: none; margin-top: 10px; width: 100%; }
table.forums th { padding: 8px 6px; font-size: 14px; border-bottom: 1px solid #303030; background: #151515; }
table.forums td { border-bottom: 1px solid #303030; padding: 4px 6px; }

table.forums .user-link { color: #ccc; }

#past_event { width: 303px; background-color: #000000; padding-bottom: 10px; }
#past_event .text {
	
	width: 303px;
	height: 17px;
	background: #000000 url('../images/past_events_header.png') no-repeat top left;

}
#past_event .text-header { display: none; }
#past_event h1 { font-size: 14px; }

#next_event { width: 373px; background-color: #000000; }
#next_event .text {
	
	width: 373px;
	height: 17px;
	background: #000000 url('../images/next_event_header.png') no-repeat top left;

}
#next_event .text-header { display: none; }
#next_event h1, h2 { font-size: 14px; }

#upcoming_event { width: 303px; background-color: #000000; }
#upcoming_event .text {
	
	width: 303px;
	height: 17px;
	background: #000000 url('../images/future_events_header.png') no-repeat top left;
	
}
#upcoming_event .text-header { display: none; }
#upcoming_event h1, h2 { font-size: 14px; }

div#messages-holder {
	
	border-top: 1px solid darkgray;
	border-bottom: 1px solid darkgray;
	padding: 10px;
	margin-top: 10px;	
	
}

div#messages-holder #header {
	
	width: 100%;
	height: 15px;
	font-weight: bold;
	border: 1px solid darkgray;
	padding: 5px 5px 5px 0px;
	margin-bottom: 10px;
	
}

div#messages-holder #header .from  { width: 101px; float: left; margin-left: 19px; }
div#messages-holder #header .subject  { width: 370px; float: left; }
div#messages-holder #header .received  { float: right; }
div#messages-holder #header .sent  { float: right; }


div#messages-holder #messages {
	
	width: 101%;
	margin-bottom: 10px;
	padding-bottom: 5px;
	float: left;
	border-bottom: 1px solid darkgray;	
	
}

div#messages-holder #messages .checkbox { float: left; }
div#messages-holder #messages .alias { width: 100px; float: left; }
div#messages-holder #messages .subject { width: 370px; float: left; }
div#messages-holder #messages .date { float: right; }

div#messages-holder .empty { margin: 20px 0px; }

div#messages-holder .stats { color: gray; font-size: 11px; margin-top: 10px; }

div#message {
	
	border-top: 1px solid darkgray;
	border-bottom: 1px solid darkgray;
	padding: 10px;
	margin-top: 10px;
	
}

div#message #headers {
	
	height: 50px;
	padding: 10px;
	border: 1px solid darkgray;

}

div#message #headers #info .subject { width: 60px; float: left; font-weight: bold; }
div#message #headers #info .subject-data { float: left; }
div#message #headers #info .from { width: 60px; float: left; font-weight: bold; }
div#message #headers #info .from-data { float: left; }
div#message #headers #info .to { width: 60px; float: left; font-weight: bold; }
div#message #headers #info .to-data { float: left; }

div#message .message-content { margin: 15px; }

div#message-tools { padding: 10px; }
div#message-tools .folders { float: left; }
div#message-tools .folders span { font-size: 12px; font-weight: bold; }
div#message-tools .message-actions { float: right; }
div#message-tools .message-actions span { font-size: 12px; font-weight: bold; }

.left { float: left; }
.right { float: right; }
.clear { clear: both; }