/*  
Theme Name: Washington Hall Original
Description: Historic Washington Hall
Version: 4.5.2010...Master version
Author: Carol Tompkins with fabulous php wrangling from Erin Ward
Author URI: http://www.caroltompkinsdesign.com 
Author URI: http://www.erindarri.com
*/

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



a {text-decoration: none;}

textarea, input, select {
		border: 1px solid #bbb;
		}
		
body  {
	/*background-color: #ebebeb;*/
	background-image:url(images/bkg_body.jpg);
	background-repeat: repeat;
	}
	
	
/* HEADER */
#header {
	background-image: url(images/wahall_header.jpg);
	background-repeat: no-repeat;
	/*clear: both;*/
	height: 150px;
	width: 990px;
	margin: 20px auto 0 auto;
	*margin: 0 auto 0 auto;
	/*background-color: #AD235E;*/
	}

	#logo {
		float: left;
		padding: 16px 0 0 43px;
		text-align: left;
		}
		
				 
/* NAVIGATION */
#nav {
	font: 14px "Arial", Helvetica, sans-serif;
	font-weight: bold;
	width: 757px;
	margin: 25px 0px 0px 0px;
	color: #FFFFFF;
	float: right;
	/*background-color: #00ff00;*/
	}
	
	#nav ul {
		height: 85px;
		/*margin: 0px auto 0 25px;*/
		/*background-color: #00ee00;*/
		}
	
	#nav li {
		float: left;
		list-style: none;
		text-align: left;
		margin: 0px 20px 0px 25px;
		/**margin: 50px 40px 0px 30px;*/ /*This is for IE8*/
	 	_margin: 0px 25px 0px 16px; /*This is for IE6*/
		}
	
		#nav li a {
			color: #FFFFFF;
			}
		
		#nav li a:hover {
			color: #7D9C9F;
			border-bottom: none;
			}
			
		#nav li.current_page_item a {
			color: #7D9C9F;
			border-bottom: none;
			}
			
		#nav li.current_page_item a:hover {
			color:  #7D9C9F ;
			border-bottom: none;
			}
			
		#nav li.current_page_parent a {
			color: #7D9C9F;
			border-bottom: none;
			}
			
		#nav li.current_page_parent a:hover {
			color: #7D9C9F;
			border-bottom: none;
			}


#contact {
		float: left;
		width: 462px;
		text-align: right;
		font: 14px "Arial", Helvetica, sans-serif;
		font-weight: bold;
		margin: 0px 0px 0px 0px;
		/**margin: 5px 0px 0 400px;*/
		color: #FFFFFF;
		/*background-color: RED;*/
		}
		
		#contact a {
			 color: #FFF;
			 border-bottom: none;
			 }
		
		#contact a:hover	{
			 color: #7D9C9F;
			 border-bottom: none;
			 }	
	
	#search {
		float: left;
		width: 255px;
		text-align: right;
		}
		
		#search input {
			width: 130px;
			height: 16px;
			background-image: url(images/searchbox.jpg);
			border: 1px solid #FFF;
			color: #FFF;
			}
			
		#search .submit {
			width: 25px;
			height: 20px;
			border: none;
			background-image: url(images/searchicon.jpg);
			}
		


#container{
	text-align:left;
	width:990px;
	margin: 0px auto;
	}
	
