@import "reset.css";

#wrapper {
	width: 885px;
	margin: 0 auto;
}

/***
 * Header
 */
#header {
	background: url('/img/banners/generic.gif') no-repeat;
	height: 138px;
	margin: 10px 0 0;
	padding: 15px 0 7px;
}


.home #header,
.chomobile #header {
	height: 40px;
	margin: 0;
	background: none;
}
#header h1 {
	width: 148px; height: 40px;
	float: left;
	display: none;
}
#header h1 a, #header h1 a:hover {
	background: url('/img/global/logo.gif') no-repeat;
	text-indent: -9999em;
	width: 148px; height: 40px;
	display: block;
}
.home #header h1,
.chomobile #header h1 {
	display: block;
}
#header ul {
	float: right;
}
.home #header ul {
	padding: 10px 0 0;
}
#header li a {
	color: #3d8eba;
	padding: 0 0 4px;
	display: block;
}
#header li {
	float: left;
	font-size: 16px;
	margin: 0 0 0 20px;
}
#header li a:hover,
#header li.active a {
	background: url('/img/global/hover_dots.gif') repeat-x bottom;
}

/***
 * Global
 */
#content {
	background: url('/img/global/left_bg.gif') repeat-y left top;
}

.chomobile #content {
  background: none;
}

#content #left {
	background: url('/img/patterns/left_top.gif') no-repeat top left;
	width: 215px;
	float: left;
	margin: 0 10px 0 0; padding: 15px 0 0;
}
#content #right {
	width: 660px;
	float: left;
	
	min-height: 670px;
	height: auto !important;
	height: 670px;
}
#right a {
	font-weight: bold;
}
/*
#right ul,
#right ol {
	padding: 15px 25px;
}
#right li {
	list-style: disc;
}*/
#right p {
	padding: 0 0 15px;
}

/***
 * Homepage
 */

.home #intro {
	width: 926px;
	height: 370px;
}


.chomobile #intro {
	width: 885px;
	height: 520px;
}

.home #content {
	margin: 10px 0 0;
	background-image: none;
}
.home #content #left {
	width: 490px;
	float: left;
	margin: 0 12px 0 0;
	padding: 0;
	background: none;
}
.home #video p {
	font-weight: bold;
	padding-bottom: 8px;
}
#left h2 {
	font-size: 32px;
	margin: 0 0 10px;
}
#left p {
	margin: 10px 0;
}

#left #signup {
	margin-left: 10px;
}

.home #video {
	background: url('/img/blocks/video_bg.gif') no-repeat;
	width: 440px; height: 417px;
	padding: 25px;
	margin: 0 0 10px;
}
.home #blog {
	background: url('/img/blocks/blog_bg.gif') no-repeat;
	width: 440px; height: 162px;
	padding: 25px;
}
#blog h2 {
	font-size: 20px;
}
#blog .avatar {
	width: 90px;
	float: left;
	margin: 0 20px 0 0;
}
#blog .content {
	width: 330px;
	float: left;
}
#blog .meta {
	font-size: 11px;
	margin: 0 !important;
	color: #aefffe;
}
#blog .content p {
	margin: 0 !important;
}
/* Right */
.home #content #right {
	width: 383px;
	float: left;
}
#right #protein {
/*	background: url('/img/blocks/protein.gif') no-repeat;*/
	width: 390px; height: 164px;
	margin: -17px 0 0;
/*	text-indent: -9999em;*/
}


#tweets {
	background: url('/img/blocks/twitter_bg.gif') no-repeat;
	width: 333px; height: 266px;
	padding: 25px;
	margin: 10px 0;
}

.tweets, .chomobile .listing {
  padding: 0 20px;
	margin: 0 0;
}

#tweets h2 {
	background: url('/img/misc/twitter_h2.png') no-repeat;
	width: 286px; height: 37px;
	padding: 5px 0 0 38px;
	color: #3898cd;
}

.listing h2 {
  width: 286px; height: 24px;
	padding: 5px 0 0 0;
	font-size: 18px;
	color: #fff;
}

.tweets h2 {
  width: 232px;
  height: 29px;
  padding: 2px 0 0 ;
  color: #3898cd;
  font-size: 16px;
  background: url(/img/chomobile/tweets.gif) no-repeat;
}

