/*
 Theme Name:   Pop History Dig (2014 Child Theme)
 Theme URI:    http://example.com/twenty-fourteen-child/
 Description:  Pop History Dig - Twenty Fourteen Child Theme
 Author:       Steve Perrie
 Author URI:   http://www.mindstorminteractive.com
 Template:     twentyfourteen
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twenty-fourteen-child
*/


/*
Table of Contents:

global styles
layout styles
content styles

palette:
phd dark blue bg: 014267

*/

/* ==================== global styles ============================================================== */

body {
	font-family: Georgia, "Times New Roman", Times, serif;
	background-color: #014267;
	margin-top: 10px;
	text-align:justify;
}


h1, h2, h3, h4, h5, h6 {
    clear: inherit;
    font-weight: bold;
    margin: inherit;
}

ul, li
{
	list-style:none;
	text-indent:0px;
	margin:0px;
	padding:0px;
}

hr
{
	background-color:white;
	border-top:solid 1px #c7c7c7;
	border-bottom:none;
	width: 60%;
}

a:link,
a:visited
{
	color:#014267;
	text-decoration:none;
}

a:hover
{
	text-decoration:underline;
}


table{
	width:auto;

	margin: 10px;
}
td
{
	vertical-align:top;
	border:none;
}

p
{
	text-indent:0px;
	margin-top:11px;
	margin-bottom:11px;
}

blockquote{
margin:	10px 30px;
}


h2
{
	font-size: 20px;
}

::selection {
	background: #999;
	color: #fff;
	text-shadow: none;
}

::-moz-selection {
	background: #999;
	color: #fff;
	text-shadow: none;
}


button, .button, input[type="button"], input[type="reset"], input[type="submit"] {
    background-color: #014267;
}
button:active, .button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active {
    background-color: #0142a7;
}

/* ==================== layout styles =================================================================*/

#page
{
	
	width:1015px;
	
	
	
	margin:0 auto;
	font-size:14px;
}

#main{
	background-color:white;
}
.content-area, .content-sidebar {
    padding-top: 0;
}

.site-header{

	background: url("/img/header.png") no-repeat scroll center center #014267;
    height: 225px;
	margin-top:-2px;
}

.site-title{
	font-size:1px;

	text-indent:1000px;
	cursor:pointer;
	width:200px;
	height:200px;
	position:absolute;
}


.search-box,
.search-toggle,
.search-toggle:hover, 
.search-toggle.active {
    background-color: #014267;
}
.search-container{
    background-color: #014267;
	
}
.search-box{
	border:solid 2px white;
	border-radius:10px;
}


/* ==================== navigation styles =================================================================*/


.primary-navigation{ display:none;
}

ul#menu-main
{
	
	background-color:#82A2B4;
	
		
}

ul#menu-main a
{
	background-color:#82A2B4;
	display:block;
	color:#FFFFFF;
	font-variant:small-caps;
	font-size:14px;
	padding: 8px;
	border:solid 1px #A1B9C7;
	border-bottom:none;
}

ul#menu-main,
ul#menu-main li,
ul#menu-main ul li {
	padding:0;
}

ul#main-menu,
ul#main-menu ul{
	border-bottom:solid 1px #A1B9C7;
}

ul#menu-main a:link,
ul#menu-main a:visited
{
	display:block;
	color:#FFFFFF;
	font-variant:small-caps;
	font-size:14px;
	padding: 8px 12px;
	text-decoration:none;
}
	
	
ul#menu-main a:hover
{
	text-decoration:none;
	background-color:#BDC7D1;
}

ul#menu-main ul{display:none;}

ul#menu-main > li:hover > ul{
	display:block;
	position:absolute;
	margin-left:155px;
	margin-top:-38px;
	z-index:100;
	padding:0;
	}
ul#menu-main > li > ul a
{
	width:175px;
}
/*--------------------------------------------widget -------------------------- */

body #page .widget{
	padding:0;
}

