/*------------------------------------------------------------------
Version:	1.0
Author:		Jens Hjalmarsson
Website:	www.iamfake.com
Email:		jens@iamfake.com
----------------------------------------------------------------- */

/* =import styles.
------------------------------------------------------------------*/


/* =body
------------------------------------------------------------------*/
body {
	margin: 0;
	padding: 0;
	background: #91aeae url(images/bg.gif) repeat-x;
}

/* =misc.
------------------------------------------------------------------*/

/* =headings and text.
------------------------------------------------------------------*/
h1{
 	float: left;
	margin: 0;
	padding: 0;
	background: url(images/branding.jpg) no-repeat top left;
	width: 298px;
	height: 116px;
	overflow: hidden;
	text-indent: -99999999px;
}

#mainContent h2{
	margin: 0;
 	padding: 15px 0 0 25px;
 	background: url(images/h2_bg.jpg) no-repeat top left;
	font: 18px/20px arial,verdana,tahoma,georgia;
	color: #97a9a9;
}

#mainContent h2 a:link, #mainContent h2 a:visited{
	text-decoration: underline;
	color: #577070;
}

#mainContent h2 a:hover{
 	text-decoration: none;
	color: #97a9a9;
}

h3{
 	margin: 0;
 	padding: 0;
	color: #3e3e3e;
	font: bold 11px arial,verdana,tahoma,georgia;
	text-decoration: underline;
}

#mainContent .footer p{
 	margin: 10px 0;
 	padding: 5px;
	font: 13px/22px tahoma,arial,verdana,tahoma,georgia;
	background: url(images/dotted_underline.jpg) no-repeat top center;
	letter-spacing: 1px;
}

#mainContent .postInfo{
	margin: 0;
	padding: 10px 0 0 7px;
	background: url(images/dotted_underline.jpg) no-repeat top center;
	font: 13px tahoma,arial,verdana,tahoma,georgia;
}

#mainContent .postInfo a:link, #mainContent .postInfo a:visited{
	text-decoration: underline;
	color: #3ec3cb;
}

#mainContent .postInfo a:hover{
 	text-decoration: none;
	color: #3ec3cb;
}

/* =wrappers
------------------------------------------------------------------*/
#wrapper{
	margin: 25px auto 0 auto;
	padding: 0;
	width: 760px;
	background: url(images/main_bg.jpg) repeat-y;
}

#header{
	margin: 0;
	padding: 0;
	background: url(images/header_bg.jpg) repeat-x;
	width: 760px;
	height: 116px; 	
}

#mainContent{
 	float: right;
	margin: 0;
	padding: 0 13px 0 7px;
	width: 498px;
	text-align: left;
}

#secondaryContent{
 	float: left;
	margin: 0;
	padding: 7px 0 0 0;
	width: 242px;
	background: url(images/column_bg.jpg) no-repeat right top;
}

/* =search
------------------------------------------------------------------*/
#search{
	float: right;
	margin: 0;
	padding: 45px 25px 0 0;
	background: url(images/search_bg.jpg) no-repeat top right;
	width: 415px;
	height: 71px;
	text-align: right;
}

#search .form{
	margin: 0;
	padding: 12px 0 0 15px;
	background: url(images/search_form.jpg) no-repeat top left;
	width: 305px;
	height: 22px;
	border: none;
	color: #576f6f;
	text-transform: uppercase;
	font: 11px tahoma,arial,verdana,georgia;
}

#search #submit{
	margin: 0;
	padding: 0;
	background: url(images/search_form.jpg) no-repeat top right;
	width: 30px;
	height: 34px;
	border: none;
}

/* =top nav
------------------------------------------------------------------*/
#nav{
 	clear: both;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 37px;
	overflow: hidden;
}

#nav ul{
	list-style-type: none;
	margin: 0 auto;
	padding: 4px 0 0 0;
	background: url(images/topnav_bg.jpg) repeat-x;
	width: 748px;
	height: 32px;
	border-bottom: 1px solid #fff;
}

#nav li a{
 	display: block;
	margin: 0;
	padding: 0;
}

#nav li{
 	float: left;
	margin: 0 0 0 6px;
	padding: 0;
	background: url(images/topnav.jpg) no-repeat bottom right;
	width: 112px;
	height: 28px;
	font: bold 11px/28px arial,verdana,tahoma,georgia;
	text-align: center;
	overflow: hidden;
}

#nav li a:link, #nav li a:visited{
	text-decoration: none;
	color: #d7ffc6;
}

#nav li a:hover, #nav li a:active{
	text-decoration: none;
	color: #fff;
}

/* =news box
------------------------------------------------------------------*/
#news{
	margin: 0 auto;
	padding: 0 0 0 40px;
	background: #ffedb5 url(images/news_bubble.jpg) no-repeat left center;	
	border: 1px solid #d4be8f;
	width: 704px;
	height: 27px;
	font: 12px/28px arial,verdana,tahoma,georgia;
	color: #973939;
}

#news a:link, #news a:visited{
	text-decoration: underline;
	color: #be5b3c;
}

#news a:hover{
	text-decoration: none;
}

#news #poster a:link, #news #poster a:visited{
	text-decoration: underline;
	color: #dbb12f;
}

#news #poster a:hover{
	text-decoration: none;
}

/* =main content
------------------------------------------------------------------*/
#mainContent .content{
	margin: 7px 0 0 0;
	padding: 0;
	background: url(images/content_bg.jpg) repeat-y;
}

#mainContent .footer{
	margin: 0;
	padding: 0 25px 25px 25px;
	background: url(images/content_footer.jpg) no-repeat bottom left;
	color: #949494;
}

#comment
{
width: 380px;
}

/* =Secondary content
------------------------------------------------------------------*/
#secondaryContent ul{
 	clear: both;
	list-style-type: none;
	margin: 0 0 5px 0;
	padding: 0 0 0 9px;
}

#secondaryContent li{
 	display: block;
	margin: 0;
	padding: 0 7px 0 0;
	background: #e4eaea url(images/nav_bg.jpg) no-repeat top right;
	color: #323232;
	font: 11px/30px arial,verdana,tahoma,georgia;
	text-align: right;
	width: 222px;
	height: 30px;
}

#secondaryContent li a:link{
	text-decoration: underline;
	color: #3ec3cb;
}

#secondaryContent li a:visited{
	text-decoration: underline;
	color: #3ec3cb;
}

#secondaryContent li a:hover{
	text-decoration: none;
	color: #6c8282;
}

/* =footer
------------------------------------------------------------------*/
#footer{
	clear: both;
	margin: 0;
	padding: 23px 0 0 0;
	background: #91aeae url(images/footer_bg.jpg) no-repeat top left;
	text-align: center;
	width: 100%;
	height: 45px;
	font: 11px tahoma,arial,verdana,georgia;
	color: #465e5e;
	text-transform: uppercase;
}

#footer a:link, #footer a:visited{
	text-decoration: underline;
	color: #fff;
}

#footer a:hover{
	text-decoration: none;
	color: #fff;
}