/*  
Theme Name: Erin Cooks
Theme URI: http://erincooks.com/
Description: 2 column theme, based on the Blueprint CSS framework 
Version: 2.0
Author: Chris Kelly
Author URI: http://ckelly.net/
*/

/* General */

@import 'reset.css';

body {
	color:#222222;
	font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; 
	font-size: 0.85em;
	line-height:1.5em;
	background: url(images/ec-background.png);
}

h1,h2,h3,h4,h5,h6 { 
	font-weight: normal; 
}

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

a,
a:link,
a:visited {
	color: #4390D0;
	text-decoration: none;
}

a:hover {
	color: #E83571;
	text-decoration: none;
}

p {
	margin: 1em 0;
}

strong {
	font-weight: bold;
}

blockquote {
	font-size: 1.1em;
	color: #666666;
	font-style: italic;
	margin: 10px 25px;
}

#container {
	margin: 0pt auto;
	width: 950px;
}

/* Header styles */

#header {
	float: left;
	margin: 0;
	width: 950px;
	height: 120px;
	background-color: #4390D0;
}

#header #logo {
	float: left;
	width: 630px;
	height: 120px;
	background: url(images/ec-logo.png) no-repeat center;
}

#header #logo a {
	display: block;
	width: 630px;
	height: 120px;
	text-decoration: none;
}

#header #logo a span {
	display: none;
}

#header #nav {
	background:transparent url(images/ec-nav.png) no-repeat scroll 0 0;
	float: left;
	width: 310px;
	height: 90px;
}

#header #nav li {
	display: inline;
	float: left;
	margin: 0;
	text-indent:-9999px;
	list-style-type: none;
}

#header #nav li a {
	border:0;
	text-decoration:none;
	display:block;
	background:transparent url(images/ec-nav.png) no-repeat;
}

#header #nav li#home a {
	width: 88px;
	height: 90px;
}

#header #nav li#home a:link,
#header #nav li#home a:visited
{
	background-position: 0 0;
}

#header #nav li#home a:hover,
#header #nav li#home a:focus
{
	background-position: 0 -90px;
}


#header #nav li#archives a {
	width: 120px;
	height: 90px;
}

#header #nav li#archives a:link,
#header #nav li#archives a:visited
{
	background-position: -88px 0;
}

#header #nav li#archives a:hover,
#header #nav li#archives a:focus
{
	background-position: -88px -90px;
}

#header #nav li#about a {
	width: 102px;
	height: 90px;
}

#header #nav li#about a:link,
#header #nav li#about a:visited
{
	background-position: -208px 0;
}

#header #nav li#about a:hover,
#header #nav li#about a:focus
{
	background-position: -208px -90px;
}

/* neck - used for search bar */
#neck {
	float: left;
	margin: 0pt;
	width: 950px;
	background-color: #93C847;
	padding: 5px 0;
	text-align: right;
}

#neck #sitesearch {
	margin-right: 10px;
	height: 25px;
	line-height: 25px;
}

#neck p {
	margin: 0;
}

.search_field {
	width: 208px;
	padding-left: 3px;
}

.search_button {
	vertical-align: bottom;
}


/* Main content area */

#content {
	float: left;
	margin: 0pt;
	width: 950px;
	background-color: white;
	padding: 10px 0;
}

#main {
	float: left;
	margin: 0 5px;
	width: 740px;
}

#main h2 {
	color: #93C847;
	margin-left: 5px;
}

/* Specific Page content */

/* archive page specific */
#archives {
	margin-left: 5px;
}

#main #archives h2 {
	margin-left: 0;
}

#archives .section {
	margin-bottom: 20px;
	padding-left: 10px;
}

#archives .section h3 {
	margin: 0 -10px 5px;
	color: #93C847;
}

#archives .section p {
	margin: 0;
}

#archives .section .emptymonth {
	color: #666;
}


/* Post-specific content */
.post {
	margin: 0 5px 15px;
}

#main h2.posttitle {
	margin: 0 0 5px 0;
	line-height: 0.8em;
}

.postmeta,
.sociable {
	color: #666;
	font-size: 0.9em;
	margin: 0 0 10px 5px;
}

.postentry .sociable {
	margin: 0;
}

.sociable_tagline {
	display: inline;
}
.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.sociable ul li {
	background: none;
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 1px;
}
.sociable ul li:before { content: ""; }
.sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
}

.sociable-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}

.postfooter {
	color: #666;
	font-size: 0.9em;
	margin: 0;
	line-height: 1.3em;
	clear: both;
}

