/*
Theme Name:     warOnHumans
Theme URI:      http://waronhumans.com/
Description:    The Second Child theme for the blankslate theme
Author:         Mike Cleek
Template:       blankslate                             
Version:        2.0
*/

/*Colors*/
/*
Brown: #493426
Tan: #cfa373
Orange: #c34d29
Green: #678e3b
Blue: #323a47
*/

@import url("../blankslate/style.css");


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

img, embed, object, video{max-width:100%; height:auto;}
em{font-style:italic;}
strong{font-weight:bold;}
p{margin:1em 0;}
.alignright{float:right; margin:0 0 10px 10px;}
.alignleft{float:left; margin:0 10px 10px 0;}
.author{text-align:right; font-weight:bold; font-size:.9em; width:50%;}
ul.xoxo{color:#fff;}
.clear{clear:both;}

body{background:#fff; width:100%; font:100%; font-family:Helvetica, Geneva, sans-serif; color:#333;} 
body a, body a:visited{color:#678e3b; text-decoration:none;}
body a:hover, body a:active{text-decoration:underline; color:#444;}

article#content h1 a, article#content h1 a:visited{color:#fff;}
article#content h1 a:hover, article#content h1 a:active{color:#fff;}
article#content .entry-meta, article#content .entry-content, article#content .entry-footer, article#content #comments, article#content #nav-below{padding:0 3%;}
article#content .entry-meta, article#content #comments{margin-top:1em;}


header{background:url(//waronhumans.com/graphics/war-on-humans.jpg) no-repeat; background-position:top; color:#323a47; text-align:center; height:212px; background-size:100%;}
	#branding{height:212px;}
	#site-title a, #site-title a:visited, #site-title a:hover, #site-title a:active{text-decoration: none; font-size:6em; line-height:1em; font-family:Didot, Times, serif; color:#323a47; text-transform:uppercase;}
	#site-description{font-size:1.5em; letter-spacing:3px; text-transform:uppercase; font-family:Gnuolane, Verdana, Geneva, sans-serif; color:#6c402f; margin-top:0;}
#wrapper{position:relative; width:90%; background:#323a47; margin:0 auto; padding:0 0 .5em 0; max-width:1159px; min-width:460px;}
	.gradient-left{background:url('//waronhumans.com/graphics/bg-gradient-left.jpg'); position:absolute; left:-149px; height:100%; width:149px;}
	.gradient-right{background:url('//waronhumans.com/graphics/bg-gradient-right.jpg'); position:absolute; left:100%; height:100%; width:149px;}

ul#menu-nav, ul#menu-nav-home{width:100%; margin:0; border-top:3px solid rgba(255, 255, 255, .9); border-bottom:3px solid rgba(255, 255, 255, .9); background:#678e3b; color:#fff; text-align:center; font-size:1.4em; font-weight:100; text-transform:uppercase; padding:.5em 0 .4em 0;}
ul#menu-nav li, ul#menu-nav-home li{display:inline; padding:0 .5em; white-space:nowrap; border-right:1px solid #fff;}
ul#menu-nav li.first-menu-item, ul#menu-nav-home li.first-menu-item{border-left:1px solid #fff;}
ul#menu-nav li a, nav ul li a:visited, ul#menu-nav-home li a, nav ul li a:visited{color:#fff; text-decoration:none;}
ul#menu-nav li a:hover, nav ul li a:active, ul#menu-nav-home li a:hover, nav ul li a:active{color:#323a47; text-decoration:none; transition:all 0.2s;}
	  /*ul#nav-inside{width:92.42688172%; margin:-1.4em 0 0 -3.685%; padding:1em 0 .5em 15%; background:url(http://darwinsdoubt.com/graphics/nav-bg.jpg) no-repeat; font-variant:small-caps; border-bottom:2px solid #323a47; margin-bottom:2em; display:none;}
	  ul#nav-inside li{background-color:rgba(255,255,255,0.7); padding:.4em 0 .1em 0; text-align:center; width:13em; font-size:1.4em; margin-bottom:.8em; box-shadow: 3px 3px 5px rgba(0,0,0,0.4);}
	  ul#nav-inside li a, ul#nav-inside li a:visited{color:#678e3b; text-decoration:none;}
	  ul#nav-inside li:hover{background:#fff;}*/

#container{padding:0 3.5%; margin-top:100px;}
.sidebar{width:71.44827%; margin:2em auto 0; color:#fff;}
	.sidebar-left{width:45%; margin-right:10%; float:left;}
	.sidebar-right{width:45%; float:right;}
#sidebar{width:71.44827%; margin:2em auto 0;}
.sidebar #sidebar{width:100%;}

#content{width:71.44827%; background:#e8e8e5; box-shadow: 3px 3px 5px rgba(0,0,0,0.4); padding:0; line-height:1.4em; overflow:hidden; border-bottom:10px solid #678e3b; margin: 0 auto;}
#home #content{float:none; width:100%; background:none; box-shadow:none; overflow:visible; border:0; margin:4em 0;}
	#content h1{width:90%; padding:1.5% 5%; background:#678e3b; color:#fff; font-size:2.8em; text-transform:uppercase; line-height:1em; border-bottom:3px solid #e8e8e5;}
	#content h1:after{float:right; margin-top:3px; content: url('http://www.darwinsdoubt.org/graphics/down-arrow.png');}
	#content h2{color:#678e3b; font-size:1.3em; line-height:1.2em;}
	.quote{background:url(graphics/quo-trans.png) no-repeat; float:left; margin:-1em 1em .3em 0; display:inline;}
	#content .entry-content{padding:5% 5% 1% 5% !important; background:#e8e8e5 url(//waronhumans.com/graphics/bg-entry-content.jpg) repeat-x;}
	.meta{text-align:right; margin:1em 0 2em 20%; display:block; font-weight:bold;}
	.dd-btn{margin-bottom:1em; box-shadow: 3px 3px 5px rgba(0,0,0,0.4);}
	#menu-sidebar-inside li {background-color:#cfa373; padding:.6em 1em .2em 1em; font-size:1.2em; margin-bottom:.8em; box-shadow: 3px 3px 5px rgba(0,0,0,0.4); color:#fff; overflow:hidden;}
		#menu-sidebar-inside li:after{float:right; margin-top:-2px; content: url('http://www.darwinsdoubt.org/graphics/right-arrow.png');}
		#menu-sidebar-inside li.current_page_item{background:#ad8760;}
		#menu-sidebar-inside li a, #menu-sidebar-inside li a:visited{text-decoration:none; color:#fff;}
		#menu-sidebar-inside li:hover{background:#ad8760;}
	
	ul.purchase-btns li{display:inline; float:left; text-align:center; margin:1em;}
		
.interactive{float:left; margin-left:10%; width:250px; color:#fff;}
	.interactive a:hover, .interactive a:active, .sidebar a:hover, .sidebar a:active{color:#fff;}
#home .interactive{margin-top:3%;}
.list-sidebar-g li {
	padding:.5em 1em .2em 1em;
	background:#678e3b;
	font-size:1.2em;
	margin-bottom:.8em;
	color:#fff;
	box-shadow: 3px 3px 5px rgba(0,0,0,0.4);
	overflow:hidden;
	border:3px solid #fff;
	transition:all .2s ease;
}
	.list-sidebar-g li:after{float:right; margin-top:-2px; content: url('http://www.darwinsdoubt.org/graphics/right-arrow.png');}
	.list-sidebar-g li a, .list-sidebar-g li a:visited{text-decoration:none; color:#fff;}
	.list-sidebar-g li:hover, .list-sidebar-g li:active{background:#6e798b;}

.social{margin:0 auto; text-align:center; width:12em;}
	.facebook a{background:url('http://www.darwinsdoubt.com/graphics/social-media.png') top left no-repeat; height:44px; width:44px; float:left; margin:1em 1em 0 0;}
	.facebook a:hover{background:url('http://www.darwinsdoubt.com/graphics/social-media.png') bottom left no-repeat;}
	.twitter a{background:url('http://www.darwinsdoubt.com/graphics/social-media.png') top left no-repeat; background-position:-44px 0; height:44px; width:44px; float:left; margin:1em 1em 0 0;}
	.twitter a:hover{background:url('http://www.darwinsdoubt.com/graphics/social-media.png') top left no-repeat; background-position:-44px -44px;}
	.youtube a{background:url('http://www.darwinsdoubt.com/graphics/social-media.png') top left no-repeat; background-position:-88px 0; height:44px; width:45px; float:left; margin:1em 0 0 0}
	.youtube a:hover{background:url('http://www.darwinsdoubt.com/graphics/social-media.png') top left no-repeat; background-position:-88px -44px;}


.video{margin-left: 51.5%; border:7px solid #fff;}
.media{background:url('//waronhumans.com/graphics/bg-content.jpg'); width:100%; height:496px; margin:4em 0 0 -3.76344%; padding:0 3.76344%; position:relative; border-bottom:1px solid #fff;}
	.book{float:left; margin:2em 0 0 6.5%; padding:0; display:inline;}
		.book img{border:3px solid #fff;}
		#buy-options{position:absolute; left:100%; top:0; z-index:2; width:160px; background:#525964; display:none; color:#fff;}
		.buy-button{cursor:pointer;}
			#buy-options li{padding:10px 20px; background:#323a47; opacity:0.9; border:1px solid #525964; 
	transition:all .2s ease;}
			#buy-options a:link, #buy-options a:visited, #buy-options a:hover{text-decoration:none; color:#fff;}
			#buy-options li:hover{background:#6e798b;}
		
	.blurbs{float:right; margin:2em 7.4156% 0 0; background:url(//waronhumans.com/graphics/quo-trans.png) no-repeat; min-height:10em; min-width:5em; font-size:1.3em; display:inline; width:21em; background-color:rgba(255,255,255,0.4); -moz-border-radius: 10px; border-radius: 10px;  min-height:270px;}
		.blurbs div{padding:2em 2em 2em 4em;}
		.blurbs .meta{font-size:.9em; font-style:italic; margin-top:1em; padding:0;}
		.blurbs b.author{font-size:1.2em; font-style:normal;}

.clear{clear:both;}
.nowrap{white-space:nowrap;}

footer{color:#c8c8c0; text-transform:uppercase; text-align:center; margin-bottom:1em; font-size:.9em;}
footer h2{width:100%; margin:.7em 0 .3em 0; background:#678e3b; color:#f7ebdb; text-align:center; font-family: BankerSquare, sans-serif; font-size:4em; text-transform:uppercase; font-weight:100; padding:.6em 0 .3em;}
	#home footer h2 .byline{
	font-size:.4em;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-transform:none;
	font-weight:100;
	}
	footer img{margin-right:2em;}
	footer a:link, footer a:visited{color:#c8c8c0;}
	footer a:hover, footer a:active{color:#fff;}
.divider{color:#678e3b; margin:0 1em;}
li.first{ position:relative;}

@media screen and (max-width:970px){
	.blurbs{display:none;}
	#branding{height:150px;}
	
}
@media screen and (max-width:768px) {
#site-title{font-size:.6em;}
#site-description{font-size:1em;}
.interactive{float:none !important; margin:0 10%; text-align:center;}
.video{float:none; margin:2em 0 1em 0;}
/*.media{display:none;}*/
ul#menu-nav li, ul#menu-nav-home li{margin-right:0 !important; display:block !important;}
ul#menu-nav, ul#menu-nav-home{padding:0 0 .1em 0;}
ul#menu-nav li.menu-item, ul#menu-nav-home li.menu-item{border-top:3px solid #fff; margin-top:.2em; padding-top:.2em; border-right:0; border-left:0;}
ul#menu-nav li.first-menu-item, ul#menu-nav-home li.first-menu-item{border-top:0; margin-top:0;}
footer{font-size:.9em;}
 /*inside*/
 #colorbox img{max-width:708px;}
 .sidebar, #sidebar{float:none; width:100%; margin-top:2em;}
 #content{float:none; width:100%;}
.dd-btn{display:none;}
/*Delete when ad taken down*/
 #boxes #dialog {margin-left:25px;}
}

@media screen and (max-width:500px) {
 #colorbox img{max-width:450px;}
}