/*
Theme Name: Buttermaker
Theme URI: http://griffinandhoxie.com/buttermaker-wordpress-theme/
Description: "Let's not bring race into this, Ahmad. We got enough problems as it is."
Version: 0.9
Author: A. Moses Griffin
Author URI: http://griffinandhoxie.com/
LAST UPDATED: May 28, 2008
NOTE: This stylesheet will not validate because of the certain attributes.  I don't particularly care,
but I mention it for the record.
*/
/* 
	--TABLE OF CONTENTS--
	01: REST
	02. CORE STRUCTURE
	03: HEADER
	04: BASICS
	05: IMAGES
	06: HEADINGS
	07: POST CONTENT
	08: SIDEBARS
	09: FOOTER
	10: COMMENTS
	11: MISC + PLUGINS
/*
------------------------------------------------------------------------
=RESET (From Eric Myers)- 
------------------------------------------------------------------------
*/ 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100.01%;
	font-weight: inherit;
	vertical-align: baseline;
	background: transparent;
	}
.clearfix:after {
	clear: both; 
	content: "."; 
	display: block; 
	height: 0;
	visibility: hidden;
	}
* html .clearfix {
	height: 1%;
	}
.clearfix {
	display:inline-block;
	}
.clearfix {
	display:block;
	}
html {
	height: 100%;
	}
body {
	background: #fff;
	color: #333; 
	font-family: serif;
	height: 100%;
	text-align:center;
	}
/*
------------------------------------------------------------------------
=CORE STRUCTURE - 
------------------------------------------------------------------------
*/
#jacket {
	background: #fff;
	margin: 0 auto;
	text-align: left;
	width: 60em;
	}
div.journal {
	background: #ffffff;
	border-bottom: 0.071em solid #e0e0d5;
	border-left: 0.071em solid #e0e0d5;
	border-right: 0.071em solid #e0e0d5;
	float: left;
	margin: 0 auto 2.5em;
	padding: 2.5em 1.25em 1.25em 1.25em;
	width: 29.858em;
	}
#sidebar-one, #sidebar-two {
	border-top: 1px solid #222;
	float: left;
	padding-top: 2.5em;
	width: 11.25em;
	}
#sidebar-one {
	margin: -1px 0 0 2.5em; 
	}
#sidebar-two {
	margin: -1px 2.5em 0 0;
	}
#footer {
	border-top: 1px solid #e0e0d5;
	clear:both;
	color: #7c7c7c;
	font-family: "Futura-CondensedMedium", Impact, sans-serif;
	margin: 1.25em auto;
	padding-top: 1.25em;
	text-align: center;
	width: 32.5em;
	}
/*
------------------------------------------------------------------------
=HEADER - 
------------------------------------------------------------------------
*/
#header {
	background: #383d44;
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
	margin: 0 auto;
	text-align: center;
	text-shadow: 1px 1px 1px #000;
	width: 32.5em;
	}
#header ul.nav {}
	#header ul.nav li {
		display: inline;
		font: normal 700 .875em/1.43em "Futura-CondensedMedium", Impact, sans-serif;
		letter-spacing: 3px;
		margin-right: 1em;
		text-transform: uppercase;
		}
		#header ul.nav a {
			color: #DBDCDD;
			}
			#header ul.nav a:hover {
				border-bottom: 1px solid #fff;
				color: #fff;
				}
	#header span.tagline {
		color: #A5A7AA;
		display: block;
		font: italic 400 .75em/1.66em Palatino, Constantia, "Palatino Linotype", Georgia, serif;
		margin: 0;
		}
	#header p.title {
		margin-bottom: 3.75em;
		}
	#header p.title a {
		color: #EDEDEE;
		display:block;
		font: normal 400 3em/.417em "Futura-CondensedMedium", Impact, sans-serif;
		letter-spacing: 2px;
		margin: .208em 0 .626em 0;
		text-transform: uppercase;
		}
		#header p.title a:hover {
			color: #A5A7AA;
			}
		#header p.title span {
			font-family: Palatino, Constantia, "Palatino Linotype", Georgia, serif;
			font-style: italic;
			}
		#header p.title a:hover span {
			color: #fff;
			}
/*
------------------------------------------------------------------------
=BASICS
------------------------------------------------------------------------
*/ 
p {
	font-size: .875em;
	line-height: 1.43em;
	margin: 0 0 1.43em 0;
	}
p.last {
	margin-bottom:0;
	}
a {
	border: none;
	color: #006699;
	font-weight: 400;
	text-decoration: none;
	}
	.entry a {
		border-bottom: 0.071em solid #e0e0d5;
		color: #006699;
		font-weight: 400;
		}
		.entry a:hover {
			border-bottom: 0.071em solid #EBEBEB;
			color: #008E00;
			}
ul { 
	font-size: .875em;
	line-height: 1.43em;
	list-style-position: inside;
	list-style-type:none;
	margin: 1.43em 0 1.43em 1.43em;
	}
ol {
	list-style-position: outside;
	list-style-type: decimal-leading-zero;
	margin: 1.43em 0 1.43em 1.43em;
	}
dl{ 
	margin: 20px 0;
	}
abbr, 
acronym, 
span.abbr {
 	border: none;
	 }
blockquote {
	color: #333;
	display: block;
	margin: 0 auto 1.25em 1.25em;
	padding: 0.625em;
	}
	blockquote p {
	background: #e7e7dc;
	margin: 0;
	padding: 0.625em;
	text-shadow: 1px 1px 0 #fff;
	}
blockquote cite {
	color: #7A7A74;
	text-shadow: 1px 1px 1px #E6E6DD;
	display:block;
	font-style: italic;
	margin-top: .3125em;
	}
	blockquote cite:before {
		content:"\2014";
		}
	div.entry blockquote cite a {
		padding: 0;
		}
		div.entry blockquote cite a:hover {
		background: #4D5A60;
		border-bottom: none;
		}
strong{
	font-weight: 700; 
	}
em{ 
	font-style: italic;
	}
pre{ 
	background: #eee; 
	border: 1px solid #ddd; 
	line-height:20px; 
	margin-bottom: 20px;
	padding: 10px;
	}
code {
	background: #fff;
	border: 0.142em solid #B7B7AE;
	color: #000;
	display:block;
	font-family: Inconsolas, Monaco, Consolas, Courier, monospace;
	overflow: auto;
	padding: .625em;
	}
sup {
	bottom:0.5em;
	font-size: 0.75em;
	left: .3em;
	position:relative;
	vertical-align:baseline;
	}
	.entry sup a {
		color: #ccc;
		}
/*
------------------------------------------------------------------------
=IMAGES
------------------------------------------------------------------------
*/
p img.top {
	margin-top:0;
	 }
div.entry p img {	
	background: #fff;
	border: .142em solid #B7B7AE;
	padding: .625em;
	}
p img.alignleft{ 
	background: #fff;
	border: .142em solid #B7B7AE;
	float: left;
	margin: 0 .625em .625em 0;
	padding: .625em;
	}
p img.alignright {
	background: #fff;
	border: .142em solid #B7B7AE;
	float: right;
	margin: 0 0 .625em .625em;
	padding: .625em;
	}
img.center{
	background: #fff;
	border: .142em solid #B7B7AE;
	display:block;
	float: none;
	margin: 0 auto 1.25em auto;
	padding: .625em;
	}
p a img {
	background: #fff;
	border: .142em solid #B7B7AE;
	}
	p a:hover img {
	background: #fff;
	border: .142em solid #383d44;
	}
img.wp-smiley {
	border:0;
	}