#tweets li {
	padding: 10px 0 0;
	line-height: 17px;
}

.tweets li {
  font-size: 11px;
  line-height: 13px;
  padding: 5px 0 0;
}

#tweets a,
.tweets a {
	color: #aefffe;
	font-weight: bold;
}

#spoon {
	background: url('/img/blocks/spoon_bg.gif') no-repeat;
	width: 382px; height: 209px;
}
#spoon img {
	position: absolute;
	margin: 135px 0 0 -10px;
}
#spoon p {
	color: #fff;
	padding: 95px 20px 0;
	font-size: 12px;
}

/***
 * Footer
 */
#footer {
	background: url('/img/global/foot_dots.gif') repeat-x top;
	margin: 15px 0 40px; padding: 10px 0 0;
	color: #68abcf;
	font-size: 11px;
}
#footer a, #footer a:hover {
	color: #68abcf;
}
#footer .links {
	float: right;
	text-align: right;
}
#footer .copyright {
	background: url('/img/global/fruit_foot.gif') no-repeat top left;
	height: 42px;
	padding: 0 0 0 75px;
}
#footer .gray,
#footer .gray a,
#footer .gray a:hover {
	color: #b5b5b5;
}

/***
 * Products
 */
.products #header {
	background: url('/img/banners/products.gif') no-repeat;
	margin: 10px 0 0;
}
.products .menu {
	padding: 10px 0 0 !important;
}
.products #content #left {
	padding-top: 0;
}
ul.menu li {
	background: url('/img/products/arrow.gif') no-repeat left 0.7em;
	margin: 0 0 0 20px; padding: 3px 0 3px 18px;
}

ul.menu li ul li {
	margin: 0;
	background: url('/img/products/arrow.gif') no-repeat left 0.6em;
}

ul.menu li ul li a {
	font-size: 14px;
}
ul.menu a {
	display: inline-block;
	color: #fff;
	font-size: 18px;
	padding: 0 0 3px;
}
ul.menu a:hover {
	background: url('/img/products/link_bg.gif') repeat-x bottom;
}
#sidebar .navigation li {
	padding: 3px 0;
}
#sidebar ul.navigation {
	padding: 10px 10px 0 20px;
}
#sidebar ul.navigation a {
	font-size: 14px;
}
#sidebar ul.navigation a:hover,
#left ul li.active > a {
	background: url('/img/products/link_bg.gif') repeat-x bottom;
	padding: 0 0 3px;
}

#right {
	background: url('/img/patterns/teal_bg.gif') repeat-y top left;
}

.chomobile #content #right {
  width: 270px;
  height: 360px;
  min-height: 360px;
  background: url(/img/chomobile/right_v2.jpg) no-repeat;
}

.chomobile #content #left {
  background: url('/img/chomobile/left_v2.jpg') no-repeat;
  padding: 10px 25px;
  width: 555px;
  height: 340px;
}

.recipes #right embed {
  width: 100%;
}

#left .blogEntry p {
  font-size: 14px;
  color: #fff;
  margin: 5px 0;
  width: 435px;
  position: relative;
  padding-right: 120px;
}


.blogTitle {
  margin: 0;
}

.blogTitle a{
  font-size: 16px;
  color: #fefc85;
  margin: 0;
}

.home #right {
	background: none;
}
.products #right #top {
	background: url('/img/patterns/teal_top.gif') no-repeat top left;
	padding: 25px 25px 10px 25px;
}

h1.nikki {
  color: #fff;
  padding: 10px 0 0 65px;
  line-height: 65px;
  font-size: 30px;
  background: url(/img/chomobile/nikki_v2.png) no-repeat left;
}

