/*   
Theme Name: Books On Wheels
Theme URI: http://www.bookonwheels.com
Description: Basic theme for the Richmond, VA nonprofit, Books On Wheels
Author: Mike Ball
Author URI: http://www.mikeball.org
Template: Lotsa theme files snagged from Chris Pearson's Neoclassical, so props to him.
Version: 1
*/

html {}

* { padding: 0; margin: 0; }

body {background:#E0DCDA url('images/bg.gif') repeat; border-top:10px solid #666; padding:10px 0; color: #000; font:10px Helvetica, Verdana, Arial, san-serif; }


/*---:[ core layout elements ]:---*/

#container { width: 835px; margin:0 auto; }

	#page { } /* for use with custom styles */
	
		#masthead { background:#F9F6F4; margin:0 auto; padding:10px; text-align: left;}
		
		#rotating_image { padding-bottom:10px; text-align:center; background:#F9F6F4; margin:0 auto 1em auto;}
		
			#rotating_image img { }

		#content_box { width: 835px; text-align: left;}

			#left_box { background:#F9F6F4; width:625px; margin-right:10px;float: left; }

				#content { border-left:1px solid #ddd; background:#F9F6F4; width:440px; padding:10px 0px 40px 10px; float: right; margin-right:10px; }
			
					#content_inner { min-height:730px; border-top:6px solid #7CBFE0; }
	
			.sidebar { width:200px; float: left; }
		
			#left_bar { background:#F9F6F4; width:140px; min-height:670px; padding:10px; }
		
			#right_bar { }
				
				#right_bar ul.sidebar { }
			
					#right_bar ul.sidebar_list li { padding:10px; width:180px !important; background:#666; }
		
		#footer { border-top:1px solid #ddd; clear:right; width:605px; background:#f9f6f4; padding:10px; }

#footer_bottom {  } /* for use with custom styles and the "page" look */



/*---:[ headlines ]:---*/

h1, h2, h3, h4 { font: bold 1em Helvetica, Arial, san-serif; }

h1 { font-size:1.6em;  }
	
	#content_inner h1, #content h1 { padding:.3em 0 0 0; margin-bottom:10px; font-size:1.6em;  color:#7CBFE0; text-transform:uppercase;  }

		#content_inner h1:after {content:url('images/arrow_blueDown.gif'); margin-left:3px;}
	
	.page h1 {  }

h2 { font-size:1.4em;}
  
	h2 a, h2 a:visited { color:#444; background:yellow; font-weight:normal; padding:3px 3px 0 1px; width:100%;}

	h2 a:hover { color:#444; text-decoration:underline; }
	
	h2.top { padding-top: 0; border-top: none; }
	
	.sidebar h2 { font-size:1em; font-weight:normal; text-transform:uppercase; width:140px; border-bottom:1px solid #ddd; color:#7CBFE0; padding:.5em 0 0 0; border-top: 6px solid #7CBFE0; }
	
	#right_bar h2 { width:auto; border-bottom:none; }
	
		#right_bar li#flickrrss h2 {border:none;}
	
	#content_inner h2 {margin:10px 0 0 0;}
	
	.format_text h2 {font-size:1.1em;}

h3 { font-size: 1.23077em; line-height: 1.25em; color: #999; }

	.format_text h3 { margin: 1.875em 0 0.625em 0; }

	.format_text h3.top { margin: 0 0 0.625em 0 !important; }

h4 { font-size: 0.84615em; line-height: 1.81818em; text-transform: uppercase; letter-spacing: 2px; }



/*---:[ global elements ]:---*/

hr { display: none; }

a, a:visited { color: #7CBFE0; text-decoration: none; }

a:hover { color: #7CBFE0; text-decoration: underline; }

a img { border: none; }

blockquote { margin: 0 0 1.53846em 10px; padding: 0 0 0 10px; border-left: 1px solid #eee; }

abbr, acronym { font-size: 0.84615em; border-bottom: 1px dotted #888; letter-spacing: 1px; text-transform: uppercase; line-height: 1.0em; cursor: help; }

sub, sup { line-height: 1.0em; }

span.code { font-size: 0.92308em; font-family: Consolas, "Andale Mono", Courier, "Courier New", monospace; } /* Using a <span class="code"> preserves the line height better across a wider variety of browsers */
	
	code { font-size: 0.92308em; font-family: Consolas, "Andale Mono", Courier, "Courier New", monospace; line-height: 1.0em; }

	html[xmlns*=""] body:last-child code { font-size: 1.0em; } /* Safari 2.x hack to handle font sizes consistently. */

	pre { margin: 0 0 1.81818em 0; padding: 0.81818em; font-size: 0.84615em; font-family: Consolas, "Andale Mono", Courier, "Courier New", monospace; background: #eee; border: 1px solid #ddd; overflow: auto; clear: both; }

	html[xmlns*=""] body:last-child pre { font-size: 1.0em; } /* Safari 2.x hack to handle font sizes consistently. */

p {font-size:1em;}

	p.center { text-align: center !important; }
	
	p.bottom { margin: 0 !important; }

	p.unstyled { font-size:1.3em; }
	
object {border:2px solid #7CBFE0; display:block; padding:4px 2px;}
	
		


/*---:[ #banner styles ]:---*/

#masthead #rss_subscribe { display:none; width: 40px; height: 40px; float: right; }

	#masthead #rss_subscribe a { display: block; width: 40px; height: 40px; background: url('images/icon_rss.gif') no-repeat; text-indent: -9999px; outline: none; }

#masthead #logo {  border-top:6px solid #7CBFE0; font:bold 2em Helvetica, Arial, san-serif; padding-top:5px; letter-spacing: -1px; }

	#masthead #logo a, #masthead #logo a:visited { color:#7CBFE0; }

	#masthead #logo a:hover { color: #7cbfe0; text-decoration: none; }
	
#masthead h1, #masthead #tagline { font-size:1.2em; font-weight:normal; padding:0 0 .25em 0; }



/*---:[ content styles ]:---*/

.post_author { font-size: 1.2em; line-height: 1.66667em; margin: 0 0 .5em 0; color: #999; }

	.post_author a, .post_author a:visited { color: #999; text-decoration: none; }
	
	.post_author a:hover { color: #999; text-decoration: underline; }

.format_text { font-size: 1.3em; }
						
	.format_text blockquote { }
	
		.format_text blockquote.right { width: 180px; font-size: 1.2308em; line-height: 1.25em; margin: 0 0 0 10px; padding: 0.4375em 0 0.4375em 10px; float: right; }
		
		.format_text blockquote.left { width: 180px; font-size: 1.2308em; line-height: 1.25em; margin: 0 10px 0 0; padding: 0.4375em 10px 0.4375em 0; background: none; border-right: 1px solid #eee; border-left: none; float: left; }
	
			.format_text blockquote.right p, .format_text blockquote.left p { margin: 0 !important; }
	
	.format_text p { margin: 0 0 10px 0; line-height:1.3em;}
	
	.format_text p.note { padding: 0.76923em 10px; background: #ffffa0; border: 1px solid #d3d35d; }
	
	.format_text ul {padding-left:1em; }

	.format_text ol {  }
	
		.format_text li { margin:.25em 0 0 0;}
	
		.format_text ul li {  }
		
			.format_text ul li ul, .format_text ul li ol, .format_text ol li ul, .format_text ol li ol { margin: 0 0 0 10px; }
	
	.format_text dl { margin: 0 0 1.53846em 0; }
			
		.format_text dt { font-weight: bold; }
		
		.format_text dd { margin: 0 0 0 1.53846em; }
		
	.format_text .ad { margin: 0 0 0 10px; float: right; clear: right; }
	
		.format_text .ad_left { margin: 0 10px 0 0; float: left; clear: left; }

	.format_text img { }

		.format_text img.left { margin: 0 10px 1.53846em 0; float: left; clear: left; }
		
		.format_text img.right { margin: 0 0 1.53846em 10px; float: right; clear: right; }
		
		.format_text img.center { display: block; margin: 0 auto 1.53846em auto; float: none; clear: both; }
		
		.format_text img.block { display: block; margin: 0 auto 1.53846em 0; float: none; clear: both; }
	
		.format_text img.frame { padding: 9px; border: 1px solid #ddd; background: #eee; }
		
		.format_text img.stack { clear: none !important; }

.to_comments { border-bottom:2px dotted #7CBFE0; margin: 0 0 30px 0; font: normal 1.1em/1.81818em Verdana, serif; color: #999; clear: both; }
	
	.to_comments .date { padding: 0 0 0 14px; background: url('images/icon_date.gif') 0 50% no-repeat; }
	
	.to_comments .filed { padding: 0 0 0 14px; background: url('images/icon_filed.gif') 0 50% no-repeat; }
	
	.to_comments .num_comments { padding: 0 0 0 14px; background: url('images/icon_comment.gif') 0 50% no-repeat; }

.navigation { width: 423px; padding: 0.69231em 10px 0.76923em 10px; font-size: 1.3em; line-height: 1.53846em; clear: both; }

	.navigation p { text-align: right; }

	.older { padding: 0 20px 0 0; float: left; }

	.previous { text-align: left; }



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

ul.sidebar_list { list-style: none; }

	ul.sidebar_list li.widget, ul.sidebar_list li.linkcat {  margin:0 0 1em 0; font-weight:normal; font-size:1.2em; font-family:Verdana, serif; float: left; }
		
		li.widget p { margin: 0 0 1.33333em 0; }
		
		li.widget ul, li.linkcat ul { list-style: none; }
		
			li.widget ul#nav_menu { margin: 0 0 10px 0; border-top:6px solid #7CBFE0; min-width:140px;}
			
				ul#nav_menu li { margin:0;}
		
					ul#nav_menu li a { color:#7CBFE0; padding:1px 1px 1px 3px; background:#eee; text-transform:uppercase; border-bottom:1px solid #ddd; margin:1px 0 0 0;  font-size:1.2em; font-weight:bold; }
		
					ul#nav_menu li a:hover { background:yellow; }
				
		li.widget ol { margin: 0 0 0 20px; }
		
			li.widget li { margin:.25em 0 0 0; }
				
				li.widget ul { margin:.5em 0 0 0;}
				
				li.widget li a { display:block; padding-left:15px; color: #9B9795; background:url('images/bullet_arrow.gif') no-repeat 1px 2px;}
				
				li.widget li a:hover {color:#454545; background:yellow url('images/bullet_grayArrow.gif') no-repeat 1px 2px; text-decoration:none; }
			
				li.widget li br { display: none; }
			
				li.widget li ul, li.linkcat li ul { margin: 0.75em 0 0 20px; }
				
			li.linkcat li { }

			/*---:[ special widget styles ]:---*/

			/*#calendar_wrap { color:#454545; width:173px; padding:3px; }

			table#wp-calendar { border:1px solid yellow; border-collapse:collapse; }

				table#wp-calendar caption { font-weight: normal; font-size: 0.91667em; line-height: 1.72727em; text-transform: uppercase; color:yellow;}
				
				table#wp-calendar tr {}
				
				table#wp-calendar th { width:26px; font-size: 0.91667em; line-height: 1.72727em; background:yellow; text-align: center; }

				table#wp-calendar td { border:1px solid yellow; width: 26px; line-height: 1.66667em; color: #bbb; text-align: center;  }

				table#wp-calendar td#next, table#wp-calendar td#prev  { width: 78px; font-size: 0.83333em; letter-spacing: 1px; text-transform: uppercase; }
			*/	
			/*---:[ search widget ]:---*/

			#search {padding:1em 0 0 0; margin-bottom:10px; text-align: right; }

				#search #s {width:175px; color: #454545; background:#918366; border:2px solid yellow; text-align: left; }

				#search #s:focus { background:#F9F6F4;}

				#search input[type="submit"] { margin: 0.25em 0 0 0; padding: 2px 3px; background:yellow; border:none; color: #454545; cursor: pointer; }

				#search input[type="submit"]:hover { color: #454545; }
				
			/*---:[ flickrRSS ]:---*/
			
			li#flickrrss {}
			
				li#flickrrss a img {margin:0 11px 11px 0; border:2px solid #7CBFE0;}
				
				li#flickrrss a:hover img {border:2px solid yellow;}



/*---:[ footer styles ]:---*/

#footer p { color: #999; font-size:1.1em; line-height:1.3em; text-align: right; }

	#footer a, #footer a:visited {  }

	#footer a:hover {  }



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

#comments { width: 415px; }

	.comments_intro { padding:0; font: normal 1.2em/1.66667em Verdana, sans-serif; border-bottom: 2px dotted #7CBFE0; }

		.comments_intro span { padding: 0 0 0 14px; background: url('images/icon_comment.gif') 0 50% no-repeat; }

	dl#comment_list { margin: 0 0 3.0em 0; }

		dl#comment_list dt.comment { margin:2.5em 0 0 0;  background:#eee; font-size: 1.4em; line-height: 1.42857em; }

			.comment_num { padding:0 0 0 20px; font: bold 0.85714em/1.66667em Verdana, sans-serif; float: right; }

				.comment_num a, .comment_num a:visited { color: #999; text-decoration: none; }

				.comment_num a:hover { color: #237fa1; text-decoration: none; }
				
			.comment_time { font: normal 0.78571em Verdana, sans-serif; color: #999; }
				
		dl#comment_list dd.comment { /*width: 415px; padding: 0 9px 0.8em 9px; border-bottom: 1px dotted #bbb;*/ }
		
		dl#comment_list dt.alt, dl#comment_list dd.alt {}

		dl#comment_list dt.author, dl#comment_list dd.author {}
		
			.comment .format_text { }
			
				.comment .format_text p {margin:.5em 0 0 0;}
			
			.comment a.comment_link, .comment a.comment_link:visited { font-style: italic; font-weight: bold; color: #333; background: none; text-decoration: none; }
			
			.comment a.comment_link:hover { color: #333; text-decoration: underline; }
			
			

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

#respond { border-bottom: 1px dotted #ddd; font-size:1.2em; }

	#respond span { padding:0 0 0 14px; background: url('images/icon_leave_comment.gif') 0 50% no-repeat; }

#comment_form { width: 425px; }

	#comment_form p { padding: 0.5em 0 0.7em 0; font-size: 1.3em; line-height: 1.53846em; }
	
	#comment_form p.submit_p {  }
	
		#comment_form label { padding: 0 0 0 10px; }

		#comment_form .text_input { width: 209px; padding: 2px; color: #333; background: #f2f2f2; border: 1px solid #aaa; border-right-color: #eee; border-bottom-color: #eee; }
		
		#comment_form .text_input:focus { background: #fff; border-color: #777; border-right-color: #ccc; border-bottom-color: #ccc; }
		
		#comment_form .text_area { width: 419px !important; border:2px solid #7CBFE0; height: 5.84615em; }
	
		#comment_form .form_submit { border:2px solid #7cbfe0; color:#7cbfe0;}
		
		#comment_form .form_submit:hover { color: #237fa1; }
		
		#comment_form p.subscribe-to-comments { font-size: 1.3em; }
		
			#comment_form p.subscribe-to-comments label { font-size: 1.0em; }



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

#search_form { margin:25px 0 0 0; }

	#search_form .search_input { border:2px solid #7CBFE0; padding:3px; width:250px; color:#9B9795;}
	
	#search_form .search_input:focus {  }	


/*---:[ self-clearing floats from Dan Cederholm at simplebits.com ]:---*/

#container:after, /*#content_box:after,*/ #nav ul:after, /*#footer:after,*/ .navigation:after, #comments:after, dl#comment_list:after, dl#comment_list dd:after, #comment_form:after, #search_form:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }