/* 
Theme Name: 				bartlet
Theme URI: 				http://j.modjeska.us/
Description: 				j.modjeska.us custom theme
Author: 				J. Modjeska
Author URI: 				http://j.modjeska.us
Version: 				1.0

License: 				No public license. Contact
                                        author with requests for use.

*/

/* Globals
------------------------------------------------------------------*/

html, body, form, fieldset, h1, h2, h3, h4, h5, h6, pre,
blockquote, ul, ol, dl, address, .hlogo, .htitle, .widgettitle,
.more-link  {
	margin:				0;
	padding:			0;
}

a, a:link, a:visited {
	outline:			none;
}

/* Master Width Control (check secondary nav columns when changing)
------------------------------------------------------------------*/

#header, #header_wrapper, #footer {
	width:				944px;
}

.topimage {
	width:				902px;
}

#blog_title {
	width:				619px;
}

#wrapper, #indexwrapper, .post-entry, #secondary_nav ul#widgetlist {
	width: 				904px;
}

.post, #comments_area, #commentform {
	width: 				680px;
}

.ngg-album {
	width:				660px;
}

#sidebar {
	width:				182px;
}

/* Layout & Navigation
------------------------------------------------------------------*/

#header	{
	margin: 			0 auto 2em auto;
	font-size: 			100%;
	padding: 			1em 0 1em 0;
	height: 			50px;
}

#head_wrapper {
	margin:				0 auto;
}

h1 {
	clear:				both;
}
	
#blog_title {
	text-align:			left;
	padding: 			20px 0 10px 65px;
	margin: 			0;
	float:				left;
}
	
#searchform {
	text-align: 			right;
	float:				right;
	width:				200px;
	padding: 			42px 20px 10px 0;
	background: 			none;
}

#wrapper, #indexwrapper {
	margin: 			0 auto;
	clear: 				both;
	padding:			20px 20px 5px 20px;
	background:			#fff;
}

/*
#indexwrapper {
	background:			#fff
					url('images/sidebarbg.gif')
					no-repeat bottom right;
}
*/

#wrapper {
	background:			#fff
					url('images/sidebarbg.gif')
					no-repeat bottom right;
}

#indexwrapper {
	background:			#fff
					url('images/treebgclean2.png')
					no-repeat top center;
}

#home_content {
	margin: 			0 auto 0 auto;
}

#page {
	text-align:			left;
}

#home_content {
	width:				700px;
	border-right:			1px solid #ddd;
	float:				left;
	text-align:			left;
	padding:			0;
	background:			none;
}

#sidebar {
	float:				right;
	background:			transparent; 
	padding:			0 0 0 20px;
	text-align:			left;
	margin:				0;
}

#sidebar ul {
	list-style-type:		none;
}

.post {
	float: 				left;
	margin: 			0 20px 20px 0em;
	padding: 			0 0 0 0;
	/* jm 04.2010 -- this broke syntax highlighter
	min-height: 			150px;
	-- end jm 04.2010 */
	overflow: 			hidden;
	text-align:			justify;
}
	
#single .post {
	border-top: 			0;
}

#single {
	text-align:			left;
}

#single, #home_content, #sidebar {
	margin-top: 			1em;
	margin-bottom:			1em;
}

#single .wp-caption-text, #single .caption {
	margin-bottom: 			60px;
}

#content .post {
	margin-left: 			0;
}

.main_meta {
	clear: 				left;
	margin-bottom: 			0;
	padding: 			0;
	margin-top: 			10px;
	background: 			#fff;
	color: 				#333;
	text-align:			left;
	width:				680px;
}

.main_meta strong {
	color: 				#2f60bf;
}

.main_meta h2 {
	margin: 			0 0 0.6em 0;
}

.main_meta ul  {
	list-style-type: 		none;
	margin: 			0;
	padding-bottom: 		3em;
}

.main_meta ul li {
	list-style-type:		none;
	padding-right: 			1em;
	margin: 			0 0.5em 0 0;
	float: 				left;
	color:				#ccc;
}

a.more-link {
	text-align: 			right;
	width: 				150px;
	color: 				#000 !important;
	padding: 			4px 10px 0 4px;
	float: 				right;
	display:			block;
}

.more-link:hover {
	background: 			#333;
	color:				white !important;
}

.afterpost {
	text-align:			center;
	font-size:			10px;
	color:				#666;
	margin:				0;
	padding:			6px;
	background:			#eee;
}

.post-clear {
	border-bottom:			1px solid #eee;
	margin:				0 20px 0 0;
	padding:			0;
	clear:				both;
}
	
.post_entry {
	margin: 			0 2em 0 0;
}
	