.chomobile a.more {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 12px;
  float: right;
  padding: 0 10px;
  color: #1979D8;
  background: rgba(255,255,255,0.9);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.chomobile a.more:hover {
  background: rgba(255,255,255,1.0);
}

/***
 * Product
 */
.product {
	background: url('/img/products/trans_dot.png') repeat-x top;
	font-size: 12px;
	padding: 25px 0 0; margin: 0 0 25px;
}
.product:first-child {
	background-image: none;
	padding-top: 0;
}
.product h2 {
	font-size: 25px;
	margin: 0 0 10px;
}
.product .thumb {
	width: 230px;
	float: left;
	text-align: center;
	margin: 0 15px 0 0;
}
.product .description {
	width: 340px;
	float: left;
	padding: 10px 0 0;
	font-size: 13px;
	font-weight: bold;
	text-shadow: rgba(0,0,0,0.3) 0 0 3px;
}

.product li {
	width: 340px;
	margin: 3px 0 3px 0;
	font-weight: normal;
	font-size: 12px;
	background: url('/img/global/1dots.png') repeat-x bottom;
	text-shadow: rgba(0,0,0,0.3) 0 0 3px;
}

/***
 * About
 */
.about #header {
	background: url('/img/banners/about.gif') no-repeat;
}

.about #right {
	background: url('/img/patterns/pink_bg.gif') repeat-y top left;
}
.about #right #top {
	background: url('/img/patterns/pink_top.gif') no-repeat top left;
}
.about #story ul {
	padding: 0 0 15px;
}
.about #story li {
	margin: 3px 0 3px 0;
	font-weight: normal;
	font-size: 12px;
	background: url('/img/global/1dots.png') repeat-x bottom;
	text-shadow: rgba(0,0,0,0.3) 0 0 3px;
}

.about #story .bigNav li {
	border-bottom: none;
}

/***
 * Recipes
 */
.recipes #header {
	background: url('/img/banners/recipes.gif') no-repeat;
}

/*.recipes #right {
	background: url('/img/patterns/orange_bg.gif') repeat-y top left;
}
.recipes #right #top {
	background: url('/img/patterns/orange_top.gif') no-repeat top left;
	padding: 25px 25px 10px 25px;
}*/

/***
 * Spread the Good
 */
.sp_our_good {
	background: url('/img/misc/spread_our_good.gif') no-repeat;
	width: 228px; height: 34px;
	text-indent: -9999em;
	font-size: 0.1em;
	margin: 0 0 10px;
}
.spread #header {
	background: url('/img/banners/spread.gif') no-repeat;
}
.spread #right form {
	margin: 15px 0 0;
}
.spread #right form img {
	background: #fff;
}
.sp_your_good {
	background: url('/img/misc/spread_your_good.gif') no-repeat;
	width: 240px; height: 45px;
	text-indent: -9999em;
	font-size: 0.1em;
	margin: 0 0 10px;
}

/***
 * RD Center
 */
.rd-center #header {
	background: url('/img/banners/rd-center.gif') no-repeat;
}

.rd-center #right {
	background: url('/img/patterns/purple_bg.gif') repeat-y top left;
}
.rd-center #right #top {
	background: url('/img/patterns/purple_top.gif') no-repeat top left;
}


/***
 * Content
 */
#right #story {
	padding: 18px 32px;
}
#story h1 {
	line-height: 35px;
	background: url('/img/global/white_dots.png') bottom repeat-x;
	margin-bottom: 12px;
	font-size: 24px;
	padding-bottom: 8px;
}
#story p {
	font-size: 12px;
}
#story img {
	float: left;
	margin: 0 16px 0 0;
}
.about #story img {
		border: 4px solid #fff;
}
.rd-center #story img {
	margin-bottom: 16px;
}
.rd-center.index #story strong {
	position: relative;
	top: 20px;
}
.rd-center #story p {
	clear: left;
}
#story hr {
	border: 0;
	background: url('/img/global/white_dots.png') bottom repeat-x;
	clear: both;
}
#story .bigNav {
	clear: both;
	margin: 16px 0 0 !important; padding: 0 !important;
}
#story .bigNav li { 
	float: left;
	width: 182px;
	height: 50px;
	margin: 0 16px 16px 0;
	text-align: center;
	font-size: 24px;
	line-height: 20px;
	padding: 23px 0 0 0;
	list-style: none;
	background: url('/img/global/big_nav_button.png');
}
.rd-center #story .bigNav li {
	width: 95px;
	font-size: 20px;
	margin-right: 18px;
	padding: 13px 20px 0;
	height: 60px;
	overflow: hidden;
	background: url('/img/global/big_nav_button_rd.png');
}
#story .bigNav li:last-child {
	margin-right: 0;
}
#story h3 {
	font-size: 16px;
	height: 32px;
}

