/*
Theme Name:		Ogbourne
Theme URI:		http://rosiescott.com/
Description:	Theme for the village website.
Version:		0.1
Author:			Paul Scott
Author URI:		http://rosiescott.com/
*/



body,div,p,img,form,h1,h2,h3,h4,h5,h6,ul,li { 
	margin: 0; 
	padding: 0; 
	border: 0;
}

legend {
	font-size: 2em;

}

/*------- Some useful classes  ----------------------------*/
.centered { margin: 0 auto; text-align: left;  width: 900px;}
.clear { clear: both; }	
.full { width: 100%; }

.img_left {float: left; margin: 0.5em 0.8em 0em 0em;}
.img_right {float: right; margin: 0.5em 0em 0em 0.8em;}



/*------- Site Body basics ----------------------------*/

body {
	margin: 0.6em 0em 2em 0em; 
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Arial, Verdana, sans-serif; 
	background: #fff url('images/greenGradient3.jpg');
    background-color: #fff; 
	color: #333;
	text-align: center;
	}

/*------- Site Header ----------------------------*/

#innerheader {
	position: relative;
   	border-left:1px solid #C8E2A5;
	border-right:1px solid #C8E2A5;
	border-top:1px solid #C8E2A5;	
 	width: 900px;
 	margin: 0 auto;
 	padding: 0 0 5px 0;
 	background-color:#fff;
	}

#innerheader h1 {
	padding: 10px 0 0 5px;
	margin: 0;
	font-size: 2em;
	text-align: left;
	}

#innerheader h1 a {
	color: #595959;
 	text-decoration: none;
	}

#headerimage {
	height: 81px;  
	background-repeat: no-repeat; 
	background-image:url('images/Village4.jpg');
	border-left:1px solid #C8E2A5;
	border-right:1px solid #C8E2A5;
	}

.smallwords {font-size: small}

#greenband {
	background-color: #C8E2A5; 
	}

/*------- Site Main Navigation top bar tabs ----------------------------*/

#topnavbar{
   	border-left:1px solid #C8E2A5;
	border-right:1px solid #C8E2A5;
	}

#navtabs{
	margin:auto;
   	width:auto;
   	background-color: transparent;
 	padding-left: 5px;
	height:20px;
	}

#navtabs ul{
	font: 1.2em Arial, Verdana, sans-serif;
	margin:0;
	margin-bottom: 2px; /*margin between menu and rest of content*/
	padding:0;
	list-style:none;
	}

#navtabs li{
	display:inline;
	margin:0 2px 0 0;
	padding:0;
	line-height: 1.2em;
	}


#navtabs a{
	float:left;
	color:#000;
	background: #e2f0d0 url('images/color_tabs_left2.gif') no-repeat left bottom;
	margin:0 2px 0 0;
	padding:0 0 0 3px;
	text-decoration:none;
	letter-spacing: 1px;
	}

#navtabs a span{
	float:left;
	display:block;
	background: transparent url('images/color_tabs_right2.gif') no-repeat right bottom;
	padding:3px 9px 3px 6px;
	}

#navtabs a span{
	float:none;
	}


#navtabs a:hover{
	background-color: #C8E2A5;
	}

#navtabs a:hover span{
	background-color: #C8E2A5;
	}

#navtabs #current a, #navtabs #current span{ /*currently selected tab*/
	background-color: #C8E2A5;
	}

#navtabs{ /*currently selected tab*/
	background-color: #ffffff;
	}

.currentTab {
	background-color: #C8E2A5;
	}

#navtabsline{
	clear: both;
	padding: 0;
	width: 100%;
	margin: 0 auto; text-align: left;
	height: 8px;
	line-height: 8px;
	background: #C8E2A5;
	border-bottom: 0px solid #fff; /*change this to add/remove border between bar and tabs*/

	}

/*------- Site Content -------------------------------------------------------------------*/

/* Inner Content sorts passing issues between IE and Firefox - keep it in! */	
#innercontent { 
	background-color: #FFFFFF;
	padding-top: 10px;
	border-left: 1px solid #C8E2A5; 
	border-right: 1px solid #C8E2A5; 
	border-bottom: 0px;
	}      

#content h1 { 
	color: #595959; 
	padding-top:10px;
	padding-bottom:0px;
	font-family: Arial, Verdana, sans-serif; 
	font-size: 2em;
	}

#content h2 {
	padding-top:15px;
}

#content h3 {
	font-family: Arial, Verdana, sans-serif; 
	font-size: 1.7em;
	line-height:normal;
	font-weight:bold;
	color: #595959; 
}