.archive_nav {
	margin: 			0;
	padding: 			0 1em 1.7em 0em;
	clear: 				both;
}

.right a {
	float: 				right;
	text-align: 			right;
	margin: 			0 5px 0 0;
	padding:			4px 10px;
	width:				100px;
}

.left a {
	float: 				left;
	text-align:			left;
	margin: 			0 0 0 0;
	padding:			4px 10px;
	width:				100px;
}

.left a:hover, .right a:hover {
	background:			black;
	color:				white !important;	
	margin:				0 0 0 0;
}

#secondary_nav {
	clear: 				both;
	padding: 			0 0 3em 0;
	margin:				0 auto;
	overflow: 			hidden;
	background: 			#000;
}
	
#secondary_nav ul#widgetlist {
	list-style-type: 		none;
	line-height: 			1em;
	margin: 			0 auto;
}

#secondary_nav li {
	line-height: 			1em;
}

#secondary_nav h2, #sidebar h2, #page h2, #single h2, #page h2 a {
	color:				#999;
	font-size:			0.9em;
	font-weight:			bold;
	letter-spacing:			2px;
	line-height:			1em;
	text-transform:			uppercase;
	clear: 				left;
	margin: 			0;
	padding: 			20px 0 0.7em 0;
}

#sidebar h2, #single h2, #page h2 {
	color:				#333;
	font-size:			13px;
	border-bottom:			1px solid #eee;
}

/* Repeat all but border to prevent double-line */
#page h2 a {
	color:				#333;
	font-size:			13px;
}

.pdf {
	border:				0;
	float:				right;	
	height:				25px;
	width:				25px;
	margin:				-10px 0 0 0;
}

#col1, #col2, #col3, #col4 {
	display: 			block;
	width: 				220px;
	float: 				left;
	margin-top:			25px;
	padding-top:			0;
	padding-bottom:			20px;
}

#col1, #col2, #col3 {
	border-right:			1px solid #333;
	height:				200px;
}

#col2, #col3, #col4 {
	margin-left: 			25px;
}

#col1 {
	width:				405px;
}

#col2 {
	width:				130px;
}

#col3 {
	width:				125px;
}

#col4 {
	width:				160px;
}

.footerlist h2, .taglist h2 {
	font-size: 			1em;
	padding:			0 0 0.2em 0; 
	margin:				0;
}

.footerlist {
	clear: 				both;
}

.footerlist ul {
	margin: 			0;
	padding: 			0;
	background: 			#000;
	list-style-type: 		none;
}

.footerlist li a {
	font-family:			Arial, Helvetica, sans-serif;
	font-size:			0.9em;
	display: 			block;
	padding: 			.5em 20px 3px 1em;
	margin-right:			2em;
}

.footerlist li a:hover {
	background: 			#181818;
	color:				white !important;
}

.footertext, .footertext a {
	font-family:			Arial, Helvetica, sans-serif;
	font-size:			0.95em;
	padding: 			0 30px 3px 1em;
	margin:				0;
	color: 				#999;
}

.footertext a {
	color:				#2f60bf;
	padding:			0;
}

.footertext a:hover {
	color:				white !important;
}

.sidebarlist-images li a {
	display: 			block;
	margin:				5px 0 0 20px;
	padding:			3px;
	border:				1px solid #ddd;
	background-color:		white;
	width:				135px;
	text-align:			center;
}

.sidebarlist-images img {
	border:				none;
	padding-bottom:			1px;
}

.sidebarlist-images li a:hover {
	background: 			#333;
	color:				white !important;
}

.sidebarlist ul {
	margin: 			0;
	padding: 			0;
	background: 			#fff;
	list-style-type: 		none;
}

.sidebarlist li a {
	font-family:			Arial, Helvetica, sans-serif;
	font-size:			0.9em;
	display: 			block;
	padding: 			.5em 20px .5em 20px;
	margin:				0;
	border-bottom:			1px solid #eee;
}

.sidebarlist li a:hover {
	background: 			#333;
	color:				white !important;
}

h2.noborder {
	border:				none !important;
}

.post img.noborder {
	display:			block;
	border:				none !important;
	clear:				both !important;
	float:				none !important;
	margin:				10px auto 0 auto !important;
}

.menu {
	margin: 			2em 0 0 0;
}

#footer {
	height: 			0;
	clear: 				both;
	margin: 			0 auto 1em auto;
}
	
.footerimg {
	border:				0;
	margin:				0;
	padding:			0;
	float:				left;
}

.clear {
	clear: 				both;
	margin:				0;
	padding:			0;
	width:				500px;
}

