/*
Theme Name: HistoryHalfv3s
Theme URI: http://historyhalf.com
Author: Signature Designworks
Author URI: http://signaturedesignworks.com
Description: Custom WP Theme for The Other Half of History
Version: 3.0
Text Domain: historyhalfv3s
Domain Path: /languages/
Tags:

HistoryHalfv3 is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.
*/

@import "css/reset.css";
@import "editor-style.css";


/* =Header
----------------------------------------------- */
#masthead {
	background-color: #f2f5f6; /* light gray */		
	border-bottom: 6px solid #89989f; /* gray blue */	
	-webkit-box-shadow: 0 8px 15px 5px #919191;
	box-shadow: 0 8px 15px 5px #919191;
	}
	
.site-branding {
		margin: 0 auto;
		max-width: 1000px;
		max-width: 100rem;			
		}
		
	.site-branding h1 {
		float: left;
		width: 48.1%; /* width of logo */
		margin: -60px 0 0 0;
		line-height: 0;
		}	
				
		.site-branding #logo {	
			margin-left: 7.5%;
			}
		
	.site-branding #globe-con {
		float: right;
		width: 58.4%; /* width of globe */
		margin-right: .9%;
		}	
		
		.site-branding #globe-con img {
			display: block;			
			}			
				
/* =Global Page
----------------------------------------------- */
body {
	background-color: #bdccd4; /* blue */
	}

#wrapper {
	margin: 0 auto;
	max-width: 1000px;
	max-width: 100rem;	
	-webkit-box-shadow: 3px 8px 15px 5px #919191;
	box-shadow: 3px 8px 15px 2px #919191;
	}
	
#spotlight img {
	display: block;
	}	
	
#content {
	background-color: #FFF;
	}	
	
/* =Menu
----------------------------------------------- */	
.main-navigation h1 {
	display: block;
	position: absolute;
	top: 12px;
	right: 15px;
	width: 50px;
	height: 35px;
	background: #38393A url('images/menu-icon.png') no-repeat;
	background: url('images/menu-icon.png'), -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
	background: url('images/menu-icon.png'), -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));	
	background: url('images/menu-icon.png'), -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 21px, 100%;
	cursor: pointer;
	border: 0 none;
	border-bottom: 1px solid rgba(255,255,255,.1);
	box-shadow: 0 0 4px rgba(0,0,0,.7) inset;
	border-radius: 5px;
	z-index: 999;
	text-indent: -9999px;	
	}		

.menu-toggle,
.main-navigation.toggled .nav-menu {
	display: block;
	}

	.main-navigation ul {
		display: none;
	}	
	
.main-navigation li.current_page_item a,
.main-navigation li.current-menu-item a,
.main-navigation li.current-page-ancestor a	{
	color: #aa2619; /* red */	
	}

/* Small Menu - when clicked open */
		
.main-navigation.toggled h1 {
	display: block;
	position: absolute;
	top: 12px;
	right: 15px;
	width: 50px;
	height: 35px;
	background: #38393A url('images/menu-close-icon.png') no-repeat; 
	background: url('images/menu-close-icon.png'), -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
	background: url('images/menu-close-icon.png'), -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
	background: url('images/menu-close-icon.png'), -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));		
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 21px, 100%;
	cursor: pointer;
	border: 0 none;
	border-bottom: 1px solid rgba(255,255,255,.1);
	-webkit-box-shadow:  0 0 4px rgba(0,0,0,.7) inset;
	box-shadow: 0 0 4px rgba(0,0,0,.7) inset;
	border-radius: 5px;
	z-index: 1000;
	text-indent: -9999px;			
	}		
	
.menu-toggle,
.main-navigation.toggled .nav-menu {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
	box-shadow: 0 1px 2px rgba(0,0,0,.6);
	position: absolute;
	top: 55px;
	right: 0px;
	z-index: 100;
	clear: both;	
	}		
	
