/*
   General
------------------------------------------------------------------- */

html {
	height: 100%;
	font-size: 62.5%; /* reset 1em to 10px */
}

body {
	background: #4D463D url('img/body.jpg') repeat-x;
	font: normal 1.2em Arial,sans-serif;
	color: #444;
	height: 100%;
	padding-bottom: 1px; /* force scrollbars */
}

small,.small {font-size: 0.9em;}

a {color: #5A9AB8; text-decoration: underline;}
a:hover {color: #A9E4FF; text-decoration: underline;}


/* 
   Layout
------------------------------------------------------------------- */

/* Main */
#layout_wrapper {
	padding: 12px 0;
	width: 950px;
	margin: 0 auto;
}

.layout_container {
	background: url('img/container.jpg') no-repeat center top;
	min-height: 872px;
}
#qhlan .layout_inner_container {background: url('img/container_qhlan.jpg') no-repeat center top;}
#gev-lan .layout_inner_container {background: url('img/container_gev-lan.jpg') no-repeat center top;}
#lan-info .layout_inner_container {background: url('img/container_lan-info.jpg') no-repeat center top;}

/* Header */
#header {height: 181px;}

/* Header - Left */
#header_left {width: 420px;}
#header_left .header_content {padding: 17px 0 0 23px;}

#logo {margin-bottom: 10px;}
#logo a {
	display: block;
	width: 315px;
	height: 85px;
}
#logo-qhlan {background: url('img/logo-qhlan.jpg') no-repeat left top;}
#logo-gev-lan {background: url('img/logo-gev-lan.jpg') no-repeat left top;}
#logo-lan-info {background: url('img/logo-lan-info.jpg') no-repeat left top;}

#splash {
	width: 350px;
	font: bold 12px sans-serif;
	line-height: 16px;
	color: #ECDF88;
}

/* Header - Right */
#header_right {width: 340px;}

/* Tabs */
#tabs {
	padding-left: 20px;
	height: 34px;
}

#tabs_content {padding-top: 11px;}

#tabs ul {display: inline;}
#tabs li {float: left;}
#tabs a {
	text-align: center;
	display: block;
	height: 21px;
	font: bold 12px sans-serif;
	line-height: 20px;
	width: 93px;
	color: #EE8;
	margin-right: 1px;
	border-bottom: 1px solid #705F53;
}
#tabs li.current_page_item a {
	color: #EEE;
	background: url('img/tab-current.gif') no-repeat center top;
	border-bottom-color: #1E1C1A;
	text-decoration: none;
}


/* Navigation */
#navigation {
	height: 58px;
	color: #BBB;
}
#navigation_content {padding: 15px 18px 0;}
#navigation ul {display: inline;}
#navigation li {float: left; margin-right: 16px;}
#navigation a {
	font: bold 1.3em Arial,sans-serif;
	text-decoration: none;
}
#navigation li.current_page_item a {
	text-decoration: none;
	color: #DDD;
}

/* Content */
#content.col2 {
	float: left;
	width: 661px;
}
#content.col3 {
	float: left;
	width: 370px;
	margin-right: 7px;
}

.sidebar,#sidebar-user {
	width: 282px;
}



/*
   Boxes
------------------------------------------------------------------- */

