/*
Theme Name: Sprocket
Theme URI: http: //www.spencersundell.com/
Description: Fixed width, two columns, left sidebar, standards compliant. Initially based on Plainscape 1.0 by Srini G.
Version: 1.15
Author: Spencer Sundell
Tags: fixed width, two columns, right sidebar, widgets, gravatars, blue, white, simple, minimalist, clean, valid XHTML, valid CSS

	The CSS, XHTML and design for Plainscape 1.0 is released under GPL: 
	http: //www.opensource.org/licenses/gpl-license.php

*/


body {
	margin: 0; 
	padding: 1.5em 0 3em !important;
	background: #fff;
	color: #000;
	font: 75%/115% Georgia, serif;
}

.dev_note { border: 1px solid #000; padding: 0.25em 1em; font: 1em "Courier New", Courier, monospace; background: #ff9; }


form, fieldset { border: 0; margin: 0; padding: 0; }

.small { font-size: 0.9em; }

a:link 		{ color: #26a; text-decoration: none; }
a:visited 	{ color: #26b; text-decoration: none; }
a:hover 	{ text-decoration: underline; }

a.rss:link, 
a.rss:visited, 
a.rss:hover { 
	background: url('images/rss.png') no-repeat right; padding-right: 20px;
} 
		
/* utility classes */

.clear { clear: both; height: 1px; margin: 0; padding: 0; overflow: hidden; }

.hidden { display: none; }
.hide { position: absolute; left: -999999em; top: -999999em; }

.center { text-align: center; }

.alignright	{ display: inline; float: right; margin: 2px 0 5px 10px; padding: 0; }
.alignleft 	{ display: inline; float: left; margin: 2px 10px 5px 0; padding: 0; }
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.big { font-size: 1.1em; }
.small, small { font-size: 0.8em; }
pre { overflow: auto; }

strong, .bold 	{ font-weight: bold; }
em, .italic 	{ font-style: italic; }

img 			{ border: 0; }
img.centered 	{ display: block; margin-left: auto; margin-right: auto; }
p img 			{ padding: 0; max-width: 100%; }

hr { display: none; }
	
.pad_top { margin-top: 1.5em; }


/**
 * Page
 */
 

#page 	 { margin: 0 auto; padding: 0; width: 960px; font-size: 1em; line-height: 1.5em; }
#wrapper { padding: 0 0 20px; }

#content { width: 676px; float: left; margin: 0; padding: 0; }
    
	h1, .h1 { font-size: 1.7em; line-height: 1.2em; color: #333; margin: 0 0 0.25em; }
		h1 a:link, h1 a:visited 	{ color: #000; text-decoration: none; }
		h1 a:hover 	{ text-decoration: underline; }
		h1.h2 a:link, h1.h2 a:visited 	{ color: #000; text-decoration: none; }
		h1.h2 a:hover 	{ text-decoration: underline; }
				
	h2, .h2 { font-size: 1.5em; color: #333; margin: 1em 0; } 
		h2.past_events { font: italic normal 1.1em Georgia, serif; }
	h3, .h3 { font-size: 1.25em; line-height: 1.1em; color: #333; margin: 0; }
		#header h3 { margin-top: 0.5em; }
	h4, .h4 { font-size: 1.15em; font-weight: bold; margin: 0.75em 0;}
	
	h1.underline,
	h2.underline,
	h3.underline,
	h4.underline,
	h5.underline {
		padding-bottom: 0.25em !important;
		border-bottom: 1px solid #888;
		margin-bottom: 1em;
	}

	.intro { font-size: 1.1em; padding: 0.5em 1em; border: 4px double #bbb; }
	
	ul.plain, ol.plain 	{ list-style-type: none; }
	ul.flush, ol.flush 	{ margin-left: 0; padding-left: 0; }
	ul.pad li, ul.pad10 li, ol.pad li, ol.pad10 li 	{ margin-bottom: 1em; }
	ul.pad_small li, ol.pad_small li	{ margin-bottom: 7px; }
	ul.pad_lots li, ol.pad_lots li		{ margin-bottom: 2em; }
	
	ul.jumper { list-style-type: none;  margin: 0 0 1em; padding: 0 0 1em; border-bottom: 1px solid #ddd; }
	ul.jumper li { margin-left: 0.25em; padding-left: 0.5em; border-left: 1px solid #000; line-height: 1em; display: inline; }
	ul.jumper li:first-child { margin-left: 0; padding-left: 0; border-left: 0; }
	
	dt { clear: both; }
	dd { margin-top: 0; margin-bottom: 2em; }


	
	
	/* Tables */
	
	table.custom-fields { 
		border: 1px solid #777; border-collapse: collapse; max-width: 250px; float: right; margin: 0 0 0.5em 2em; 
		background: #fff;
	}
	table.custom-fields caption { 
		margin: 0; padding: 0.25em 0.5em; border: 1px solid #444; text-align: left; font-weight: bold; font-size: 1.1em; 
		color: #555;
		background: #eee;
	}
	table.custom-fields th, table.custom-fields td { padding: 0.25em 0.5em; vertical-align: top; text-align: left;  }
	table.custom-fields th { font-weight: normal; }
	
	
/**
 * Header
 */

#header { padding: 0 15px 0.75em; border-bottom: 1px dashed #ccc; margin: 0 -15px 2em; }

	#header h2 { margin: 10px 0 0; }
	#header h2 a:link, 
	#header h2 a:visited { 
		color: #000; text-decoration: none; 
	}
	#header h2 a:hover { color: #333; text-decoration: underline; }
	
	#header .description { margin-top: 0.5em; font-weight: bold; font-size: 1.2em; color: #333; }
	
	/* Site Nav */
	
	#nav { border-top: 1px dashed #ccc; text-align: right; margin: 1em -15px; padding: 0.5em 25px 0.2em; font-size: 1.15em; }
	
		#nav a:link, #nav a:visited { text-decoration: none; }
		#nav a:hover { text-decoration: underline; }
		
		#nav ul { list-style: none; margin: 0; padding: 0; float: right; }
		#nav ul li { float: left; margin-left: 1em; padding-left: 1em;  }
		#nav ul li:first-child { border-left: 0; }
		
		#nav li.current_page_item a:link, #nav li.current_page_item a:visited,
		#nav li.current_page_parent a:link, #nav li.current_page_parent a:visited { 
			color: #333; text-decoration: none; 
		}
			#nav li.current_page_item a:hover,
			#nav li.current_page_parent a:hover { text-decoration: underline; }
	    
		#nav li a.rss:link, #nav li a.rss:visited, #nav li a.rss:hover,
		#nav li.current_page_item a.rss:link, #nav li.current_page_item a.rss:visited, #nav li.current_page_item a.rss:hover { 
			background: url('images/rss.png') no-repeat right; padding-right: 20px;
		} 
	

/**
 * Post 
 */

.post { margin: 0 0 2em; padding: 0; text-align: left; overflow: hidden; clear: both; }
	
	.post hr { display: block; }
	.post h2 { margin: 0 0 0.25em; padding: 0; text-align: left; }
	.post h2 a:link, .post h2 a:visited, .post h2 a:hover { color: #333; text-decoration: none; }
	.post h2 a:hover { text-decoration: underline; }
	.post h3.post-title { font-weight: bold; font-size: 1.8em; margin: 0; padding: 0; text-align: left; }	
		.post h3.post-title a:link, 
		.post h3.post-title a:visited, 
		.post h3.post-title a:hover {
			color: #333; text-decoration: none;
		}
		.post h3.post-title a:hover {
			text-decoration: underline;
		}
		
	div.archive-title { font-size: 1.6em; font-weight: bold; }
	
	.postmetadata { clear: both; margin: 0.5em 0 0; color: #888; }
	.postbyline { color: #333; }
	.postdate {}
	.posttopics { font-size: 0.85em; }
	.posttopics a:link, .posttopics a:visited, .posttopics a:hover { color: #888; text-decoration: underline; }
		.posttopics a:hover { text-decoration: none; }
	.postmetalinks { font-size: 0.9em; }

/* Entry */

.entry { margin: 20px 0; }
	
	.entry blockquote { border-left: 3px solid #ddd; margin: 10px 0 10px 1em; padding: 0 20px; font-size: 0.9em; }
	.entry blockquote blockquote { border: 0; background: transparent; }
	
	.entry fieldset { border: 1px dashed #ccc; }
	.entry fieldset legend { font-weight: bold; text-transform: uppercase; }

	
	.entry ol { list-style-type: decimal; }
	.entry ol ol {	list-style-type: lower-alpha; }
	.entry ol ol ol {	list-style-type: lower-roman; }

	
/* Image captions */
.wp-caption { border: 1px solid #ccc; text-align: center; background-color: #f3f3f3; padding-top: 4px; }
.wp-caption img { border: 0; margin: 0; padding: 0; }
.wp-caption p.wp-caption-text { margin: 0; padding: 0 4px 5px; font-size: 11px; line-height: 17px; }




/* Post sub-nav - single page, previous / next posts */
.navigation { clear: both; margin: 20px 0; padding-bottom: 20px; font-size: 1.2em; }	
.navigation .alignleft { text-align: left; }
.navigation .alignright { text-align: right; }


.searchbox { clear: both; padding: 20px; text-align: center; }



/* Comments*/

#comments { font-size: 1.4em; line-height: 1.4em; }
	#respond h3 { font-size: 0.9em; margin: 0; }

	.commentlist 	{ margin: 20px 0; padding: 0 0 1px 0; background: url('images/border_h.png') repeat-x bottom; }
	.commentlist li { list-style: none; margin: 0; padding: 0; background: url('images/border_h.png') repeat-x top; }
	
	li.comment div, 
	li.pingback div { 
		padding: 20px; overflow: auto; 
	}
	
	li.comment div div, 
	li.pingback div div {
		padding: 0; overflow: visible;
	}
	
	.commentlist li.even	{ background-color: #fafafa; }
	.commentlist li.odd 	{ background-color: #f6f6f6; }
	
	ul.children li { list-style: none; }
	
	.comment-meta, 
	.reply { 
		margin: 0; padding: 0; font-size: 0.8em; 
	}
	.comment-author cite { font-style: normal; font-weight: bold; }
	
	textarea#comment { width: 100%; }
	#comments div.navigation { font-size: 0.8em; }
	
	img.avatar { float: right; border: 1px solid #eee; margin: 0; padding: 2px; background: #fff; }
	


/**
 * Sidebar
 */

#sidebar { width: 200px; float: right; margin: 0; padding: 0; font-size: 1.1em; }
	
	
	#sidebar a:link, #sidebar a:visited { text-decoration: none; }
		#sidebar a:hover { text-decoration: underline; }
	
	#sidebar h2, 
	#sidebar h2 a:link, 
	#sidebar h2 a:visited,
	#sidebar h2 a:hover { 
		margin: 1em 0 0.5em; padding: 0; font: 1.1em 'Lucida Grande', sans-serif; 
		text-decoration: none;
		color: #333;
	}
		#sidebar h2 a:hover { text-decoration: underline; color: #26a; }
	
	#sidebar ul, 
	#sidebar ul ol {
		margin: 0; padding: 0;
	}
	
	#sidebar ul li { list-style-type: none; list-style-image: none; margin: 0 0 20px; padding: 0; }
	
	#sidebar li.current_page_item a { color: #111; }
	#sidebar li.current_page_item li a { color: #26a; }

	#sidebar ul li.search {} 
	#sidebar ul li.search input[type="text"] { width: 120px; }
	#sidebar ul li.search input[type="submit"] { font-size: 0.9em; }
	
	#sidebar ul p, 
	#sidebar ul select {
		margin: 5px 0 8px;
	}
	
	#sidebar ul ul, 
	#sidebar ul ol {
		margin: 5px 0 0 0;
	}
	
	#sidebar ul ul ul, 
	#sidebar ul ol {
		margin: 0 0 0 20px;
	}
	
	#sidebar ul ol li {
		list-style: decimal outside;
	}
	
	#sidebar ul ul li, 
	#sidebar ul ol li {
		margin: 3px 0 0.75em; padding: 0;
		font-size: 0.9em;
		line-height: 1.5em;
	}
		#sidebar ul ul li li, 
		#sidebar ul ol li li{
			font-size: 0.95em;
		}
	#sidebar li.cat-item {
		line-height: 1.2em;
		margin-bottom: 0.5em;
	}
	
	/* Sidebar Calendar */
	#wp-calendar 			{ empty-cells: show; width: 155px; }
	#wp-calendar #next a 	{ padding-right: 10px; text-align: right; }
	#wp-calendar #prev a 	{ padding-left: 10px; text-align: left; }
	#wp-calendar a 			{ display: block; font-weight: bold; }
	#wp-calendar caption 	{ font-weight: bold; text-transform: uppercase; text-align: left; margin: 0 0 5px 8px; color: #666; }
	#wp-calendar td 		{ padding: 3px 5px; text-align: center; }
	#wp-calendar td#today 	{ background: #eee; }	
	#wp-calendar td#prev a 	{ padding: 0; text-align: left; font-weight: normal; }
	#wp-calendar td#next a 	{ padding: 0; text-align: right; font-weight: normal; }
	
	
	/* End Calendar */


/**
 * Footer
 */
 
#footer {
	clear: both; 
	border-top: 1px dashed #ccc; 
	margin: 30px 0 20px; padding: 10px; text-align: left; font-size: 0.85em; color: #888;
	
}

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

	#bottom_nav { margin: 0 -10px; padding: 0.5em 10px; }
		#bottom_nav ul { list-style: none; margin: 0; padding: 0; }
		#bottom_nav ul li { display: inline; float: left; margin-right: 1em; padding-right: 1em;  }
		#bottom_nav ul li:first-child {  }
		/*
		#bottom_nav li.current_page_item a:link, #nav li.current_page_item a:visited,
		#bottom_nav li.current_page_parent a:link, #nav li.current_page_parent a:visited { 
			color: #333; text-decoration: none; 
		}
			#bottom_nav li.current_page_item a:hover,
			#bottom_nav li.current_page_parent a:hover { text-decoration: underline; }
	    */
		#bottom_nav li a.rss:link, #bottom_nav li a.rss:visited, #bottom_nav li a.rss:hover,
		#bottom_nav li.current_page_item a.rss:link, #bottom_nav li.current_page_item a.rss:visited, #bottom_nav li.current_page_item a.rss:hover { 
			background: url('images/rss.png') no-repeat right; padding-right: 20px;
		} 
	

	#wp_stuff { font-size: 0.9em; }
	

ol.form, ul.form { list-style: none; margin: 0; padding: 0; } 
  ol.form li, ul.form li { clear: both; margin: 0 0 1em; padding: 0; }
/*   ol.form li.buttons, ul.form li.buttons { padding: 0 0 0 12.75em; }
label { display: block; width: 12em; float: left; text-align: right; margin-right: 0.75em; }
.button { margin-left: 2em; } */