.main-navigation.toggled .nav-menu {
	opacity:.9;	
	background-color:  #f2f5f6; /* light gray */
	background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.1));
	background-image:    -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.1));
	background-image:     -ms-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,.2));
	background-image:      -o-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,.2));
	}
				
	.main-navigation.toggled .nav-menu li a {
		display: block;
		width: 100%;
		padding: 10px 5%;
		text-decoration: none;
		border-bottom: 1px solid rgba(0,0,0,.2);
		border-top: 1px solid rgba(255,255,255,.1); 	
		font-size: 18px;
		font-size: 1.8rem;
		letter-spacing: 1px;
		letter-spacing: .1rem;
		text-align: right;
		color: #000; 
		font-family: "open_sans_condensedbold", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
		}

		.main-navigation.toggled .nav-menu li a:hover {
			color: #aa2619; /* red */
			-webkit-box-shadow: inset 0px 0px 10px 2px rgba(255, 255, 255, .6);
			box-shadow: inset 0px 0px 10px 2px rgba(255, 255, 255, .6);											
			}			
	
	.main-navigation.toggled li.current_page_item a,
	.main-navigation.toggled li.current-menu-item a, 
	.main-navigation.toggled li.current-page-ancestor a	{
		color: #aa2619; /* red */
		}	
	
/* =Page
----------------------------------------------- */
#primary {
	padding: 4% 4.28571% 0 4.28571%; /* 30/700 */
	}	
	
#secondary {
	padding: 3% 0 0 4%; 
}

/* Quotes for Home and About pages */
#quotes {
	margin-top: 25px;
	margin-top: 2.5rem;
	font-family: "OpenSansItalic","Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	}
	
	#quotes #normal {
		font-family: "OpenSansRegular","Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
		}		
		
		/* About page */
		#post-22, #post-5 {
			/*margin-top: 25px;
			margin-top: 2.5rem;*/
			}
			
/* Daily Blog page */	
/* page-id-7 for staging site, page-id-2154 for live site */			
.page-id-7 .tag, .page-id-2154 .tag  {
    position: relative;
    top:-8px;
}

.page-id-7 article:first-child p, .page-id-2154 article:first-child p {
	/*margin-bottom: 0;*/
	}

/* Links Page */

#links ul {
	margin: 0;
	list-style: none;
	}		
	
	#links ul li {
		margin: 0 0 12px 0;
		margin: 0 0 1.2rem 0;
		}
		
.taxonomy-description {
	font-style: italic;
	position: relative; 
	top:-10px;
	}
		
	 
/* =Sidebar
----------------------------------------------- */	
#site-navigation-sidebar {
	margin-top: 50px;
	margin-top: 5rem;
	}
			
.post-cat, #s2_form_widget-2, #s2_form_widget-4 {
	margin-top: 60px;
	margin-top: 6rem;
	}	
	
	#secondary ul {
		display: block;
		margin: 0;
	}
			
	#secondary li {
		line-height: 35px;
		line-height: 3.5rem;
		list-style: none;
		padding: 10px 10px 10px 0; 
		padding: 1rem 1rem 1rem 0; 
		border-bottom: 1px solid #dddddd; /* light gray */
		}
		
		#secondary li:first-child {
			border-top: 1px solid #dddddd; /* light gray */
			}
		
	#secondary li a {
		font-family: "open_sans_condensedbold", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
		font-size: 24px;
		font-size: 2.4rem;
		color: #000;
		}
		
	#secondary li.current_page_item a, #secondary li.current_page_parent a {
		color: #aa2619;  /* red */			
		}
		
	#secondary li a:hover {
		color: #aa2619;  /* red */	
		}
		
	.post-cat h3 {
		margin: 0;
		padding-bottom: 20px;
		padding-bottom: 2rem;
		font-size: 24px;
    	font-size: 2.4rem; 	   
		color: #aa2619;  /* red */	
		border-bottom: 1px solid #dddddd; /* light gray */
		}
		
/* Book Ad */

.book-ad {
	margin: 90px 25px 0 0;
	margin: 9rem 2.5rem 0 0;
	}		
	
	.book-ad H3 {
			line-height: 28px;
			line-height: 2.8rem;
			}	
		.book-ad img {
			box-shadow: 6px 6px 6px 0px #C2C2C2;
			}	
			
#AmazonBook	{
	border: 1px solid #43435A; /* blue */
	border-radius: 3px;
	background-color: #43435A; /* blue */
	padding: 10px 25px;
	padding: 1rem 2.5rem;
	color: #FFF;
	transition: all 0.2s ease-out 0s;
	}		
	
	#AmazonBook:hover {
		border: 1px solid #aa2619; /* red */	
		background-color: #aa2619; /* red */	
		}	
		
/* Mid Post Book Ad */	

.bookad {
	border: 4px solid #dddddd; 
	background: #dddddd;
	padding: 15px 25px 0 25px;
	margin-bottom: 25px;
	}	
	
	.bookad-title {
		text-align: center;
		}
	
	.bookblock {
		display: block;
		/*margin-left: 125px;*/
		margin-left: 25%;
		}
	

