/*

Theme Name: Magazine Basic

Theme URI: http://tinkerpriestmedia.com/free-wordpress-themes/magazine-basic/

Description: A magazine style theme with a fully customizable layout. Theme options include site width, 1 or 2 widgetized sidebars, logo uploader, multiple front page grid layouts, Google Analytics, header ad space and tons more. Also includes dynamic SEO keywords and page descriptions. Tested on WP 2.8 using Firefox, IE6 and IE7. Fully optimized for search engine ranking. 100% valid xHTML. Designed by <a href="http://tinkerpriestmedia.com">c.bavota</a>.

Version: 2.4.11

Author: c.bavota

Author URI: http://tinkerpriestmedia.com/

Tags: right-sidebar,left-sidebar,fixed-width,three-columns,two-columns,white,custom-header,theme-options



	The CSS, XHTML and design is released under GPL:

	http://www.opensource.org/licenses/gpl-license.php



*/



/* BASIC TAG ELEMENTS */

/*PETER's ADDED STYLE FOR SPACE AROUND EMBEDDED VIDEO
.video {
padding: 15px;
}
*/

/*  PETER ADDED THIS FOR DISPLAY AD LINKS to hover on rollover*/

			#display-ad a:hover {

			color: #436664;

			background: #c5c5c5;

			text-decoration: none;

			border: 6;

			}


a {

	text-decoration: none;

	outline: none;

	color: #004848;   /*  #205B87  */

	}

	

	a:hover {

		background: #c9c9c9;

		text-decoration: none;

		}

	

img { 

	border: 0;

	}



body {

background-color: #004848;  
   /* 868976 (original) 004848 (deep blue green)  003000 (deep black green)  436664 (this was the other green) */
	color: #444;

 	margin: 0 auto;

font-family: Georgia, Book Antiqua, Palatino, Times New Roman, serif; 

	line-height: 19px;  /* was 18px */

	font-size: 13.4px;  /* was 13px */

	color: #606060;   /* PETER ADDED THIS */

	padding: 0; 

	}



h1 a, h2 a, h3 a, h4 a, h5 a {

	color: #555;
font-weight: normal;

	}



textarea {

	width: 97%;

	}



/* Header Elements */



#header{

	background: #004848; 
/* 004848 436664 (my original) */

	float: left;

	width: 100%;

	}



#headerad {

	/*width: 468px;*/
width; 468px;
padding-right: 10px;

	}	



#login {

	height: 16px;

	font-size: 12px;

	color: #fff;

	text-align: right;

	padding: 7px 10px 9px;

	background: url(images/login.png) repeat-x;

	}

	

	#login a {

		color: #fff;

		}

	

	#login ul {

		padding: 0;

		margin: 0;

		}

	

	#login ul li {

		display: inline;

		}

	

.dot:before {

	content: url(images/whitedot.png) " ";

	}



#title {

font-family: Verdana, Trebuchet MS, Helvetica, Arial;

	font-size: 36px;

font-weight: bold;

	margin: 10px 5px 0;

	padding: 10px;

	line-height: 34px;

	}

	

	#title a {

		color: #F0F0D8; 
/*F7FAD7  D2CE63  D4E28F  ECFD97  F7F199 FFFCE0  F3F3C6  EBDEA6 */

		}		

	

	#title a:hover {

		color: #999999;  
/*436664  504833 */

        	background: none;	

		text-decoration: none;

		}

		

#description {

font-size: 14px;
	/*font-size: 16px;*/

color: #b0ae70;  
/*color: #f0f0d8;*/
/*color: #A7BD64 OR #ECFFDE;  #f0f0d8;  #868976;  */

	margin-left: 18px;

	padding: 0;

	}		

	

#navigation {

	clear: left;

/*background: url(images/nav.png) repeat;*/

	float: left;

	width: 100%;

 	z-index: 100;

 	position: relative;

margin-top: 10px;
	/*margin-top: 20px;*/

	}



#navigation ul * {

	margin:0; 

	padding:0

	}



	#navigation ul {

		padding: 0;

		margin: 0;

		}

	

	#navigation ul li {

		position:relative;

		font-family: Verdana, Helvetica, Arial, sans-serif;

		list-style-type: none;

		float: left;

		font-size: 11px;

		line-height: 24px;

		padding: 0;

		margin: 0;

		position: relative;

		}

	

	#navigation ul a {

		display: block;

		font-weight: bold;

                color: #F0F0D8;  
