/*  
Theme Name: The Other Half of History
Description: History
Version:
Author: The Other Half of History
Author URI: #
*/

* { border: 0; margin: 0; padding: 0; }


a {text-decoration: none;}


textarea, input, select {
		border: 1px solid #bbb;
		}


body {
	background-color: #BDCCD4; /*light blue*/
	}


/* HEADER */
#header {
	height: 218px;
	background-color: #F2F5F6; /*light gray*/
	margin: 0 auto 0 auto;
	/*border: 1px solid magenta;*/
	}

	
	#logo {
		width: 850px;
		margin: auto;
		height: 218px;
		padding-left: 100px;
		background-image: url(images/globe_top_head.png);
		background-position: 350px 0px;
		background-repeat: no-repeat;
		/*border: 1px solid magenta;*/
		}
		
		
#bar {
	background-image: url(images/bar_shadow.jpg);
	background-repeat: repeat-x;
	background-position: top;
	height: 149px;
	z-index: -100;
	}	

		
/* NAVIGATION */
#middle {
	margin: 12px auto 0 auto;
	width: 775px;
	background-color:#FFF;
	overflow: hidden;
	z-index: 100;
	background-image: url(images/middle_shadow.jpg);
	background-position: right;
	background-repeat: repeat-y;
	/*border: 1px solid magenta;*/
	}

	#main_spotlight {
		background-image: url(images/spot_shadow.jpg);
		background-position: right;
		background-repeat: no-repeat;
		height: 187px;
		}	
	
	
	/* SIDEBAR */
	
		
	#sidebar {
		float: right;
		width: 225px;
		margin-right: 25px;
		background-color:#FFF;
		background-image: url(images/sidebar_line.jpg);
		background-position: left;
		background-repeat: repeat-y;
	/*	border: 1px solid magenta;*/
		}
		
	#sidebar p, #sidebar ol, #sidebar ul {
		font: 14px "Arial", sans-serif;
		color: #000000;
		/*line-height: 150%;*/
		margin: 75px 0px 10px 60px;
		}
		
	#sidebar ul ul {
			margin-top:0;
		}
	
			
	#sidebar h3, #sidebar h2 {
		border-bottom: 1px solid #ddd;
		color: #aa2619;
		font-weight: bold;
		font: 14px "Arial", sans-serif;
		margin: 10px 0 0 60px;
		text-align: left;
		position: relative; bottom: -5em;
		line-height: 250%;
		}
		
	#sidebar ul ul {
		display: none;	
		}
		
	#sidebar ul .current_page_item ul, #sidebar ul .current_page_parent ul {
		display: block;	
		margin-left: 5px;
		}
		
	#sidebar li {
		line-height: 250%;
		list-style: none;
		padding: 0 0 0 7px; 
		font-weight: bold;
		margin-bottom: 4px;
		border-bottom: 1px solid #DDDDDD;
		}
		
	#sidebar li a {
		border-bottom: none;
		color: #000;
		}
		
	#sidebar li.last {
		margin-bottom: 50px;
		}
		
	#sidebar li.current_page_item a {
		color: #aa2619;
		line-height: normal;
		/*background-image: url(images/globe_sm.png);
		background-position: left;
		background-repeat: no-repeat;
		margin-left: -25px;
		padding: 10px 5px 10px 25px;*/
		}
		
	#sidebar li.current_page_item  ul a {
		color: #000;
		}
		
	#sidebar li li {
		border-bottom: none;	
		}
		
	#sidebar li a:hover {
		color: #aa2619;
		font-weight: bold;
		background-image: url(images/globe_sm.png);
		background-position: left;
		background-repeat: no-repeat;
		margin-left: -25px;
		padding: 10px 5px 10px 25px;
		}
		
	
	#sidebar img, #sidebar iframe {
		padding: 5px;
		margin: 5px 0;
		border: 1px solid #ddd;
		background: #fff
		}
		
	#searchform {
			margin: 30px 9px 0px 40px;
			float: right;
		}
		
		#searchsubmit {
			margin-top: 8px;	
		}
					

	#sidebar #subscribe2 {
		border-bottom: none;	
	}
	
	#sidebar ul #subscribe2 h2{
		list-style: none;
		line-height: 250%;
		/*font-weight: bold;*/
		margin:0;
		bottom: 0;
			
		}		
	#sidebar ul #subscribe2 p{
		margin:0;
		border-bottom: none;	
		padding-top: 10px;
		}	
		
	#sidebar ul #subscribe2 p input{
		margin-top: 5px;
		}	
		
					
	/* CONTENT */
	#content {
		float: left;
		width: 525px;
		background-color:#FFF;
		/*border: 1px solid magenta;*/
		}
		
		
			#quotes {
			 	font: 12px/18px "Arial", sans-serif;
				font-style: italic;
				margin: 25px 32px 32px 75px; 
			}
			
			#loader {
				text-align: right;
				position: relative; top: -1em;
			}
			
						
	#content h2	{
		font-weight: bold;
		color: #000000;
		font: 18px "Arial", sans-serif;
		margin: 0 25px 14px 75px;
		}
		
		.pagetitle	{
			font-weight: bold;
			color: #000000;
			font: 18px "Arial", sans-serif;
			margin: 0 25px 14px 75px;
			}
		
		
			 #top-margin {
				margin-top: 95px;
				}
			
			
				
	#content h3	{
		color: #000000;
		font: 16px "Arial", sans-serif;
		font-weight: 400;
		margin: 0 75px 14px 75px;
		}
	
		h3 a {
			margin-bottom: 0;
			color: #000;
			}
			
			h3 a:hover {
			color: #aa2619;
			/*border-bottom: 1px solid #aa2619;*/
			}
					
	#content h4	{
		color: #000;
		font: 14px "Arial", sans-serif;
		/*font-weight: bold;*/
		margin: 0 75px 14px 75px;
		}
		
		#content h4 a {
			color: #0000AA;
		}
		
	#content h5	{
		color: #000;
		font: 12px "Arial", sans-serif;
		font-weight: bold;
		margin: 0 75px 14px 75px;
		}	
						
	#content p {
			color: #000;
			font: 12px/18px "Arial", sans-serif;
			margin: 0 75px 14px 75px;
			}
				
	#content p a {
		/*border-bottom: 1px solid #ddd;*/
		color: #0000AA;
		}
	
	#content p a:hover {
		color: #aa2619;
		}
		
	#content p.quote {
			font-style: italic;
			margin-right: 0px;
			}
	
	#content p.small {
			font-size: 10px;
			color: #777777;
			margin: 0 25px 18px 75px;
			}	
	
	#content ul {
		color: #000;
		font: 12px/18px "Arial", sans-serif;
		margin: 0 0 10px 0;
		}
		
	#content ul li	{
		/*background: url(images/content_li.gif) no-repeat 5px 8px;*/
		line-height: 150%;
		list-style: none;
		/*padding: 0 20px;*/
		margin: 0 0px 2px 0px;
		}
				
		#content ul li a {
			border-bottom: 1px solid #ddd;
			color: #000;
			}
			
		#content ul li a:hover {
			color: #bd2025;
			}
			
	#content ol {
		color: #000;
		font: 12px/18px "Arial", sans-serif;
		margin: 0 0 10px 0;
		padding: 0 15px;
		}
		
	#content ol li	{
		line-height: 150%;
		margin: 0 0px 2px 10px;
		}
				
		#content ol li a {
			border-bottom: 1px solid #ddd;
			color: #000;
			}
			
		#content ol li a:hover {
			color: #bd2025;
			}

	#content blockquote, #content pre {
		padding: 0 25px;
		margin: 0px 0px 10px 0px;
		overflow:auto;
		}
		
		#content blockquote h3 {
			color:#000000;
			}
			
	#content label	{
		color: #bd2025;
		font: 12px/18px "Arial", sans-serif;
		}
		
	#content iframe {
		padding: 4px;
		border: 1px solid #ddd;
		background: #fff;
		margin: 0 0 10px 0;
		}	
	
	#content img {
		
		/*border: 1px solid #ddd;*/
		background: #fff;
		}
		
		.wp-caption-text  {
			text-align: center;
			}
			
		.alignnone {
			margin-bottom: 10px; 
			}
			
		.alignleft {
			float: left;
			width: auto;
			margin: 0 10px 10px 0 ; 
			}
			
		#previous_image a, #next_image a {
			border-bottom: none; 
			}
			
		.alignright {
			float: right;
			width: auto;
			margin: 0 0 10px 10px; 
			}
			
		.attachment-thumbnail, .size-thumbnail {
			padding: 5px;
			border: 1px solid #ddd;
			}
			
		#gallery-box {
			margin-bottom: 25px;
			}
			
		#comments-box {
			clear: both;
			}
			
		
		
		
		/* ReCAPTCHA */
		
		
		
			
			
		/* COMMENTS */
		
		#comments-head {
			border-bottom: 1px solid #ddd;
			}
			
		#comments-box ol {
			padding: 0;
			}
			
		#comments-box ol li {
			list-style-type:none;
			padding: 10px 0;
			margin: 0 75px 14px 75px; 
			}
			
			#comments-box ol li p {
			margin: 10px 0;	
			}
			
		#comments-box ul li {
			list-style-type:none;
