/*
Theme Name:James W. Huston
Theme URI: http://www.jameswhuston.com
Description: A custom theme
Author: Little Box Creations
Author URI: http://www.littleboxcreations.com
*/

/*
RESET
*/

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, font, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
    background:#fff;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a img { border: none; }

/*
STRUCTURE
*/

/* S T A N D A R D S */
body{font:100% Georgia,"Times New Roman",Times,serif;}

/* Text */
h1{font-size:3em; padding:10px 0;}
h2{font-size:2em;font-variant: small-caps;font-weight:normal; line-height:1em;}
h2 a{color:#161616}
h3{font-size:.8em;font-weight:normal;color:#999;line-height:1em;padding-bottom:15px;padding-top: 4px;}
h3 a{color:#999;text-transform:uppercase;}
h5 {font-size:1.5em; font-variant:small-caps; font-weight:normal;}
h5 a {color:#000;}

a{text-decoration:none; color:#3B6596;}
a:hover, a:active{text-decoration:underline}

ul{list-style:disc;}
ol{list-style:decimal;}
p{font-size:1em;line-height:1.3em;font-family:arial, helvetica, sans-serif;font-size:0.95em; margin-bottom:10px;}
blockquote{border-left:1px solid #333;padding-left:20px;font-style:italic;color:#333;font-family:arial, helvetica, sans-serif;font-size:0.95em;}
.clear {clear:both;}

/* Images  */
.floatright{display:block;float:right;padding:0 0 10px 10px;}
.floatleft{display:block;float:left;padding:0 10px 10px 0;}
.alignright{display:block;float:right;margin:0 0 10px 10px;}
.alignleft{display:block;float:left;margin:0 10px 10px 0;}
.aligncenter {display:block; margin-left:auto; margin-right:auto;}

/*UTILITY*/
.small {font-size:11px;}

/* N A V I G A T I O N */
#nav{
	border-bottom:1px solid #161616;
	border-top:1px solid #161616;
	padding:2px 0;
	position:absolute;
	top:94px;
	left:0;
	right:0;
	z-index:1;
}
#nav ul{
	list-style-type: none;
	padding:4px 0 4px 270px;
	background:#161616;
}
#nav li{
	display: inline;
	padding:0 25px 0 0;
}
#nav li a{
	color:white;
	font-size:1em;
}
#nav li ul {
position: absolute;
left: -999em;
height: auto;
width: 100px;
padding:0px;
margin-left:70px;
background:#000;
}
#nav li li {
width: 100px;
padding:5px;
background: #000;
display:block;
}
#nav li li a, #nav li li a:visited {
font-weight:normal;
font-size:14px;
color:#FFF;
}
#nav li li a:hover, #nav li li a:active {
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: auto;
}
#subscribe-wrapper {
	margin: 0;
	max-width: 680px;
	min-width: 430px;
	padding: 0 290px;
	position: relative;
	z-index: 2;
}
#subscribe {width:240px; text-align:left; position:absolute; top:94px; right:0px; padding:6px 15px 0px 15px; z-index:2;}
#subscribe a{
	color:white;
	font-size:1em;
}
#subscribe-text {float:left; width:75px; padding-top:1px;}
#subscribe-icons {float:left; width:80px; padding-top:2px;}
#subscribe-icons img {padding:0px 2px;}

.index .index-selected, .about .about-selected, .books .books-selected, .press .press-selected, .contact .contact-selected, .archives .archives-selected, .series .series-selected {
	text-decoration:underline;
}

/* S K Y S C R A P E R */
#skyscraper-container {position:relative; z-index:3000;}
#skyscraper{position:fixed;top:0;bottom:0;left:45px;width:180px;z-index:1000;}
#skyscraper img{position:absolute; bottom:0; left:0;}

