/*
Theme Name: America in WWII
Description: Please contact <a href="mailto:webdesign@ctinetworks.com">webdesign@ctinetworks.com</a> with any issues you may have.
Version: 1.0
Author: CTI Networks, Inc.
Author URI: http://www.ctinetworks.com
*/

/**
* America in WWII
*                                  
*          =========================================================================================================================
           ***** LOOK AT THIS ENTIRE FILE BEFORE MAKING CHANGES, ESPECAILLY THE BOTTOM OF THIS FILE FOR SPECIFIC PAGE CHANGES ******
*          =========================================================================================================================
* Main stylesheet for the America in WWII WordPress theme  
*                                                                 
* @project America in WWII
* @version 1.0
* @package americainwwii
*
* Font Definitions used in WP layout (but may have been changed below):
* @fontdef "Trebuchet MS",Arial,sans-serif; body text
* @fontdef Georgia,"Times New Roman",Times,serif; headings
* @fontdef "Lucida Console", Monaco, monospace; code and preformatted text
*
* @colordef #fff; white (heading text)
* @colordef #aaa; grey (body text)
* @colordef #000; black (body background)
*/


@import "css/reset.css";
@import "css/forms.css";
@import "css/menus.css";


/**
* @section =Basic
* --------------------------------------------------------------
*/

/**  new style
body {
	background: #000;
	color: #aaa;
	font: 100%/1.0 "Trebuchet MS", Arial, sans-serif;
}

**/
/** removed font from above due to conflicts with original site styles and moved to menus.css **/
body {
	background: #000;
	color: #aaa;		
}

h1, h2, h3, h4 {	
	color: #aaa;
}

/** from original site styles **/
h1, h2 {
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
}
/** from original site styles **/
h1 a, h2 a, h3 a, h4 a {
	border-bottom-style: none;
	text-decoration: none;
	color: #fff;
}
/** from original site styles **/
h3 a {
	font-weight: bold;
}
/** from original site styles **/
h3, h4 {
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
/** from original site styles **/
h3 {
	font-size: 14px;
	font-weight: bold;
	line-height: 16px;
	margin-bottom: 3px;
}
/** from original site styles **/
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

/** from original site styles but reduced font-size from 32 px**/
h1 {
	font-size: 32px;
	text-transform: uppercase;
	line-height: 36px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding: 0px;
	margin-bottom: 0px;
}
/** from original site styles **/
h2 {
	font-size: 22px;
	line-height: 1.2em;
	text-transform: uppercase;
}

/** from original site styles **/
h5 {
	text-transform: uppercase;
	color: #aaa;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-weight: normal;
	line-height: 1.2em;
	font-size: 12px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 20px;
	padding-bottom: 2px;
}
/** from original site styles **/
h6 {
	text-transform: uppercase;
	color: #aaa;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-weight: normal;
	line-height: 1.2em;
	font-size: 11px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-style: none;
}

/** to match original site styles **/
#main .entry {
	margin-bottom: 20px;
}
/** to match original site styles **/
#main h2 {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #222;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
}


/** from original site styles **/
.allcaps {
	text-transform: uppercase;
}

/** from original site styles **/
.eleven-point-type {
	font-size: 11px;
}

/** from original site styles **/
.bottom-margin-minus-twenty {
	margin-bottom: -20px;
}

/** new adjustment **/
.bottom-margin-minus-twenty2 {
	margin-top: -20px;
	margin-bottom: -20px;
}


/** from original site styles **/

.horizontal-space-15-pixel {
	height: 15px;
}

a {
	color: #fff;
	text-decoration: none;
	outline: 0;
}

a:visited {
	color: #fff;
}

a:focus, a:active {
	outline: 1px dotted #ccc;
}

a:hover {
	color: #FFF424;
}


/** from original site styles **/
p {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 1.3em;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 15px;
}

/**
* @section =Layout
* --------------------------------------------------------------
*/

