/*  
Theme Name: NoPeanutButter
Theme URI: http://nopeanutbutter.com/
Version: 0.2
Author: Jay Robinson
Author URI: http://jayrobinson.name/
*/



/* Begin Typography & Colors */
body {
	background: #3366cc /* url(images/grad.png) repeat-x top left */;
	color: white;
	font-size: 62.5%;
	font-family: 'Futura', "Tahoma", sans-serif;
	line-height: 1.6;
	margin: 0 auto;
	padding: 0; 
	text-align: center;
	}

#page {
	background: #000 /* url(images/bg-passport-right.jpg) repeat-y top right */;
	border-width: 0 1px 0 0;
	margin: 0 auto;
	padding: 0 20px 20px;
	text-align: left;
	width: 800px;
	}

#header { height: 60px; margin: 0; padding: 20px 0 0; width: 900px; }

#content { font-size: 16px; }

.entry { clear: both; }

.widecolumn .entry p { font-size: ; }

span.sectionBreak { color: #999; display: none; margin: 3em 0 5em; text-align: center; }

#footer { clear: both; font-size: 13px; margin: 6em 0 0; padding: 0; }

#footer p { color: #999 /*yes!*/ ; margin: 0; padding: 20px 0; text-align: center; }

small, a.footnote-link { font-family: "Lucida Grande", Arial, Helvetica, sans-serif; font-size: 11px; line-height: 1.5em; }
	
small a:link, a.footnote-link:link { font-style: normal; }

h1, h1 a, h1 a:link, h1 a:hover, h1 a:visited {
	color: #999 /*yes!*/ ;
	display: inline;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 2px;
	margin: 0;
	padding-top: 15px;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
	}
	
#header .description, h1 span {
	color: white;
	display: inline;
	font-size: 15px;
	letter-spacing: normal;
	text-align: left;
	text-transform: none;
	visibility: hidden;
	}
	
#header .description a { color: #ddd }
	
#header:hover h1 a { color: white; }

.favicon { background: url(images/favicon-trans.png) no-repeat; display: inline; float: right; height: 26px; opacity: .5; position: relative; top: -4px; right: 100px; text-indent: -9999px; width: 26px; }

