/* 
Theme Name: foodscout
Author: Xondie
Author URI: http://xondie.com
Description: Designed to blend seamlessly into the foodscout.org design
Points to foodscout's .css file
*/
/* RESETS */
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, 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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

ul {
	list-style: none;
}

ol {
    list-style: decimal inside;
}

ol li
{
    padding: 5px 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

pre,code,kbd,samp,tt {
	font-family: monospace;
	font-size: 108%;
	line-height: 99%;
}
strong {
	font-weight: bold;
}

em {
    font-style: italic;
}


body
{
	background: #BAD89E url("../images/background.gif") top left repeat-x;
	text-align: center;
	font: 13px/1.6 "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0 auto;
	padding: 0;

}

h1,h2,h3,h4 {
	/* top & bottom margin based on font size */
	font-family: "lucida grande", arial, helvetica, sans-serif;
	font-weight: bold;
	color: #295A22;
}

h1 {
	/*24px via YUI Fonts CSS foundation*/
	font-size: 196%;
	letter-spacing: 0.05em;
	margin: -3px 0 3px 0;
}

/* Blog styles */ 

h3.post-title {
	border-top: solid 1px #295A22;
	padding-top: 3px;
}

#content h1 a, h3.post-title a {
	color: #295A22;
}

#sidebar p.subscribe-feed {
	margin: 0;
}

#sidebar p em.feed a {
	text-decoration: underline;
	color: #295A22;
}
#sidebar em.feed
{
	background:url(../images/icon_feed.gif) no-repeat left center;
	padding:2px 0 2px 18px;
	font-style:normal;
}

#sidebar ul li {
	padding-bottom: 1em;
	line-height: 1.4;
}

#sidebar ul li a {
	font-weight: bold;	
}

#sidebar h2 {
	margin-bottom: 15px;
}

span.post-date {
	margin: 0;
	line-height: 3em;
	color: #6d6d6d;
	font-size: 85%;
}

.post ul li {
	padding-bottom: 0.5em;
}

h2 {
	/*20px via YUI Fonts CSS foundation*/
	font-size: 153.9%;
	letter-spacing: 0.05em;
	margin: 8px 0;
}

h3 {
	/*15px via YUI Fonts CSS foundation*/
	font-size: 130%;
	letter-spacing: 0.05em;
	margin-bottom: .5em;
}

#blog-content h1 {
	margin-bottom: 0.5em;
	color: #295A22;

}
#blog-content h1 a{
	color: #295A22;

}


p {
	line-height: 1.8em;
	margin: 0 0 1em 0;
	padding: 0;
	text-align: left;
}

a:link {
	color: #000;
	text-decoration: none;
}

a:visited {
	color: #000;
	text-decoration: none;
}

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

#content p a, .post-content p a, .post-content ul li a , .post-content ol li a {
	text-decoration: underline;
}


/* 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) */

img.pp_image {
 padding-top: 4px;
}

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

img.alignright {
 padding: 4px;
 margin: 0 0 2px 7px;
 display: inline;
 }

img.alignleft {
 padding: 4px;
 margin: 0 10px 2px 0;
 display: inline;
 }

.alignright {
 float: right;
 }

.alignleft {
 float: left
 }

/* End Images */


#container
{
	background: #A8CF85 url("../images/main_shadow.gif") top center repeat-y;
	margin: 0 auto;
	width: 984px;
	text-align: left;
}

#header
{
	background: url("../images/sun_header_bg.gif") top center no-repeat;
	height: 150px;
}

#masthead
{
	width: 960px;
	margin: 0 auto;
	padding: 20px 0 10px 0;
	clear: both;
}

/* foodscout logo */
#logo {
	margin: 0;
	padding: 0;
	float: left;
}

/* top search form */

#masthead form.search_form {
	float: right;
	padding-top: 4px;
}

#search {
	margin: 0;
	border: 1px solid #666;
	width: 12em;
}

#search, #submit {
	vertical-align: middle;
}

#navigation {
	width: 720px; 
	height: 40px; 
	margin-top: -16px; 
	float: left;
	position: relative;
	clear: both;
	text-align: center;
/* False margin value for all versions of IE Win, including 6.0 */	
	margin-left: 126px;
	}

html>body div#navigation {
	/* Correct value for browsers that don't suffer from IE Win's bugs */
	margin-left: 252px; 
	}

#navigation ul { margin: 0; padding: 0; }
#navigation ul li { display: inline; margin-left; 0 !important; padding-left; 0; }
#navigation ul li a { float: left; height: 0; margin; 0; padding: 40px 0 0 0; overflow: hidden; }
#navigation ul li a { 
	background-image: url(../images/tab_nav.gif); 
	background-repeat: no-repeat; 
	text-indent: -9999px;
}

