/*

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;
}
*/


a {

	text-decoration: none;

	outline: none;

	color: #205B87;

	}

	

	a:hover {

		text-decoration: underline;

		}

	

img { 

	border: 0;

	}



body {

background-color: #436664;  
   /* 868976 (original) 004848 (deep blue green)  003000 (deep rich green)  436664 (this is header color) */
	color: #444;

 	margin: 0 auto;

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

	line-height: 18px;

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

	padding: 0; 

	}



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

	color: #222;
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: #436664;  
/*436664  504833 */

		text-decoration: none;

		}

		

#description {

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

color: #B1BA8E;
/*color: #868976;*/
/*color: #A7BD64 OR #ECFFDE;*/

	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: 12px;

		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: 13px;

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 {

			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: Book Antiqua, Palatino, Times New Roman, serif;
font-size: 13.4px;

line-height: 18px;

	margin: 0 10px;

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

	}

	

.side {

	line-height: 20px;

	font-size: 18px;

	margin-bottom: 0;

	}	

	

.side-widget {

	float: left;

	margin: 0 0 5px;

	padding: 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-size: 12px;
		/*font-size: 14px;*/

		border-bottom: 1px solid #ddd;

		padding: 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 {

		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: 10px 0;

	text-align: center;

	font-size: 11px;

        color: #F0F0D8;

	border-top: 1px solid #222;

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

	}



/* Left Content Elements */



#leftcontent {

	float: left;

	margin: 0 10px;

	padding: 0;

	}



	#leftcontent h5 {

		/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
font-family: 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: 22px;
		/*font-size: 36px;*/

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

		font-weight: normal;

		line-height: 38px;

		color: #222;

		}

		

	#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: 18px;

		}

		

	#leftcontent .date {

		margin-bottom: 5px;

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

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

		color: #888;

		}

		

	#leftcontent .meta {

font-family: 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: #666;

		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% 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;

	}