body #page .widget-title
{
	font-variant:small-caps;
	font-size:16px;
	font-weight:normal;
	text-align:center;
	border-bottom:solid 1px black;
	margin-top:15px;
	color:black;
	text-transform:none;
	
font-style:normal;
}

.widget ul
{
	padding:5px;
}

.widget ul li
{
	padding-top:5px;
	padding-bottom:5px;
}

.widget ul li a:link,
.widget ul li a:visited
{
	line-height:10px;
	text-decoration:none;
	color:#000000;
}

.widget ul li a:hover
{
	color:#000000;
	text-decoration:underline;
}
/*content area */

body.home .entry-header
{
	display:none;
}

.entry-header
{
	display:block;
}
.entry-meta{
	display:none;
}

.entry-title {
	text-transform:none;
	text-align:center;
	font-weight:bold;
	color:#014267;
	font-family: "Times New Roman",Times,serif;
    font-size: 30px;
    letter-spacing: 1px;
    line-height: 25px;
    margin-bottom: 20px;
    margin-top: 20px;
    text-decoration: none;
}

/*is this for the sidebar?*/
.myDate
{
	font-style:normal;
	color:#333333;
	font-size:12px;
	font-weight:normal;
	line-height:17px;
}

.entry-title .myDate
{
	font-size:16px;
	line-height:23px;
	font-weight:bold;
	color:black;
}

/* hide on some types of pages?*/
h3.storytitle a:link, h3.storytitle a:visited {
    display: none;
}
/* ==================== left sidebar styles =================================================================*/


body div.site::before {
	/*the display width of the left sidebar*/
    width: 175px;
}

.site::before,
.content-sidebar {
    background-color: #ecece0;
    border: 1px solid #c7c7c7;
    color: #000000;
    font-family: "Times New Roman",Times,serif;
    font-size: 13px;
    text-align: center;
    text-decoration: none;
    vertical-align: top;
}
#secondary, #supplementary {
    padding: 0;
}

#secondary{
	width:177px;
	border-bottom:none;
    background-color: #ecece0;
	
}

.site-description{display:none;}


.widget_recent_entries{
padding:10px;	
font-style:italic;
}
.widget_recent_entries .myDate{
font-style:normal;
}

/* ==================== right sidebar styles =================================================================*/

.content-sidebar {
	max-width:185px;
	padding:0px;
}


body .content-sidebar .widget .widget-title {
    border-top:0;
}

.content-sidebar .widget a:hover {
    color: #000;
}

/* ==================== content styles  =================================================================*/
.archive-header, .comments-area, .image-navigation, .page-header, .page-content, .post-navigation, .site-content .entry-header, .site-content .entry-content, .site-content .entry-summary, .site-content footer.entry-meta {
    margin-right: 0;
}

/*{

    max-width: 633px;	
}*/
.site-content,
.site-content .entry-header, 
.site-content .entry-content, 
.site-content .entry-summary, 
.site-content .entry-meta, 
.page-content {
    max-width: 635px;
    width: 635px;
}

.site-content, 
.site-main .widecolumn {
    margin-left: 180px;
}

.site-content {
/*this one positions the center content*/
    margin-right: 175px;
	padding-top:25px;
	padding-left:5px; /* was 10 */
	padding-right:10px;
	line-height:120%;
}


.archive-header, .comments-area, .image-navigation, .page-header, .page-content, .post-navigation, .site-content .entry-header, .site-content .entry-content, .site-content .entry-summary, .site-content footer.entry-meta {
	/*these position center content as well*/
    padding-left: 0px;
    padding-right: 10px;
}

.entry-content table, .comment-content table {
    border:none;
    margin: 8px;
}
.entry-content td, .comment-content td {
	/*
   padding:0px;
   
   */
}

.entry-header{padding-bottom:0;}

.entry-content{paddin-top:0;}