/* UNSELECTED */
#navigation li#food a { background-position: 0 0; width: 160px; }
#navigation li#nutrients a { background-position: -160px 0; width: 160px; }
#navigation li#benefits a { background-position: -320px 0; width: 160px; }
#navigation li#blog a { background-position: -590px 0; width: 50px; margin-left: 109px; }
#navigation li#donate a { background-position: -655px 0; width: 65px; margin-left: 15px;}

/* HOVER */
#navigation li#food a:hover, #navigation li#food_current a:hover { background-position: 0 -40px; width: 160px;}
#navigation li#nutrients a:hover, #navigation li#nutrients_current a:hover { background-position: -160px -40px; width: 160px; }
#navigation li#benefits a:hover, #navigation li#benefits_current a:hover { background-position: -320px -40px; width: 160px;}
#navigation li#blog a:hover { background-position: -590px -40px; width: 50px; margin-left: 109px; }
#navigation li#donate a:hover { background-position: -655px -40px; width: 65px; margin-left: 15px; }

/* SELECTED */
#navigation li#food_selected a { background-position: 0 -80px; width: 160px;}
#navigation li#nutrients_selected a { background-position: -160px -80px; width: 160px; }
#navigation li#benefits_selected a { background-position: -320px -80px; width: 160px;}
#navigation li#blog_selected a { background-position: -590px -80px; width: 50px; margin-left: 109px; }
#navigation li#donate_selected a { background-position: -655px -80px; width: 65px; margin-left: 15px;  }


#sidebar-a
{
	float: left;
	width: 160px;  
	margin-top: -30px;
	margin-bottom: 20px;
	/* background-color: #f1f1f1; */
/* False margin value for all versions of IE Win, including 6.0 */	
	margin-left: 16px;
	}

html>body div#sidebar-a {
	/* Correct value for browsers that don't suffer from IE Win's bugs */
	margin-left: 32px; /* 20px + 8px left shadow */
	}

#blog-content{
	float: left;
	/* background-color: #f1f1f1; */
	width: 470px;
	margin-top: -30px;
	padding-bottom: 10px;
	margin-left: 25px;	
}

#content {
	float: left;
	margin-left: 25px;
	margin-top: -30px;
	padding-bottom: 10px;
	width: 595px;
	text-align: left;
}

#sidebar
{
	float: left;
	/* background-color: #f1f1f1; */
	width: 250px; 
	margin-top: -30px;
	margin-bottom: 20px;
	margin-left: 25px;
}

#sidebar-b
{
	float: left;
	/* background-color: #f1f1f1; */
	width: 120px; 
	margin-top: -30px;
	margin-bottom: 20px;

	margin-left: 20px;
	}

#footer
{
	background: #BAD89E url("../images/footer_shadow.gif") top center no-repeat;
	padding-bottom: 1em;
	text-align: center;
	padding-top: 1em;
	clear: both;
	
}

.clear {
	clear: both;
}

#resultsframe {
	margin: 0 auto;
	width: 920px;
	text-align: left;
	clear: both;
	min-height: 400px;
}


#donate_form {
	margin: 0 0 1.56em 0;
}

/* CONTENT */
#content div.picture {
	width: 220px;
	float: left;
	margin: 5px 20px 10px 0;
	
}

#content div.picture img {
	width: 100%;
}

#content div.picture p a {
	text-decoration: none;
	color: #666;
}

#content div.picture p a:hover {
	text-decoration: underline;
}

#content div.picture p.credit {
	text-align: right;
	margin: 0;
	padding: 0.5em 0 0 0;
	color: #666;
	font-weight: bold;
	font-size: .8em;
	line-height: 1.1em;
}

.sendit {
	margin: 0 5px 0 0;
	border: 1px solid #666;
}

p.input {
	line-height: 1.56em;
	margin: 1.56em 0 0 0;
	padding: 0;
	text-align: left;
}

p.error {
	color: red;
}

#content div.indexwrapper {
	float: left;
	width: 30%;
	padding-right: 3%;
	margin: 0 auto;
}

#sidebar h3, #sidebar-a h3 {
	font-style: italic;
	line-height: 1.4em;
}

#sidebar-a h2 {
	/* letter-spacing: -1px; */
	margin-top: 1px;
	font-style: italic;
	line-height: 1.2em;
}

#sidebar-b h2 {
	/* letter-spacing: -1px; */
	line-height: 1.2em;
	margin-top: 2px;
}