#container {
	position: relative;
    width: 985px;
	overflow: hidden;
	margin: auto;
	padding-top: 10px;
}

#header {
	background: url(images/header.jpg) no-repeat;
	width: 981px;
	height: 111px;
	margin: 0;
	padding: 0;
	border: 2px solid #444;
	margin-top: 10px;
	margin-bottom: 20px;
}

#header a {
	background: url(images/logo.jpg) no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	width: 201px;
	height: 97px;
	margin-top: 7px;
	margin-bottom: 5px;
	margin-left: 10px;
}

#header a:focus {
	outline: 0;
}

#tagline {
	position: absolute;
	top: 135px;
	left: 240px;
	font-size: 0.8em;
	text-transform: uppercase;
}

#content {
	float: left;
	width: 453px;
	padding-bottom: 20px;	
	border-left: 1px solid #444;
}


#sidebar {
	float: right;
	width: 310px;
	border-left: 1px solid #444;
	padding-left: 10px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-top: 5px;
}

#left-sidebar {
	font-size: 0.8em;
	text-transform: uppercase;
	float: left;
	width: 180px;
	padding-right: 10px;
	text-align: right;
	margin-top: 5px;
}

#footer {
	font-size: 0.8em;
	line-height: 1.4em;
	clear: both;	
	background-color: #333333;
	border-style: solid;
	border-width: 2px;
	border-color: #444;
	height: 240px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 22px;
	padding-bottom: 10px;
	padding-left: 50px;
	padding-top: 20px;
}

#copyright {
	text-align: center;
	font-size: 0.7em;
	margin-bottom: 20px;
}


/**
* @section =Post
* --------------------------------------------------------------
* Look below for main pages where titles and text specifically changed
*/

.post {
    font-size: 0.9em;
	line-height: 1.4em;
	margin: 0 10px;
}


.authorbio {	
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	padding-top: 12px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	margin-top: 15px;
}


.archive h1 {
	margin-bottom: 15px;
}

h1 a,
.post h2 a {
	text-decoration: none;
	outline: 0;
}

.home h1 {
	font-size: 30px;
}

.post h1 {
	font-size: 30px;
}
.post h2 {
	font-size: 1.6em;
	line-height: 1.2em;
    margin: 4px 0;
	text-transform: uppercase;
	color: #aaa;
	font-weight: normal;
}
/** margin was 15px 0 0 0 but adjusted for back-issues **/
.post h3 {
	font-size: 1.1em;
	margin: 0px 0 0 0;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
}


.post h4 {
	font-size: 1.2em;
	margin: 2px 0;
	font-family: Arial, Helvetica, sans-serif;
}

.post h5 {
	font-size: 1.0em;
	margin: 2px 0;
}


/** added this for home page color issue font size  **/
.post h6 {
	font-size: 0.9em;
	margin: 2px 0;
}

/** adjusted this due to home page issues on spacing 
.post p {
    margin: 1.0em 0;
}
**/
.post p {
    margin: 0px 0 15px 0;
	font-weight: normal;
	color: #aaa;
	
}

.postdate {
	margin: 0;
}

/**  adjusted due to spacing issues home page 
.post .excerpt p {
	margin-top: 0;
	line-height: 1.2em;
}
**/

.post .excerpt p {
	margin-top: 0;
	line-height: 1.1em;
}

.entry {
	overflow: hidden;
}



.post ol li {
	list-style: decimal outside;
    margin-left: 20px;
}

.post ul, .post ol {
	margin: 10px;
}

.post ul ul,
.post ul ul ul,
.post ul ul ul ul,
.post ol ol,
.post ol ol ol,
.post ol ol ol ol {
	margin: 0 10px;
}

.post ul li {
	list-style: disc outside;
    margin-left: 20px;
}

.post blockquote {
    border: 1px solid #ccc;
	margin: 10px;
	padding: 0 15px;
}

