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



/* Begin Typography & Colors */
body {
	background: #c4c4c4 /* url(images/grad.png) repeat-x top left */;
	color: #333 /*rgba(36, 26, 19, 1.0)*/;
	font-size: 62.5%;
	font-family: 'Hoefler Text', Georgia, serif;
	line-height: 1.6;
	margin: 0 auto;
	padding: 0; 
	text-align: center;
	-webkit-text-resize: none;
	}

#page {
	background: #f4f4f4 url(images/bg-passport-right.jpg) repeat-y top right;
	border: solid rgba(103, 103, 103, 1.0);
	border-width: 0 1px 0 1px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0 20px 20px;
	text-align: left;
	width: 800px;
	}

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

#content { font-size: 16px; }

#content .entry { clear: both; text-shadow: #f4f4f4 1px 1px 0;}

#content.frontpage .entry { clear:none; }

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

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

#footer p { color: rgba(207, 203, 178, 1.0); 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; }
	
.comments small { font-family: "Hoefler Text", Georgia, serif; }

h1, h1 a, h1 a:link, h1 a:hover, h1 a:visited {
	color: rgba(207, 203, 178, 1.0);
	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, #header .description a {
	color: rgba(207, 203, 178, 1.0);
	/* color: rgba(103, 103, 103, 1.0); */
	display: inline;
	font-size: 15px;
	letter-spacing: normal;
	text-align: left;
	text-transform: none;
	/* visibility: hidden; */
	}
	
#header:hover .description a { color: rgba(103, 103, 103, 1.0); }
	
#header:hover h1 a { color: rgba(137, 133, 108, 1.0); }

.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 { color: rgba(103, 103, 103, 1.0); opacity: 1; visibility: visible; }

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:visited { color: rgba(94, 25, 15, 1.0); font-size: 42px /* 64px 56px */; font-weight: bold; font-style: ; margin: 0; }
	
.postTitleContainer { display: table-cell; height: 214px; padding-left: 42px; text-indent: -40px; vertical-align: bottom; width: 324px; }

/*.postTitleContainer*/ h2 { line-height: 1.2; text-shadow: #fff 2px 2px 0; }

#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, .entriesList span.the_article a { font-style: italic; }

.entry p>a { border-bottom: 1px dotted #ccc; font-size: 17px; padding: 0 4px 1px 4px; }

.entry em a, .entry em em { font-style: normal; }

.entry a, .entry a:visited, 
.postmetadata a, 
.comments a, 
.navigation a, 
.entriesList a, 
ul.countryPicker li a, 
div#photoalbum-nav a,
#featured.frontpage a,
#footer a { 
	color: rgba(94, 25, 15, 1.0); text-decoration: none; }

.entry a:hover, .comments a:hover, span.the_article a:hover, ul.countryPicker li a:hover, 
#featured.frontpage dt a:hover {
	border-bottom: 1px dotted rgba(94, 25, 15, 1.0);
	color: rgba(94, 25, 15, 1.0);
	padding-bottom: 1px;
	text-decoration: none;
	}

.entry a:visited:hover, .comments a:visited:hover, span.the_article a:visited:hover, ul.countryPicker li a:visited:hover, #featured.frontpage dt a:visited:hover {
	border-bottom: 1px solid rgba(94, 25, 15, 1.0);
	color: rgba(94, 25, 15, 1.0);
	padding-bottom: 1px;
	text-decoration: none;
	}
	
.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: rgba(36, 26, 19, 1.0); }

/* End Typography & Colors */



/* Begin Structure */

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

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

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

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

.frontpage .entry { clear: right; margin: 40px 350px 20px 0; width: 400px; }

.entry::first-line, span.firstLine { font-size: 120%; font-variant: small-caps; }

.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;
	border-top-color: #f4f4f4;
	border-left-color: #f4f4f4;
	border-right-color: #555;
	border-bottom-color: #555;
	padding: 6px;
	max-width: 100%;
	}
	
img.big {
	background: white;
	border: 1px solid white;
	border-right-color: #555;
	border-bottom-color: #555;
	float: right;
	margin: 0 0 20px 20px;
	padding: 6px;
	}
	
img.mainImage, .entry object {
	background: white;
	border: 1px solid white;
	border-right-color: #555;
	border-bottom-color: #555;
	/* float: right; */
	margin: 0 auto 20px /* 0 0 20px 20px */;
	padding: 6px;
	}
	
.entry object 

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

img.alignjustified { /*display: inline; margin-left: -4px; */ }

img.alignright, img.alignleft { float: none; margin-bottom: 1em; }

a img { outline: 0; border: 0; text-decoration: none; }

.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; }

ol.footnotes li { list-style-type: decimal; }

.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; }

div.comments { margin: 0 auto; width: 500px; }

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

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

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

.commentlist dd { font-size: 16px; margin-left: 0; }

.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.author { display: block; margin-left: 0; }

.commentlist cite, .commentlist cite a, .comments a:visited:hover { font-weight: normal; font-style: normal; font-size: 16px; padding: 0 0px 1px 0; margin: 0 0 7px; }

/*.commentlist span.authorLink cite a { display: none; }*/

.commentlist li:hover cite a:after { content: " \2014  " attr(href); display: inline; }

.commentlist .avatar { float: left; margin-left: -100px; }

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

.commentPermalink { float: right; margin-top: -36px; padding: 0 0 10px 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; }

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



/* Special pages */
#featured.frontpage { clear: both; }

#featured.frontpage h2 { padding: 20px 0 0; }

#featured.frontpage ul { margin: 0; padding: 0; list-style: none; width: 820px; }

#featured.frontpage li { display: inline; float: left; margin: 10px 25px 0 0; padding: 0 20px 0 0; width: 228px; }

#featured.frontpage li.last { margin: 0; width: 180px; }

#featured.frontpage dt a { display: inline; min-height: 50px; font-size: 17px; font-weight: bold; }

#featured.frontpage dd { display: inline; font-size: 15px; }

.thumbnail {
	float: left;
	margin: 4px 10px 4px 0;
	padding: 4px;
	border: 1px solid #6C6964;
	width: 225px;
	height: 157px;
}

.thumbnail-featured {
 background: white;
	margin: 4px 0;
	padding: 4px;
	border: 1px solid;
	border-top-color: #f4f4f4;
	border-left-color: #f4f4f4;
	border-right-color: #555;
	border-bottom-color: #555;
	width: 214px;
}

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

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; }