.post-meta-key {
    display: none;
}
ul.post-meta:first-child li
{
	display:none;
	/*color:red;*/
}
ul.post-meta:first-child li:first-child {
    color: #808080;
    display: block !important;
    font-family: "Times New Roman",Times,serif;
    font-size: 14px;
    font-style: italic;
    font-weight: bold;
    letter-spacing: 1px;
    padding-top: 25px;
	padding-left:20px;
}

body.page-id-410 .entry-header,
body.page-id-357 .entry-header,
body.page-id-412 .entry-header,
body.page-id-356 .entry-header,
body.page-id-413 .entry-header,
body.page-id-409 .entry-header,
body.page-id-359 .entry-header,
body.page-id-415 .entry-header,
body.page-id-414 .entry-header,
body.page-id-416 .entry-header,
body.page-id-417 .entry-header,
body.page-id-36 .entry-header,
body.page-id-502 .entry-header,
body.page-id-1373 .entry-header,
body.page-id-15065 .entry-header,
body.page-id-37 .entry-header,
body.page-id-502 .entry-header,
body.page-id-131 .entry-header,
body.page-id-502 .entry-header,
body.page-id-502 .entry-header,
body.page-id-502 .entry-header
{
	display:none;
}


.archive-header
{
	display:none;
}

/* ==================== footer styles  =================================================================*/

.post-navigation{display:none;}

.site-footer {
	color:white;
    background-color: #014267;
	
	width:100%;
	
	margin-bottom:-3px;
}


.site-footer table,
.site-footer td{
	border:none;
}


.site-footer table{
	width:100%;
	}

td.footerNav
{
	text-align:center;
	padding:10px;
	color:#DDD;
	margin-bottom:10px;
}

.footerNav a
{
	padding:6px;
	color:#DDD;
	font-size:11px;
}
.footerCatNav
{
	margin:10px 0px;
}
/* ==================== misc styles  =================================================================*/

div.entry-content td
{
text-align:inherit;	
}

#page .bluebox,
#page .blueBox,
#page .BlueBox{
border:solid 1px #000000; 
background-color: #f0ffff;
margin:10px;
}

#page .bluebox td,
#page .blueBox td,
#page .BlueBox td{
padding:7px;
}

#page .boxLeft
{
	border: solid 1px black; 
	margin: 10px; 
	padding: 6px; 
	font-size: 12px; 
	float: left;
	clear: left;
	font-weight: normal;
	text-align: justify;
}

#page .boxRight
{
	border: solid 1px black; 
	margin: 10px; 
	padding: 6px; 
	font-size: 12px; 
	float: right;
	clear: right;
	font-weight: normal;
	text-align: justify;
}

#page .boxLeftGrey
{
	border: solid 1px black; 
	background-color:#c7c7c7;
	margin: 10px; 
	padding: 6px; 
	font-size: 12px; 
	float: left;
	clear: left;
	font-weight: normal;
	text-align: justify;
}

#page .boxRightGrey
{
	border: solid 1px black;
	background-color:#c7c7c7;
	margin: 10px; 
	padding: 6px;	
	font-size: 12px; 
	float: right;
	clear: right;
	font-weight: normal;
	text-align: justify;
}

#page .boxLeftGreyFixedWidth
{
	border: solid 1px black; 
	background-color:#c7c7c7;
	margin: 10px; 
	padding: 6px; 
	width:320px;
	font-size: 12px; 
	float: left;
	clear: left;
	font-weight: normal;
	text-align: justify;
}

#page .boxRightGreyFixedWidth
{
	border: solid 1px black;
	background-color:#c7c7c7;
	margin: 10px; 
	padding: 6px;
	width:320px;	
	font-size: 12px; 
	float: right;
	clear: right;
	font-weight: normal;
	text-align: justify;
}

#page .blockQuoteLeft
{
	display:block;
	float:left;
	text-align:justify;
	font-size:18px;
	float: left;
	clear: left;
	font-weight:bold;
	padding:15px;
	padding-left:0px;
	width:250px;
	margin:0px;
	line-height:22px;
}