/* F7FAD7  D4E28F FFFCE0   F3F3C6 EBDEA6  F0F0D8*/

		border-right: 1px solid #F3F3C6;

		padding: 0 15px;

		}

		

		#navigation ul a:hover {

			color: #436664;

			background: #c5c5c5;

			text-decoration: none;

			}

#navigation ul li:hover ul { display: block; z-index: 1000;}	

#navigation ul li:hover ul ul { display: none; }	

#navigation ul ul { position:absolute; top:24px; left:0; background:#d1d1d1; display:none; list-style:none;}

#navigation ul ul li {position:relative; border:1px solid #aaa; width:159px; margin:0; }

#navigation ul ul li a {display:block; padding:0 7px 0 12px; color: #555; background-color:#d1d1d1; border-right: 0; font-size: 12px; }

#navigation ul ul li a:hover {background-color:#c5c5c5}

#navigation ul ul li:hover ul { display: block; }

#navigation ul ul ul { left:159px; top:-1px; display: none; }

								

#sub-navigation {

	clear: both;

	border-bottom: 1px solid #222;

	float: left;

	width: 100%;

	padding-top: 2px;

 	z-index: 50;

 	position: relative;

	}

	

	#sub-navigation ul {

		padding: 0 0 0 5px;

		margin: 0;

		}

	

	#sub-navigation li {

		list-style-type: none;

		float: left;

		font-size: 12px;

font-color: #CCCCCC;

padding: 0 15px 0 0;
		/*padding: 0 15px 0 0;*/

$foo = ucfirst($foo);
		/*text-transform: uppercase;*/

margin: 5px;
		/*margin: 0;*/

		line-height: 22px;

		background: url(images/blackdot.png) right 5px no-repeat;

		position: relative;

		}

	

	#sub-navigation a {

color: #999;
		/*color: #222;*/

		padding: 0 5px;

		}

		

		#sub-navigation a:hover {

			color: #436664;

			background: #c5c5c5;

			text-decoration: none;

			/*   was    text-decoration: underline;  */

			}

			

#sub-navigation ul li:hover ul { display: block; }	

#sub-navigation ul li:hover ul ul { display: none; }	

#sub-navigation ul ul { position:absolute; top:22px; left:0; background:#fff; display:none; list-style:none; margin:0;padding:0; border-top: 1px solid #000;}

#sub-navigation ul ul li {position:relative; border:1px solid #aaa; border-top: 0;width:159px; margin:0; padding: 0; background: none;}

#sub-navigation ul ul li a {display:block; padding:0 7px 0 12px; color: #555; background-color:#fff; border-right: 0; font-size: 12px; }

#sub-navigation ul ul li a:hover {background-color:#eee}

#sub-navigation ul ul li:hover ul { display: block; }

#sub-navigation ul ul ul { left:159px; top:-1px; display: none; }	





#sub-navigation li.nodot {

	background: none;

	}

	

#sub-navigation li.right-d {

	float: right;

	}



/* MAIN ELEMENTS */

	
/* this is the pink background behind the main pages */
#mainwrapper {

	float: left;

	width: 100%;

	padding: 10px 0 10px 0;

	margin: 0;

	border-top: 2px solid #aaa;

	border-bottom: 2px solid #aaa;

	background: #FAF9F8; 
/*FDF4F3  FAF9F8 (very light blue)  F2F2F2 (very light gray)  FCFCF9  F7F6EE  F0F0F0  FFFFFF F8EDDA FAF1F0 (latest pink) */

	}



#sidebar {

	float: left;

	margin: 0 10px;

padding: 0 0;
	/*padding: 5px 0 0;*/

	}


#secondsidebar {

	float: left;

font-family: Georgia, Book Antiqua, Palatino, Times New Roman, serif;
font-size: 13.4px;
	font-color: #606060;   /* PETER ADDED THIS */

line-height: 18px;

	margin: 0 15px;

padding: 0 0;
	/*padding: 5px 0 0;*/

	}

	

.side {

	line-height: 20px;

	font-size: 18px;

	margin-bottom: 0;

	}	

	