#middle {
	clear: both;
	width: 990px;
	min-height: 585px;
	margin: 0 auto 0 auto;
	background-image: url(images/wahall_middle.jpg);
	background-repeat: repeat-y;
	}


	/* SIDEBAR */
	 #sidebar {
		position: relative;
		float: left;
		width: 230px;	
		min-height: 585px;
		height: auto !important;
		height: 585px;
		/*background-color: red;*/
		} 
		
	#sidebar p, #sidebar ol, #sidebar ul {
		font: 12px "Arial", Helvetica, sans-serif;
		list-style-type: none;
		color: #000000;
		line-height: 150%;
		margin: 0px 40px 10px 45px;
		}
	
	#sidebar h2 {
		border-bottom: none;
		color: #AD235E;
		font: 16px "Arial", Helvetica, sans-serif;
		font-weight: bold;
		margin: 0px 40px 10px 45px;
		text-align: left;
		}
	
	#sidebar h3 {
		border-bottom: none;
		color: #AD235E;
		font: 14px "Arial", Helvetica, sans-serif;
		font-weight: bold;
		margin: 25px 40px 10px 45px;
		text-align: left;
		}
		
	#sidebar h3 a:visited {
		color: #AD235E;
		}
		
	#sidebar li {
		background: url(images/side_li.gif) no-repeat 0px 6px;
		line-height: 150%;
		font: 14px/18px "Arial", Helvetica, sans-serif;
		list-style-type: none;
		margin-left: 32px;
		margin-bottom: 4px;
		}
		
	#sidebar li a {
		border-bottom: none;
		color: #000;
		}
		
	#sidebar li a:hover {
		color: #AE235E;
		}
		
	#sidebar li.current_page_item a {
		color: #AE235E;
		border-bottom: none;
		}
			
	#sidebar li.current_page_item a:hover {
		color: #AE235E;
		border-bottom: none;
		}
		
	#sidespotlight {
		height: 135px;
		margin: 25px 25px 2px 45px;
		border: none;
		}
		
	#sidebar p.caption {
		font: 8px "Arial", Helvetica, sans-serif;
		font-style: italic;
		color: #000000;
		margin: 2px 0px 2px 0px;
		float: right;
		text-align: right;
		}
		
	#quote p{
		  font: 14px/21px "Arial", Helvetica, sans-serif;
		  font-style: italic;
		  color: #000000;
		  width: 160px;
		  margin: 25px 25px 25px 45px;
		  *margin: 25px 0px 25px 45px;
		  }

		
	#donatebutton {
		/*position: absolute; left: 0px; bottom: 90px;*/
		position: absolute; top: 360px; left: 0px;
		width: 170px;
		margin: 0px 25px 30px 45px;
		/*background-color: #fefefe;*/
		}
		
		#donatebutton p {
			 border-bottom: none;
			 color: #000000;
			 font: 12px "Arial", Helvetica, sans-serif;
			 font-weight: bold;
			 margin: 0px 0px 0px 0px;
			 text-align: left;
			 /*background-color: #eeeeee;*/
			 }
	
		
		#sidebar_partners {
			 /*position: absolute; left: 0px; bottom: 0px;*/
			 position: absolute; top: 490px; left: 0px;
			 width: 170px;
			 margin: 0px 25px 10px 45px;
			/* *margin: -50px 25px 30px 45px;*/
			 /*background-color: #eeeeee;*/
			 }
		
		#sidebar_partners p {
			 border-bottom: none;
			 color: #000000;
			 font: 12px "Arial", Helvetica, sans-serif;
			 font-weight: bold;
			 margin: 5px 0px 5px 0px;
			 text-align: left;
			 /*background-color: #eeeeee;*/
			 }
			 

		
		
	
	/* SIDEBAR RIght (RIGHT COLUMN ON HOME PAGE) */		
	#sidebar-right {
		float: right;
		width: 220px;	
		background-color: #FFFFFF;
		margin: 25px 40px 25px 0px;
		/**margin: 0px 40px 0px 0px;*/
		font: 12px/16px "Arial", Helvetica, sans-serif;
		/*background-color: #00ff00;*/
		}
		
	 #sidebar-right h2{
		  color: #AD235E;
		  font: 16px "Arial", Helvetica, sans-serif;
		  font-weight: bold;
		  margin: 25px 0px 10px 10px;
		  /*margin: 5px 0 5px 0;*/
		  text-align: left;
		  }
		
	 #sidebar-right a{
		color: #AD235E;
		font: 12px/16px "Arial", Helvetica, sans-serif;
		margin: 10px 10px 10px 12px;
		text-align: left;
		font-style:italic;
		}	
		
	 #sidebar-right p, #sidebar ol, #sidebar ul {
		font: 12px/16px "Arial", Helvetica, sans-serif;
		margin: 10px 10px 10px 12px;
		list-style-type: none;
		color: #000000;
		}
	 
	 #sidebar-right h3 {
		border-bottom: none;
		color: #AD235E;
		font: 14px "Arial", sans-serif;
		font-weight: bold;
		margin: 10px 10px 10px 12px;
		/*margin: 5px 0 5px 0;*/
		text-align: left;
		}
		
		
		
	.aside {
		  float: left;
		  width: 220px;	
		  background-color: #e5ebec;
		  margin-bottom: 10px;
		  }
		  
		  .aside li {
			  list-style-type:disc;
			  /*margin-left: 10px;*/
			  margin: 10px 10px 10px 25px;
			  }
		  
		  .aside li ul li {
			   margin-left: 10px;
			   /*margin: 10px 10px 10px 12px;*/
			   font-weight: bold;
			   }
			   
		  .aside p, .aside ol, .aside ul {
			   font: 12px/16px "Arial", Helvetica, sans-serif;
			   margin: 10px 10px 0px 12px;
			   list-style-type: none;
			   color: #000000;
			   }
		  
		  .aside h2 {
			   color: #AD235E;
			   font: 16px "Arial", Helvetica, sans-serif;
			   font-weight: bold;
			   margin: 10px 0px 10px 10px;
			   /*margin: 5px 0 5px 0;*/
			   text-align: left;
			   }
			   
			  .aside a {
				  text-decoration: none;
				  margin: 10px 10px 0px 12px;
				  }
			   
		