/* Subscribe2 */
/* s2_form_widget-2 is staging site, s2_form_widget-4 is live site */
#s2_form_widget-2 h1, #s2_form_widget-4 h1 {
	font-size: 24px;
	font-size: 2.4rem;
	color: #aa2619;  /* red */	
	padding-bottom: 10px; 
	border-bottom: 1px solid #dddddd; /* light gray */
	}

#s2_form_widget-2 label, #s2_form_widget-4 label {
	display:none;
	}
	
	#s2_form_widget-2 form, #s2_form_widget-4 form {
		position: relative; top: -20px;
		}

#s2email {
	 width: 85%;
	 font-family: "OpenSansRegular", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;	
	 }

.subscribe form p {
	margin-bottom: 0;
	}	 
	 

/* Search Box */
#secondary #searchform {
	padding: 10px 0;
	}
		
#s {
    width: 85%;
}
input[type="text"], input[type="password"], textarea {
    border: 1px solid #DDDDDD;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
    color: #888888;
}

input#s {
    background: url("images/search.png") no-repeat scroll 5px 4px rgba(0, 0, 0, 0);
    border-radius: 2px;
    font-size: 14px;
    height: 30px;
    line-height: 1.2em;
    padding: 4px 10px 4px 28px;
	font-family: "OpenSansRegular", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

/* Posts */
.entry-meta {
	padding: 0 0 24px 0;
	padding: 0 0 2.4rem 0;
	font-size: 14px;
	font-size: 1.4rem;
	}
	
	.more-link {
		font-family: "open_sans_condensedbold", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
		font-size: 18px;
		font-size: 1.8rem;
		}

.wp-pagenavi {
	width: 100%;
	text-align: center;
	font-family: "open_sans_condensedbold", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	font-size: 21px;
	font-size: 2.1rem;
	}
	
	/* http://bluecapra.com/responsive-design-wp-pagenavi/ */
	.wp-pagenavi a.page, span.extend/*, a.last*/ {
		 display: none;
		 }

.nav-links {
	font-family: "open_sans_condensedbold", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	font-size: 21px;
	font-size: 2.1rem;
	padding: 24px 0 40px 0;
	padding: 2.4rem 0 4rem 0;
	}

/* Comments */
ul.comment-list {
	margin: 0;
	list-style: none;
	}
	
	ul.comment-list .children {
		list-style: none;
		}
							
		ul.comment-list li {
			padding: 24px 5% 0 5%;
			padding: 2.4rem 5% 0 5%;
			border-top: 1px dotted #666666;
			}
			
		#respond {
			padding-top: 24px;
			padding-top: 2.4rem;
			border-top: 1px dotted #666666;
			}
	
	.comment-list li.odd {
		padding-bottom: 2%;
		background: none repeat scroll 0 0 #F6F6F6;
		}
		
	.reply, ul.children {			
			margin-bottom: 24px;
			margin-bottom: 2.4rem;	
			}
		
	.comment-meta {
		background-color: transparent;
		}
		
		.comment-metadata {
			float: right;
			font-size: 14px;
			font-size: 1.4rem;
			}
			
.comment-form-comment #comment {
	margin-top: 1%;
	}		
	
.btt {
	text-align: right;
	}	

/* =Footer
----------------------------------------------- */
footer {
	background-color: #FFF;
	margin-bottom: 25px;
	}
	
	footer #copyright {
		width: 70%;
		margin: 0 auto;
		}
			
	footer p {
		position: relative; top: 20px;
		text-align: center;
		margin-bottom: 2px;
		font-size: 16px;
		font-size: 1.6rem;
		}

	.site-info #globe-con-ft {
		float: right;
		width: 49.2%; /* width of globe */
		margin-right: 6%;
		}	
		
		.site-info #globe-con-ft img {
			display: block;
			}	
			
@media screen and (min-width: 475px) {
/* =Header
----------------------------------------------- */
.site-branding h1 {
	margin: -90px 0 0 0;
	}	
}			

@media screen and (min-width: 600px) {
/* =Header
----------------------------------------------- */
#masthead {
	border-bottom: 12px solid #89989f; /* gray blue */	
	}
.site-branding h1 {
	margin: -120px 0 0 0;
	}			
	
/* =Mobile Menu
----------------------------------------------- */	
#site-navigation {
	display: none;	
	}

/* =Page
----------------------------------------------- */		
	