.post cite {
    text-align: right;
	display: block;
	margin-right: 10px;
	margin-bottom: 10px;
}

.post table {
	width: 97%;
	border: 1px solid #B1B1B1;
	margin: 15px auto;
}

.post th {
	background: #eee;
	font-size: 1.1em;
}

.post table th,
.post table td {
	border: 1px solid #ccc;
	padding: 5px 10px;
}

.post table th:first-child,
.post table td:first-child {
	border-left: 1px solid #B1B1B1;
}

.post table th:last-child,
.post table td:last-child {
	border-right: 1px solid #B1B1B1;
}

.post table tr:first-child th {
	border-top: 1px solid #B1B1B1;
}

.post table tr:last-child td {
	border-bottom: 1px solid #B1B1B1;
}

.post dl {
	width: 93%;
	border: 3px double #ccc;
	padding: 10px;
	margin: 15px auto;
}

.post dt {
	font-weight: bold;
	text-align: right;
	float: left;
	clear: left;
	width: 150px;
}

.post dt:after {
	content: ":";
}

.post dd {
	margin: 0 0 0 160px;
	padding: 0 0.5em 0.5em 0;
}

.post .pagenavi {
	text-align: center;
}

.post .pagenavi span {
	text-decoration: none;
	border: 1px solid #999;
	padding: 1px 3px;
}

.post .pagenavi a {
	text-decoration: none;
	outline: 0;
}

.sticky {
	background: #F7F7F7;
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	border-radius: 13px;
	-webkit-box-shadow: 1px 1px 3px #C0C0C0;
	-moz-box-shadow: 1px 1px 3px #C0C0C0;
	box-shadow: 1px 1px 3px #C0C0C0;
	padding: 5px 15px;
}

.post.sticky h2 {
	text-align: center;
}

.postmetadata {
	font-size: 0.85em;
	line-height: 1.3em;
	text-align: right;
    	clear: both;
}

/** adjusted due to home page spacing issues
.post .post-edit-link {
	color: #aaa;
	font-size: 1.2em;
	vertical-align: text-bottom;
}
**/
.post .post-edit-link {
	color: #aaa;
	font-size: 1.0em;
	vertical-align: text-bottom;
}

.post .post-edit-link:hover {
	color: #0683FF;
}

.navigation {
	font-size: 0.8em;
	overflow: auto;
	margin: 20px;
}

/*---------------------- SINGLE POSTS FOR ARTILCES --------------*/
.single #content {
	width: 630px;
	margin-left: 0;
	border-left: none;
}



/** TWO COLUMN TEMPLATE STARTS HERE ----------------------------------------------------

/******** NOTE: the sections that use the .page-template-page-twocolumn-php template are:
/*** the Articles subpages
/*** the Gallery subpages
/*** the Back-Issues main page
/** however, there are other styles below that may also affect styles on theses sections */
/* 1-19-2013 NOTE:  per Carl, the gallery pages still were not indented enough, so changed the settings below for
.page-template-page-twocolumn-php #content because similar adjustments for the gallery page did not affect the title
this change most likely affected other pages as well. if so, then next step is to restore the .page-template-page-twocolumn-php #content
settings and just make a new gallery template -drb
*/
.page-template-page-twocolumn-php #content {
	width: 585px; 			/* was width: 610px;  */
	margin-left: 40px;       /* was margin-left: 20px; */
	margin-right: 0px;
	border-left: none;
}


/** start specifically for GALLERY subpages
---------------------------------------------
**/


.page-template-page-twocolumn-php  .gallery  {	
	/* width: 580px; */	
	margin-left: 0px;   	/* was margin-left: 30px;  but changed on 12-14-2012 per Carl */ 
	margin-top:  0px;	
	margin-right: 0px;		/* margin-right: 10px;	  but changed again on 1-19-2013 per Carl */ 
	margin-bottom: 10px;
	text-indent: 0px;
	/*border-right: dotted 1px #990000; */
}