/* CONTENT */
#content {
   float: left;
   width: 500px;	
   margin: 0px 0px 0px 0px;
   /*background-color: yellow;*/
	}
			
	#content h2	{
		clear: both;
		font: 18px "Arial", Helvetica, sans-serif;
		font-weight: bold;
		border-bottom: none;
		color: #AD235E;
		padding: 5px 0px 0px 0px;
		margin: 0px 25px 10px 25px;
		}
		
		#content h2	a{
			 text-decoration: none;
			 clear: both;
			 font: 18px "Arial", Helvetica, sans-serif;
			 font-weight: bold;
			 border-bottom: none;
			 color: #AD235E;
			 }
		
		#content h4	{
			 clear: both;
			 font: 16px "Arial", Helvetica, sans-serif;
			 font-weight: bold;
			 border-bottom: none;
			 color: #AD235E;
			 /*padding: 10px 0px 0px 0px;*/
			 margin: 0px 25px 0px 25px;
			 }
		
	.breadcrumb a {
			margin-right: 0px;
			}
		
   #content p {
	   color: #000;
	   font: 12px/16px "Arial", Helvetica, sans-serif;
	   margin: 0 25px 10px 25px;
	   }
		   
		 #content p a {
			 border-bottom: none;
			 color: #AD235E;
			 }
		 
		 #content p a:hover {
			 color: #AD235E;
			 }
	
	#content ul {
		color: #000;
		font: 12px/18px "Arial", Helvetica, 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: #AD235E;
			}
			
	#content ol {
		color: #000;
		font: 12px/18px "Arial", Helvetica, sans-serif;
		margin: 0 0 10px 0;
		padding: 0 15px;
		}
		
	#content ol li	{
		line-height: 150%;
		margin: 0 0px 2px 10px;
		}
		
	#spotlight {
		float: left;
		width: 500px;	
		background-color: #FFFFFF;
		margin: 5px 25px 0px 25px;
		}
		
	#calendar {
		float: left;
		width: 500px;	
		background-color: #FFFFFF;
		margin: 0px 25px 0px 25px;
		}
				
		#content ol li a {
			border-bottom: 1px solid #ddd;
			color: #000;
			}
			
		#content ol li a:hover {
			color: #AE235E;
			}

	#content blockquote, #content pre {
		padding: 15px;
		border: 1px solid #ddd;
		margin: 0px 0px 10px 0px;
		overflow:auto;
		}
		
		#content blockquote h3 {
			color:#000000;
			}
			
	#content label	{
		color: #79bc1f;
		font: 12px/18px "Arial", Helvetica, sans-serif;
		}
		
	#content iframe {
		/*padding: 4px;*/
		border: 1px solid #ddd;
		background: #fff;
		margin: 0 0 0px 0;
		}	
	
	#content img, #video0 {
		float: left;
		/*width: 450px;*/
		margin: 10px 25px 0px 25px;
		/*padding: 4px;*/
		/*border: 1px solid #ddd;*/
		background: #fff;
		}
		
		.description {
			 font: 12px/18px "Arial", Helvetica, sans-serif;
			 color: #000000;
			 width: 215px;
			 /*width: 450px;*/
			 float: left;
			 margin: 5px 25px 0px 35px;
			}
			
	#content p.wp-caption-text {
		font: 10px/12px "Arial", Helvetica, sans-serif;
	    font-style: italic;
		float: right;
		margin-top: 2px;
		margin-right: -15px;
		margin-bottom: 0px;
		/*background-color: #ebebeb;*/
		}
		