/*
------------------------------------------------------------------------
=HEADINGS
------------------------------------------------------------------------
*/
H1,H2{}
	h1.entry-title, h2.entry-title {
		color: #006699;
		font: normal 1.5em/1.04em "Futura-CondensedMedium", Impact, Helvetica, Arial, sans-serif;
		letter-spacing: 1px;
		margin: 0 0 1em 0;
		text-align: center;
		text-shadow: 1px 1px 1px #CCCCC2;
		text-transform: uppercase;
		}
	h1.entry-title a, h2.entry-title a {
		color: #006699;
		}
	h1.entry-title a:hover, h2.entry-title a:hover {
		color: #006699;
		}
H3{}			
	div.entry h3 {
		color: #000;
		font: normal 1.125em/1.111em "Futura-CondensedMedium", Impact, Helvetica, Arial, sans-serif;;
		margin: 0 0 1.11em 0;
		text-align: center;
		text-transform: uppercase;
		}
	h3.paged {
		color: #000;
		font: normal 400 1.5em/1.04em "Futura-CondensedMedium", Impact, Helvetica, Arial, sans-serif;
		margin: 0 0 1.04em 0;
		text-shadow: 1px 1px 1px #CCCCC2;
		text-transform: uppercase;
		}
	h3.paged a {
		color: #ebebeb;
		}
H4,H5,H6{}
	div.entry h4, div.entry h5, div.entry h6 {
		color: #222;
		font: normal 1em/1.25em "Futura-CondensedMedium", Impact, Helvetica, Arial, sans-serif;;
		margin: 0 0 1.25em 0;
		text-align: center;
		text-transform: uppercase;
		}
/*=====all sidebar widget headings=====*/
	#sidebar-one h5, #sidebar-two h5, #sidebar-one h3.widgettitle, #sidebar-two h3.widgettitle {
	color: #222;
	font: normal 1em/1.25em "Futura-CondensedMedium", Impact, Helvetica, Arial, sans-serif;
	letter-spacing: 1px;
	margin: 1.25em 0 1.25em 0;
	text-transform: uppercase;
	}
/*
------------------------------------------------------------------------
=POST CONTENT - 
------------------------------------------------------------------------
*/
div.entry-content {
	margin: 0 0 2.5em 0;
	}
div.entry {
	border-bottom: 0.071em solid #B7B7AE;
	padding-bottom: 1.25em;
	}
/*=====stylin' the aside category=====*/
ul.linklog {
	border-bottom: 0.071em solid #B7B7AE;
	color: #43433F;
	font-style: italic;
	margin: 0 0 2.5em 0;
	padding-bottom: 2.5em;
	text-shadow: 1px 1px 1px #E6E6DD;
	}
	ul.linklog li {
	margin: 0 1.25em 0 1.25em;
	list-style-type: none;
	}
/*=====for the dates at top of posts & the tag paragraph at the end of the single post pages=====*/
.entry-content p.timestamp, div.entry-content p.tags, ul.linklog span.timestamp {
	color: #7A7A74;
	font: italic 0.75em/1.666em Palatino, Constantia, "Palatino Linotype", Georgia, serif;
	margin:0;
	text-align: center;
	text-shadow: 1px 1px 1px #E6E6DD;
	}
	.entry-content p.timestamp a {
	color: #666661;
	}
div.entry ul {
	margin-left: 0;
	}
div.entry ul li {
	background: #eee;
	border: 1px solid #ccc;
	color: #222;
	font-weight: 700;
	list-style-type: none;
	margin-bottom: .75em;
	padding: .625em;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
	-webkit-box-shadow: 1px 1px 1px #fff;
	}
	div.entry ul li a {
	color: #9B9C9C;
	}
/* - for drop caps, if desired
div.entry p:first-child:first-letter {
	background: #383d44;
	color:#fff;
	float:left;
	font-size:1.5em;
	margin: .3125em .3125em 0 0;
	padding: .625em;
	}
*//*=====for gussied up quotes=====*/
div.entry span.quote {
	background: #e7e7dc;
	display:block;
	font: italic 400 1em/1.25em Palatino, Constantia, "Palatino Linotype", Georgia, serif;
	padding: .625em;
 	-moz-border-radius: 10px;
 	text-shadow: 1px 1px 0 #fff;
	-webkit-border-radius: 10px; 
	}