.side-widget {

font-family: Georgia, Book Antiqua, Palatino, Times New Roman, serif;
font-size: 12px;
	font-color: #606060;   /* PETER ADDED THIS */
line-height: 16px;

	float: left;

	margin: 0 0 1px;   	/*  this is space between sidebar boxes  WAS: 0 0 10px;*/

	padding: 0 10px 10px;   	/* this is space around display ads in sidebar boxes WAS: 0 10px 10px;*/

	background: url(images/bg-hatch.gif);

	border: 1px solid #ddd;

	}

	

	.side-widget ul {

		padding: 0;

		margin: 0;

		list-style-type: none;

		}



	.side-widget ul li {

		padding: 0;

		margin: 0;

		font-size: 13px;

		}

		

	.side-widget ul li {

		padding-left: 0px;

		margin: 2px 0;

		}

	

	.side-widget h2 {

font-family: Georgia, Book Antiqua, Palatino, Times New Roman, serif;
font-size: 12px;
		/*font-size: 14px;*/

	font-color: #606060;   /* PETER ADDED THIS */

		border-bottom: 1px solid #ddd;

		padding: 10px 0 5px;   	/*WAS: 10px 0 5px;*/

		margin-top: 0;

		text-align: left;
		
text-transform: none;
		/*text-transform: uppercase;*/

		}

		

	.side-widget .storycontent {

		border-bottom: 1px solid #ddd;

		}

		

	.side-widget .noline {

		border-bottom: 0;

		}		



.posts {

	border-bottom: 1px solid #ccc;

	margin-bottom: 10px;

	float: left;

	width: 100%;

	}

	

	.posts h2 {

font-size: 18px;  /* PETER ADDED THIS -- this is for lists of posts */

		margin: 10px 0 0;

		}

	

	.posts img {

		margin: 15px 10px 10px 0;

		float: left;

		}

		

.readmore {

	/*color: #2F6D68;*/
color: #436664:

	}

		

#footer {

	clear: both;

	float: left;

	width: 100%;

	padding: 0px 0;  /*  padding was  10px 0; which put space above footer  */

	text-align: center;

	font-size: 11px;

        color: #F0F0D8;

	border-top: 1px solid #555;

	background: #004848;
/* 003000  436664  868976 (my original) */

	}



/* Left Content Elements */



#leftcontent {

	float: left;

	margin: 0 5px;   /* WAS 0 10px; */

	padding: 0;

	}



	#leftcontent h5 {

		/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
font-family: Georgia, Book Antique, Times, serif;

		margin: 0;

		padding: 0;

		color: #cc0000;

		margin-bottom: 5px;

		font-size: 14px;

		}



	#leftcontent h1 {

		margin: 0;

		padding: 0;

font-size: 20px;
		/*font-size: 24px;*/

		line-height: 26px;

		}



#leftcontent h1.catheader {

	margin-top: 3px;

color: #436664;
	/*color: #cc0000;*/

font-weight: none;
	/*font-weight: bold;*/

	}

	

	#leftcontent .post h1, 

	#leftcontent .ind-post h1, 

	#leftcontent .twopost h1, 

	#leftcontent .threepost h1 {

		margin-top: 5px;

font-size: 26px;
		/*font-size: 36px;*/  /* THIS IS THE TITLE OF THE LEAD PIECE AND SINGLE POSTS*/

		font-family: Georgia, Book Antiqua, Palatino, Times, serif;

		font-weight: normal;

		line-height: 48px;   /* WAS 38px; */

		color: #555;

		}

		

	#leftcontent .twopost h1 {

font-size: 18px;
		/*font-size: 26px;*/

line-height: 22px;
		/*line-height: 28px;*/

		}

	

	#leftcontent .threepost h1 {

font-size: 18px;
		/*font-size: 20px;*/

line-height: 22px;
		/*line-height: 22px;*/

		}

	

	#leftcontent .postmetadata {

		clear: both;

		line-height: 14px;

		}

		

	#leftcontent .post .entry {

		font-size: 14px;

		line-height: 20px;  /* was 18px */

		}

		

	#leftcontent .date {

		margin-bottom: 5px;

font-family: Georgia, Book Antiqua, Palatino, Georgia, Times, serif;		

font-style: roman;
                /*font-style: italic;*/

		color: #555;

		}

		

	#leftcontent .meta {