/*		.wp-caption-text {
			 font: 8px "Arial", Helvetica, sans-serif;
			 font-style: italic;
			 color: #000000;
			 float: right;
			 margin: 0px 0px 0px 0px;
			 text-align: right;
			 background-color: #ebebeb;
			}*/
			
		.alignnone {
			margin-bottom: 10px; 
			}
			
		.alignleft {
			float: left;
			margin: 0 0px 10px 0px ; 
			}
			
		.alignright {
			float: right;
			margin: 0 10px 10px 0px ; 
			}
			
		#previous_image a, #next_image a {
			border-bottom: none; 
			}
			
		.alignright {
			float: right;
			margin: 0 0px 10px 10px; 
			}
			
		.attachment-thumbnail, .size-thumbnail {
			padding: 5px;
			border: 1px solid #ddd;
			}
			
		#gallery-box {
			margin-bottom: 25px;
			}
			
		#comments-box {
			clear: both;
			}
			
			
		/* COMMENTS */
		
		#comments-head {
			border-bottom: 1px solid #ddd;
			}
			
		#comments-box ol {
			padding: 0;
			}
			
		#comments-box ol li {
			list-style-type:none;
			padding: 10px 0;
			}
			
		#comments-box ul li {
			list-style-type:none;
			}
			
		#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;
			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;
		}
	
	
						
	/* POST ITEMS */
	.post-box {
		/*border-bottom: 1px solid #ddd;*/
		margin-top: 20px;
		margin-bottom: 10px;
		overflow: auto;
		}
	
	
	/* GALLERY ITEMS */
	.gallery {
		margin: auto;
		}
		
	.gallery-item {
		float: left;
		margin: 5px 0px 5px 0;
		text-align: center;
		}
		
		#content p.smallattachment a, #content dl.gallery-item a {
			border-bottom: none;
			}
		
	.gallery img {
		}
		
	.gallery-caption {
		margin-right: 0;
		}
		


	/* PAGINATION */
	div.wp-pagenavi {
		float: right;
		font: 12px/18px "Arial", Helvetica, sans-serif;
		margin: 10px 0 20px 0;
		border-bottom: none;
		}
	
	.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: #7D9C9F;
		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;
		}	



/* CONTACT FORM inspired by Mike Sinkula */
	div.wpcf7 {
		margin: 0;
		padding: 0;
	}
	
	div.wpcf7-response-output {
		margin: 2em 0.5em 1em;
		padding: 0.2em 1em;
	}
	
	div.wpcf7-mail-sent-ok {
		border: 2px solid #398f14;
	}
	
	div.wpcf7-mail-sent-ng {
		border: 2px solid #ff0000;
	}
	
	div.wpcf7-spam-blocked {
		border: 2px solid #ffa500;
	}
	
	div.wpcf7-validation-errors {
		border: 2px solid #f7e700;
	}
	
	span.wpcf7-form-control-wrap {
		position: relative;
	}
	
	span.wpcf7-not-valid-tip {
		position: absolute;
		top: 20%;
		left: 20%;
		z-index: 100;
		background: #fff;
		border: 1px solid #ff0000;
		font-size: 10pt;
		width: 280px;
		padding: 2px;
	}
	
	span.wpcf7-not-valid-tip-no-ajax {
		color: #f00;
		font-size: 10pt;
		display: block;
	}
	
	span.wpcf7-list-item {
		margin-left: 0.5em;
}
			
	
/* FOOTER */
#footer {
	background: url(images/wahall_footer.jpg) no-repeat top center;
	clear: both;
	/*height: 35px;*/
	width: 990px;
	margin: 0 auto 0px auto;
	*margin: -19px auto 0px auto;
	padding: 10px 0 0 0;
	font: 10px "Arial", Helvetica, sans-serif;
	text-align: left;
	}
	
	#footer p {
		font: 11px "Arial", Helvetica, sans-serif;
		color: #FFF;
		margin: 5px 0px 0 255px;
		border-bottom: none;
		}
		
	#footer a {
		color: #FFF;
		border-bottom: none;
		}
	
	#footer a:hover	{
		color: #AD235E;
		border-bottom: none;
		}