/* @override 
	http://socialistpear.com/css/juicystyle.css
*/
/* 
Theme Name: A Drop of Juice
Description: A custom theme made for A Socialist Pear (socialistpear.com).
Author: <a href="http://www.r-blog.com">Ryan Miglavs</a>
Author URI:http://www.r-blog.com

Credits:
A Drop of Juice theme designed by <a href="http://www.r-blog.com">Ryan Miglavs</a>.

License -
All code, art, images, and copy is copyright 2007 Ryan Miglavs, and may not be used without express permission from the author.

*/

/*------------- General Junk ----------------*/
* {
	margin: 0;
	padding: 0;
	}
html {
	background: #5c6c18;
	height: 100%;
	}
body {
	position: relative;
    padding: 0 6em;
    margin: 0 auto;
    width: 33em;
    min-height: 100%;
    background: #ddd;
    border-left: 16px solid #465212;
    border-right: 16px solid #465212;
    color: #555;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 16px;
    line-height: 1.3em;
    }
#stupid-wrapper {
	padding: 6em 0;
	}
/*---------------- Common -----------------*/
h1, h2, h3, h4, h5, h6 {
	font-family: "Trebuchet MS", "Lucida Grande", Lucida, Verdana, sans-serif;
	font-weight: bold;
	}
h1 {
	display: block;
	margin: 0;
	font-size: 300%;
	color: #a7cf05;
	}
h2 {
	margin-top: .5em;
	font-style: italic;
	}
h2.page-header {
	color: #fff;
	}
h3 {
	font-size: small;
	}
h4 {
	margin: 2em 0 1em 0;
	}
	h4 + h4 {
		margin: -1em 0 1em 0;
		}
a:link {
	text-decoration: none;
	color: #88a4af;
	/*color: #999;*/
	}
a:visited {
	text-decoration: none;
	color: #97af88;
	/*color: #aaa;*/
	}
a:hover {
	text-decoration: none;
	color: #fff;
	background: #88a4af;
	/*background: #bbb;*/
	}
a:active {
	text-decoration: none;
	}
	a .caps {
		color: inherit;
		}
strong {
	/*color: #333;
	background-color: #cdcdcd;*/
	padding: 0 .2em;
	font-style: normal;
	font-weight: normal;
	background-color: #a7cf05;
	color: #fff;
	}
	strong .caps {
		color: inherit;
		}
	p strong {
		background-color: #aaa;
		}
a:hover strong, strong a:hover {
	color: #fff;
	background: #bbb;
	}
em {
	/*padding: 0 .2em;
	font-style: normal;
	background-color: #a7cf05;
	color: #fff;*/
	background-color: #cdcdcd;
	font-style: italic;
	}
abbr {
	border-bottom: 1px dotted #888;
	cursor: help;
	}
.caps {
	color: #5d5d5d;
	font-size: 85%;
	}
a:hover em, em a:hover {
	color: #a7cf05;
	background-color: #fff;
	}
a img {
	padding: 8px;
	border: 4px solid #bbb;
	background: #ccc;
	}
a:hover img {
	border: 4px solid #a7cf05;
	background: #a7cf05;
	}
p {
	margin-bottom: 1em;
	}
hr {
	margin: .5em 0;
	padding: .5em 0;
	border: none;
	border-bottom: 2px solid #ccc;
	}
blockquote {
	display: block;
	position: relative;
	margin: 0 -6em 1em -6em;
	padding: 1em 6em;
	color: #fff;
	font-style: italic;
	background: #bbb;
	border-top: .25em solid #ccc;
	border-bottom: .25em solid #afafaf;
	}
	blockquote p {
		position: relative;
		font-size: 125%;
		line-height: 1.4;
		text-shadow: #a1a1a1 2px 2px 2px;
		}
	blockquote cite {
		display: block;
		margin: 0 -4.8em -1.25em -4.8em;
		padding: .25em 4.8em;
		background: #95aeb8;
		color: #fff;
		text-align: right;
		font-style: normal;
		font-variant: small-caps;
		font-size: 125%;
		line-height: 1.2;
		border-bottom: .25em solid #839ea9;
		}
		blockquote cite a:link,
		blockquote cite a:visited {
			position: relative;
			display: block;
			margin: -.25em -4.8em -.5em;
			padding: .25em 4.8em;
			color: #fff;
			border-bottom: .25em solid #839ea9;
			z-index: 20;
			}
		blockquote cite a:visited:before {
			content: "√ ";
			}
		blockquote cite a:hover {
			background: #9dbe15;
			border-bottom: .25em solid #8fad13;
			}
	blockquote .ldquo, .rdquo {
		position: absolute;
		font: italic bold 400% Baskerville, "Baskerville Old Face", "Goudy Old Style", Palatino, "Book Antiqua", serif;
		}
	blockquote .ldquo {
		left: -1.1em;
		top: -.1em;
		}
	blockquote .rdquo {
		right: -1em;
		bottom: -.5em;
		}
	blockquote .caps {
		color: #eee;
		}
