/*  
Theme Name: Truth
Description: Dark theme for www.truthwillout.co.uk
Author: Nathan Beck
Author URI: http://www.nathanbeck.co.uk
*/

body {
     font-family: Arial, Helvetica, Georgia, Sans-Serif;
     font-size: 12px;
     vertical-align: top;
     padding: 0;
     margin: 0;
     background: #111 url(images/bodybg.png);
     color: #fff;
}

#innerbody {
     height: 230px;
     background: url(images/innerbodybg.png) repeat-x;
}

#wrapper {
     width: 920px;
     margin: 0 auto;
}

#header {
     width: 900px;
     height: 180px;
     padding: 0px 10px;
     float: left;
     display: inline;
}

#logo {
     width: 240px;
     height: 150px;
     padding: 15px 10px;
     float: left;
     display: inline;
}

#banner {
     width: 350px;
     height: 160px;
     margin: 10px;
     float: right;
     display: inline;
     background: url(images/banner.png) no-repeat;
}

#menu {
     width: 900px;
     height: 40px;
     float: left;
     display: inline;
     padding: 0 10px;
}

#content {
     width: 900px;
     padding: 0 10px;
     float: left;
     display: inline;
     background: url(images/contentbg.png) repeat-y;
}

#contentleft {
     width: 520px;
     margin: 25px 0px 25px 25px;
     padding: 15px;
     float: left;
     display: inline;
     background: #444;
}

#contentfull {
     width: 850px;
     margin: 25px;
     padding: 0;
     float: left;
     display: inline;
     background: #444;
}

#sidebar {
     width: 275px;
     margin: 25px;
     padding: 0;
     float: left;
     display: inline;
     background: #444;
}

#fpsidebar {
     width: 275px;
     margin: 25px;
     padding: 0;
     float: left;
     display: inline;
}

#footer {
     width: 900px;
     height: 40px;
     padding: 10px;
     margin-bottom: 20px;
     float: left;
     display: inline;
     font-size: 11px;
     color: #ccc;
     text-align: center;
     line-height: 15px;
     background: url(images/footerbg.png) no-repeat;
}

#footer a {
     color: #ccc !important;
}

#footer a:hover {
     color: #fff !important;
}


/* MENU STYLES */

#menu ul{
        list-style: none;
	width: 900px;
	height: 40px;
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
}

#menu ul li{
	width: 100px;
	height: 40px;
	display: inline;
	float: left;
	background-position: top;
}

#menu ul li#home {background: url(images/homebutton.png) no-repeat;}
#menu ul li#home:hover {background-position: bottom;}

#menu ul li#campaign {background: url(images/campaignbutton.png) no-repeat;}
#menu ul li#campaign:hover {background-position: bottom;}

#menu ul li#about {background: url(images/aboutbutton.png) no-repeat;}
#menu ul li#about:hover {background-position: bottom;}

#menu ul li#blog {background: url(images/blogbutton.png) no-repeat;}
#menu ul li#blog:hover {background-position: bottom;}

#menu ul li#read {background: url(images/readbutton.png) no-repeat;}
#menu ul li#read:hover {background-position: bottom;}

#menu ul li#buy {background: url(images/buybutton.png) no-repeat;}
#menu ul li#buy:hover {background-position: bottom;}

#menu ul li#evidence {background: url(images/evidencebutton.png) no-repeat;}
#menu ul li#evidence:hover {background-position: bottom;}

#menu ul li#testimonials {background: url(images/testimonialsbutton.png) no-repeat;}
#menu ul li#testimonials:hover {background-position: bottom;}

#menu ul li#contact {background: url(images/contactbutton.png) no-repeat;}
#menu ul li#contact:hover {background-position: bottom;}


/* fpsidebar styles */

.fpsidebar {
     width: 275px;
     height: 120px;
     margin-bottom: 10px;
     float: left;
     display: inline;
}

.fpsidebar#a {
     background: url(images/fpsidebar1.png) no-repeat top;
}
.fpsidebar#a:hover {background-position: bottom;}

.fpsidebar#b {
     background: url(images/fpsidebar2.png) no-repeat top;
}
.fpsidebar#b:hover {background-position: bottom;}

.fpsidebar#c {
     background: url(images/fpsidebar3.png) no-repeat top;
}
.fpsidebar#c:hover {background-position: bottom;}

.fpsidebar#d {
     background: url(images/fpsidebar4.png) no-repeat top;
}
.fpsidebar#d:hover {background-position: bottom;}