#header:hover, #header:hover .description, #header:hover h1 span, #header:hover .favicon { opacity: 1; visibility: visible; }

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:visited { color: #3366cc; font-size: 38px; font-weight: normal; margin: 0; }
	
.postTitleContainer { display: table-cell; height: 214px; vertical-align: bottom; width: 346px; }

.postTitleContainer h2 { line-height: 1.2; }

#sidebar h2 { font-size: 1.2em; margin: 5px 0 0; padding: 0; }

h3 { font-size: 1.3em; padding: 0; margin: 30px 0 0; }

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite { text-decoration: none; }
	
#sidebar { font-size: 1em; }

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike { color: #999; }

code { font: 1.2em 'Monaco', 'Panic Sans', 'Courier New', Courier, Fixed; }

acronym, abbr, span.caps { font-size: 90%; letter-spacing: .07em; }

/* Anchor Links */

.entry a, .entry a:visited, .postmetadata a, .comments a, .navigation a, .entriesList a, ul.countryPicker li a, #footer a { color: #3366cc; text-decoration: underline; }

.entry a:hover, .comments a:hover, span.the_article a:hover, ul.countryPicker li a:hover {
	color: white;
	padding-bottom: 1px;
	text-decoration: none;
	}

.entry a:visited, .comments a:visited, span.the_article a:visited, ul.countryPicker li a:visited {
	color: #3366cc;
	padding-bottom: 1px;
	text-decoration: underline;
	}
	
.entriesList li { list-style: none; margin: 10px 0; }

span.the_day { float: left; margin: 8px; text-align: right; width: 120px; }

span.the_article { font-size: 20px; margin: 15px 10px 0 20px; }

span.the_article a:visited:after { content: "    \2713"; }

span.the_comments { float: right; margin: 4px 20px 0 0; }

span.the_comments a, span.the_comments a:hover, span.the_comments a:visited { color: #999 /*yes!*/ ; }

/* End Typography & Colors */



/* Begin Structure */

.narrowcolumn { padding: 0 0 20px; margin: 0 auto; }

.widecolumn { padding: 10px 0 20px; margin: 5px auto 0; }

.post { margin: 0 0 40px; text-align: left; }

.post hr { display: block; }
	
.entry { margin: 40px auto 20px; width: 500px; }

.entry::first-line { }

.widecolumn .post { margin: 0; }

.widecolumn .smallattachment { text-align: center; float: left; width: 128px; margin: 5px 5px 5px 0px; }

.widecolumn .attachment { text-align: center; margin: 5px 0px; }

.postmetadata { clear: both; margin: 30px 0; padding-top: 5px; text-align: center; }

/* End Structure */



/* Begin Images */
p a img, li a img {
	background: white;
	border: 1px solid white;
	border-right-color: #555;
	border-bottom-color: #555;
	padding: 6px;
	max-width: 100%;
	}
	
img.mainImage {
	background: white;
	border: 1px solid white;
	border-right-color: #555;
	border-bottom-color: #555;
	float: right;
	margin: 0 0 20px 20px;
	padding: 6px;
	}

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

img.alignright { display: inline; margin: 0 -160px 5px 10px; }

img.alignleft { display: inline; margin: 0 10px 5px -150px; }

.alignright { float: right; }

.alignleft { float: left }

/* the Date on the index with all entries */

small.alignleft { margin: 4px 0 0 -150px; }
/* End Images */



/* Begin Lists */

html>body .entry ul { margin-left: 0px; padding: 0; list-style: circle; } 

html>body .entry li { margin: 7px 0 8px; }

.entry ol { padding: 0; margin: 0; }

.entry ol li { margin: 0; padding: 0; }
	
ol.footnotes { font-size: 0.8em; color: #666666; }

.postmetadata ul, .postmetadata li { display: inline; list-style-type: none; list-style-image: none; }

#sidebar ul, #sidebar ul ol { margin: 0; padding: 0; }

#sidebar ul li { list-style-type: none; list-style-image: none; margin-bottom: 15px; }

#sidebar ul p, #sidebar ul select { margin: 5px 0 8px; }

#sidebar ul ul, #sidebar ul ol { margin: 5px 0 0 10px; }

#sidebar ul ul ul, #sidebar ul ol { margin: 0 0 0 10px; }

ol li, #sidebar ul ol li { list-style: decimal outside; }

#sidebar ul ul li, #sidebar ul ol li { margin: 3px 0 0; padding: 0; }
/* End Entry Lists */



/* Begin Form Elements */
#searchform { margin: 10px auto; padding: 5px 3px; text-align: center; }

#sidebar #searchform #s { width: 108px; padding: 2px; }

#sidebar #searchsubmit { padding: 1px; }

.entry form { text-align:center; }

select { width: 130px; }

label { color: inherit; }

#commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; }
	
input[type=hidden] { display: none; }

#commentform textarea { width: 100%; padding: 2px; }

#commentform #submit { margin: 0; float: right; }
/* End Form Elements */



/* Begin Comments*/
.nocomments { text-align: center; margin: 0; padding: 0; }

h3#comments, h3#respond { font-weight: normal; padding: 0; margin: 40px auto 20px; }

.commentlist { padding: 0; margin: 0 auto; width: 500px; }

.commentlist li { margin: 15px 0 3px; padding: 5px 10px 3px; list-style: none; }

.commmentlist li.alt { background-color: #f8f8f8; border-bottom: 1px dotted #ddd; margin: 0; padding: 10px; }

.commentlist li, #commentform input, #commentform textarea { font-size: 0.9em; }

#commentform { margin: 0 auto; width: 500px; }

#commentform p { margin: 5px 0; }

.commentlist dt { float: left; margin-left: -160px; width: 150px; }

.commentlist cite, .commentlist cite a { display: block; font-weight: normal; font-style: normal; font-size: 1.1em; padding: 0 5px 1px 0; margin: 0 0 7px; }

.commentlist dt img /* Gravatar */ { display: inline; margin-top: 0; }

.commentlist .comment p { font-weight: normal; line-height: 1.5em; margin: 15px 5px 10px 0; text-transform: none; }

.commentPermalink { float: right; padding: 10px; }

.commentlist li .commentmetadata a, .commentlist li .commentmetadata a:hover, .commentlist li .commentmetadata a:visited {
	display: inline;
	font-weight: normal;
	font-size: 16px;
	font-style: normal;
	margin: 0 0 20px 20px;
	text-decoration: none;
	visibility: hidden;
	}
	
.commentlist li:hover .commentmetadata a { visibility: visible; }
/* End Comments */



/* Begin Sidebar */
#sidebar { display: none; padding: 20px 0 10px 0; margin-left: 545px; width: 190px; }

#sidebar form { margin: 0; }
/* End Sidebar */



/* Begin Various Tags & Classes */
acronym, abbr { font-variant: small-caps; }

blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; }

blockquote cite { margin: 5px 0 0; display: block; }

/* span.amp { font-size: 110%; font-family: "Academy Engraved LET", "Big Caslon", "Adobe Caslon Pro", serif; } */

hr { display: none; }

a img { border: none; }
	
a { outline: 0; } /* Et tu, FireFox? */

.navigation { clear: both; display: block; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; margin-top: 50px; margin-bottom: 60px; }

#footer span a { color: black; }

.toTop a { display: inline; float: right; margin: 0 -100px 0 0; }
/* End Various Tags & Classes*/



/* Special pages */
span.youtube object { background: white; padding: 6px; }

ul.countryPicker { margin: 50px auto; }
ul.countryPicker li {
	display: inline;
	font-size: 20px;
	list-style: none;
	margin: 20px;
	}

table.lyrics { font-family: "Lucida Grande", "Helvetica Neue", Verdana, sans-serif; font-size: 75%; margin: 20px 0 20px -100px; width: 700px; }

table.lyrics td { vertical-align: top; width: 340px; }