#sidebar h3 a, #sidebar-a h3 a{
	color: #295A22;
	text-decoration: underline;
	font-style: italic;
	line-height: 1.4em;
	margin-top: 4px;
}

/* clear float after lists */
.floatclear {
	clear: both;
	height: 0;
}

.indexwrapper ul {
	margin-bottom: 1.5em;
}

.indexwrapper ul li {
	list-style-position: outside;
	list-style-type: none;
	letter-spacing: 0em;
	line-height: 1.4em;
	margin: 0 auto;
	margin-bottom: .4em;
}

.indexwrapper ul li a {
	text-decoration: none;
	font-weight: normal;
}

.indexwrapper ul li a:hover {
	text-decoration: underline;
}

.indexwrapper h3, #content h3.post-title {
	border-bottom: solid #295A22 1px;
	font-weight: bold;
	color: #295A22;
	padding-bottom: 3px;
	line-height: 1.4;

}

/* TABLE FORMATING */
table.two_col, table.three_col, table.four_col {
	border-top-width: 6px;
	border-top-style: solid;
	margin-bottom: 1.56em;
	margin-right: 0;
	width: 593px;
	clear: both;
}

table.two_col td, table.three_col td, table.four_col td {
	padding: 5px;
	border: solid #999 1px;
	line-height: 1.56em;
}

table.food_info {
	clear: both;
	margin-bottom: 1.56em;
}

table.food_info td {
	padding: 3px;
	line-height: 1.56em;
	vertical-align: text-top;
}

.left_info {
	font-weight: normal;
	text-align: left;
	width: 110px;
}

.left_rda_info {
	font-weight: normal;
	text-align: left;
	width: 250px;
}

.leftcol {
	font-weight: normal;
	text-align: left;
	text-decoration: underline;
	width: 23%;
}

.midcol {
	text-align: left;
	width: 14%;
}

.rdacol {
	text-align: left;
	width: 7%;
}

.data {
	text-align: left;
}

.data a {
	text-decoration: underline;
}


.table_stripe {
	border-top-color: #009900;
}

#fotd {
	margin-top: 8px;	
}

#fotd-top
{
	background: url(../images/fotd_top2.gif) no-repeat;
	width: 240px;
	height: 12px;
	margin: 0;
	margin-top: 4px;
	padding: 0;
	margin-bottom: 0;
	line-height: 0.1;
	font-size: 1px;
	display: block;
}

#fotd-mid
{
	background: url(../images/fotd_mid.gif) repeat-y; 
	width: 240px;
	padding: 0;
	margin: 0;
}

h2#fotd-title {
	background: url(../images/fotd_title_nologo.gif) no-repeat; 
	width: 238px;
	height: 50px;
	text-indent: -9999px;
	padding: 0;
	padding-bottom: 0px;
	margin: 0;
	margin-left: 1px;
	margin-top: -4px;
}
#fotd-mid div.picture img, #fotd-mid h3, #fotd-mid p  {
	margin-left: 15px;
}

#fotd-mid div.picture img {
	margin-bottom: 6px;
	width: 210px;
	
}
#fotd-mid p {
	margin: 0;
	margin-left: 15px;
	padding-bottom: 10px;
}
#fotd-mid h3 a {
	text-decoration: none;
	font-style: normal;
	margin-top: 0;
}
#fotd-mid h3 a:hover {
	text-decoration: underline;
}

#fotd-bot
{
	background: url(../images/fotd_bot.gif) no-repeat;
	width: 240px;
	height: 12px;
	margin: 0;
	margin-bottom: 20px;
}



/* FOOTER */
#footer li {
	display: inline;
	margin-right: 20px;
	padding-right: 0px;
}

#footer li a {
	font-family: "lucida grande", arial, helvetica, sans-serif;
	font-weight: bold;
	color: #295A22;
	padding-right: 1em;
	text-decoration: none;
	text-transform: lowercase;
}

#footer li a:hover {
	text-decoration: underline;
}

.amazon_sidebar {
	margin-bottom: 14px;
}

div.post ul li {
	list-style: disc;
	list-style-position: outside;
	margin-left: 20px;
	margin-bottom: 10px;	
}

div.post ol li {
	list-style-position: outside;
	margin-left: 20px;
	margin-bottom: 10px;	
}

#sidebar select {
	margin-bottom: 20px;
}
div.bookmarkify {
	margin-top: 20px;
}

/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */

/* Set caption frames flush */

.wp-caption.alignright {
	padding: 4px;
	margin: 5px 0 2px 7px;
	display: inline;
	}

.wp-caption.alignleft {
	padding: 4px;
	margin: 5px 7px 2px 0;
	display: inline;
	}

/* End set caption frames flush */