#content p { 
	padding-top: 10px;
	font-family: Verdana, Arial, sans-serif; 
	font-size: 1.2em; 
	color: #595959; 
	line-height: 1.7em;
}

#content li {
	font-family: Verdana, Arial, sans-serif; 
	color: #595959; 
	line-height: 1.64em;
/*	margin-left:20px; */
}

#content table {
	font-family: Arial, Verdana, sans-serif; 
	font-size: 1.2em;
	color: #595959;
	border-collapse:collapse;
	border-color:#E2F0D0;
	vertical-align:text-top;
}	

#content a { 
	color: #595959; 
	padding: 1px;
	text-decoration:underline ;
}

/* -------------------------------------------------------------------------------------------------------------------------------------------*/
/* Setup the 3 column layout. 
 
    This is done by floating left the nav column, floating right the right column and sizing the content column
    with 190 margins to sqeeze up in the middle of the two floating columns 
   -------------------------------------------------------------------------------------------------------------------------------------------*/

#contentNormal {
	margin:0 190px 0px 200px;     /* 190 and 190 is the space left for the left and right columns including margins/padding */
	border-right:0px solid #f0f0f0;
	padding:0px 10px 0 0 !important;
	line-height:1.5em;
}

#contentNormal h1{
	padding-top:0px !important;
}

#navCol {
	color: #595959;
	margin:0 0px 5px 10px;
	padding:0 0px 0 0px;
	width:170px;
	float:left;
	line-height:1.1em;
	border: 1px solid #CAD9B2;  
}


#rightColThin {
	margin:0 0 10px 0;
	padding:0 4px 0 4px;
	width:170px;
	float:right;
}

#footer { 
	width: 900px; 
	padding: 0 0 0 0; 
	border-bottom: 1px solid #C8E2A5; 
	border-left: 1px solid #C8E2A5; 
	border-right: 1px solid #C8E2A5; 
	border-top: 0px;
	}

/* -------------------------------------------------------------------------------------------------------------------------------------------*/
/* Setup the 2 column layout (used in the front page for example
 
   -------------------------------------------------------------------------------------------------------------------------------------------*/
#contentwide {
	margin:0 250px 0px 0;
	border-right:1px solid #f0f0f0;
	padding:0 10px 0 20px;
	line-height:1.5em;
}

/* content headlines */
#contentwide h1 {
	font-family: Arial, Verdana, sans-serif; 
	font-size: 2em;
}

#rightcolthick {
	float:right;
	width:240px;
	margin:0 0 5px;
	padding:0;
	line-height:1.4em;
	background-color: #ffffff;
}






/* Navigation Bar Styles for left hand menu */
#navCol h1 {
	font-size:1.4em; 
	font-family: Verdana, Arial, Verdana, sans-serif;
	padding:5px 0px 0px 5px;
	background-color: #E2F0D0; 

    line-height: 1.2em;
    padding-bottom: 3px;
    border-bottom: 2px solid #C8E2A5;
}

#navCol li {

} 	

#navCol ul {
	font-size:1.1em; 
	font-family: Verdana, Arial, Verdana, sans-serif; 
	list-style-type: none;
	width: 100%;
	color: #595959;
	background-color:#F1F7EF;
	}

#navCol ul li {
	list-style-type: none; 
	margin: 0em 0em 0em 0em; 
} 	

#navCol ul li a {
	padding: 3px 10px 3px 10px; 
	text-decoration: none;
	color: #595959; 
	border-top: 1px solid #ffffff;   
	border-right: 0px solid #CAD9B2;


}

#navCol ul ul 
{
	font-size: 1em;
}

#navCol li li 
{
	font-size: 1em;
}


#navCol ul ul a
{
	display: block;
	padding: 5px 5px 5px 23px;
	background: transparent url('images/green_right.gif') no-repeat 13px 4px;
	border-top: 1px solid #F1F7EF;   
}

#navCol ul ul li a:link, 
#navCol ul ul li a:visited { 
	background-color:#F1F7EF; 
    background: transparent url('images/green_right.gif') no-repeat 13px 4px; 
}




#navCol a { display: block; }
    
#navCol ul li a:link, 
#navCol ul li a:visited { 
	background-color:#F1F7EF; 
 /*   background: transparent url(../images/leaf1a1.gif) no-repeat 0 3px; */
}

#navCol ul li a:hover, #navCol ul li a:active {
/*    background: transparent url(../images/leaf2a.gif) no-repeat 0 3px;  */
	background-color: #E2F0D0 !important;

}