/***
 * News listing
 */
.listing {}
.listing .item,
.border {
	margin: 5px 0 5px; padding: 0 0 5px;
	background: url('/img/global/1dots.png') repeat-x bottom;
}

.borderTop {
  background: url('/img/global/1dots.png') repeat-x top;
  padding-top: 5px;
}

.listing .item .content {
	display: none;
}

.item .toggle {
	width: 18px;
	float: left;
	margin: 0 10px 0 0;
}
.item .expand {
	width: 560px;
	float: left;
}

#right .item .expand p {
	padding: 0;
}

.item .toggle a {
	background: url('/img/global/minus_plus.png') no-repeat top right;
	width: 18px; height: 16px;
	display: block;
	text-indent: -9999em;
}
.item .toggle a.open {
	background-position: top left;
}
.item .title {
}
.item .title a {
	font-weight: bold;
}

/* Spread the Good */
.spread #right {
	background: url('/img/patterns/red_bg.gif') repeat-y;
}
.spread.index #left,
.spread.index #right {
	width: 321px; height: 389px;
	float: left;
	padding: 75px 60px 0;
	color: #fff;
}
.spread.index #left h2,
.spread.index #right h2 {
	display: none;
}
.spread.index #left {
	background: url('/img/patterns/sp_our_good.jpg') no-repeat;
	margin: 0 3px 0 0;
}
.spread.index #left li {
	background: url('/img/patterns/wide_button.png') no-repeat;
	width: 294px; height: 44px;
	margin: 0 0 5px; padding: 16px 0 0;
	text-align: center;
	font-size: 25px;
}

.spread.index #right {
	background: url('/img/patterns/sp_your_good.jpg') no-repeat;
}
.spread.index #right p {
	margin: 10px 0 0; padding: 0 0 5px;
}

.spread .charity {
	width: 270px;
	float: left;
	margin: 0 50px 50px 0;
}
.spread #right #top {
	background: url('/img/patterns/red_top.gif') no-repeat top left;
}
.spread .last {
	margin-right: 0;
}
.charity .logo {
	background: url('/img/global/logo_bg.gif') no-repeat;
	width: 270px; height: 85px;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}
.charity .logo img {
	float: none !important;
	margin-right: 0 !important;
}
.charity .desc {
	background: url('/img/global/bottom_logo.gif') repeat-y;
	width: 270px;
}
.desc .corner {
	background: url('/img/global/bottom_logo_corner.gif') no-repeat bottom;
	padding: 5px 15px 15px;
}
.corner .learn .learn_more {
	background: url('/img/global/learn_more.gif') no-repeat left center;
	margin: 0 0 0 65px; padding: 10px 10px 10px 25px;
	font-weight: bold;
}
.charity .desc p {
	font-size: 11px !important;
	line-height: 15px !important;
	text-align: center;
}

/***
 * Recipes
 */
.recipes {}
.recipes #right {
	background: none;
}
.recipes .left .top {
	background: url('/img/global/recipes_left_top.gif') no-repeat top;
	padding: 15px 20px;
	min-height: 700px;
	height: auto !important;
	height: 700px;
}
.recipes .right .top {
	background: url('/img/global/recipes_right_top.gif') no-repeat top;
	padding: 15px 20px;
	min-height: 700px;
	height: auto !important;
	height: 700px;
}

.recipe_listing {}
.recipe_listing .left {
	background: url('/img/patterns/orange_bg.gif') repeat-y top right;
	width: 428px;
	float: left;
	margin: 0 15px 0 0;
}
.recipe_listing .right {
	background: url('/img/patterns/orange_bg.gif') repeat-y;
	width: 215px;
	float: left;
}
.recipe_listing .right h2,
.recipe_listing .left h2 {
	background: url('/img/global/white_dots.png') repeat-x bottom;
	padding: 0 0 10px; margin: 0 0 10px;
}

