/*  
Theme Name: Whole Story Blog v2.0
Theme URI: http://mu.wordpress.org/
Description: Redesign of Whole Foods Market blog.
Version: 1.0
Author: Martin Note marty.note@wholefoods.com
Author URI: http://www.wholefoodsmarket.com


*/



* { margin:0; padding: 0; }
body { background: #4a6225 url(img/body-bkgd.png) 0 0 repeat-x; font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", sans-serif; font-size: small; line-height: 150%; color: white; text-align:center;  }
* html body, *:first-child+html body { font-size: smaller; } 
* html div.sidebar div.boxduo { height: 210px;  }
div.container { width: 960px; text-align: left; margin: 0 auto; }

div.nav { background: #526B29 url(img/navbar-bkgd.png) 0 0 repeat-x; height: 2.5em; overflow: hidden; text-align: center; }
div.nav ul { list-style-type: none; width: 960px; float: left; font-size: 85%; font-family: Arial, sans-serif; color: white; line-height: 130%;}
div.nav li { float: left; }

div.nav li a { display: block; float: left; text-align: center; color: white; font-weight: bold; text-decoration: none; text-transform: uppercase; padding: .75em 0 .75em; position: relative; }
div.nav li a img { border: none; position: absolute; top: .85em; left: 14px; }
div.nav li#nav-home a { width: 95px; }


div.nav li#nav-stores a { width: 85px; }
div.nav li#nav-products a { width: 85px; }
div.nav li#nav-recipes a { width: 85px; }
div.nav li#nav-nutrition a { width: 135px; }
div.nav li#nav-values a { width: 85px; }
div.nav li#nav-company a { width: 85px; }
div.nav li#nav-forums a { width: 85px; }
div.nav li#nav-subscribe a { width: 130px; text-align: left; padding-left: 30px; }
div.nav li a:hover { background: url(img/navbar-hover.gif) bottom center no-repeat; }




div.header { height: 125px; padding-top: 30px; overflow: hidden; background: url(img/header-bkgd.gif) top right no-repeat; }
div.header h1 { font-size: 300%; padding: 0 0 10px; }
div.header div.logo { width: 550px; float:left;}
div.header div.search { width: 370px; float:right; }
div.header form { margin-top: 0; padding-top: 0; }
div.header form label { width: 1px; position: relative; left: -9999em; }
div.header form input.text { width: 235px!important;}
div.header form input.formbutton { position: relative; top: 4px; left: 2px; }
div.header div.search p span { padding: 0 4px; }
div.header div.search h4 { display:none; }

	div.newpost { padding-bottom: 30px;}
	div.newpost ul, div.newpost ol { margin-left:2.5em; }
	div.newpost h2 { font-size: 200%; font-weight: normal; }
	div.newpost div.newcomments { width: 384px; float: right; padding-top: 4em;}
	div.newcomments div.comments { background: url(img/newcomments-boxtop.gif) top right no-repeat; padding-top: 10px; min-height: 250px; /* for real browsers */;}
	div.newpost div.newcomments p.call { padding: 20px 0 20px 35px; background: url(img/newcomments-bottom.gif) bottom right no-repeat;}
	div.newpost div.newcomments h3 { padding: 5px 20px 0 35px; }
	div.newpost div.newcomments ol { list-style-type:none; margin: 1px 20px 0 35px; }
	div.newpost div.newcomments ol li { padding: .5em 0; border-bottom: 1px solid #7a3; }
	div.newpost div.newcomments ol li p{ display:inline; }
	

	div.newpost div.newcomments span.commentauthor { font-style: italic; color: #B5EF68; }
	div.newpost div.post { width: 561px; float: left; font-size: medium; margin-bottom: 0; }
	div.newpost div.newcomments div.nocommentsyet { margin: 20px 20px 0 35px; padding-bottom:180px;  }

blockquote {padding: 0 1em; margin:1em; border-left:3px solid #7a3}

div.posts { width: 561px; float: left; }


* html div.posts { overflow:hidden; }  /* IE 6 fix */



div.post { font-size: small; line-height: 175%; margin-bottom: 50px;}
div.post ul, div.post ol { margin-left:2.5em; }

div.post ol.commentlist { list-style-type:none; margin: 1px 20px;  }
div.post ol.commentlist li { padding:15px 8px;  border-bottom: 1px solid #7a3;}
div.post ol.commentlist li span.commenttext {display:inline;}
div.post ol.commentlist li p {display:inline;}
div.post ol.commentlist li p+p {display:block;}
div.post ol.commentlist span.commentauthor { font-style: italic; color: #B5EF68; }
li.user { background: #415723 url(img/staffcomment.gif) top right no-repeat; padding: 35px 15px 15px!important; }

div.post h2, h3, h4, h5, h2.pagetitle { font-family:Georgia, "Times New Roman", serif; font-weight: normal!important; line-height: 140%;  } 

div.post h2 { font-size: 200%;}
	div.post div.postcontent h2 { font-size: 180%; margin: 1em 0; }
	div.newpost h2.pagetitle { font-size: 220%; padding-bottom: 10px; border-bottom: 1px solid #B5EF68; }
div.post h3 { font-size: 160%; margin: .5em 0;  }
div.post h4 { font-size: 140%; margin: .5em 0;  }
div.post h5 { font-size: 120%; margin: .5em 0;  }

h2 a, h2 a:visited{color:white; text-decoration:none;}
h2 a:hover {text-decoration:underline}

p.postauthor { color: #ccc; font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", sans-serif;margin-top: 10px; font-size: small;}

div.postcontent {font-size: 1.1em; line-height:1.8em;}
div.postcontent p { margin: .5em 0 1em;}
div.postcontent img { border:4px solid #253919; }
div.postcontent img.noborder { border:none; }
div.podPress_content img {border:none; padding:none; margin:0;}
div.podPress_content table {margin:0; padding:0}
div.podPress_content table tr {margin:0; padding:0}
div.podPress_content table td {margin:0; padding:0}
div.postcontent img.inline { float: left; margin: .5em 15px .5em 0; }


div.postcontent p img.inline { float: left; border: 1px solid #253714; margin: .25em 15px .5em 0; }
div.postcontent p.jump { text-align:right; font-style: italic; }

div.sidebar h3, div.newcomments h3 { font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", sans-serif;text-transform: uppercase; }
div.newcomments p.call { font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", sans-serif;text-transform: uppercase; font-size: 90%;}


a { color: #B5EF68; }
a:hover { color: #fff; }
a img { border: none; }
p.description a, p.call a { color: #fff; }
p.call a { font-weight: bold; }

div.sidebar { width: 384px; float: right;}


div.sidebar div.box { background: url(img/sidebar-box.gif) bottom right no-repeat; margin-bottom: 20px; }
div.sidebar div.box p { padding: 8px 0px 2px 0px; }
div.sidebar div.box h3 { padding: 15px 20px 10px 35px; background: url(img/sidebar-boxtop.gif) top right no-repeat;font-size: 1.1em; }

div.sidebar div.box div.boxcontent { padding: 0 20px 20px 35px; text-align: left; }

div.sidebar ul { list-style-type:none; }
div.sidebar ul li {margin: 0 0 0.3em 0; }
div.sidebar ul.marker { list-style: disc; margin-left: 20px; }


div.sidebar div.boxduotop { height: 10px; background: url(img/sidebar-boxduotop.gif) top right no-repeat;}
div.sidebar div.boxduo { background: url(img/sidebar-boxduo.gif) bottom right no-repeat; margin-bottom: 30px; padding-left:20px; }
div.sidebar div.boxduo div#flickr { float: left; width: 170px;  }
div.sidebar div.boxduo div#podcasts { float: right; width: 170px;  }
div.sidebar div.boxduo div#podcasts a img{ border:4px solid #7aa33e !important; }

div.sidebar div.boxduo h3 { padding: 0 5px 10px 5px; font-size: 1.1em; }
div.sidebar div.boxduo div.boxcontent { padding: 0 10px 10px 0; font-size: x-small; text-align: center; line-height: 120%;  font-family: Lucida Sans, Lucida Grande, Lucida Sans Unicode, sans-seriff;  }
div.sidebar div#flickr div.boxcontent { padding: 0 25px 10px; }
div.sidebar div#podcasts div.boxcontent a { font-family: Georgia, serif; display: block; font-size: small; line-height: 120%; padding: 0 0 5px; text-decoration: none;}
div.sidebar div.boxduo div.boxcontent p { padding: 5px 0; }
div.sidebar div.singlePage {padding-top:140px;}


div#wfmedia { float: left; width: 170px; }
div#wfmedia div.media-site { clear: left; width: 150px; padding: 0 10px 10px; text-align: left; }
div#wfmedia img { height: 50px; width: 50px; border: 4px solid #7aa33e !important; float: left; margin-right: 10px;  }
div#wfmedia p { margin-top: 0; padding-top:0; _font-size: 10px; line-height: 130%;}


div.main { padding-top: 0px; }
.clear { clear: both; } 


div.footer { clear: both; padding: 30px; margin-top: 30px; border-top: 1px solid #7a3; background-color: #415723; text-align: center; }


div.aboutbox { width: 384px; float: right; background: url(img/aboutbox-bottom.gif) bottom left no-repeat; padding-bottom: 20px; margin-bottom: 30px;}
div.about { background: url(img/aboutbox-top.gif) top left no-repeat; min-height: 250px; }
div.about h3 { padding: 20px 20px 0 35px; }
div.aboutbox p { padding: 8px 10px 2px 35px; }
form#commentform textarea { width: 525px!important; }

/*Flickr CSS */
.zg_div {margin:0px 5px 5px 0px; width:117px;}
.zg_div_inner {background-color:#39501f;  color:#ffffff; text-align:center; font-size:x-small; line-height: 110%; padding-bottom: 4px;}
.zg_div a, .zg_div a:hover, .zg_div a:visited {color:#B5EF68; background:inherit !important;}

/*for RSS Feeds Page */
h3.masterfeed { background: transparent url(img/rss_12x12.png) left 30% no-repeat; padding: 0 0 10px 18px; }
ul.feedslist { list-style-type: image; margin: 1em 3em; }
ul.feedslist li { list-style-image: url(img/rss_12x12.png); margin: 2px 0; }

/*404 page */
div.linklist { float: left; width: 275px; padding-top: 12px; } 
div.linklist#recentposts { width: 400px; } 
div.linklist ul { list-style-type:none; padding-right: 20px; }
p.clear404 { clear: both; padding: 40px 0; }

/*contributor page */
img.contributor {
    float: right;
    clear: right;
    margin: 0 0 10px 10px;
    padding: 0;
    width: 117px;
    height:180px;
}

ul.contributor {
	list-style-type: disc;
	list-style-image: url(bullet.gif);
	list-style-position: inside;
}

p.contributor {
	padding-bottom: 10px;
	border-bottom: 1px solid gray;
}

h3 a { color: white; }

/*archive page */
div.navigation { margin:0 auto 2em auto; font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", sans-serif; font-size:1em; text-align:left; } 



/*Img fix for Winnie */
img.alignleft {
	float:left;
	clear:left;
	margin: 0 10px 10px 0;
	
}

img.alignright {
	float:right;
	clear:right;
	margin: 0 0 10px 10px;
	
}

/*Email to a friend  */

a.emailFriend {
	background-image: url(http://blog.wholefoodsmarket.com/blog/wp-content/plugins/sociable/images/email_link.png);
	padding-left:18px;
	background-position:center left;
	background-repeat:no-repeat;
}



div.postmeta { font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", sans-serif;line-height: 105%; padding: 0px 10px 10px 10px; background-color: #415723; margin: 0!important; }

div.postmeta p.categories { font-size: x-small; padding-top: 0; margin-top: 0!important; width: 315px; float: left; linegheight:16px;  }
		div.singlepost div.postmeta p.categories {padding: 1em 0 .5em; }

div.postmeta p.commentlink { background-color: #415723;  width: 200px; float: right; font-weight: bold; font-size: small; text-align: right; padding-right: 20px;  position: relative; top: -4px;}

p.commentlink img { position: relative; top: 3px; border: none!important;}




div.sociable img {
	border-color:#415723;
}

/* overrides to sociable.css 

div.sociable 
{
background-color:#415723;
width:321px;
float:left;
margin:7px 0 0!important;
padding:7px 10px 0!important;
}

div.singlepost div.sociable 
{
background-color:#415723;
width:541px;
float:none;
margin:7px 0 0!important;
padding:7px 10px 5px!important;
}


*/

span.sociable_tagline 
{
font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", sans-serif!important;
font-size:x-small!important;
}