/*---------------- Code Stuffs --------------*/
code {
	font: 100% Consolas, Courier, mono;
	color: #777;
	}
	code .caps {
		font-size: 100%;
		color: #777;
		}
pre {
	
	}
	pre code {
		display: block;
		margin: 0 -6em 1em -6em;
		padding: 1em 6em;
		background: #333;
		color: #ddd;
		border-top: 4px solid #222;
		border-bottom: 4px solid #222;
		overflow: auto;
		-webkit-font-smoothing: antialiased;
		}
		pre code .caps {
			color: #ddd;
			}
code.css {
	
	}
	code.css .id {
		color: #b3d8ff;
		}
	code.css .element,
	code.html .element {
		/*color: #f1ff8a;*/
		color: #7eb7ee;
		}
	code.css .property {
		color: #ff74d4;
		}
	code.css .value,
	code.html .value {
		color: #c7ff86;
		}
code.html {
	
	}
	code.html .attribute {
		color: #4682bc;
		}
/*-------------- Common Items --------------*/
ul#nav {
	width: 100%;
	padding: 2em 0 1em 0;
	list-style: none;
	font-family: "Trebuchet MS", "Lucida Grande", Lucida, Verdana, sans-serif;
	}
	ul#nav li {
		padding: .3em 0;
		list-style: none;
		}
		ul#nav li a {
			padding: .1em .5em .1em .3em;
		    text-decoration: none;
		    font-size: 140%;
			font-weight: bold;
		    color: #979966;
		    cursor: default;
			}
			ul#nav li a:visited {
			    text-decoration: none;
			    background: none;
			    color: #979966;
			    }
			ul#nav li a:hover {
				text-decoration: none;
				background: #fff;
				color: #b1d100;
				}
#subnav {
	list-style: none;
	font-family: "Trebuchet MS", "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: small;
	}
	#subnav li {
		list-style: none;
		}
#meta-junk {
	margin-top: 2em;
	font-size: 70%;
	line-height: 1.2em;
	color: #999;
	}
	#meta-junk a {
		padding: .1em;
		text-decoration: none;
		/*color: #aaa;*/
		}
		#meta-junk a:hover {
			/*background: #aaa;
			color: #fff;*/
			}
a#pear-logo {
	position: absolute;
	left: 12px;
	top: 60px;
	border: none;
	background: none !important;
	}
	a#pear-logo img {
		border: none;
		background: none;
		}
		a#pear-logo:hover img {
			margin-left: -12px;
			border-left: 12px solid #a7cf05;
			}
a#obama-logo {
	position: absolute;
	right: 3em;
	top: 75px;
	border: none;
	background: none !important;
	}
	a#obama-logo img {
		border: none;
		background: none;
		}
		a#obama-logo:hover img {
			background: #a7cf05;
			}
.contenterror {
	margin: 1em 0;
	padding: .25em .5em;
	color: #890000;
	border-top: 1px solid #890000;
	border-bottom: 1px solid #890000;
	background: #f6bfbf;
	}
	.contenterror strong {
		background: none;
		color: #890000;
		}
#search-form {
	margin-bottom: 1em;
	}
	#search-form label {
		display: block;
		font-family: "Trebuchet MS", Verdana, sans-serif;
		}
	#search-form input {
		padding: .25em .5em;
		margin-right: -.3em;
		color: #999;
		border: none;
		background: #bfbfbf;
		font-family: "Trebuchet MS", Verdana, sans-serif;
		}
		#search-form input:hover {
			background: #c4c4c4;
			}
		#search-form input:focus {
			background: #fff;
			}
		#search-form input[type=submit] {
			background: #ccc;
			}
			#search-form input[type=submit]:hover {
				background: #a7cf05;
				color: #fff;
				}
/*------------- Introductions -------------*/
body#intro {
	
	}
	body#intro p a {
		position: relative;
		top: -.2em;
		}

/*---------------- Journal ----------------*/
.blog.item {
	position: relative;
	margin: 2.5em 0 .5em 0;
	}
.blog.item h3 {
	position: relative;
	font-size: 2em;
	line-height: 1;
	margin-bottom: .5em;
	min-height: 2em;
	}
	.blog.item h3 a {
		display: block;
		margin: 0 -3em;
		padding: .1em 3em;
		min-height: 2em;
		}
	.blog.item h3 a .permalink {
		position: absolute;
		right: -2em;
		top: 0;
		visibility: hidden;
		}
		.blog.item h3 a:hover .permalink {
			visibility: visible;
			}