.fpquote {
     font-size: 15px;
     font-weight: bold;
}

/* Standard Sidebar Styles */


/* Sidebar styles */

#sidebar ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar ul li{
	margin-bottom: 15px;
	padding: 0px 0px 5px;
}

#sidebar ul li h2{
	padding: 8px;
	color: #ccc;
        font-size: 20px;
       text-transform: uppercase;
}

#sidebar ul ul{
	padding: 0;
        border-top: 1px solid #555;
}

#sidebar ul ul li{
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #555;
	line-height: 30px;
        height: 30px;
        overflow: hidden;
	background-color: transparent;
}

#sidebar ul ul li a{
     height: 30px;
     width: 265px;
     display: block;
     padding-left: 10px;
     color: #ddd !important;
     font-size: 13px;
}

#sidebar ul ul li a:hover{
     text-decoration: none;
}

#sidebar ul ul li:hover{
     background: #333;
     text-decoration: none;
}


/* Other Page-Specific Styles */

div.testimonials{
     min-height: 100px;
     padding-left: 80px;
     padding-bottom: 20px;
     border-bottom: 1px dotted #666;
     margin-top: 20px;
     background: url(images/quote.png) no-repeat top left;
}

blockquote{
     min-height: 100px;
     margin-top: 10px;
     background: url(images/quote.png) no-repeat top left;
}

.evidenceblock {
     width: 800px;
     padding: 25px;
     border-bottom: 1px dotted #666;
     float: left;
     display: inline;
}

.evidenceblock h2{    
     color: #43a0ce !important;
}

.evidencepic {
     width: 250px;
     height: 210px;
     float: left;
     display: inline;
     text-align: center;
}

.evidencepicG {
     width: 250px;
     margin-right: 15px;
     height: 230px;
     float: left;
     display: inline;
     text-align: center;
}

.evidencepic a img {
     width: 240px;
     height: 180px;
     border: 5px solid #383940;
}

.evidencepic a img:hover {
     border: 5px solid #515259;
}

.evidencepicG a img {
     width: 240px;
     height: 180px;
     border: 5px solid #383940;
}

.evidencepicG a img:hover {
     border: 5px solid #515259;
}

.evidencecontent {
     width: 520px;
     padding-left: 30px;
     float: left;
     display: inline;
     line-height: 20px;
}

/* Fiddly Bits */

h1, h2{
	font-family: Lucida , Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #fff;
	margin: 0 0 20px 0;
	font-weight: normal;
}

.post h2 {
    padding-bottom: 5px;
    border-bottom: 1px dotted #666;
}

h3 {
     font-family: Calibri, Lucida, Arial, sans-serif;
     font-size: 20px;
     color: #32ccfe;
     font-weight: 100;
     margin: 25px 0;
}

a{
	text-decoration: none;
	color: #32ccfe;
}

a:hover{
	text-decoration: none;
}

a img{
	border: 0;
}

hr {
	clear: both;
	margin: 15px 0;
	border: 0;
	height: 1px;
	text-align: left;
	background: #555;

}

input, textarea{
	font-family: Arial, Helvetica, Georgia, Sans-Serif;
	font-size: 12px;
	padding: 2px;
}

input#s, input#author, input#email, input#url, textarea#comment{
	padding: 3px;
}

input#author, input#email, input#url{
	margin: 0 5px 0 0;
}

small{
	font-size: 10px;
}



/* Post styles */


.posthead h2{
    border: none;
    padding: 0 0 5px 0;
    margin: 0; 
}

div.posthead {
     border-bottom: 1px dotted #666;
     padding-bottom: 5px;
}

.entry{
	line-height: 20px;
}

.browse{
	margin: 0;
}

.post {
     border-bottom: 1px solid #343434;
     padding: 10px 0;
     text-align: justify;
}     

.floatleft {
     float: left;
     display: inline;
}

.floatright {
     float: right;
     display: inline;
}

/* Begin Contact Form CSS */
.contactform {
	position: static;
	overflow: hidden;
	width: 95%;
}

.contactleft {
	width: 25%;
	white-space: pre;
	text-align: right;
	clear: both;
	float: left;
	display: inline;
	padding: 4px;
	margin: 5px 0;
}

.contactright {
	width: 70%;
	text-align: left;
	float: right;
	display: inline;
	padding: 4px;
	margin: 5px 0;
}

.contacterror {
	border: 1px solid #ff0000;
}

.contactsubmit {
}
/* End Contact Form CSS */