/* some layout styles for tables used in the website */

#contentNormal table {
	font-family: Verdana, Arial, sans-serif; 
	line-height:1.8em;
	color: #595959;
	text-align:left;
	border-color:#E2F0D0;
}

#contentNormal th {
	background-color:#E2F0D0;
}


td.oggytable {
	border-bottom: dotted;
	border-color: #E2F0D0;
	font-size: 0.9em;
	line-height: 1.3em;
	}
	
table.oggytable {
	margin-top: 10px;

	}
















/* TAKEN FROM THE WORDPRESS TEMPLATE */
/* The following is used for the comments area for a page */

.tagged { margin-top:20px; padding: 1em 0 0 0; background: url('images/hr_tag_sep.gif') no-repeat; font-size: 1.2em; line-height: 1.6em; color: #888;  }
.tagged a, .tagged a:visited { padding: 0.25em; color: #333; text-decoration: none; }
.tagged a:hover { color: #fff; background: #333; text-decoration: none; }

.clear { width: 500px; height: 1px; margin: 0 0 5.0em 0; clear: both; }   /* not sure if this will work in my layout ? */
.rule { background: url('images/hr_tag_sep.gif') no-repeat; }



/*------- Footer -------------------------------------------------------------------*/

/* footer based in inner header since we want the same effect */
#footer {
 	padding: 20px 0 5px 0;
 	background-color:#fff;
	}

/* rest taken from WP */
#footer p { margin: 0 0 1em 0; font-size: 1.3em; color: #888; text-align: center }

#footer a, #footer a:visited { color: #888; text-decoration: none; }
		
#footer a:hover { color: #888; text-decoration: underline; }


/*------- Styles for the Main page popular links -------------------------------------*/

#twoColsLeft {
	width: 300px;
	border:0px solid #000000;
	padding:3px 0 0 0;
	line-height:1.5em;
	float:left;
	background-color: #ffffff;
}

#twoColsRight {
	width: 300px;
	border:0px solid #000000;
	padding:3px 0 0 0;
	line-height:1.5em;
	float:right;
	background-color:#ffffff;
}
#popularLinks {
	font-family: Verdana, Arial, sans-serif; 
	line-height:1em;
	display:block;
}


#popularLinks h1 {
	font-family: Verdana, Arial, sans-serif; 
	font-size: 1.4em;
	line-height:1.5em;
	background-color:#E2F0D0;
	padding:2px;
    padding-bottom: 3px;
    border-bottom: 2px solid #C8E2A5;
}

#popularLinks h2 {
	color: #595959;
	font-family: Arial, Verdana, sans-serif; 
	font-size: 1.2em;
	line-height:1;
	padding-top:5px;
	margin-top:0px;
}

#popularLinks p {
	font-family: Verdana, Arial, sans-serif; 
	font-size: 1.2em;
	line-height:1.3em;
	}

#popularLinks a { 
	background-color: #F1F7EF; 
	color: #595959; 
	padding: 0px;
	text-decoration:none;
	}
#popularLinks a:link, #popularLinks a:visited {
	background-color: #F1F7EF;
	}
	
#popularLinks a:hover, #popularLinks a:active {
	background-color: #F1F7EF; 
	text-decoration:underline;
	}

.linkBox {
	border:1px solid #E2F0D0;
	background-color:#F1F7EF;
	padding:2px;
	margin-bottom:5px;
	clear: left;
	height:80px;
	}

h1.linkBox {
	font-family: Arial, Verdana, sans-serif; 
	font-size: 10em;
	line-height:1;
}

p.linkBox {
	font-family: Verdana, Arial, sans-serif; 
	font-size: 1.2em;
	line-height:1.3em;
}

img.linkBox {
	display: inline;
	padding: 1px; 
	float: left; 
	margin: 0.1em 0.8em 0em 0em;	
	background-color: #F1F7EF; 
	}            

.linkImage{
	padding: 1px; 
	float: left;
	margin-top:3px;
	margin-right:10px;
	margin-bottom:20px;
	background-color: #F1F7EF; 
	}            


/*------- Styles for normal page content with blog style entries --------------------------*/

h2.poststyle {
	padding-top:15px;
	font-family: Verdana, Arial, sans-serif; 
	font-size: 1.7em !important;
	line-height:1.5em;
	color: #006600; 	
	margin:0;
	padding-bottom:5px;
	border-bottom: 3px solid #C1DAD7;
}