#primary {
	float: left;
	width: 70%;
	padding: 104px 5.71428% 0 5.71428%; /* 40/700 */
	padding: 10.4rem 5.71428% 0 5.71428%; /* 40/700 */
	}	
	
#secondary {
	float: right;
	width: 30%;
	padding: 50px 0 55px 7%;
	padding: 5rem 0 5.5rem 7%; 
	border-left: 2px solid #dddddd; /* light gray */
	}

/* Quotes for Home and About pages */
#quotes {
	margin-top: -55px; 
	margin-top: -5.5rem;  
	}
		
		/* About page */
		#post-22, #post-5 {
			/*margin-top: -55px;
			margin-top: -5.5rem;*/
			/*margin-top: 55px; 
			margin-top: 5.5rem;*/  
			}
			
.home .entry-content h1 {
	margin-top: 23px;
	}

/* =Sidebar
----------------------------------------------- */	
#site-navigation-sidebar {
	margin: 71px 0 0 0;
	margin: 7.1rem 0 0 0;
	}
	
	#secondary li:first-child {
			border-top: none;
			}
	
	#secondary li a:hover {
		/*background: url(images/globe_sm.png) no-repeat left;
		margin-left: -25px;
		padding: 10px 5px 10px 25px;*/
		}
		
/* Book Ad */
	
.book-ad img {
	margin-left: 15%;		
	}	
	
#AmazonBook	{
	text-align: center;
	display: block;
	}	
			
.post-cat {
	margin-top: 90px;
	margin-top: 9rem;
	}	
	
	#s2_form_widget-2, #s2_form_widget-4 {
		margin-top: 85px;
		margin-top: 8.5rem;
		}			
	
/* Search Box */
#secondary #searchform {
	padding-top: 40px;
	}
	
/* =Footer
----------------------------------------------- */
footer #copyright {
	float: left;
	width: 70%;
	margin: 0;
	}

	footer p {
			position: relative; top: 85px;
			}
}

@media screen and (min-width: 675px) {
/* =Header
----------------------------------------------- */
.site-branding h1 {
	margin: -130px 0 0 0;
	}	
}

@media screen and (min-width: 750px) {
/* =Header
----------------------------------------------- */
.site-branding h1 {
	margin: -145px 0 0 0;
	}		
}

@media screen and (min-width: 800px) {
/* =Header
----------------------------------------------- */
.site-branding h1 {
	margin: -160px 0 0 0;
	}	
}

@media screen and (min-width: 870px) {
/* Book Ad */
	
#AmazonBook	{
	text-align: center;
	display: inline;
	}
}

@media screen and (min-width: 900px) {
/* =Header
----------------------------------------------- */
.site-branding h1 {
	margin: -183px 0 0 0;
	}
	
.wp-pagenavi a.page, span.extend/*, a.last*/ {
		 display: inline;
		 }	
		 
#AmazonBook	{
	padding: 10px 25px;
	padding: 1rem 2.5rem;
	}				 		
}

/* =Content
----------------------------------------------- */

.sticky {
}
.hentry {
	
}
.byline,
.updated {
	display: none;
}
.single .byline,
.group-blog .byline {
	display: inline;
}
.page-content,
.entry-content,
.entry-summary {
	/*margin: 1.5em 0 0;*/
}
.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* =Asides
----------------------------------------------- */

.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/* =Media
----------------------------------------------- */

.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.wp-caption {
	border: 1px solid #ccc;
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 1.2% auto 0;
	max-width: 98%;
}
.wp-caption-text {
	text-align: center;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}
.site-main .gallery {
	margin-bottom: 1.5em;
}
.gallery-caption {
}
.site-main .gallery a img {
	border: none;
	height: auto;
	max-width: 90%;
}
.site-main .gallery dd {
	margin: 0;
}
.site-main .gallery-columns-4 .gallery-item {
}
.site-main .gallery-columns-4 .gallery-item img {
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}

/* =Navigation
----------------------------------------------- */

.site-main [class*="navigation"] {
	margin: 0 0 2em;
	overflow: hidden;
}
[class*="navigation"] .nav-previous {
	float: left;
	width: 50%;
}
[class*="navigation"] .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/* =Comments
----------------------------------------------- */

.comment-content a {
	word-wrap: break-word;
}
.bypostauthor {
}

/* =Widgets
----------------------------------------------- */

.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets */
.widget select {
	max-width: 100%;
}

/* Search widget */
.widget_search .search-submit {
	display: none;
}

/* =Infinite Scroll
----------------------------------------------- */

/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
	display: block;
}