.commentfooter {
	margin-top: 10px;
}

.postentry {
	margin: 0 5px;
}

.postentry p {
	font-size: 1em;
}

.postentry table {
	width: 690px; 
	padding: 5px 0;
	margin: 0 10px; 
	clear: both;
}
.postentry table tr td {
	border: 0; 
	padding: 5px 0;
	text-align: center;
	vertical-align: top;
	color: black;
	width: 50%;
}

.postentry table tr td img {
	background: white;
	padding: 1px;
	margin-bottom: 3px;
	border: 1px solid #666;
}

.postentry ul, .postentry ol {
	margin: 10px 0 10px 20px;
}

.postentry ul li {
	margin-left: 5px;
	list-style-type: disc;
	list-style-position: outside;
}

.postentry ol li {
	margin-left: 5px;
	list-style-type: decimal;
	list-style-position: outside;
}

/* content follow up */

.end {
	float: left;
	width: 730px;
	margin-bottom: 10px;
	border-top: 1px solid #666;	
	border-bottom: 1px solid #666;
	padding: 10px 5px;
}

.endcontent {
	width: 230px;
	float: left;
	margin: 0 5px;
}

.endcontent h3 {
	margin: 0 0 5px;
	color: #93C847;
}

.bullets ul li {
	list-style-type: disc;
	list-style-position: inside;
	padding-left: 3px;
}

/* comments */

#comments {
	float: left;
	width: 720px;
	margin: 10px 5px 0;
}

#comments .amazon_ad {
	margin-left: 0;
}

#comments h3 {
	color: #93C847;
	font-size: 1.4em;
	margin: 0;
}

#comments h3 .subtext {
	font-size: 0.65em;
	margin: 0 0 0 0.1em;
}

#comments h3.secondary {
	margin-top: 10px;
	float: left;
	display: inline;
}

ul.comment_list {
	margin: 0;
	padding: 0;
}
ul.comment_list li.item {
	border-bottom: 1px solid #666;
	clear: both;
	float: left;
	margin: 0 5px;
	padding: 10px 0;
	width: 710px;
}

ul.comment_list li.author,
ul.comment_list li.bypostauthor {
	background-color: #93C847;
}

ul.comment_list li.author a:link,
ul.comment_list li.author a:visited,
ul.comment_list li.bypostauthor a:link,
ul.comment_list li.bypostauthor a:visited {
	color: white;
}

ul.comment_list li.author a:hover,
ul.comment_list li.author a:focus,
ul.comment_list li.bypostauthor a:hover,
ul.comment_list li.bypostauthor a:focus {
	color: #E87DA1;
}

div.comment_meta {
	float: left;
	width: 160px;
	padding-left: 5px;
}

div.comment_meta p {
	margin: 0;
}

div.comment_meta p.comment_time {
	font-size: 0.85em;
}

div.comment_content {
	float: left;
	padding-left: 10px;
	width: 520px;
}

ul.comment_list li.author .comment_content{
	color: white;
}

p.comment_author {
	font-weight: bold;
}

div.comment_entry p {
	margin: 0 0 1em;
}

#comments label {
	color: #666;
}

input.text_input {
	border: 1px solid #666;
	padding: 5px;
	width: 300px;
}
textarea.text_input {
	border: 1px solid #666;
	padding: 5px;
	width: 500px;
}
.commentetc {
	clear: both;
}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
	
.centered,
.aligncenter,
.alignmiddle {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
img.centered,
img.aligncenter,
img.alignmiddle {
	border: 1px solid #666666;
	}

img.borderless {
	border: 0;
}
	
.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	float: right;
	}

.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	float: left;
   }

.clearboth {
   clear: both;
}

.textcenter {
	text-align: center;
}


/* Sidebar */

#sidebar {
	width: 180px;
	float: left;
	margin: 0 0 0 15px;
}

#sidebar ul, 
#sidebar ol {
	display: block;
	list-style-type: none;
	margin: 0 0 0 5px;
}

.sidebox {
	margin-bottom: 10px;
	font-size: 0.95em;
}

.sidebox h2 {
	color: #93C847;
	font-size: 1.5em;
	margin: 0 0 3px;
}

.sidebox p {
	margin: 0;
	padding-left: 5px;
}

#subscribe_box {
	background: transparent url(images/ec-sub-bg.png) no-repeat scroll 0pt 0px;
	padding: 10px 5px 5px;
	height: 90px;
	width: 160px;
	margin: 0;
}