.page-template-page-twocolumn-php .gallery h2 {
	font-size: 15px;
	line-height: 1.5em;
	font-family: "Trebuchet MS", Arial, sans-serif;
	text-indent: 0px;
	text-transform: none;
}

.page-template-page-twocolumn-php .gallery img {
	margin-top: 30px;
}
.page-template-page-twocolumn-php .gallery img[class*="wp-image-"] {
	margin-top: 30px;
    margin-left: 0px;
}

.page-template-page-twocolumn-php h1 {
	text-indent: 0px;
}

/** start special span on images for hover effect **/
.page-template-page-twocolumn-php .gallery a span {
	display: none;
}
/** verify the jquery plugin or WP defaults are not interferring here **/
.page-template-page-twocolumn-php .gallery a:hover span {
	display: block;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 14px;
	line-height: 1.3em;
	border: 2px solid #222222;
	text-decoration: none;
	background-color: #111111;
	padding: 20px;
	width: 500px;
	position: relative;
	text-align: left;
	top: 0px;
	right: 0px;
	margin: 0px;		
}

.page-template-page-twocolumn-php .gallery a span p {
	text-align: left;
	margin: 0px;
}

.page-template-page-twocolumn-php .gallery a:hover span img {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;	
}

/*** USE THIS FOR 3 COLUMN GALLERY IF NOT USING WP GALLERY FEATURES ----------------------------?

/** start special span on 3 columns of images for hover effect **/
.page-template-page-twocolumn-php #gallerywrapper {
	float: left;
	width: 626px;	
}

.page-template-page-twocolumn-php #gallerywrapper table, #gallerywrapper table tr, #gallerywrapper table td {
	border: solid 0px black;
	padding: 0px;
	margin: 2px 0px 2px 0px;
}

.page-template-page-twocolumn-php #gallerywrapper img.color-box-1616 {
	padding: 0px;
	margin: 0px;
}

.page-template-page-twocolumn-php  a:hover span {
	display: inline;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 14px;
	line-height: 1.3em;
	border: 2px solid #222222;
	text-decoration: none;
	background-color: #111111;
	padding: 20px;
	width: 500px;
	position: relative;
	text-align: left;
	top: 0px;
	right: 0px;
	margin: 0px;		
}
/** not used **/
.page-template-page-twocolumn-php #gallerycolumnleft  {
	float: left;
	width: 190px; /*Width of left column in pixel*/
	margin-left: 0px; 
	background: #ff0000;
	border: dotted 1px red;
}
/** not used **/
.page-template-page-twocolumn-php #gallerycolumncenter  {		
	width: 190px; /*Width of center column in pixel*/
	margin: 0px 200px 0px 195px; 	/*Margins for center column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
	background: #00ff00;
	border: dotted 1px red;
}
/** not used (could not get this one to line up vertically) **/
.page-template-page-twocolumn-php  #gallerycolumnright  {	
	float: left;
	width: 200px; /*Width of right column*/
	margin: 0px 0px 0px 400px;  /*Set left margin to -(RightColumnWidth)*/
	background: #FDE95E;
	border: dotted 1px red;
}

/** end special span on images for hover effect **/

/** end specifically for GALLERY subpages 
---------------------------------------------
**/


/** start specifically for ARTICLES subpages AND Back-Issues Main page
-----------------------------------------------------------------------
/** we originally had this one **/
.page-template-page-twocolumn-php .post, .single .post {
	margin-left: 30px;
	color: #FFFFFF;
}
/** this matches original site style: article h1 **/
.page-template-page-twocolumn-php .post, .single .post  h1 {	
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 36px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 15px;	
}
/** this matches original site style: article h2  **/
.page-template-page-twocolumn-php .post, .single .post  h2 {	
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 15px;
	text-align: left;
	font-weight: normal;
	line-height: 1.3em;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
	text-transform: none;
}

