/* @override 
	http://weolive.com/css/main.css
	http://www.weolive.com/css/main.css
*/

/*
 *
 *    --- Main.css ----
 *    www.weolive.com
 *    Copyright 2008, Kraftwerk Design, Inc.
 *
 *
 */

/* @group Global Styles */

html {
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
}

html, body { margin:0;padding:0; font:12px/18px "Lucida Grande", Arial, Helvetica, sans-serif; color:#d9d68c }
body { background: #190c02 url(/images/background.gif) repeat-x top left;  }
#wrapper { width:885px; margin:auto; overflow:hidden; }
#content { width:885px; margin-bottom:7px; overflow:hidden; clear:both; }
h1, h2, h3, h4, h5, h6, p { margin:0 0 18px 0; padding:0; } 
ul { margin:0 0 18px 0; }
a { color:#d4cdc7; }
a:hover { color:#FFFFFF; text-decoration:underline; }

/* To make IE6 render images bicubically */
img { -ms-interpolation-mode:bicubic; }
img, a img { border:none; outline:none; }

.socIcon {margin-left:3px;vertical-align:middle; width:20px;height:20px;}
.socIcon img {vertical-align:middle;}

dl { margin:0 0 18px 0; }
dt { font-weight:bold; font-size:13px; color:#7b664b; padding:0; margin:0 0 8px 0; }
dt.hover { color:#FFFFFF; cursor: pointer; }
dt span.open { font-size:11px; color:#FFFFFF; }
dd { margin:0 0 8px 40px; padding:0; }

/* Fix textarea scrollbar behavior in IE */
textarea { overflow: auto; }

/* @group Clearfix */

* html .clearfix{height:1%}* + html .clearfix{display:inline-block}.clearfix:after{content:".";display:block;height:0;clear:both;visibility: hidden}

/* @end */



/* @end */

/* @group Top */

/* ----- TOP ----- */

div#head  { background:url(/images/header2.gif) no-repeat top left; width:885px; float:left;height:136px;padding:0;margin:0;position: relative; }
div#head h2 {float:left; height:136px; display:block; margin:0; padding:0; width:200px; }
div#head h2 a { display:block; height:136px; text-indent:-9999px; }
div#head a.shoplink {float:right;text-indent:-9999px;width:157px;height: 42px;background:url(/images/shop_button.gif) no-repeat top left; position:relative;top: 85px;}
div#head a.shoplink:hover {background:url(../images/shop_button_off.gif) no-repeat top left;}

#head #shopFreeShipping {
	display: block;
	text-indent: -9999px;
	width: 235px;
	height: 100px;
	background: url(/images/weolive-shipping_promo.jpg) no-repeat top left;
	position: absolute;
	top: 0;
	right: 0;
	z-index:10;
}

/* @end */

/* @group Columns */

/* ----- COLUMNS ----- */

div#left {width:235px; margin-right:7px; float:left; overflow:hidden; }
div#right {width:642px; float:left;  overflow:hidden; }

/* @end */

/* @group Main Nav */

/* ----- MAIN NAV ----- */

ul#nav 	{ margin:0; padding:0; width:235px; list-style:none; }
ul#nav li { width:100%; height:39px; }
ul#nav li a { display:block; width:100%; height:39px; text-indent:-9999px; }

ul#nav li#about_button { background: url(/images/nav_about_on.gif) no-repeat top left;}
ul#nav li#about_button a { background: url(/images/nav_about_off.gif) no-repeat top left;}
ul#nav li#about_button a:hover { background: url(/images/nav_about_on.gif) no-repeat top left;}

ul#nav li#about_oils_button { background: url(/images/nav_about_olive_on.gif) no-repeat top left;}
ul#nav li#about_oils_button a { background: url(/images/nav_about_olive_off.gif) no-repeat top left;}
ul#nav li#about_oils_button a:hover { background: url(/images/nav_about_olive_on.gif) no-repeat top left;}

ul#nav li#cali_oils_button { background: url(/images/nav_cali_olive_on.gif) no-repeat top left;}
ul#nav li#cali_oils_button a { background: url(/images/nav_cali_olive_off.gif) no-repeat top left;}
ul#nav li#cali_oils_button a:hover { background: url(/images/nav_cali_olive_on.gif) no-repeat top left;}

ul#nav li#recipes_button { background: url(/images/nav_recipes_on.gif) no-repeat top left;}
ul#nav li#recipes_button a { background: url(/images/nav_recipes_off.gif) no-repeat top left;}
ul#nav li#recipes_button a:hover { background: url(/images/nav_recipes_on.gif) no-repeat top left;}

ul#nav li#blog_button { background: url(/images/nav_blogs_on.gif) no-repeat top left;}
ul#nav li#blog_button a { background: url(/images/nav_blogs_off.gif) no-repeat top left;}
ul#nav li#blog_button a:hover { background: url(/images/nav_blogs_on.gif) no-repeat top left;}

ul#nav li#nutrition_button { background: url(/images/nav_nutrition_on.gif) no-repeat top left;}
ul#nav li#nutrition_button a { background: url(/images/nav_nutrition_off.gif) no-repeat top left;}
ul#nav li#nutrition_button a:hover { background: url(/images/nav_nutrition_on.gif) no-repeat top left;}

ul#nav li#growers_button { background: url(/images/nav_growers_on.gif) no-repeat top left;}
ul#nav li#growers_button a { background: url(/images/nav_growers_off.gif) no-repeat top left;}
ul#nav li#growers_button a:hover { background: url(/images/nav_growers_on.gif) no-repeat top left;}

ul#nav li#olive_above_button  { background: url(/images/nav_olive_above_on.gif) no-repeat top left;}
ul#nav li#olive_above_button a { background: url(/images/nav_olive_above_off.gif) no-repeat top left;}
ul#nav li#olive_above_button a:hover { background: url(/images/nav_olive_above_on.gif) no-repeat top left;}

ul#nav li#latest_button { background: url(/images/nav_latest_on.gif) no-repeat top left;}
ul#nav li#latest_button a { background: url(/images/nav_latest_off.gif) no-repeat top left;}
ul#nav li#latest_button a:hover { background: url(/images/nav_latest_on.gif) no-repeat top left;}

ul#nav li#store_button { background: url(/images/nav_stores_on.gif) no-repeat top left;}
ul#nav li#store_button a { background: url(/images/nav_stores_off.gif) no-repeat top left;}
ul#nav li#store_button a:hover { background: url(/images/nav_stores_on.gif) no-repeat top left;}

ul#nav li#franchising_button { background: url(/images/nav_franchising_on.gif) no-repeat top left;}
ul#nav li#franchising_button a { background: url(/images/nav_franchising_off.gif) no-repeat top left;}
ul#nav li#franchising_button a:hover { background: url(/images/nav_franchising_on.gif) no-repeat top left;}

ul#nav li#oil_club_button { background: url(/images/nav_oil_club_on.gif) no-repeat top left;}
ul#nav li#oil_club_button a { background: url(/images/nav_oil_club_off.gif) no-repeat top left;}
ul#nav li#oil_club_button a:hover { background: url(/images/nav_oil_club_on.gif) no-repeat top left;}

ul#nav li#franchise_button { background: url(/images/nav_franchise_on.gif) no-repeat top left;}
ul#nav li#franchise_button a { background: url(/images/nav_franchise_off.gif) no-repeat top left;}
ul#nav li#franchise_button a:hover { background: url(/images/nav_franchise_on.gif) no-repeat top left;}

ul#nav li#estore_button { background: url(../images/nav_visit_store_on.gif) no-repeat top left; height:47px;}
ul#nav li#estore_button a { background: url(../images/nav_visit_store_off.gif) no-repeat top left;height:47px;}
ul#nav li#estore_button a:hover { background: url(../images/nav_visit_store_on.gif) no-repeat top left;}


ul#nav li#signup_form { height:135px; margin-top:2px;}
ul#nav li#signup_form form {background: url(../images/form_back.gif) no-repeat top left; height:82px; float:left; width:100%; padding-top:53px;}
ul#nav li#signup_form form p {text-align:center; margin:0 0 2px 0;padding:0;}
ul#nav li#signup_form form p.right {text-align:right; padding-right:21px;padding-top:3px;}
ul#nav li#signup_form form input.textInput { border: 1px solid #C1BF70; background:#D1CF84; width:181px; height:15px; padding:2px 5px; font-size:11px; color:#402709;}

/* @end */

/* @group Copy Area */

/* ----- COPY AREA ----- */

div#copy { width:600px; color:#d9d68c; padding:15px 35px 15px 20px; background-color:#130901; }
div#copy h3 { color:#a29b3b; font-size:21px ; margin: 0 0 12px 0; font-weight:lighter;}
div#copy h4 { color:#f9f7d2; margin:0 0 6px 0; font-size:13px; }
#left_col ul, #right_col ul { list-style:none; margin:0; padding:0; display:block; }
#left_col li,  #right_col li { padding:0; margin:0 0 8px 0; }

/* @end */

/* @group Home */

/* ----- Home ----- */

div#flash_content { width:642px; height:242px; }
div#flash_content div.alt {display:none;}
body#home #copy { background:transparent url(../images/home_page_copy_back.gif); width:632px; height:250px; line-height:16px; padding:15px 0 0 15px; }
body#home #copy a { font-style:italic; font-family:Georgia, Times, sans-serif; text-decoration:none; }
div#copy #home_text { width:342px; float:left; }

#buzz {
	width:235px;
	margin-right:7px;
	float:left;
	overflow:hidden;
	position: absolute;
	top: 690px;
}
#buzz ul { width:265px; padding:0; margin:0; list-style:none;}
#buzz ul li {margin-bottom:4px;}
#buzz ul li .date { color:#a29b3b;}
#buzz ul li.buzz_more { padding-top:5px; }

#highlights { margin-bottom:10px; width:885px; clear:both; overflow:hidden; }
div.highlight { width:276px; float:left; background:#a29b3b; margin-right:7px; _margin-right:6px; padding:7px; }
div.highlight a img { border:1px solid #3e280b; margin:0 0 7px 0; }
div.highlight a:hover img { border:1px solid #FFFFFF; }
div.highlight h3 { margin:0; color:#FFF; font-weight:lighter; }
div.highlight p { margin:0; }
div.highlight a { color:#3e1e0a; text-decoration:none; }
div.highlight a:hover { text-decoration:underline;  }
div.last {margin:0;}

/* @end */

/* @group Blog Buttons */

/* ----- BLOG BUTTONS ----- */
a.blog_button { float:left; width:188px; height:136px; text-indent:-9999px; }
a.ml { margin-left:18px; }
#growersCorner { background:url('/images/btn_blog_growerCorner.jpg') no-repeat top left; }
#nutritionScience { background:url('/images/btn_blog_nutrition.jpg') no-repeat top left; }
#oliveTheAbove { background:url('/images/btn_blog_oliveAbove.jpg') no-repeat top left; }

/* @end */

/* @group Content Forms */

/* ----- CONTENT FORMS ----- */
#copy form { display:block;  }
#copy form p { display:block; overflow:hidden; padding:6px; margin-bottom:8px; clear:both; width:590px; }
#copy form p.light { background-color:#18100a; clear:both; }
#copy form label { display:block; width:280px; float:left; clear:left; padding:4px 0 0 4px; }
#copy form input, #copy form textarea { float:left; }
#copy form textarea { height:150px; }
#copy form .textInput { padding:4px; border:1px solid #48301e; background-color:#d9d68c; width:250px; margin-left:20px; }
#copy form .button { float:left; margin-left:20px; }

#copy form#contactForm p { width:390px; }
#copy form#contactForm label { width:100px }
#copy form#contactForm .textInput { width:255px; }

/* @end */

/* @group Footer */

#footer { width:100%; clear:both; margin:5px 0 20px; font-size:11px; color:#5b4330; }
#footer a { color:#816a57; text-decoration:none; }
#footer a:hover { color:#d0b299; text-decoration:underline; }
#footer p {	margin-bottom: 0; }
#footerLeft { width:48%; float:left; }
#footerRight { width:48%; float:right; text-align:right; }

/* @group Footer logos */

#footer-logos {
	clear: both;
	margin-top: 10px;
}

#footer-logos p {
	color: #7f5a34;
}

#footer-logos a:hover {
	text-decoration: none;
}

#footer-fda,
#footer-aha,
#footer-cali-oil-council {
	float:left;
	display: block;
}

#footer-fda {
	margin-top: 21px;
	padding-left: 105px;
	width: 186px;
	background: url(/images/fda-initials.png) no-repeat 0 5px;
	height: 59px;
}

#footer-fda,
#footer-aha {
	margin-right:6px;
}

#footer-aha {
	padding-left: 95px;
	background: url(/images/american-heart-logo.png) no-repeat;
	width: 196px;
	height: 113px;
}

#footer-aha p {
	margin-top: 21px;
}

#footer-cali-oil-council {
	margin-top: 21px;
	padding-left: 91px;
	width:200px;
	background: url(/images/cali-olive-oil-council-logo.png) no-repeat 0 5px;
	height: 91px;
}

/* @end */

/* @end */

div#right {
	overflow:visible;
}
div#home_text {overflow:visible; }
body#home #copy {
	width:632px;
	line-height:16px;
	padding:15px 0 0 15px;
	background-color: transparent;
	background-image: url(../images/home_page_copy_back.gif);
	background-repeat: no-repeat;
	background-position: top;
	min-height: 950px;
}