#page .blockQuoteRight
{
	display:block;
	float:right;
	text-align:justify;
	font-size:18px;
	float: right;
	clear: right;
	font-weight:bold;
	padding:15px;
	padding-right:0px;
	width:250px;
	margin:0px;
	line-height:22px;
}

/* 

IMAGE CAPTION EASY STYLES


Style Sheet code for Image Caption Easy Plugin for WordPress
Copy and Paste this code into your WordPress theme style sheet file (style.css) then upload to its location.
You can edit any of these to suit your needs.
*/


.imagecaptioneasy 
{
	padding: 7px;

	text-align: left;
	text-align: justify;
	color: #333;
	
	
	margin:0px; 
	margin-bottom:10px; 
	line-height:100%;
}

.alignft img,
.alignleft img,
.alignght img,
.alignright img,
.imagecaptioneasy img 
{ 
	border: 1px solid #000000; 
margin:0px; 
	margin-bottom:5px; 
}

.imagecaptioneasy span 
{ 
	font-size:11px;
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
}


.imagecaptioneasy_top_ft ,
.imagecaptioneasy_top_left 
{ 
	margin: 0px 11px 11px 0px; 
	float: left; 
	margin-bottom:10px; 
}

.imagecaptioneasy_top_ght,
.imagecaptioneasy_top_right 
{ 
	margin: 0 0 11px 11px; 
	float: right; 
	margin-bottom:10px; 
}

.imagecaptioneasy_top_nowrap 
{ 
	margin: 0 0 11px 0; 
	float: none; 
	margin-bottom:10px; 
}
.imagecaptioneasy_ft,
.imagecaptioneasy_left 
{ 
	float: left; 
	margin: 2px 10px 10px 0px; 
}

.imagecaptioneasy_ght,
.imagecaptioneasy_right 
{ 
	float: right; 
	margin: 2px 0px 10px 10px; 
	
}

.imagecaptioneasy_nowrap 
{ 
	margin: 2px 0 11px 0; 
	float: none; 
	margin-bottom:10px; 
	margin:0px; 
}

.quoteLeft
{
	display:block;
	float:right;
	text-align:center;
	font-size:20px;
	font-weight:bold;
	padding:20px;
	width:200px;
	background-color:#FFFF99;
}

.quoteRight
{
	display:block;
	float:right;
	text-align:center;
	font-size:20px;
	font-weight:bold;
	padding:20px;
	width:200px;
	background-color:#FF99FF;
}

.floatRight
{
	float:right;
}

.floatLeft
{
	float:left;
}
.clear{clear:both;}

.greyText {
	font-family:"Times New Roman", Times, serif;
	color:#c7c7c7;
	font-size:11px;
	}
	
a.greyTextLink:link,
a.greyTextLink:visited
{
	font-family:"Times New Roman", Times, serif;
	color:#c7c7c7;
	text-decoration:underline;
	}
	
	
a.greyTextLink:hover
{
	text-decoration:none;
}


/*===================== home page classes ===========================================================*/

table#HomeTable
{
	border:hidden;
}

.homeTable
{
	border:none;
	font-family:"Times New Roman", Times, serif;
	width:100%;
}
div.entry-content .homeTable td
{
text-align:center;	
}

.homeTable td
{
	border:none;
	cellpadding:5px;
}

.homeTable a
{
	color:#014267;
	text-decoration:none;
	font-size:14px;
	margin-bottom:0;
}
.homeTable a:hover
{
	color:#BDC7D1;
}


.homeTable img
{
	border:0;
	margin:0;
	float:right;
}

.homeTable td
{
	border-bottom:solid 1px #c7c7c7;
	height:185px;
	text-align:center;
	vertical-align:top;
	font-size:13px;
	padding:5px;
}	


.homeTable td p:first-child
{
	
}
.homeTable h2
{
	color:#014267;
	text-decoration:none;
	font-size:14px;
	
	/*
	margin-bottom:0;
	
	position:absolute;
	width:184px;
	z-index:5;
	
	margin-top:11px;*/
}