/** this matches original site style: article h3  **/
.page-template-page-twocolumn-php .post, .single .post  h3 {	
	color: #aaa;	
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;	
	line-height: 1.3em;
	text-align: left;
	margin-top: 0px;
	text-transform: none;
	margin-bottom: 15px;
	font-weight: bold;
}
/** this matches original site sytle: article p **/
.page-template-page-twocolumn-php .post, .single .post  p {	
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 1.4em;
	text-decoration: none;
	margin-bottom: 0px;
	text-indent: 20px;
}

/** this matches original site style: article img **/
.page-template-page-twocolumn-php .post, .single .post  img {	
	float: left;
	margin-top: 25px;
	margin-right: 14px;
	margin-bottom: 3px;
	margin-left: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

/** this matches original site style: article footnote  **/
.page-template-page-twocolumn-php .post, .single .post .footnote {	
	font-family: "Trebuchet MS", Arial, sans-serif;	
	font-size: 9px;	
}

/** this matches original site style: article autohorbio **/
/** to remove the dotted border on a page see next style example **/
/** border-top-style: dotted; // was showing up on each Gallery article, turned off per Carl **/
.page-template-page-twocolumn-php .post, .single .post .authorbio {	
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	padding-top: 12px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	margin-top: 15px;
}

/** this removes the border that appears above the h1 title on Back-Issues page from style above **/
.page-template-page-twocolumn-php .post-23 {
	border-top-style: none;
}
/** end specifically for ARTICLES subpages AND Back-Issues Main page
-----------------------------------------------------------------------

/** TWO COLUMN TEMPLATE ENDS HERE ----------------------------------------------------**/







/**
* @section =Widgets
* --------------------------------------------------------------
*/

.widget {
}

.widget-title {
	font-size: 1.3em;
	margin-bottom: 5px;
}

.widget li {
	list-style: none;
}

#footer .widget {
	float: left;
	width: 177px;
}

#footer ul {
	list-style-type: none;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-weight: normal;
	text-transform: none;
	color: #aaa;
	font-size: 12px;
}

/** from original style **/
.menuheader {
	font-weight: bold;
	padding-bottom: 5px;
	text-transform: uppercase;
}


/** -------------------------------------
* @subsection =Gallery
* (also see the Images section below)
*  ------------------------------------
*/

.post .gallery dl,
.post .gallery dt,
.post .gallery dd,
.post .gallery dt:after {
	content: "";
	text-align: center;
	float: none;
	width: auto;
	clear: none;
	border: none;
	margin: 0;
	padding: 0;
}

.post .gallery {
	margin: auto;
}


.post .gallery .gallery-item {
	text-align: center;
	float: left;
	width: 33%;
	margin-top: 10px;	
}

.post .gallery img {
}


.post .gallery .gallery-caption {
	font-size: 0.85em;
	line-height: 1.3em;
	margin-left: 0;
}

.post .gallery-columns-4 .gallery-item {
	width: 23%;
	padding-right: 2%;
}

.post .gallery-columns-4 .gallery-item img {
	width: 100%;
	height: auto;
}


/** -----------------------------------------------------------
* @section =Images  
* (other sections may have img styles too)
*  be sure to scroll down for the SPAN HOVER IMG definitions
* --------------------------------------------------------------
*/

img[class*="wp-image-"] {
	max-width: 97.5%;
    margin: 10px;
}

img.size-full {
	max-width: 97.5%;
	width: auto;
	height: auto;
}

img.wp-smiley {
	background: transparent;
	border: none;
	margin: 0;
	padding: 0;
}


img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	display: inline;
	margin: 2px 0 2px 10px;
}

img.alignleft {
	display: inline;
	margin: 2px 10px 2px 0;
}

img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 5px;
}

img.floatLeft { 
    float: left; 
    margin: 4px 8px 2px 0px; 
}