.thetime {
	font-family:			Helvetica, Arial, sans-serif;
	size:				0.9em;
	color:				#999;
	margin:				0;
	padding:			5px 0 0.1em 0;
}

img.thumbnail {
	float: 				left;
	padding: 			0 1em 0 0;
	margin: 			0 1em 0 0;
}

img.mini-image {
	border:				0;
	margin:				0;
	padding:			0 0 0 0;
	vertical-align:			middle;
}

.archives {
	float: 				left;
	display: 			inline;
	margin: 			2em 3em 0 0;
}

.title {
	margin: 			0 0 1em 1em;
	font-weight: 			bold;
}

.fourohfour {
	padding-top:			20px;
	width: 				65em;
}

.notfound {
	margin-left: 			4em;
}

.post ol {
	padding-left: 			3em;
	line-height: 			1.5em;
	list-style-type: 		decimal;
}

.post ol li {
	clear:				both;
}

.post ul {
	padding-left: 			3em;
	line-height: 			1.5em;
	list-style-type: 		circle;
}

ul, ol {
	margin: 			0 0 1.5em 0;
}

.taglist {
	clear: 				both;
	line-height: 			1.5em;
}

.gallery {
	padding-bottom: 		2em;
}

.post img.nocaption {
	margin-top: 			5em;
}

.post img, .post a img {
	display: 			block;
	margin:				2px 6px 4px 0; 
	padding:			3px;
	background-color:		white;
	border:				1px solid #ddd;
	text-align:			center;
	float:				left;
}

.sociable {
	height:				20px;
	clear:				both;
	text-align:			center;	
	padding:			10px 10px 0 10px;
	margin:				0 auto !important;
}

.sociable img {
	float:				none !important;
	border:				none !important;
	display:			inline !important;
	margin:				0 !important;
	padding:			0 2px !important;
}

/*  Style and Colors 
------------------------------------------------------------------*/

#header {
	background: 			none;
	color: 				#aaa;
}
	
#blog_title {
	background:			transparent url('images/mo_bg.jpg')
					no-repeat 0px 10px;
}

input {
	border: 			1px solid #2F60BF;
}

.searchinput {
	color: 				#222;
	border: 			1px solid #663300; 
	background: 			#afa183 url('images/search.png') 
	                                no-repeat left 50%; 
	padding: 			3px 3px 3px 20px;
}

#topnav, #topnav ul {
	background-color: 		#fff;
	color: 				#fffaef;
}

#footer {				
	background-color:		#000;
}

body {
	background: 			#000
					url('images/vine.gif') 
	                                no-repeat top center; 
}

#topnav li {
	border-right: 			1px solid #333;
}

#featured {
	background: 			#eee;
	border-bottom: 			3px solid #101010;
}
	
#main_feature {
	color: 				#000;
}
	
.commentmetadata {
	color: 				#2f2b23;
}

.post_entry {
	color: 				#2f2b23;
}

#single .archive_nav {
	border: 			0;
}

#logo img {
	border-style: 			none;
}

h3 {
	color: 				#2f2b23;
}

.topimage {
	border:				1px solid #000;
	height:				200px;
}

object {
	display: 			block;
}
	
#home_content h2 img {
	background: 			none;
}

/*  Link Styles and Colors 
------------------------------------------------------------------*/

a {
	text-decoration: 		none;
}

h1 a {
	color: 				#fff;
}

.main_meta h2 a:hover {
	color: 				#3770df;
}
	
#topnav a {
	padding: 			1em 1.5em 1em 1.5em;
}

#topnav a:hover {
	color: 				#3770df;
}

.page_item a, .home a, .archive a {
	color: 				#fffaef;
}

.current_page_item a, .current a {
	color: 				#3770df;
}
	
#content a, #featured a, #comments a, .commentmetadata a, 
#response a, #home_content a, #secondary_nav a,
#content_archives a, #single a, .feeds a, #page a, #sidebar a {
	color: 				#2f60bf;
}

#content a:hover, #featured a:hover, #comments a:hover,
.commentmetadata a:hover, #response a:hover, #home_content a:hover,
#content_archives a:hover, #single a:hover, #page a:hover {
	color: 				black;
}
	
#home_content h2 a {
	color: 				#2851a2;
}

#commentmetadata {
	color: 				#0c71d7;
}

#content h3 a, #home_content h3 a {
	color: 				#2f2b23;
}

#footer a img {
	border: 			0;
}

.skip a {
	color: 				#afa183;
	border: 			0;
}	
	
.skip a:hover {
	color: 				#211b00;
	background: 			#2f60bf;
}
	
#wrapper .main_meta ul li a 
#indexwrapper .main_meta ul li a{
	color: 				#999;
}