/*=====for the 'read more' post link=====*/
span.moretag {
	background: #383d44;
	color: #fff;
	font: normal 0.875em/1.43em "Futura-CondensedMedium", Impact, sans-serif;
	letter-spacing: 1px;
	padding: .625em;
	text-transform: uppercase;
	-webkit-border-radius:6px; 
	-moz-border-radius: 6px; 
	}
div.entry span.moretag a {
	border-bottom: none !important;
	}
span.moretag:hover {
	background: #e7e7dc;
	color: #336699;
	}
/*=====for the hide/show comment link=====*/
a.show {
	background: #383d44;
	color: #fff;
	display: block;
	font: normal 0.875em/1.43em "Futura-CondensedMedium", Impact, sans-serif;
	margin: 0;
	padding: 0.625em;
	text-align: center;
	text-shadow: 1px 1px 1px #000;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
	}
	a:hover.show {
		background: #e7e7dc;
		color: #336699;
		text-shadow: 1px 1px 0 #fff;
		}
/*=====for the intro sections to archive/tag/search pages=====*/
div.page-intro {
	border-bottom: 0.071em dotted #B7B7AE;
	margin-bottom: 2.5em;
	padding-bottom: .625em;
	text-align: center;
	}
div.page-intro p {
	background: #383d44;
	color: #fff;
	font: italic 1em/1.25em Palatino, Constantia, "Palatino Linotype", Georgia, serif;
	padding: .625em;
	text-shadow: 1px 1px 1px #191C1F;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
	}
/*
------------------------------------------------------------------------
=SIDEBAR- 
------------------------------------------------------------------------
*/
#sidebar-one a, #sidebar-two a {
	color: #383D44;
	background: #EDEDEE;
	}
	#sidebar-one a:hover, #sidebar-two a:hover {
		color: #006699;
		background: #fff;
		border-bottom: 1px solid #000;
		}		
#sidebar-one ul, #sidebar-two ul {
	margin-left: 0;
	}
	#sidebar-two h5.bookmarks {
		margin-bottom: 0;
		}
#sidebar-two .simplepie a {
	background: #fff;
	display: run-in;
	padding: 0;
	color: #333;
	}
	#sidebar-two .simplepie a:hover {
		background: #f4f4ed;
		color: #006699;
		}
#sidebar-one li.twitter-item, #sidebar-two li.twitter-item {
	margin-bottom: 1.66em;
	}	
#sidebar-one img, #sidebar-two img {
	background: #f4f4ed;
	border: 0.142em solid #e0e0d5;
	padding: .625em;
	}
#sidebar-one ul ul li, #sidebar-two ul ul li {
	margin-left: 1.25em;
	}
#sidebar-one ul ul li.further a, #sidebar-two ul ul li.further a {
	background: #ffffdd;
	}
#sidebar-one ul ul li, #sidebar-two ul ul ul li {
	margin-left: 1.25em;
	}
/*
------------------------------------------------------------------------
=FOOTER - 
------------------------------------------------------------------------
*/
#footer p {
	text-transform: uppercase;
	}
#footer a {
	color: #7c7c7c;
	}
	#footer a:hover {
		border-bottom: .071em solid #000;
		color: #000;
	}
/*
------------------------------------------------------------------------
=COMMENTS - 
------------------------------------------------------------------------
*/
ol#trackbacks {
	color: #737474;
	font-style: italic;
	margin: 0  0 1.25em 15em;
	width: 29.858em;
	}
	ol#trackbacks li {
		margin: 0  0 .625em 0;
		}
	ol#trackbacks a {
		color: #fff;
		font-style: normal;
		}
		ol#trackbacks a:hover {
			color: #fff;
			}
#comments {
	margin: 1.25em 0 2.5em 0;
	width: 29.858em;
	}