p.poststyle {
	font-family: Verdana, Arial, sans-serif; 
	font-size: 1.2em;
	line-height:1.5em;
	color: #595959;
	text-align:justify;
}

.importantdates { }

h2.importantdates {
	padding-top:30px;
	margin-bottom:20px;
	font-family: Verdana, Arial, sans-serif; 
	font-size: 1.7em !important;
	line-height:1.5em;
	color: #595959; 	
	margin:0;
	padding-bottom:5px;
	border-bottom: 3px solid #C1DAD7;
}



/* Oggy Sidebar Formatting */

ul.sidebar_content { 
	list-style: none;
	 }
	 
ul.sidebar_content ul { 
	list-style: none;
	 }

li.sidebar_content { 

	 }

	 
#rightcolthick h2{	 
	font-family:  Verdana,Arial, sans-serif;
	font-size: 1.2em;
	padding: 2px;
	background-color: #E2F0D0; 
	padding-bottom: 2px;
    border-bottom: 2px solid #C8E2A5;	}

.greenBox {
	background-color: #F1F7EF;
	border:1px solid #E2F0D0;
	margin-bottom:10px;
	padding: 0px;
	width:90%
	}	



ul.postlist {
	padding-left: 0px;
	padding-top:5px;
	padding-bottom: 5px;
	list-style-image: url('images/newsimage.png');
	}

li.postlist {
	background-repeat:no-repeat;
/*	background-image:url('images/newsimage.png'); */
/*	list-style:    none; */
/*	list-style-position: inside; */
	list-style-image: url('images/newsimage.png');

	margin-left: 18px;
	padding-top: 0px;
	padding-left: 0px;
	text-indent: 0px;
	text-align: left; 
/*	margin-left:0px; */
	
	}

/* Table of Contents styling */
h3.toc {
	font-family:  Verdana,Arial, sans-serif;
	font-size: 1.2em;
	padding: 2px;
	background-color: #F1F7EF; 
	padding-top: 5px;
 /*   border-bottom: 2px solid #C8E2A5; */
	margin-bottom:0px;
	margin-left:200px;	}

ol.toc {
	background-color: #F1F7EF;
	margin-top:0px;
	margin-left:200px;
	}

.breadcrumb {
	padding-bottom:0px;
	margin-bottom:0px;
	}

p.breadcrumb {
	padding:0;
	margin:0;
	line-height:10px;
	}	


.breakline {
	color: #fff !important;
	}

.searchform {
	margin-top:10px;
	margin-bottom: 10px;
	}

/***************** WORDPRESS STUFF - NEED TO ALTER *************

/*---:[ sidebar styles ]:---*/