/*CATEGORY HEADERS */
.cat-header {padding-bottom:15px;}
.cat-image {float:left; width:20%; min-width:100px; max-width:100px;}
.cat-post-title {float:left; min-width:290px; max-width:640px; width:70%; margin-left:10px;}
.cat-header h4 {font-size:.7em;font-weight:bold; color:#5062aa;line-height:.7em; margin-bottom: 3px; padding-bottom:0px;}
.cat-header h4 a {color:#5062aa;margin-bottom:0px; padding-bottom:0px;}

/* C O N T E N T */

#wrapper{height:100%;margin:0;max-width:720px;min-width:450px;padding:0 270px;position:relative; min-height:1050px;}
#content{background:white;padding-right:45px;min-height:1050px;}
.main-title img{margin:15px 0 50px -5px;max-width:500px;min-width:400px;width:100%;max-height:80px;}

.main-title-2{width:100%;text-align:center;display:block;height:142px;}
.main-title-2 img{margin:15px 0 50px 0;max-height:80px;padding:0;width:500px;}

@media screen and (max-width: 1160px) {
  .main-title-2 img {
  	width:400px;
  }
}

.main-title-3{width:100%;text-align:center;display:block;height:142px;}
.main-title-3 img{margin:15px 0 50px 0;max-height:80px;padding:0;width:563px;}

@media screen and (max-width: 1160px) {
  .main-title-3 img {
  	width:430px;
  	margin: 22px 0 50px 0;
  }
}

.post{
	margin:20px 0;
	padding-bottom:20px;
	border-bottom: 1px solid #161616;
}
.post-image {
	width:35%;
	max-width:350px;
	padding:0px 0px 0px 20px;
	position:relative;
	background:white;
}
.post-image img{
	border:1px solid #191919;
	width:100%;
}
.post-image h4 {margin-bottom:5px;}
.caption {clear:both;}
.post p, .post blockquote, .post ul, .post ol{
	margin:0 0 10px 0;
}
.post-content{
	font-family:arial, helvetica, sans-serif;font-size:0.95em;line-height:1.5em;
}
.post-content img{
	border:1px solid #191919;
}
.post-navigation ul {list-style-type:none;}
.post-navigation li {float:left; margin-right:10px;}
.wp-caption{
	clear:both;
	color:#333;
}
.addtoany_share_save_container img {width:16px;}

/* P A G E S */
.section span{
	font-size:0.8em;
	padding:7px 0 0 0;
	display:block;
	color:#666;
}

.section .col{
	width:40%;
	float:left;
	margin:15px 7% 15px 0;
}
.section p{
	margin:10px 0;
}
.media-coverage p{
	border-left:1px solid #333;
	padding-left:20px;
	margin:0 0 20px
}
.section.excerpt{
	border:none;
}
.section h2{
	margin-top:0;
	padding-top:0;
}

/* B I O */

.bioimage {
	width:35%;
	max-width:300px;
	min-width:200px;
	position:relative;
	background:white;
}

/* B O O K S */
#books-page {margin:20px 0px;}
#books-page h2 {margin-bottom:5px;}
.book-individual {width:100%; padding-bottom:15px; border-bottom:1px solid #000; margin-bottom:15px;}
.book-cover {width:160px; float:left;}
.book-cover img {border:1px solid #000;}
.book-info {float:left; margin-left:15px; width:55%;}

/* A S I D E */

#aside{bottom:0;padding:139px 15px 15px 15px;position:absolute;right:0;top:0;width:240px;background:rgba(255,255,255,0.4);}
.marine-one, .falcon-seven{
	height:130px;
}
.marine-one h4, .falcon-seven h4{
	padding:10px 0 0 0;
}
.r-comments h4{
	padding-bottom:10px;
}
.r-comments ul{
	list-style:none;font-weight:100;
}
.r-comments blockquote{
	border:none;
	clear:both;
	padding:0 0 10px 0;
	font-weight:100;
}
.r-comments .floatleft{
	padding-bottom:0;
}
/* Get Recent Comments */

.r-comments .kjgrcGravatar{
	float:left;
	padding:0 5px 5px 0;
}
.r-comments p{
	font-style:italic;
	padding:0;
	margin:0;
}
#sidebar ul {list-style-type:none; margin-bottom:10px;}
#sidebar li {list-style-type:none; margin-bottom:3px;}
#sidebar h4 {margin-bottom:5px;}
#tag {position:absolute; bottom:15px; font-size:12px; padding-top:10px; width:240px;}

/*
ARCHIVES
*/
#archive-month {width:40%; margin-top:10px; float:left; list-style-type:none;}
#archive-month li {list-style-type:none;}
#archive-category {width:40%; margin-top:10px; float:left; list-style-type:none;}
#archive-category li {list-style-type:none;}

/*
COMMENTS
*/
h4#comments,.comment-navigation,.comment-navigation:after,#respond:after,.comment-rss{display:block;} 
ol.commentlist{width:100%;} 
h4#comments,#respond h4{text-align:left;color:#000;padding:5px; margin:5px 0px;} 
ol.commentlist,li.authorcomment,li.comment,#respond h3,form#commentform,input#submit{margin:0;}
ol.commentlist,ol.commentlist ul,form#commentform{padding:0px;}  
ol.commentlist{border-bottom:1px solid #ccc;} 
ol.commentlist ul{margin:0 0 0 20px;} 
li.authorcomment,li.comment,form#commentform textarea,form#commentform input{border:1px solid #ccc;}
li.authorcomment,li.comment{padding:10px 0 0 10px;list-style:none;border-bottom:none;} 
li.even{background:#fff;} 
li.odd{background:#efefef;} 
.authorcomment{background:#deebf9;} 
ul.children ul{margin-left:20px;} 
ul.children li{border-right:none;} 
.vcard img{float:left;background:#c4c4c4;} 
.vcard img,.comment-navigation .newer a,.comment-navigation .older a{padding:5px;} 
.comment-meta,ol.commentlist li small,p.subscribe-to-comments label{position:relative;} 
.comment-meta,ol.commentlist li small{top:10px;left:10px;} 
.comment-text{margin:0 10px 0 0;} 
.reply,.comment-navigation .newer,input#submit{float:right;} 
.reply,.comment-navigation .newer a,.comment-navigation .older a,input#submit{color:#3B6596;} 
.reply{margin:0 10px 10px 0;} 
a.comment-reply-link,.reply a:link,
.comment-navigation .newer a,.comment-navigation .older a,input#submit{display:inline-block;text-align:center;cursor:pointer;color:#3B6596;} 
a.comment-reply-link,.reply a:link{padding:5px 0;} 
a.comment-reply-link,.reply a:link,input#submit{width:70px;} 
a.comment-reply-link:hover,.reply a:hover,.comment-navigation .newer a:hover,
.comment-navigation .older a:hover,input#submit:hover{background:#ccc;text-decoration:none;color:#3B6596;} 
a.comment-reply-link:hover,.reply a:hover,input#submit:hover{width:68px;} 
a.comment-reply-link:hover,.reply a:hover{padding:4px 0px;} 
a.comment-reply-link:hover,.reply a:hover,.comment-navigation .newer a:hover,.comment-navigation .older a:hover{border:1px solid #3B6596;} 
.comment-navigation{margin:10px 0 10px 0;} 
.comment-navigation:after,#respond:after{content:".";height:0;visibility:hidden;} 
.comment-navigation .newer a:hover,.comment-navigation .older a:hover{padding:4px;}
form#commentform {margin-top:10px;} 
form#commentform textarea,form#commentform input{padding:2px 3px;} 
form#commentform textarea{width:350px;} 
input#submit{padding:5px 0 !important;border:1px solid #000 !important; background-color:white;} 
input#submit:hover{padding:4px 0 !important;border:1px solid #3B6596 !important;} 
.reply-bottom {width:360px; text-align:left;}
 
/*comment total stlying*/
 
.comment-total{text-align: center;font-size: 1.5em;color: #fff;}
.comment-total span{font-size: 2em;color: #800000;}


/* F O O T E R */
#footer{
	padding:20px 0;
}
.signature{
	position:absolute;
	bottom:0;
	left:-270px;
}
.signature a{
	height:286px;
	width:45px;
	background-image:url(../../images/lbc-logo.png);
	display:block;
	text-indent:-999999px;
}
.signature a:link, .signature a:visited{
	background-position:top right;
}
.signature a:hover, .signature a:active{
	background-position:top left;
}
#wpstats {
	display:none;
}

/* B A C K G R O U N D */
#background{position:fixed;top:0;bottom:0;right:0;width:50%;background:url(../../images/the-hague.jpg) no-repeat bottom left #1c308a;z-index:-1;}