/*
Theme Name: WowHumor
Theme URI: http://wowhumor.net
Description: The third version of WowHumor's layout.
Version: 3.0
Author: Joshua Smellie
Tags: dark gray colour, fixed with, two columns, widgets
*/

/************************************
	GENERIC SELECTORS
************************************/
body{
	font:normal 13px 'Trebuchet MS';
	color:#FFF;
	margin:20px auto;
	background:#000 url(images/bg.png) repeat-y center;}
a{color:#FFC900;text-decoration:none;}
a:hover{color:#FFA000;}
#wrapper{width:920px;margin:0 auto;}
.line{margin:0 10px;border-bottom:1px solid #555;}

/* Text Box */
table{color:#FFF;}

.textBox{
	color:#FFF;
	padding:3px;
	font:normal 11px Verdana;
	background-color:#262626;
	border:1px solid #3F3F3F;}
.textBox:hover,.textBox:focus{
	color:#FFF;
	padding:3px;
	font:normal 11px Verdana;
	background-color:#222;
	border:1px solid #3F3F3F;}

.advert{
	float:right;
	width:468px;
	height:60px;
	margin-top:15px;
	margin-right:34px;}

/************************************
	HEADER
************************************/
.header{
	color:#FFF;
	height:100px;
	margin-bottom:4px;}

/************************************
	POST HEADERS
************************************/
.sidebar h1, .maincontent h1{
	margin:0;
	color:#FFF;
	font:bold 14px Georgia;
	margin-bottom:-10px;
	height:28px;
	padding:6px 10px;}
.sidebar h1{background:#222 url(images/headers/sidebar-h1.png);}
.maincontent h1{
	padding:6px 10px;
	background:#222 url(images/headers/content-h1.png);}


.sidebar h2, .maincontent h2{
	margin-top:10px;
	font:bold 16px Georgia;
	padding:0 8px;}

.sidebar h3, .maincontent h3{
	margin-top:8px;
	font:bold 14px Georgia;
	padding:0 8px;}

.titles{
	float:left;
	height:38px;
	margin-right:10px;
	margin-top:-10px;}

/************************************
	NAVIGATION BAR
************************************/
.navigation{}
.navbar{
	
	height:50px;
	margin-bottom:10px;
	margin-left:4px;
	background:#222 url(images/navbar/bg.png) no-repeat;}

ul.menubar{
	margin:0;
	padding:0;
	margin-left:7px;
	font:normal 11px Tahoma;}
ul.menubar li{
	margin-top:7px;
	float:left;
	list-style-type:none;}
ul.menubar .active{margin-top:2px;margin-right:4px;}

ul.menubar .text a{
	color:#FFF;
	display:block;
	padding:12px;
	text-decoration:none;}
ul.menubar .text a:hover{background:#242424;}

/************************************
	MAIN CONTENT AREA
************************************/
.maincontent{
	float:left;
	width:715px;
	margin-bottom:10px;}
.maincontent .content{
	margin-left:11px;
	text-align:left;
	background:#333;
	margin-bottom:5px;
	border-left:1px solid #3F3F3F;
	border-right:1px solid #3F3F3F;
	border-bottom:1px solid #3F3F3F;}

.maincontent ul{margin-left:0;margin:5px 0;}
.maincontent ul li{margin-top:3px;}
.maincontent ol li{color:#FFF;margin:5px 0;}

.maincontent p{margin:10px;text-align:justify;}

.maincontent .quote{
	margin:5px 20px;
	background:#262626}
.maincontent .quote .title{
	margin:0;
	padding:6px 10px;
	font:bold 11px Verdana;
	background:#111;}
.maincontent .quote p{
	margin:0;
	padding:8px 10px;
	font:normal 11px Verdana;}
	
/************************************
	SIDEBAR
************************************/
.sidebar{float:right;}
.sidebar .content{
	width:180px;
	margin-right:10px;
	border:1px solid #3F3F3F;
	border-top:none;
	font-family:Tahoma;}
.sidebar p{margin:8px;}

ul.contentbar{
	margin:0;
	padding:0;
	font:normal 11px Tahoma;}

ul.contentbar ul{font:normal 12px Tahoma;}
ul.contentbar li{
	list-style-type:none;
	position:relative;
	text-align:left;}

ul.contentbar a{
	display:block;
	cursor:pointer;
	width:160px;
	color:#FFF;
	background:#333;
	padding:6px 10px;
	padding-bottom:7px;
	text-decoration:none;}
ul.contentbar a:hover{background:#2C2C2C;}

ul.contentbar a.first{background:#333 url(images/sidebarbg.png) repeat-x;}
ul.contentbar a:hover.first{background:#2C2C2C url(images/sidebarbg.png) repeat-x;}

ul.contentbar a.list2{
	margin-left:-20px;
	padding:5px;
	width:150px;
	text-decoration:none;
	color:#FFC900;
	font-size:11px;
	background:none;}
ul.contentbar a:hover.list2{color:#FFA000;}

/************************************
	FOOTER
************************************/
.footer{
	width:920px;
	margin-bottom:20px;
	float:left;
	height:52px;
	margin-left:4px;
	background:url(images/footerbg.png) no-repeat;}
.footer p{
	margin:0;
	margin-top:13px;
	color:#FFF;
	text-align:center;
	font:normal 11px Verdana;}