.recipe_listing .left .recipe,
.right .recipe,
hr {
	background: url('/img/global/white_dots.png') repeat-x bottom;
	margin: 0 0 15px; padding: 0 0 10px;
}
.recipe .image {
	margin: 10px 0;
}
.recipe .image img,
a.more img {
	border: 4px solid #fff;
	-webkit-box-shadow: rgba(0,0,0,0.15) 2px 2px 0;
	-moz-box-shadow: rgba(0,0,0,0.15) 2px 2px 0;
	margin: 3px 0;
}

a.more img {
	margin: 13px 0 3px;
}

.rating {
	width: 100%;
	display: block;
	padding: 10px 0;
	height: 15px;
}

.rating span { 
	font-size: 10px;
	position: absolute;
	margin: -4px 0 0 5px;
}



.left .section {
	padding: 0 0 25px;
}
.section h2 {
	font-size: 14px;
}

/***
 * Misc
 */
.contact .zend_form {
}
.zend_form dd {
	margin: 0 0 5px;
}
.zend_form dt {
	font-weight: bold;
}

.zend_form label.required {
	font-weight: bold;
}
.zend_form textarea {
	width: 400px;
	height: 200px;
}
.errors {
	font-size: 11px;
	font-weight: bold;
}

.blue_button { 
	background: url(/img/global/blue_button_bg.png);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	font-size: 16px;
	display: block;
	padding: 15px 12px;
	text-align: center;
}

.dark_blue {
	background: url(/img/global/dark_blue_button_bg.png) repeat top left;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	font-size: 16px;
	display: block;
	padding: 15px 12px;
	text-align: center;
}

.left {
	float: left;
}

.right {
	float: right;
}
.right a.blue_button {
	width: 180px;
}

#message {
	font-size: 18px;
	font-weight: bold;
}

/*Contact Form*/
dl dd {
	display: block;
}

dl.group {
	overflow: auto;
}

dd.element {
	max-width: 300px;
}

dl.group dd.element {
	float: left;
	margin-right: 10px;
}

input[type=text] { width: 143px; border: 1px solid #D9D9D9; border-right: 1px solid #5A5A5A; border-bottom: 1px solid #5A5A5A; -moz-border-radius: 3px; -webkit-border-radius: 3px;}

input.long { width: 300px;}
input.city { width: 137px;}
select.state { width: 90px;}
input.zip { width: 50px;}

dl.zend_form label {display: block;}
dl.zend_form label.checkbox { display: inline; font-size: 11px;}

.zend_form textarea {
	width: 300px;
	height: 50px;
}


.about #story ul.errors {
	border: 1px solid #998C27;
	background: #FBF6A0;
	padding: 0;
	margin: 5px 0 0 0;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
}

.about #story ul.errors li {
	border: none;
	color: #998C27;
	font-weight: bold;
	margin: 0;
	padding: 3px 5px;
	line-height: 10px;
	text-shadow: none;
}

span.small {
	display: block;
	width: 204px;
	text-align: center;
	font-size: 10px;
	padding: 0 !important;
}

#spoon a.learn_more {
	position: absolute;
	margin: 151px 0 0 266px;
	width: 100px; height: 25px;
	display: block;
	text-indent: -9999em;
	font-size: 0.1em;
}

/* Items */
ul.menu li.twitter {
	background: url('/img/misc/twitter-small.gif') no-repeat left center;
	margin: 4px 0 4px 20px; padding: 4px 0 0 25px;
}
ul.menu li.facebook {
	background: url('/img/misc/facebook.png') no-repeat left center;
	margin: 4px 0 4px 20px; padding: 4px 0 0 25px;
}
.spread-14 {
	display: none;
}
.spread #left .bigNav {
	padding: 15px 0 0;
}
#story .gallery {
	padding: 15px 0;
}

.top_products {
	padding: 15px;
}

/* Spoons */

.spoons #header {
	background: url('/img/banners/spoons.gif') no-repeat;
}

body.champions #header {
	background: url('/img/champions/logo.gif') no-repeat 0 5px;
  height: 30px;
}
body.champions .splash {
	background: url('/img/champions/splash.jpg');
  position: relative;
  width: 891px; height: 813px;
}
body.champions .splash a {
  width: 247px; height: 52px;
  text-indent: -9999em;
  font-size: 0.1em;
  margin: 707px 0 0 323px;
  position: absolute;
}