ul.sidebar_list { list-style: none; }

	ul.sidebar_list li.widget, ul.sidebar_list li.linkcat { width: 100px; margin: 0 0 2.5em 0; font-size: 1.3em; line-height: 1.4em; float: left; }

		li.widget h2, li.linkcat h2 { font-weight: bold; font-size: 1.077em; text-transform: uppercase; letter-spacing: normal; margin: 0 0 0.8em 0; padding: 0.4em 2px; border-top: 10px solid #000;  }

		li.widget p { margin: 0 0 1.5em 0; padding: 0 10px; }
		
		li.widget ul, li.linkcat ul { list-style: square; margin: 0 0 0.5em 20px; }
		
		li.widget ol, li.linkcat ol { margin: 0 0 0.5em 20px; }
		
			li.widget li, li.linkcat li { margin: 0 0 0.7em 0; }
			
				li.widget li a, li.widget li a:visited, li.linkcat li a, li.linkcat li a:visited { text-decoration: none; }
				
					li.widget li a:hover, li.linkcat li a:hover { text-decoration: underline; }
			
				li.widget li .recent_date { padding: 0 0 0 8px; font-weight: bold; color: #888; }
		
		li.widget ul.flickr_stream { list-style: none; margin: 0; padding: 0 10px; }
		
			li.widget ul.flickr_stream li { margin: 0; padding: 0 5px 5px 0; display: inline; }
			
				li.widget ul.flickr_stream li a img { padding: 3px; }
				
				li.widget ul.flickr_stream li a:hover img { background: #ff2a96; }
		
			/*---< FlickrRSS styles for the widget only >---*/
		
			li.widget_flickrrss { }
			
				li.widget_flickrrss a img { margin: 0 5px 5px 0; padding: 3px; }
				
				li.widget_flickrrss a:hover img { background: #ff2a96; }
				
		/*---< Calendar widget styles >---*/
		
		#calendar_wrap { font-size: 1.3em; }
				
/*---:[ comment styles ]:---*/

.commenthead { 
	border-bottom: 1px solid #e2e2e2;
	background-color: #f7f7f7;
	font-size: .875em;
	padding: 10px 0 0 0 0;
	vertical-align: middle;
	width:100%;
	margin-top:10px;
	
	}

.comment-author {
	float: left;
	color: #555;
	font-weight: bold;
	width: 240px;
	font-size: 11px;
	}

.comment-date {
	color: #595959;
	float: right;
	width: 240px;
	text-align: right;
	}

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


#comments h1 {
	color: #595959; 
	padding-top:10px;
	padding-bottom:0px;
	font-family: Arial, Verdana, sans-serif; 
	font-size: 1.4em;
	}
	
#comments h2 {
	color: #595959; 
	padding-top:10px;
	padding-bottom:0px;
	font-family: Arial, Verdana, sans-serif; 
	font-size: 1.4em;
	}

#comments h3 {
	color: #595959; 
	padding-top:10px;
	padding-bottom:0px;
	font-family: Arial, Verdana, sans-serif; 
	font-size: 1.4em;
	}



#comments { width: 500px;
	background-color: #FBFDFB;
	}

	ul#comment_list { list-style: none; margin: 0 0 4.0em 0; border-top: 1px solid #bbb; float: left; }
		
		ul#comment_list li.comment { padding: 1.2em 0 0 0; border-bottom: 0px dotted #bbb; float: left; }
			
		ul#comment_list li.trackback {  padding: 1.2em 15px 0 15px;  }
				
			.comment_meta { margin: 0 0 1.2em 0; }
			
				.comment_num { padding: 0 15px 0 20px; font-weight: bold; font-size: 1.4em; float: right; }
				
				.trackback .comment_num { padding: 0 0 0 20px; }
				
					.comment_num a, .comment_num a:visited { color: #888; text-decoration: none; }
					
						.comment_num a:hover { color: #df0000; text-decoration: none; }
				
				.comment_meta strong { font-size: 1.6em; }
					
				.comment_time { font: normal 1.1em Verdana, Helvetica, Arial, sans-serif; color: #888; }
		
			.comment .entry { padding: 0 15px; }
			
				.comment .entry p { margin: 0 0 1.0em 0; }
			


/*---:[ comment form styles ]:---*/

#comment_form { width: 100%; padding: 1.0em 0 0 0; }

	#comment_form p { padding: 0.6em 0; }
	
		#comment_form label { padding: 0 0 0 10px; font-size: 1em; }

		#comment_form .text_input { width: 191px; padding: 3px; color: #595959; font: normal 1em Verdana, Helvetica, Arial, sans-serif; border-top: 2px solid #e2e2e2; border-left: 2px solid #e2e2e2; border-right: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; }
		
		#comment_form .text_area { width: 450px !important; }
	
			#comment_form .text_input:focus { border-top: 2px solid #666; border-left: 2px solid #666; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }
	
		#comment_form .form_submit { padding: 2px 2px; background: url('images/submit_bg.gif'); border: 3px double #595959; border-top-color: #ccc; border-left-color: #ccc; font: bold 1.1em Verdana, Helvetica, Arial, sans-serif; cursor: pointer; }
		
		#comment_form p.subscribe-to-comments { font-size: 1em; }
		
			#comment_form p.subscribe-to-comments label { font-size: 1.0em; }
			


/*---:[ search form styles ]:---*/

#search_form { }

	#search_form .search_input { width: 150px; padding: 3px; color: #090; font: normal 1.0em Georgia, "Times New Roman", Times, serif; border-top: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; }
	
	li.widget .search_input { font-size: 1.1em !important; }
	
		#search_form .search_input:focus { border-top: 1px solid #666; border-left: 1px solid #666; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }

/* SITE MAP CSS */

#sitemap ul {
	margin: 10px 0 12px 30px;
	padding: 0;	
}

#sitemap li {
	margin: 0 0 5px 0;
	padding: 0;
	line-height: 150%;
}

#sitemap ul li {
	list-style-image: url(images/bullet1.gif);
	list-style-type: disc; 
	color: #595959; 
	padding-top:10px;
	padding-bottom:0px;
	font-family: Arial, Verdana, sans-serif; 
	font-size: 16px;

	
}

#sitemap ul li li {
	list-style-image: url(images/bullet2.gif);
	font-size: 14px;
	color: #595959; 
}

#sitemap ul li li li {
	list-style-image: url(images/bullet2.gif);
	font-size: 12px;
	color: #595959; 
	}