#wrapper .main_meta ul li a:hover 
#indexwrapper .main_meta ul li a:hover {
	color: 				#3770df;
}

/* Typography
------------------------------------------------------------------*/

#mainnav, .htitle, #main_feature h2, h1, .section_heading,
#sidebar h2, h3, h4, h5, .post_date, .more-link, h2, 
.main_meta, .commentmetadata, .dropcaps, .authorcommentmetadata,
.right, .left, cite.fn {
	font-family:			Helvetica, Arial, sans-serif;
}

#mainnav, .htitle {
	font-weight: 			bold;
	text-transform: 		uppercase;
}

.htitle {
	padding: 			.5em 0 0 0;
	margin-left: 			105px;
}

.description {
	font-size: 			.95em;
	color: 				#afa183;
	text-transform:			lowercase;
}

p.description {
	margin-top: 			0;
}

#topnav {
	font-size: 			1em;
	font-family: 			Helvetica, sans-serif;
	text-transform: 		uppercase;
} 
	
#main_feature p {
	font-size: 			1em;
}

.small {
	font-size: 			.9em;
}

body { 
	font-size: 			12px;
	font-family: 			verdana, sans-serif;
}

p	{
	font-size: 			1em;
	line-height: 			1.5em;
}

h1 {
	font-size: 			1.75em;
	font-weight: 			bold;
}

h2, h2 a {
	font-size: 			24px;
	line-height: 			1.2em;
	margin: 			0 0 1.2em 0;
}

h3 {
	font-size: 			1.3em;
	line-height: 			1em;
	margin: 			2em 0;
}
	
.post h3 {
	margin: 			1em 0;
}

h4 {
	font-size: 			1em;
	line-height: 			.6em;
	margin: 			0 0 1.5em 0;
}

h5 {
	font-size: 			1em;
}

blockquote {
	width: 				85%;
	margin: 			0 auto;
	border-left: 			5px solid #2f60bf;
	padding: 			1em .5em .2em 1em;
	margin-bottom: 			1em;
	font-style: 			italic;
}

.more-link  {
	text-transform: 		uppercase;
	font-size: 			0.9;
	font-weight: 			bold;
}

.search {
	text-transform: 		uppercase;
	font-size: 			.9em;
}

.single_meta {
	line-height: 			1.5em;
	border-left: 			3px solid #2f60bf;
	padding: 			0 .5em 0 1em;
	margin-top: 			2em;
}
	
.edit {
	margin: 			-1em 0 .5em .3em;
}
	
.wp-caption {
	margin-top: 			1em;
}

.caption, .wp-caption-text {
	font-size: 			1em;
	padding: 			10px 5px;
	color: 				#fff;
	text-align:			left;
	background: 			#000;
	width: 				944px;
	margin-top: 			-5px !important;
	min-height: 			25px;
}

.post p {
	margin: 			0;
	padding-bottom:			10px;
	line-height:			1.8em;
	color:				#333;
}

h2.gallerytitle {
	font-size: 			1.5em;
	margin: 			1em 1em .5em 0;
}

.post pre {
	font-size:			0.8em;
}

/*  Threaded Comments 
------------------------------------------------------------------*/

h3#comments {
	margin-left: 			0;
	padding-bottom:			10px;
}

ul.commentlist {
	list-style-type: 		none;
	border-bottom: 			1px solid #000;
	margin:				0;
	padding:			0;
}

ul.commentlist .commentmetadata {
	border: 			0;
	margin-top: 			0;
	padding-bottom:			10px;
	padding-top: 			0;
}

ul.commentlist .commentmetadata a {
	color: 				#333;
	font-size:			0.9em;
}

ul.commentlist .vcard {
	font-weight:			bold;
	float: 				left;
	margin: 			0;
	padding:			0;
}

ul.commentlist .comment.bypostauthor {
	border-top: 			1px solid #2f60bf;
	background:			#edf1f9;
}

ul.commentlist cite.fn {
	display: 			block;
	font-style: 			normal;
}

ul.commentlist li {
	clear: 				both;
	border-top: 			1px solid #000;
	margin:				0 !important;
	padding:			10px 0 10px 10px !important;
	min-height:			75px;
}

ul.commentlist .comment p {
	padding: 			0 20px 10px 0;
	margin:				0 0 0 200px !important;
}

span.says {
	display: 			none;
}

#respond {
	clear: 				both;
	padding-top: 			0;
}

#respond h3 {
	padding: 			20px 0 10px 0;
	margin:				0;
}

ul.commentlist .reply {
	clear: 				left;
	float: 				left;
	display:			none;
}