img.floatRight { 
    float: right;
	max-width: 100%;
    margin: 4px 10px 4px 22px; 
}

/** from original site style **/
.columnimage {
	float: none;
	margin-bottom: -15px;
	margin-top: 10px;
}


/** ----start wp-captions ---- **/
.wp-caption {
	text-align: center;
	max-width: 97.5%;
	margin: 10px;
}

.wp-caption img[class*="align"],
.wp-caption img[class*="wp-image-"] {
	margin: 0;
	padding: 0;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 4px 5px;
}

/** ----end of wp-captions ----



/** ------------ start image-captions definitions from original styles --------------- **/
#image-caption {
	float: right;
	width: 250px;
	margin-bottom: 10px;
	margin-left: 20px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 0px;
	text-indent: none;
	margin-top: 7px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;	
}

#image-caption p {
	clear: both;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.3em;
	margin-top: 0px;
	margin-bottom: 0px;
	text-indent: 0;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: none;
	padding-top: 10px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}
#image-caption img {
	margin-bottom: 7px;
	margin-top: 0px;
	float: left;
	margin-left: 0px;
}
/** ------------ end image-captions definitions from original styles --------------- **/


/** ------------ start attachment definitions --------------- **/
.attachment-single-post-thumbnail {
	float: right;
	margin: 20px 10px 10px 10px;
}

.attachment-post-thumbnail {
	float: left;
	margin: 1em 10px 6px 0;
}

.attachment-large {
    margin: 10px auto;
}

.attachment-75x75 {
	margin: 10px;
}

.attachment .caption {
	font-variant: small-caps;
	text-align: center;
}

/** ------------ end attachment definitions --------------- **/


/** ------------- start SPAN IMAGE HOVER EFFECTS WHICH VARY BY SECTION ---------------------**/
/** there may be some overlaps/duplicates below **/
/** from #article a: hover span **/
/** original style #article = new style .entry  (or duplicate of content below??) **/
a span {
	display: none;
	zindex: 100;
}

.entry a:hover span {
	display: block;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 14px;
	line-height: 1.3em;
	background-color: #333;
	padding: 20px;
	width: 740px;
	position: fixed;
	top: 0px;
	text-decoration: none;
	color: #dddddd;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	text-indent: 0;
	z-index: 100;
}
.entry a:hover span img {
	padding: 0px;
	float: left;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
	z-index: 100;
}


/** from original style for: #main a: hover span **/
/** original style #main = new style #content **/
#content a:hover span {
	display: block;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 14px;
	line-height: 1.3em;
	background-color: #333;
	padding: 20px;
	width: 740px;
	position: fixed;
	top: 0px;
	text-decoration: none;
	color: #dddddd;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	text-indent: 0;
	z-index: 100;
}
#content a:hover span img {
	padding: 0px;
	float: left;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
	z-index: 100;
}
#content .entry {
	margin-bottom: 20px;
}

/** ------------- end IMAGE HOVER EFFECTS VARY BY SECTION ---------------------**/









/**
* @section =Miscellaneous
* --------------------------------------------------------------
*/

hr {
	height: 0;
	border: 0;
	margin: 10px 0;
	border-bottom: dotted 1px #444;
}

small {
	font-size: 0.7em;
}

big {
	font-size: 1.3em;
}

acronym {
	border-bottom: 1px dotted #999;
	cursor: help;
}

code,
kbd,
tt,
pre {
	font-family: "Lucida Console", Monaco, monospace;
	font-size: 0.9em;
}

q {
	quotes: '\201C' '\201D' '\2018' '\2019';
}

q:before {
  	content: open-quote;
}

q:after {
  	content: close-quote;
}

sup,
sub {
	font-size: 0.8em;
	line-height: 1;
	vertical-align: baseline;
	position: relative;
	height: 0;
}

sup {
	bottom: .5ex;
}