.homeTable td p.years
{
	
	margin:0px;
	padding:0px;
	text-align:center;
	font-weight:bold;
	
	/*
	width:184px;
	position:absolute;
	z-index:4;
	
	margin-top:28px;*/
}

.homeTable td p:last-child
{
	/*
	width:184px;
	
	position:absolute;
	z-index:3;
	margin-top:61px;*/
}

.spacerColumn
{
	width:1px;
	padding:0;
}

.spacerColumn img
{
	float:none;
	height:180px;
	width:1px;
}

#page
{
	
	width:1015px;
	margin:0 auto;
	font-size:14px;
}

.primary-sidebar {
    padding-top: 0;
}


.primary-navigation.toggled-on .nav-menu {
 padding-top:50px;
    width: 225px;
    overflow: hidden;
    position:absolute;
	right:3px;
}

@media screen and (max-width: 1040px) {
	/*body {background-color: #003;}*/
	
	.main-content {
		float: left;
	}
}
	
@media (max-width: 1008px) {
	/*body {background-color: #006;}*/
	.site-header{
		background: url("/img/header800.jpg") no-repeat scroll top left #014267;
		height: 200px;
		}
	.site-title{
		width:160px;
		height:180px;
	}
	
	#content-sidebar{display:none;}

	.site:before {	
		display: block;
		min-height: 100%;
		position: absolute;
	}

	#secondary {	
		clear: none;
		float: left;
		margin: 0 0 0 -100%;
	}
	
	.site-content{margin-right:0}
	#page{width:100%}
	
	.imagecaptioneasy[style]{ max-width:100%}
}

@media (max-width: 840px) {

}

@media (max-width: 810px) {
/*	
hide right side bar
body {background-color: blue;}*/
	#content-sidebar{display:none;}
	.site-content {margin-right: 0px;}
	
	.site-header{
	background: url("/img/header600.jpg") no-repeat scroll top left #014267;
    height: 150px;
	}
	
	.site-title{
	width:100px;
	height:120px;
}
	.site:before {	
		display: none;
	}

	
}
@media (max-width: 773px) {
	/*
	hide left side bar AND show navigation
	
	body {background-color: purple;}
	body {background-color: #014267;}*/
	
	#primary-sidebar{display:none;}
	#secondary {display:none;}
	
	.site::before
	{
		width:0px;
	}
	#page
	{
		padding:0px;
		margin-left: 0px;
		margin-right: 0px;
		width:100%;
	}
	
	.site-content {
		padding:7px;
		margin-left: 0px;
		margin-right: 0px;
		width:96%;
	}
	#page img[style],
	#page div[style]
	{
		max-width:96% !important;
	}
	
		.site-content, .site-content .entry-header, .site-content .entry-content, .site-content .entry-summary, .site-content .entry-meta, .page-content {
	/*	max-width: 96%;*/
	}
	
}
@media (max-width: 673px) {
	
	
	
	#primary-navigation, .primary-navigation{ display:block }

	#primary-navigation span[style]{
		font-weight:normal !important;
		font-size: 14px !important;
	}
	#primary-navigation p
	{
		display:none
	}
	#primary-navigation li {
		border:none;
	}
	#primary-navigation a
	{
		padding:7px;
		background-color:#82a2b4;
		border:solid 1px #a1b9c7;
		border-top:none;
		color:white;
		font-variant:smallsmall-caps;
	}
	#primary-navigation li:first-child a,
	#primary-navigation li#menu-item-21339 a,
	#primary-navigation li#menu-item-21336 a
	{
		border-top:1px;
	}

	
	#primary-navigation a:hover
	{
		background-color:#a1b9c7;
		text-decoration:none;
	}
}
@media (max-width: 480px) {
	body {background-color: #014267;}
	.site-header{
	
	}
	
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	
}