p.comments-header, h4.comments-header {
	color: #43433F;
	font-style: italic;
	margin-top: 1.43em;
	text-shadow: 1px 1px 1px #E6E6DD;
	}
div.comment-text {
	background: #fff;
	border: 0.071em solid #e0e0d5;
	padding: 0.625em;
	margin: 1.25em 0 2.5em 0;
	padding-bottom: 1.25em;
	}
p.comment-author, p.comment-date {
	font: normal 1em/1.25em "Futura-CondensedMedium", Impact, sans-serif;
	text-transform: uppercase;
	}
p.comment-author, p.comment-author a {
	color: #000;
	margin-bottom: 0;
	}
	p.comment-author a:hover {
		border-bottom: 1px solid #000;
		color: #006699;
		}
p.comment-date {
	color: #999;
	margin-bottom: 1.25em;
	}
div.comment-text img.avatar {
	background: #f4f4ed;
	border: 0.071em solid #e0e0d5;
	float: left;
	margin: 0 .3125em 0 0;
	padding: .3125em;
	}
#commentarea {
	clear:both;
	margin: 1.25em 0 1.25em 0;
	}
#commentarea textarea, #commentarea input {
	background: #fff;
	border: 1px solid #434341;
	}
#commentarea textarea {
	width: 97%;
	}
#commentarea td {
	color: #7A7A74;
	font: italic 0.75em/1.666em Palatino, Constantia, "Palatino Linotype", Georgia, serif;
	margin: 0 0 1em 0;
	text-shadow: 1px 1px 1px #E6E6DD;
	width: 10em;
	}
#commentarea table {
	margin: 0 0 .625em 0;
	width: 29.858em;
	}
#commentarea a {
	color: #000;
	}
	#commentarea a:hover {
		color: #006699;
		}
/*=====for OpenID, if you use it=====*/
#commentarea a.openid {
	background: url(images/icon-openid.gif) no-repeat center right;
	color: #7A7A74;
	padding-right: 1.25em;
	}
div.commentarea a.openid_link {
	background: url(images/icon-openid.gif) no-repeat center left;
	padding-left: 1.25em;
	}
/*=====styles the comment moderation paragraph, if you use moderation=====*/
p.moderation {
	background: #ffffcc;
	font-size: .875em;
	padding: .625em;
	}
/*
------------------------------------------------------------------------
=MISCELLANEOUS AND PLUGINS - 
------------------------------------------------------------------------
*/
/*=====stylin' the searchform, in the footer=====*/
#searchform {}
#searchform input {
	background: #fff;
	border: .071em solid #fff;
	color: #555;
	font: normal 1em/1.25em "Futura-CondensedMedium", Impact, sans-serif;
	text-align: center;
	text-transform: uppercase;
	}
#searchform input:focus {
	background: #ffffcc;
	border: .071em solid #ccc;
	}
/*=====for page navigation/nest-previous posts, shit like that=====*/
.navigation {
	font-size: .875em;
	margin: 0;
	width: 29.858em;
	}
.navigation a:hover {
	color: #fff;
	}
.previous a, .next a {
	background: #383d44;
	color: #fff;
	font-family: "Futura-CondensedMedium", Impact, sans-serif;
	display: block;
	letter-spacing: 1px;
	padding: 0.625em;
	text-align: center;
	text-transform: uppercase;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	}
.previous { 
	float:left;
	margin: 0 0 1.25em 0;
	text-align: left;
	}
.next {
	float:right;
	margin: 0 0 1.25em 0; 
	text-align: right;
	}
/*=====in case you want to hide anything like porn or passwords=====*/
div.hide {
	display: none;
	}
/*=====for the FD Footnotes Plugin=====*/
div.footnotes {
	border-top: 0.083em solid #737474;
	color: #737474;
	font-size: .75em;
	line-height: 1.666em;
	margin: 0;
	padding-top: 1.25em;
	}
	div.footnotes ol li {
		list-style-position: outside;
		margin-bottom: .625em;
		}