sub {
	top: .5ex;
}

.clear {
    clear: both;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignright {
	float: right;
}

.alignleft {
	float: left
}

.txtaligncenter,
.center {
    text-align: center;
}

.footnote {
	font-size: 9px;
}




/**  ---- start Social Media Links ------ orig 128px **/
#sociallinks {
	position: absolute;
	top: 32px;
	right: 270px;
	outline: none;	
	z-index: 1;
}
#sociallinks .social  {		
	margin: 0px;
	padding: 4px;
	text-align: left;
	color: #fff;
	font-family: Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	vertical-align: middle;	
	line-height: 1.0em;
}

#sociallinks .social img {
	border: 0px;
	padding: 0px;	
	margin: 0px;
	vertical-align: middle;	
}
/** ------end Social Media Links -------------- **/

/** ========================================================================================= SEE SPECIFIC CHANGES BELOW =======*/

/** ---------- SPECIFIC MAIN PAGES SECTION ------------------------ **/

/** for the About the Magazine page only **/
.aboutthemagazinepage {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
/** ------------------------ **/

/** for the Back Issues page only **/
.post-23 h1 {
	font-size: 23px;	
	margin-left: 30px;
}

.backissuespage {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;	/* in the content area of main backissues page */
	margin-left: 30px;
}
.entry .backissuespage  h3  {	
	line-height: 1.5em;
	margin: 15px 0 0 0;
	font-size: 14px;
	text-indent: 0px;
	font-weight: bold;
}

.entry .backissuespage  p  {	
	text-indent: 0px;	
}
/** ------------------------ **/


/** for the Bonus Features main page only **/
.post-25 h1 {
	font-size: 23px;
}

.bonusfeatures h3 {
	font-size: 15px;
}
/** ------------------------ **/

/** for some of the Bonus Features subpages  **/
.post h5.noborder {
	padding-top: 5px;
	border-top-width: 0px;
	border-top-style: none;
	
}
/** ------------------------ **/


/** for the Downloads page only **/
.post-17 h1 {
	font-size: 23px;
}

.downloadspage {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.entry .downloadspage  h3  {	
	line-height: 1.5em;
	margin: 15px 0 0 0;
	font-size: 15px;
}
/** ------------------------ **/

/** for the Footage page only **/
.post-15 h1 {
	font-size: 23px;
}

.footagepage h3 {
	font-size: 15px;
}
/** ------------------------ **/

/** for the Galleries page only **/
.post-13 h1 {
	font-size: 24px;
}
.galleriespage {	
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.entry .galleriespage  h3  {	
	line-height: 1.5em;
	margin: 15px 0 0 0;
	font-size: 15px;
}
/** ------------------------ **/


/** for the Links page only **/
.linkspage {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.linkspage li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
}

/** for the Media Resources page only **/
.post-1507 h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;	
	font-weight: bold;
}
#themediatitle {
	font-size: 32px;	
	line-height: 1.0em;
	text-transform: uppercase;
}
.mediaresourcespage h2 {	
	font-size: 24px;	
}
/** ------------------------ **/


/** for the Reviews page only **/
.post-21 h1 {
	font-size: 24px;
}
.reviewspage {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.entry .reviewspage  h3  {	
	line-height: 1.5em;
	margin: 15px 0 0 0;
}
/** ------------------------ **/

/** ---------- END OF SPECIFIC MAIN PAGES SECTION ------------------------ **/

/** ------ START OF INDIVIDUAL PAGES WITH TITLE ADJUSTMENTS ----------
* NOTE: this area used to supress the automatic WP display of h1 titles
* so that a smaller lead-in such as Book Review can be displayed
*/

/* .showtitle is used as a class to display the supressed title below the lead-in */
.post .showtitle {	
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	line-height: 1.2em;
	text-transform: uppercase;
	font-size: 22px;
}
.post .showtitleA {	
	font-family: font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	line-height: 1.2em;
	text-transform: uppercase;
	font-size: 32px;
}

/** -- Bonus-Features: June 2010, April 2010, February 2010, December 2009, 
October 2009, August 2009, June 2009, April 2009 -- **/
.post-1969 h1, .post-1954 h1, .post-1966 h1, .post-1943 h1, .post-1948 h1, 
.post-636 h1, .post-1979 h1, .post-237 h1    {
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	margin-bottom: 0px;
}

.post-1969 .showtitle, .post-1954 .showtitle, .post-1966 .showtitle, 
.post-1943 .showtitle, .post-1948 .showtitle, .post-636 .showtitle, 
.post-1979 .showtitle, .post-237 .showtitle  {
	font-size: 30px;	
}

.post-1969 h2, .post-1954 h2, .post-1966 h2, .post-1943 h2, .post-1948 h2, 
.post-636 h2, .post-237 h2 {
	margin-top: 0px;
	font-size: 21px;
}
/** June 2009: .post-1979 h2 **/
.post-1979 h2 {
	 font-size: 22px;
}

/** --- end of Bonus-Features: June 2010, April 2010, February 2010, December 2009, 
October 2009, August 2009, June 2009, April 2009 -- **/

/** -- Issues-Specials: GIs IN WORLD WAR II--**/
.post-2115 h1 {
	display: none;
}
.post-2115 .showtitle a {
	font-size: 32px;
	line-height: 1.3em;
}
.post-2115 h2 a {
	font-size: 22px;	
}
.post-2115 h3 {
	margin-bottom: 10px;
}

/** -- Issues-Specials: Home Front Life --**/
.post-2136 h1 {
	display: none;
}
.post-2136 .showtitle a {
	font-size: 32px;
	line-height: 1.3em;
}

.post-2136 h2 {
	font-size: 22px;	
	margin-bottom: 10px;
}

/** -- Reviews: Baseball in Wartime --**/
.post-44 h1 {
	display: none;
}

/** -- Reviews: Masters And Commanders: How Four Titans Won The War In The West
  --**/
.post-1163 h1 {
	display: none;
}
.post-1163 h4 {
	font-size: 12px;
}

/** -- Reviews: Overlord: The D-Day Landings  --**/
.post-1157 h1 {
	display: none;
}
.post-1157 h4 {
	font-size: 12px;
}

/** -- Reviews: Soldier From The War Returning --**/
.post-2034 h1 {
	display: none;
}

/** -- Reviews: Tom Cruise And The Plot To Kill Hitler  --**/
/** This is inconsistent with other pages in the Reviews section **/

.post-1151 h1 {
	display: none;
}
.post-1151 .showtitleA {
	font-size: 38px;	
}
.post-1151 h3 {
	font-family:  Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	text-transform: none;
	margin-bottom: 15px;
}
.post-1151 p {
	font-family:  Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	text-indent: 20px;
	margin-bottom: 5px;
	line-height: 1.5em;
}

/** -- TEll Us Your Story  -- **/
.post-2976 h1 {
	display: none;
}
.post-2976 .showtitle {
	font-size: 32px;
	line-height: 1.3em;
}


/** ------ END OF INDIVIDUAL PAGES WITH TITLE ADJUSTMENTS ---**/

/** ------ START VOCUS EMAIL SIGNUP FORM FOR NEWSLETTER ---**/
 .signupframe, table {
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
	padding: 0px;
	width: 298px;
}
 .signupframe td {
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
	padding: 2px;
}

 .signupframe.link, .signupframe.link a  {
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}
  
  .signupframe.link, .signupframe.link a {
    text-decoration: none;
  }
  
  .signupframe {
    border: 1px solid #ffffff;
    background: #000000;
	padding: 0px;
  }
  
 
/** ------ END VOCUS EMAIL SIGNUP FORM FOR NEWSLETTER ---**/