/* Common */
.box {margin-bottom: 7px;}
.box .box_bottom {height: 7px;}
.box .box_bottom {
	display: block;
	line-height: 0;
	font-size: 0;
}
.box .box_title {
	padding: 7px 12px 5px 27px;
	text-transform: uppercase;
	font: normal 10px sans-serif;
	color: #7D726C;
}
.box .box_content {
	padding: 12px;
	border-top: 1px dotted #64615F;
	color: #C6B2A4;
}
.box .box_content a:hover {color: #FFE;}
.box .box_content h1, .box .box_content h2 {	
	margin-bottom: 0.2em;
}
.box .box_content h3, .box .box_content h4 {
	margin-bottom: 0.6em;
}
.box_title h1, .box_title h2, .box_title h3 {
	font: normal 10px sans-serif;
	color: #7D726C;
}

.box_title a.alt {color: #AAA;}
.box_title a.alt:hover {color: #A9E4FF;}
	

/* Small box */
.box_small {width: 282px;}
.box_small .box_bottom {background: url('img/box/small_bottom.gif') no-repeat left top;}
.box_small .box_content {background: url('img/box/small.gif') repeat-y left top;}
.box_small .box_title {background: url('img/box/small_title.gif') no-repeat left top;}

/* Medium box */
.box_med {width: 370px;}
.box_med .box_bottom {background: url('img/box/med_bottom.gif') no-repeat left top;}
.box_med .box_content {background: url('img/box/med.gif') repeat-y left top;}
.box_med .box_title {background: url('img/box/med_title.gif') no-repeat left top;}

/* Large box */
.box_large {width: 661px;}
.box_large .box_bottom {background: url('img/box/large_bottom.gif') no-repeat left top;}
.box_large .box_content {background: url('img/box/large.gif') repeat-y left top;}
.box_large .box_title {background: url('img/box/large_title.gif') no-repeat left top;}

/* Full box */
.box_full {width: 952px;}
.box_full .box_bottom {background: url('img/box/full_bottom.gif') no-repeat left top;}
.box_full .box_content {background: url('img/box/full.gif') repeat-y left top;}
.box_full .box_title {background: url('img/box/full_title.gif') no-repeat left top;}

/* User box */
.box_user {width: 282px;}
.box_user .box_bottom {background: url('img/box/user_bottom.gif') no-repeat left top;}
.box_user .box_content {background: url('img/box/user.gif') repeat-y left top;}
.box_user .box_title {background: url('img/box/user_title.gif') no-repeat left top;}

.box_user strong {color: #8FACBA;}
.box_user .box_content, .box_user .box_title {color: #AFC8D4;}



/*
   Headings, titles
------------------------------------------------------------------- */

h1 {font: normal 2em Georgia,sans-serif;}
h2 {font: normal 1.6em Georgia,sans-serif;}
h3 {font: normal 1.6em Verdana,sans-serif;}
h4 {font: bold 1em Georgia,sans-serif;}

h1,h2,h3,h4 {color: #DADAD5;}

p {padding: 0.2em 0 1.2em;}

img.bordered {padding: 3px; background: #FFF;}


/*
   Text
------------------------------------------------------------------- */

.strong {font-weight: bold;}
.tleft {text-align: left;}
.tcenter {text-align: center;}
.tright {text-align: right;}
.vtop {vertical-align: top;}
.bold {font-weight: bold;}


/*
   Padding, margin, height, width etc
------------------------------------------------------------------- */



/*
   Floats
------------------------------------------------------------------- */

.left {float: left;}
.right {float: right;}
.clear,.clearer {clear: both;}
.clearer,.block {
	display: block;
	line-height: 0;
	font-size: 0;
}
.clearer {height: 0;}


/*
   Navigation
------------------------------------------------------------------- */

/*
   Forms
------------------------------------------------------------------- */

label {cursor: pointer;}

input.button_small {
	padding: 2px 0;
	font: normal 0.8em Verdana,sans-serif;
}

input.text, textarea.textarea, select.select {
	border: 1px solid #635853;
	padding: 3px 4px;
	font: normal 1em sans-serif;
	background: #F7F7F2;
}
.box_content textarea {width: 320px; height: 120px;}

textarea.textarea {overflow: auto;}


table.form_table {font-size: 0.9em;}
table.form_table span.descr {color: #938883; padding-left: 10px;}
table.form_table td {padding: 1px 0;}
table.form_table tr.disabled td {padding: 4px 0;}
table.form_table td.property {width: 80px;}

.box_large table.form_table td.property {width: 100px;}

input.text:focus, textarea.textarea:focus, select.select:focus {
	background: #FFFFE6;
}

.error {
	color: #300;
	border: 1px solid #F00;
	background: #FAA;
	margin-bottom: 12px;
	padding: 6px 10px;
	font-size: 0.9em;
}
.error a {color: #900;}


#clan_management_actions td {padding-right: 5px;}


/*
   Specific
------------------------------------------------------------------- */




/*
   Misc
------------------------------------------------------------------- */

span.edit {color: #6D625C;}
span.edit a {color: #9D928C; text-decoration: none;}
span.edit a:hover {color: #DDC;}

a#signup {color: #FF6; border-bottom: 1px dotted #FFF;}
a#signup:hover {color: #FFF;}


/*
   Comments
------------------------------------------------------------------- */
.commentlist {border-top: 1px solid #705F53; margin: 0 -11px;}
.commentlist li {border-bottom: 1px solid #705F53;}
.commentlist .comment {padding: 10px 12px 0; background: #181716;}
.commentlist li.alt .comment {background: #1E1C1A;}
.comment .comment_date a {color: #696462; text-decoration: none;}
.comment .comment_date a:hover {color: #BBA;}
.comment .comment_text {padding: 6px 0 0;}
.comment .comment_author {font-weight: bold;}
.comment .comment_date {
	color: #696462;
	font-size: 0.9em;
}
.box_content .commentlist span.edit {font-size: 0.9em; font-weight: normal;}

/*
   Post
------------------------------------------------------------------- */
.post h1, .post h2 {font: bold 14px sans-serif;}
.post .post_date {
	color: #7D726C;
	font-size: 0.9em;
	margin-bottom: 8px;
}
.post .post_metadata {
	font-size: 0.9em;
	color: #797472;
}
.post .post_metadata a {color: #999492;}
.post .post_metadata a:hover {color: #EED;}
.post .post_body a {color: #C6B2A4; border-bottom: 1px dashed #5A9AB8; text-decoration: none;}


.box_content .separator {height: 30px; background: url('img/box/content_separator.gif') repeat-x left center;}

.post_body ol, .post_body ul {margin-bottom: 1.2em; margin-left: 1.6em;}
.post_body ol {list-style: decimal;}
.post_body ul {list-style: disc;}


/*
   Lists
------------------------------------------------------------------- */

.nice_list {margin: 5px 0 15px;}
.nice_list li,.nice_list td {
	padding: 5px;
	background: #292523;
}
.nice_list th {padding: 0 5px 5px;}
.nice_list li.alt,.nice_list tr.alt td {background: #342F2C;}

.box_user ul.nice_list li {background: #3C4E57;}
.box_user ul.nice_list li.alt {background: #425660;}

.spaced_list li {padding-top: 3px;}


/*
   jQuery
------------------------------------------------------------------- */

a.toggler {color: #999;}
.toggleable {display: none;}
.toggle_edit {background: #342F2C; padding: 0 10px; margin-top: 5px;}

.action_list li {padding: 10px 0; border-top: 1px solid #544F4C;}
.action_list li:first-child {border-top: none;}

/*
   Icons
------------------------------------------------------------------- */

span.icon_comment {background: url('img/icons/comment.gif') no-repeat left center; padding-left: 20px;}


/*
   Padding, margin, height, width, ..
------------------------------------------------------------------- */
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}
.mb0 {margin-bottom: 0;}
.p10 {padding: 10px;}

.w100p {width: 100%;}