.blog.item img.wide {
	margin-left: -6em;
	width: 43.5em;
	}
p.posted-date {
	position: absolute;
	left: -16.5em;
	top: .25em;
	width: 9em;
	color: #fff;
	text-align: right;
	overflow: auto;
	}
	p.posted-date .day-of-week {
		display: block;
		font-size: 75%;
		color: #a6a870;
		}
	p.posted-date .date {
		display: block;
		font-size: 150%;
		//color: #bfc281;
		color: #a7ac4c;
		}
	p.posted-date .year {
		display: block;
		color: #bfc281;
		}
h4#comments {
	margin-bottom: 1em;
	padding-top: .75em;
	border-top: 2px solid #ccc;
	}
form#commentform {
	margin-top: 1em;
	border-top: 2px solid #ccc;
	}
	form#commentform fieldset {
		border: none;
		}
		form#commentform fieldset legend {
			padding-top: .75em;
			font: bold 120% "Trebuchet MS", Verdana, sans-serif;
			}
	form#commentform p.formnote {
		width: 100%;
		color: #9c9c9c;
		}
		form#commentform p.formnote .caps {
			color: #aaa;
			}
		form#commentform p.formnote .required {
			position: relative !important;
			left: 0;
			top: 0;
			}
	form#commentform .caps {
		color: #555;
		}
	form#commentform .required {
		position: absolute;
		left: 33em;
		font-size: 80%;
		color: #890000;
		}
	form#commentform p {
		clear: both;
		width: 29em;
		margin: 0 auto 1em auto;
		}
		form#commentform p label {
			position: relative;
			float: left;
			width: 8em;
			margin-right: .5em;
			text-align: right;
			}
		form#commentform p input,
		form#commentform p textarea {
			width: 24em;
			padding: .25em;
			border: 1px solid #bbb;
			background: #eee;
			color: #88a4af;
			}
		form#commentform p input:focus,
		form#commentform p textarea:focus {
			background: #fff;
			border: 1px solid #88a4af;
			color: #a7cf05;
			}
	form#commentform button {
		position: relative;
		left: 12.5em;
		padding: .4em;
		border: 4px double #fff;
		color: #fff;
		background: #88a4af;
		cursor: pointer;
		}
		form#commentform button:hover {
			border: 4px double #fff;
			background: #a7cf05;
			color: #fff;
			}
dl.comment {
	position: relative;
	left: 2.5em;
	width: 28em;
	margin-bottom: 1em;
	padding: 1em;
	border: 4px solid #fff;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	background: #afc8e2;
	}
	dl.comment:hover {
		background: #b7d2ed;
		}
	dl.comment.ryan-comment {
		left: 0;
		background: #314a65;
		color: #fff;
		}
		dl.comment.ryan-comment:hover {
			background: #3e5e81;
			}
		dl.comment.ryan-comment .caps {
			color: #eee;
			}
		dl.comment.ryan-comment dt {
			left: 30em;
			margin: 0 0 0 4px;
			padding: 0 0 0 18px;
			background: transparent url(/img/comment-triangle-reversed.gif) no-repeat left .1em;
			}
			dl.comment.ryan-comment dt a.comment-link {
				left: -19.95em;
				}
	dl.comment dt {
		position: absolute;
		width: 6em;
		left: -6em;
		margin-left: -22px;
		padding-right: 18px;
		background: transparent url(/img/comment-triangle.gif) no-repeat right .1em;
		text-align: right;
		}
		dl.comment dt a.comment-link {
			position: absolute;
			left: -2.35em;
			top: -.3em;
			width: .8em;
			padding: .2em;
			font-size: 200%;
			text-align: right;
			}
			dl.comment dt a.comment-link .comment-star {
				display: none;
				}
			dl.comment dt a.comment-link:hover {
				background: #a7ac4c;
				}
				dl.comment dt a.comment-link:hover .comment-star {
					display: inline;
					}
				dl.comment dt a.comment-link:hover .rank {
					display: none;
					}
	dl.comment dd p.meta {
		margin-bottom: -1em;
		font-size: 75%;
		}
		dl.comment dd p.meta strong {
			background: transparent;
			}
/*--------------- Products ----------------*/
ol#feature-breakdown {
	list-style-type: decimal;
	}
ol#feature-breakdown li {
	padding: .25em .5em 0 .5em;
	}
ol#feature-breakdown li.feature-highlight {
	background: #fff;
	}
ol#feature-breakdown li h4 {
	color: #8d122b;
	}
h3.price {
	font: italic 120% Georgia, "Times New Roman", Times, serif;
	}