font-family: Georgia, Book Antiqua, Palatino, Times, serif;
		/*font-family: Verdana, Arial, Helvetica, sans-serif;*/

		font-size: 12px;

color: #436664;
		/*color: #444;*/

		}	

		

	#leftcontent .catdesc {

		background: #f7f7f7;

		border: 3px double #ddd;

		padding: 0 10px;

		color: #555;

		font-size: 13px;

		line-height: 15px;

		margin-bottom: 10px;

		}

		

/* This is your subtitle style */



#leftcontent p.sub {

	font-size: 24px;

	line-height: 26px;

font-weight: normal;
	/*font-weight: bold;*/

	font-style: italic;

	margin: 10px 0 0;

	}

/*this is PETER's ADDED text border style for use in the right sidebar. needs to be appended with this in the sideabr widget: <div class = "text_border"> several lines of text </div>*/

.text_border
{
width: 165px;
margin-left: 0px;
background-color: #FAF9F8;
   /* F2F2F2 gray FDF4F3 pink*/
border-style: solid;
border-width: 2pt;
border-color: #FAF9F8;
  /* FAF9F8 light blue  F2F2F2 light gray  FAF1F0 pink*/
padding: 0 0px;
float:left;

}

/* This is your blockquote style */

	

#leftcontent blockquote {

	width: 250px;

	font-size: 24px;

	line-height: 26px;

	float: right;

	margin: 0 0 0 30px;

	padding: 0;

	font-style: italic;

	}

	

	#leftcontent blockquote p {

		padding: 0;

		margin: 0;

		}



.more-link {


	font-size: 11px;

	text-align: right;

color: #436664;
	/*color: #cc0000;*/

	}



.tags a {

	color: #cc0000;

	}

	

.ind-post, .post {

	float: left;

	border-bottom: 1px solid #aaa;

	margin-bottom: 10px;

	padding-bottom: 10px;

	width: 100%;

}



	.ind-post img {

		margin: 0px 10px 5px 0;		

		}



#twocol {

	float: left;

	margin-bottom: 3px;

	padding: 10px 0 0;

	background: url(images/line.png) repeat-y 50% 0;

	}



	#twocol img {

		margin: 0px 8px 5px 0;

		}

		

	#twocol hr.two {

		height: 0;

		border: 0;

		clear: both;

		border-bottom: 1px solid #aaa;

		}

	

.mainhr {

	float: middle;

	background: #aaa;

	clear: both;

	width: 100%;

	height: 1px;

	border: 0;

}	

	

.twopost {

	width: 46%;

	float: left;

	}	



	.twopost2, .twopost4 {

		margin-left: 7.5%;

		}

		

	.twopost3, .twopost4 {

		border-top: 1px solid #aaa;

		padding-top:5px;

		}

		

	.twopost1, .twopost3 {

		clear: left;

		}		

		

#threecol {

	float: left;

	background: url(images/line.png) repeat-y 31.5% 0;

	margin-top: 3px;

	}



#threecol2 {

	float: left;

	padding: 0;

	background: url(images/line.png) repeat-y 67% 0;

}



	#threecol img {

		margin: 0px 5px 5px 0;

		}



.threepost {

	width: 29%;

	float: left;

	border-top: 1px solid #aaa;

	padding-top: 10px;

	}



	.threepost2, .threepost5 {

		padding: 10px 0 0;

		margin: 0 6%;

		}

		

	.threepost1, .threepost2, .threepost3 {

		border-top: 0;

		}

		

	.threepost1, .threepost4 {

		clear: left;

		}

			

/* Other Elements */



.red, .entry a {

	/*color: #cc0000;*/
color: #205B87;
font-weight: bold;

	}

	

#tagcloud {

	width: 400px;

	text-align: center;

	margin: auto;

	padding: 20px;

	}	

	

#tagcloud a {


	color: #cc0000;

	}



/* Comment Elements */



h3#comments {

	text-transform: none;

	padding-bottom: 5px;

	}



#postcomments {

	padding-top: 20px;

	}

			

			