/*			padding: 15px 0;
*/			}
			
		#comments-box cite {
			font-weight:bold;
			font-size:14px;
			}
			
		.comment-author {
			margin-bottom: 2px;
			}
			
		.comment p {
			clear:both
			}
		
		.reply {
		 	font-size:10px;
			}
			
		.comment-meta {
			/*display:none;*/
			font-size:10px;
			}
			
		.avatar {
			float: left;
			width: auto;
			margin: 0 10px 10px 0;
			}
			
		
		#content img.print {
			float: right;
			border: none;
			clear:both;
			margin-bottom: 20px;
			}
		
	#content object { 
		margin: 0 0 10px 0px ; 
		/*border: 1px solid #ddd;*/ 
		background: #fff
		}
		
	#content pre {
		max-height: 300px;
		font-size: 12px;
		padding: 10px;
		margin: 10px 0px;
		overflow: auto;
		}
		
	
		
	.clear {
		clear:both;
		height: 0px;
		}
	
	/* LINKS */
	
	#links {
			margin-left: 75px;
			}	
	
		#links a {
			color: #000;
			font-weight: bold;
			font: 12px "Arial", sans-serif;
			line-height: 250%;
			}
			
			#links a:hover {
			color: #aa2619;
			border-bottom: 1px solid #aa2619;		
			}
						
	/* POST ITEMS */
	.post-box {
		/*border-bottom: 1px solid #ddd;*/
		overflow: auto;
		padding-bottom: 40px;
		/*border: 1px solid magenta;*/
		}
		
		.post-box h3 {
			/*border: 1px solid magenta;*/
			}
		
	
	
	
	/* GALLERY ITEMS */
	.gallery {
		margin: auto;
		}
		
	.gallery-item {
		float: left;
		width: auto;
		margin: 20px 5px 10px 70px;
		text-align: center;
		}
		
		.gallery-icon {
			float: left;
			width: auto;
			margin: 0 5px;
			/*border: 1px solid magenta;*/
			}
		
		#content p.smallattachment a, #content dl.gallery-item a {
			border-bottom: none;
			}
		
	.gallery img {
		}
		
	.gallery-caption {
		margin-left: 0;
		}
		
	#content p.wp-caption-text {
		margin-top: 10px;
		font: 10px/12px "Arial", sans-serif;
		}


	/* PAGINATION */
	div.wp-pagenavi {
		text-align: center;
		font: 12px/18px "Arial", sans-serif;
		margin: 10px 0 20px 250px;
		border-bottom: none;
		/*border: 1px solid magenta;*/
		}
	
	.wp-pagenavi a, .wp-pagenavi a:link {
		padding: 2px 4px 2px 4px; 
		margin: 2px;
		text-decoration: none;
		border: 1px solid #ddd;
		color: #000000;
		background-color: #FFFFFF;	
		}
	.wp-pagenavi a:hover {	
		/*border: 1px solid #ddd;*/
		color: #888888;
		background-color: #FFFFFF;
		border-bottom: none;
		}
		
	.wp-pagenavi span.pages {
		padding: 2px 4px 2px 4px; 
		margin: 2px 2px 2px 2px;
		color: #000000;
		border-bottom: none;
		background-color: #FFFFFF;
		}
	.wp-pagenavi span.current {
		padding: 2px 4px 2px 4px; 
		margin: 2px;
		font-weight: bold;
		border-bottom: none;
		color: #000000;
		background-color: #FFFFFF;
		}
	.wp-pagenavi span.extend {
		padding: 2px 4px 2px 4px; 
		margin: 2px;	
		border: none;
		color: #000000;
		background-color: #FFFFFF;
		}	
			
	
/* FOOTER */
#footer {
	height: 75px;
	width: 773px;
	/*background-image: url(images/middle_shadow.jpg);
	background-position: right;
	background-repeat: repeat-y;*/
	background-image: url(images/footer_bkgd.jpg);
	background-position: right;
	background-repeat: no-repeat;
	background-color:#FFF;
	margin: 0 auto 25px auto;
	padding: 50px 0 0 0;
	font: 9px/14px "Arial", sans-serif;
	text-align: center;
	color: #000;
	/*z-index: 150;*/
	/*border: 1px solid magenta;*/
	}
	
	#footer p {
		position: relative; bottom: -2em;
		/*border: 1px solid magenta;*/
		}
	
	#footer a {
		color: #000;
		border-bottom: none;
		}
	
	#footer a:hover	{
		color: #000;
		border-bottom: 1px solid #000;
		}

	.bkgd_image {
		/*position: relative; top: -14em; left: 20em;*/
		z-index: 100;
		}
		
	.btm_shadow	{
		width: 806px;
		position: relative; top: 5em; right: 2.3em;
		/*z-index: 200;*/
		/*position: relative; top: -14.25em; right: 2.3em;*/
		z-index: 200;
		}