ul.commentlist .reply a {
	color: 				#999;
}

#commentform a, cite.fn a {
	color: 				#2f60bf;
}

#commentform p {
	margin-bottom: 			10px;
	margin-top:			0;
	padding-top:			0;
}

ul.commentlist ul.children {
	margin-left: 			50px;
	list-style-type: 		none;
}

.cancel-comment-reply a {
	color: 				#cf0000;
}

/* Comments 
------------------------------------------------------------------*/

#comments_area {
	text-align:			left;
	margin:				0 !important;
	clear:				both;
	padding-top:			20px;
	background:			inherit;
}

#comments ul {
	list-style-type: 		none;
}

#comments ul.children {
	margin-left: 			3em;
}

#comments, #response {
	clear: 				both;
	margin: 			0 !important;
}
	
#response {
	padding: 			0 0 0 0;
}

#comments {
	margin-left: 			1.1em;
}

#comments h3 {
	margin-bottom: 			1em;
}

.comment_container {
	border: 			1px solid #000;
}

.commentpost {
	border-top:			1px dotted #1C1600;
	float: 				left;
	width: 				60em;
}

.commentmetadata, .authorcommentmetadata {
	float: 				left;
	clear: 				both;
	color: 				#2f2b23;
	padding: 			0;
	line-height: 			1.5em;
}
	
.commentmetadata li, .authorcommentmetadata li {
	list-style-type: 		none;
	padding: 			0;
	border-bottom: 			1px solid #999;
	margin: 			0;
}
	
.commentmetadata {
	border-bottom: 			3px solid #666;
	border-top: 			3px solid #666;
}

.authorcommentmetadata {
	background: 			#eee;
	border-top: 			3px solid #2f60bf;
	border-bottom: 			3px solid #2f60bf;
}

.warning {
	width: 				65em;
	padding: 			1em;
	background: 			#ff8f8f;
	border: 			1px solid #df0d0d;
}

/*  Widget Styles
------------------------------------------------------------------*/	

.widget {
	clear: 				both;
	color: 				#dff7f3;
}

.widget ul li {
	display: 			block;
	float: 				left;
	text-align: 			left;
	margin: 			.5em;
}

.widget ul {
	margin: 			0 0 0 6em;
	line-height: 			1.5em;
}

#tag_cloud a {
	line-height: 			1.5em;
	padding-left: 			20px;
}

.textwidget {
	padding: 			.5em 0 0 .55em;
	line-height: 			1.2em;
	color: 				#999;
}

#calendar_wrap td {
	padding: 			.55em;
	border-bottom: 			1px solid #ddd;
	color: 				#999;
}

#calendar_wrap caption {
	color: 				#2f60bf;
	padding-top: 			.5em;
	font-weight: 			bold;
}

#calendar_wrap td:hover {
	color: 				#555;
}

#calendar_wrap th {
	display: 			none;
}

.ngg-album {
	padding:			10px;
	background:			#eee;
}

.ngg-album:hover {
	background:			#ddd;
}

.ngg-navigation {
	padding-bottom:			20px;	
}

.ngg-albumtitle {
	font-family:			Helvetica, Arial, sans-serif;
}

.ngg-albumcontent {
	font-family:			Helvetica, Arial, sans-serif;
	margin-right:			20px;
}

h2.ngg {
	padding-bottom:			0;
	margin-bottom:			20px;
}

/*  Better image scaling in IE
------------------------------------------------------------------*/

img { -ms-interpolation-mode:bicubic; }

/*  Required + WP Default Styling
------------------------------------------------------------------*/

.aligncenter {
	display: 			block;
	margin-left: 			auto;
	margin-right: 			auto;
}

.alignleft {
	float: 				left;
}

.alignright {
	float: 				right;
}

.gallery-caption {
	text-align: 			center;
	font-size: 			.9em;
	color: 				#999;
}

.wp-caption-dd {
	font-size: 			11px;
	line-height: 			17px;
	padding: 			0 4px 5px;
	margin: 			0;
}

/*  Stuff we aren't using
------------------------------------------------------------------*/

/*
#main_feature img, #home_content img,
.post_entry img, #content img, #single img,
.wp-caption img, object {
	border: 			0px solid #000;
	margin-left:			0px !important;
}

a img {
	border: 			0;
}

.archive_nav {
	border-top: 			1px solid #efebe0;
	border-bottom: 			1px solid #efebe0;
}

#content {
	width: 				55em;
	float: 				left;
	margin: 			2em 0 3em 1.5em;
	padding: 			0 2em 0 0;
}

*/

/* #commentform {
	margin-left: 			.5em;
} */