h4#comments, #respond h3 { color:#444; font:normal 120% Georgia,Book Antiqua,times,serif; margin:0 0 .1em; padding:0 0 .1em; }
	 /*h4#comments, #respond h3 { color:#333; font:normal 140% georgia,times,serif; margin:0 0 .1em; padding:0 0 .1em; }*/



	 #respond p { font-size:11px; margin:0 0 1em; }	



	 ol.commentlist { list-style:none; margin:0; padding:0; }



	 ol.commentlist li { border:1px solid #d5d5d5; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin:0 0 10px; padding:5px 7px 5px 64px; position:relative; }



	 ol.commentlist li.pingback comment-author { padding:0 170px 0 0; }



	 ol.commentlist li div.vcard { font-weight:bold; font-size: 14px; line-height: 16px; font-family: helvetica,arial,sans-serif; }



	 ol.commentlist li div.vcard cite.fn { font-style:normal; font-size: 11px; }



	 ol.commentlist li div.vcard cite.fn a.url, .cancel-comment-reply a { color:#cc0000; text-decoration:none; }



	 ol.commentlist li div.vcard cite.fn a.url:hover, .cancel-comment-reply a:hover { color:#000; }



	 ol.commentlist li div.vcard img.avatar { background: #fff; border:1px solid #aaa; padding: 5px; left:7px; position:absolute; top:7px; }



	 ol.commentlist li div.comment-meta { font-weight:bold; font-size: 10px; line-height: 16px; font-family: helvetica,arial,sans-serif; position:absolute; right:10px; text-align:right; top:5px; }



	 ol.commentlist li div.comment-meta a { color:#205B87; text-decoration:none; }



	 ol.commentlist li p { font-weight:normal; font-size: 12px; line-height: 16px; font-family: helvetica,arial,sans-serif; margin:5px 0 12px; }



	 ol.commentlist li ul { font-weight:normal; font-size: 12px; line-height: 16px; font-family: helvetica,arial,sans-serif; list-style:square; margin:0 0 12px; padding:0; }



	 ol.commentlist li div.reply { background:#999; border:1px solid #666; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#fff; font:bold 9px/1 helvetica,arial,sans-serif; padding:6px 5px 4px;  text-align:center; width:36px; }



	 ol.commentlist li div.reply:hover { background:#cc0000; border:1px solid #cc0000; }



	 ol.commentlist li div.reply a { color:#fff; text-decoration:none; text-transform:uppercase; }



	 ol.commentlist li ul.children { list-style:none; margin:12px 0 0; text-indent:0; }



	 ol.commentlist li ul.children li.depth-2 { margin:0 0 3px; }



	 ol.commentlist li ul.children li.depth-3 { margin:0 0 3px; }



	 ol.commentlist li ul.children li.depth-4 { margin:0 0 3px; }



	 ol.commentlist li ul.children li.depth-5 { margin:0 0 3px; }



	 ol.commentlist ul.children li.odd { background:#fff; }



	 ol.commentlist ul.children li.even { background:#f6f6f6; }



	 ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; }

			

.commentnumber {

		position: absolute;

		left: 7px;

		bottom: 3px;

		font-size: 14px;

		color: #ccc;

		}



/* WordPress Required Elements */



.aligncenter,

div.aligncenter {

   display: block;

   margin: 5px auto;

}



.alignleft, div.alignleft {

   float: left;

   margin: 5px 15px 5px 0;

}



.alignright, div.alignright {

   float: right;

   margin: 5px 0 5px 15px;

}



.alignnone {

	margin: 5px 0;

	}



.wp-caption {

   border: 1px solid #ddd;

   text-align: center;

   background-color: #f3f3f3;

   padding-top: 4px;

   margin: 0;

   /* optional rounded corners for browsers that support it */

   -moz-border-radius: 3px;

   -khtml-border-radius: 3px;

   -webkit-border-radius: 3px;

   border-radius: 3px;

}



.wp-caption img {

   margin: 0;

   padding: 0;

   border: 0 none;

}



.wp-caption p.wp-caption-text {

   font-size: 11px;

   line-height: 17px;

   padding: 0 4px 5px;

   margin: 0;

}



#today {

	color: #cc0000;

	}



#wp-calendar {

	margin: auto;

	}

/*  PETER ADDED THIS FOR SEARCH FORM, BASED ON DAGON DESIGN CODE  */

.search-form input {
	width: 167px;
	padding: 5px 0 0 0;
	margin: 10px 0 0 0;
}