/*=====for sidebar twattin'=====*/
p.twitter-message {
	border-bottom: 1px dotted #7c7c7c;
	font-style: italic;
	padding-bottom: 1.66em;
	}
span.twitter-timestamp {
	color: #7c7c7c;
	font-style: italic;
	}
/*=====for last.fm current music=====*/
span.listenTo {
	color: #7A7A74;
	display: block;
	font: italic 0.75em/1.666em Palatino, Constantia, "Palatino Linotype", Georgia, serif;
	text-align: center;
	text-shadow: 1px 1px 1px #E6E6DD;
	}
	span.listenTo a {
	color: #7A7A74;
	}
	span.listenTo a:hover {
		color: #006699;
		}
	span.listenTo:hover {
		color: #006699;
		}
span.listenTo_noLink {
	display: none;
	}
p.download {
	background: #fff;
	border: 0.05em solid #B7B7AE;
	color: #333;
	font: normal 400 1.25em/1em "Futura-CondensedMedium", Impact, sans-serif;
	padding: .625em;
	text-transform: uppercase;
	}
/*=====for downloads=====*/
	p.download a {
		border-bottom: 1px solid #ccc;
		color: #880000;
		}
		p.download a:hover {
		border-bottom: 1px solid #000;
		color: #006699;
		}
/*=====for 404 page countdown timer=====*/
p.countdown {
	color: #000;
	font: normal 1.5em/1.25em "Futura-CondensedMedium", "Arial Narrow", Impact, sans-serif;
	text-transform: uppercase;
	}
p.countdown #countdown1 {
	border-bottom: 1px solid #000;
	color: #880000;
	}
/*=====for 404 page domtabs, though suppose you could use them elsewhere if so desired, 
probably have to fiddle with the styling in that case=====*/
div.domtab {
	margin: 1.25em auto;
	}
ul.domtabs{
	float:left;
	margin-bottom: 2.5em;
	width: 29.858em;			
	}
	ul.domtabs li {
		float:left;
		font: normal 400 1.25em/1em "Futura-CondensedMedium", Impact, sans-serif;
		margin-right: .625em;
		}
	ul.domtabs a:link,
	ul.domtabs a:visited,
	ul.domtabs a:active,
	ul.domtabs a:hover{
		color:#000;
		display: block;
		text-transform: uppercase;
		width:3.75em;
		}
	html>body ul.domtabs a:link,
	html>body ul.domtabs a:visited,
	html>body ul.domtabs a:active,
	html>body ul.domtabs a:hover{
		height:auto;
		}
	ul.domtabs a:hover{
		color: #006699;
		}
	div.domtab div {
		clear:both;
		margin-top: 2.5em;
		width: 29.858em;
		}
	ul.domtabs li.active a:link,
	ul.domtabs li.active a:visited,
	ul.domtabs li.active a:active,
	ul.domtabs li.active a:hover{
		color:#006699;
		}



ol {
	margin: 2em;
}
ol li {
	padding-left: 1em;
	margin-bottom: 1.5em;
}

li {
	font-size: .875em;
font-family:courier;
}

li a 
{
font-weight: 400;
}

h2 { font-weight:700; font-size: 16px; font-family: "Trebuchet MS",arial,sans-serif; color:#6080C0; 
	background-color: #FFFFFF; text-align: center; border: 1px solid #A0C0C0;}

li#categories li a, li#archives li a, li.pagenav li a {
	background:#FFFFFF;
	border:1px solid #b0b0b0;
	display:block;
	margin-top:4px;
	padding:5px 4px 4px 10px;
	position:relative;
	text-transform: uppercase;
letter-spacing:2px;
}





.post img {

/* This centers the image */
display: block;
margin-left: auto;
margin-right: auto;

/* This adds the border */
padding:8px;
border:solid;
border-color: #dddddd #aaaaaa #aaaaaa #dddddd;
border-width: 1px 2px 2px 1px;
background-color:white;
}