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

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

body {
	background: #2E2820 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 */
#wrapper {
	width: 754px;
	margin: 0 auto;
}

/* Logo */
#logo {
	width: 249px;
	margin: 20px auto;
}

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


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

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


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

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


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


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


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

.nice_list {margin: 5px 0 15px;}
.nice_list li,.nice_list td {
	padding: 5px;
	background: #092E43;
}
.nice_list th {padding: 0 5px 5px;}
.nice_list li.alt,.nice_list tr.alt td {background: #0B3A55;}

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

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


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