#subscribe_box h2 {
	color: white;
	text-align: center;
	margin-bottom: 5px;
}

#subscribe_box p {
	padding: 0;	
	margin-left: 5px;
}

#subscribe_box a,
#subscribe_box a:link,
#subscribe_box a:visited {
	color: white;
	text-decoration: none;
}

#subscribe_box a:hover {
	color: white;
	text-decoration: underline;
}

a.feed {
	background:transparent url(images/rss.png) no-repeat scroll 0pt 0px;
	padding:0px 0pt 1px 20px;
}

a.email {
	background:transparent url(images/email.gif) no-repeat scroll 0pt 0px;
	padding:0px 0pt 1px 20px;
}

a.comment {
	background:transparent url(images/comment.gif) no-repeat scroll 0pt 0px;
	padding:0px 0pt 1px 20px;
}

a.print {
	background:transparent url(images/printer.png) no-repeat scroll 0pt 0px;
	padding:0px 0pt 1px 20px;
}

.feedburnerFlareBlock span {
	display: none;
}

.feedburnerFlareBlock {
	margin: 0;
}

.feedburnerFlareBlock a {
	display:none;
}

.feedburnerFlareBlock a.first {
	display: inline;
	background:transparent url(images/email.gif) no-repeat scroll 0pt 0px;
	padding:0px 0pt 1px 20px;
}

.postmeta .feedburnerFlareBlock {
	display: inline;
}


/* footer styles */
#fold,
#footer {
	width: 950px;
	float: left;
	text-align: center;
	color: white;
}

#fold a,
#footer a {
	color: white;
	text-decoration: none;
}

#fold {	
	background-color: #93C847;
	padding-bottom: 15px;
}

#fold a:hover {
	text-decoration: underline;
}

.foldcontent {
	width: 310px;
	float: left;
	margin-right: 10px;
	text-align: center;
}

.last {
	margin-right: 0;
}

#flickr {
	height: 365px;
	margin-top: 25px;
}

/* fold Flickr */
#flickr h2 {
	width: 88px;
	height: 39px;
	background: url(images/flickr-white.png) no-repeat;
	margin: 0 auto;
}

#flickr h2 span {
	display: none;
}

#flickr #flickrcontent {
	display: block;
	margin-top: 20px;
	padding-left: 35px;
}

.flickr_badge_image {
	float: left;
	width: 116px;
	height: 116px;
}

#flickr img {
	margin: 0 auto;
	background: white;
	padding: 4px;
}


/* Fold Librarything */

#LT {
	margin-top: 25px;
	text-align: center;
}


#LT h2 {
	width: 209px;
	height: 39px;
	background: url(images/librarything-white.png) no-repeat;
	margin: 0 auto;
}

#LT h2 a {
	display: block;
	width: 209px;
	height: 39px;
}

#LT h2 span {
	display: none;
}

.LTwrapper {
	display: block;
	margin-top: 20px;
	padding-left: 50px;
}

.LTitem {
	float: left;
	margin: 0 0px 8px 8px;
	width: 91px;
	height: 135px;
}

.LTitem a img{
	margin: 0;
	padding: 4px;
	background: white;
}

.LTprovided {
	display: none;
}

/* Fold Foodie blogroll */

#corkd {
	width: 250px;
	text-align: center;
	margin: 0 auto;
	margin-top: 25px;
	margin-bottom: 15px;
}

#corkd h2 {
	width: 88px;
	height: 50px;
	background: url(images/corkd-80x50.gif) no-repeat;
	margin: 0 auto;
}

#corkd h2 a {
	display: block;
	width: 88px;
	height: 50px;
}

#corkd h2 a span {
	display: none;
}

#corkd .winelist {
	margin-top: 20px;
}

#footer {
	height: 35px;
	line-height: 35px;
	background-color: #4390D0;
}

#footer p {
	margin: 0;
}

/* Etc */

img#wpstats {
	width: 0px;
	height: 0px;
	overflow: hidden;
}

.gcontentad {
	margin-bottom: 10px;
	padding: 0 0 10px;
	height: 60px;
	text-align: center;
	clear: both;
}

.gcontent_square {
	float: right;
}

.adhead {
	text-align: center;
	padding: 0 0 10px;
}

.adfoot {
	text-align: center;
	padding: 15px 0 0 0;
}

#blogherads {
	margin: 0 0 0 5px;
}

.amazon_ad {
	margin: 0 0 15px 5px;
}

.amazon_ad * {
	font-size: 10px;
}