/*  
Theme Name: Boku Super Food
Theme URI: http://bokusuperfood.com/
Description: WordPress theme designed by <a href="http://www.kimchihead.com">The Kimchihead</a>.
Version: 1.0
Author: Kimchihead
Author URI: http://kimchihead.com/
*/

.hola {
	margin: 0;
	}

/* --------------------------------------------------  */
/* ------------------------------------- Basic Layout  */
/* --------------------------------------------------  */

body {
	text-align: center;
	margin: 0;
	padding: 0;
	border: 0;	
	background-color: #fff;
	font: 12px Verdana, Arial, Tahoma, Helvetica, sans-serif;
	}

#page {
	width: 900px;
	margin: 15px auto;
	background: transparent;
	text-align: left;
	}

#header {
	width: 900px;
	height: 270px;
        top-margin:-2px;
	background: transparent url("images/boku_Header2.jpg") left top no-repeat;
	}

/* --------------------------------------------------  */
/* ------------------------------------- New Home Page */
/* --------------------------------------------------  */

#homeTop {
	float: left;
	display: block;
	width: 900px;
	height: 300px;
	margin-top: -10px;
	padding:0;
	border: 0;
	position: relative;
	background: transparent url("images/bokuBack.jpg") 0px 0px no-repeat;
}

#movie {
	margin-left: 10px;
	padding-top: 10px;
	width: 420px;
	height: 235px;
	float: left;
	display: inline;
	}

#homebottle {
	margin-left: 7px;
	margin-top: 75px;
	float: left;
	display: inline;
	width: 268px;
	height: 324px;
	background: transparent url("images/bokubottle.png") left top no-repeat;
	}
	
#buyNow {
	float: left;
	display: inline;
	margin-left: -100px;
}

#quoteOne {
	width: 289px;
	height: 108px;
	background: transparent url("images/quoteA.gif") left top no-repeat;
	}
	
#offer {
	margin-left: 75px;
	width: 139px;
	height: 21px;

	}

	/* ------------------------------ Buy Now Button  */

	#buyButton	{
		width: 175px;
		height: 45px;
		margin-left: 75px;
		background: url("images/buyButton.jpg") left top no-repeat;
		}

	#buyButton a:link, #buyButton a:visited { 
		background: url("images/buyButton.jpg") left top no-repeat;
		background-position: 0px 0px; 
		}

	#buyButton a:hover, #buyButton a:active { 
		background: url("images/buyButton.jpg") left top no-repeat; 
		background-position: 0px -45px; 
		}

	#buyButton a:link, #buyButton a:visited, #buyButton a:hover, #buyButton a:active {
		display: block;
		width: 100%;
		height: 100%;
		}

#homeMiddle {
	float: left;
	width: 900px;
	display: block;
	margin-top: -40px;
}

#quoteTwo {
	float: left;
	display: inline;
	width: 408px;
	height: 149px;
	background: transparent url("images/quoteB.gif") left top no-repeat;
	}

	/* ------------------------------ #quoteB Rollover  */

	#quoteTwo a:link, #quoteTwo a:visited { 
		/*background: url("images/quoteBroll.gif") left top no-repeat;*/
		background-position: 0px 0px; 
		}

	#quoteTwo a:hover, #quoteTwo a:active { 
		/*background: url("images/quoteBroll.gif") left top no-repeat;*/ 
		background-position: 5px -81px; 
		}

	#quoteTwo a:link, #quoteTwo a:visited, #quoteTwo a:hover, #quoteTwo a:active {
		display: block;
		width: 100%;
		height: 100%;
		}

#moneyBack {
	float: left;
	margin-left: -136px;
	display: inline;
	width: 136px;
	height: 136px;
	background: transparent url("images/sealGuarantee.gif") left top no-repeat;
	}

/* ------------------------------ #sealGuarantee Link  */

	#moneyBack a:link, #moneyBack a:visited {
		/* background: url("images/sealGuarantee.gif") left top no-repeat;
		background-position: 0px 0px; */
		}

	#moneyBack a:hover, #moneyBack a:active {
		/* background: url("images/sealGuarantee.gif") left top no-repeat;
		background-position: 0px 0px; */
		}

	#moneyBack a:link, #moneyBack a:visited, #moneyBack a:hover,#moneyBack  a:active {
		display: block;
		width: 100%;
		height: 100%;
		}


	/* ------------------------------ #quoteA Rollover  */

	#quoteOne a:link, #quoteOne a:visited { 
		background: url("images/quoteAroll.gif") left top no-repeat;
		background-position: 0px 0px; 
		}

	#quoteOne a:hover, #quoteOne a:active { 
		background: url("images/quoteAroll.gif") left top no-repeat; 
		background-position: 0px -108px; 
		}

	#quoteOne a:link, #quoteOne a:visited, #quoteOne a:hover, #quoteOne a:active {
		display: block;
		width: 100%;
		height: 100%;
		}
		
#homeBottom {
	float: left;
	display: block;
	width: 900px;
}

	#lineUp {
		float: left;
		display: inline;
		margin: 0 31px;
	}

#homeBottomLinks {
	float: left;
	display: block;
	width: 900px;
	height: 60px;
	margin-top: 15px;
}
	#lineUp2 {
		float: left;
		display: inline;
		margin: 0 28px;
	}

	/* ------------------------------ Splash page elements, only visible on landing page. */
	
	
	

#splash {
	width: 900px;
	height: 500px;
	margin: 0;
	padding:0;
	border: 0;
	position: relative;
	background: transparent url("images/bokuBack.jpg") 0px 0px no-repeat;
	}

	/* ------------------------------ /Splash page elements */

	/* ------------------------------ Two column layout, for the rest of the site.  */

#wrapper {
	background: #fff url("images/bokuWrapper.jpg") left top repeat-y;
	}

#left {
	background: transparent url("images/bokuLeftBox.jpg") left top no-repeat;
	float: left; 
	width: 300px;
	}

#right {
	float: right; 
	width: 585px;
	}

	/* ------------------------------ /Two column layout.  */

#footer {
	clear: both;
	width: 900px;
	padding-top: 20px;
	background: #fff url("images/bokuFooter.jpg") left top no-repeat;
	text-align: center;
	}

#footerHome {
	clear: both;
	width: 900px;
	padding-top: 20px;
	text-align: center;
	}

	/* ------------------------------ Menu Formatting  */

.spacer {
	width: 100%;
	height: 1px;
	}

#mainMenu { /* div */
	clear: both;
	width: 890px;
	margin: auto;
	padding: 0;
	}

#mainMenu img {
	border: 0;
	}

	/*-----------------------------------------------------------
		Pure CSS Drop-down Menu
		Last Updated: 12/31/2007 by Justin Spegele
		Author: Justin Spegele
				Spegele Design and Development
				http://www.spegele.com/
		This code is free to modify and use for any purpose, as
		long as proper credit is given to the original designer.
	----------------------------------------------------------- */
	
	/* Overarching Menu
		-----------------------------------*/
        
#mainMenu {
	position: relative; 
	z-index: 1000;
	}

#mainMenu ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	}

#mainMenu ul ul {
	width: 149px;
	text-align: left;
	}

	/*	Main list 
		-----------------------------------*/

#mainMenu li {
	float:left;
	/* width:150px; */
	position:relative;
	padding: 0 9px 0 3px;
	}

	/*	First Level
		-----------------------------------*/
		/* Links */

#mainMenu a, #mainMenu a:visited {
	display: block;
	text-decoration: none; 
	color: #fff;
        font-size: 13px;
	border: 0; 
	line-height: 27px;
	}

		/* Links on hover */

#mainMenu a:hover {
	background: transparent;
	color: #04b;
	}

#mainMenu ul ul a:hover {
	color: #04b; 
	}

#mainMenu :hover > a {
	background: transparent;
	color: #04b;
	}

#mainMenu ul ul :hover > a {
        background: $fff;
	color: #04b;
	}

#mainMenu ul :hover > a {
        background: $fff;
	color: #04b;
	}

	/*	Second Level
		-----------------------------------*/
		/* Links */

#mainMenu ul ul a, #mainMenu ul ul a:visited {
	background: #58b;
	/* line-height: 10px; */
	padding: 0px 10px; 
	width: 150px;
	border: #79b 1px solid;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
	}

		/* Links on hover */
		#mainMenu ul ul a:hover {
			background: #fff;
		}
		



		/* Visibility */

#mainMenu ul li:hover ul, #mainMenu ul a:hover ul {
	visibility: visible; 
	}

#mainMenu ul ul :hover > a {
	color: #04b;
	background: #fff;
	}

	/*	Third Level
		-----------------------------------*/
		/* Links */
        
#mainMenu ul ul ul a, #mainMenu ul ul ul a:visited {
	background: #58b;
	}

		/* Links on hover */
	
#mainMenu ul ul ul a:hover {
	background: #8bd;
	}

		/* Positioning */
        
#mainMenu ul ul ul{
	left: 170px; 
	top: -1px; 
	}
        
#mainMenu ul ul ul.left {
	left: -150px;
	}

		/* Visibility */

#mainMenu ul :hover ul ul{
	visibility: hidden;
	}

#mainMenu ul :hover ul :hover ul{
	visibility: visible;
	}

		/*	All Sub Levels 
		-----------------------------------*/
		/* Default visibility */
        

#mainMenu ul ul {
	visibility: hidden;
	position: absolute;
	top: 22px;
	left: 0; 
	}

	/*	IE Table 
		-----------------------------------*/
        
#mainMenu table {
	position:absolute;
	top:0;
	left:0;
	border-collapse:collapse;
	}

	/* ------------------------------ /Menu Formatting  */


	/* ------------------------------ #splash Elements  */

#splash li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	position: absolute;
	}

#show {
	left: 10px;
	top: 10px;
	width: 420px;
	height: 235px;
	}

#bottle {
	left: 447px;
	top: 90px;
	width: 268px;
	height: 324px;
	background: transparent url("images/bokubottle.png") left top no-repeat;
	}

#sealGuarantee {
	left: 780px;
	top: 250px;
	width: 136px;
	height: 136px;
	background: transparent url("images/sealGuarantee.gif") left top no-repeat;
	}

#vegan {
        left: 120px;
        top:  605px;
        width: 130px;
        height: 50px;
	background: transparent url("images/vegan2.jpg") left top no-repeat;
}

#usda {
        left: 475px;
        top:  605px;
        width: 50px;
        height: 50px;
	background: transparent url("images/usda.jpg") left top no-repeat;
}

#madeUSA {
        left: 390px;
        top:  605px;
        width: 60px;
        height: 50px;
	background: transparent url("images/madeUSA.gif") left top no-repeat;
}
#naturalCertifiers {
        left: 235px;
        top:  605px;
        width: 50px;
        height: 50px;
	background: transparent url("images/naturalCertifiers.gif") left top no-repeat;
}

	/* ------------------------------ #sealGuarantee Link  */

	#sealGuarantee a:link, #sealGuarantee a:visited {
		/* background: url("images/sealGuarantee.gif") left top no-repeat;
		background-position: 0px 0px; */
		}

	#sealGuarantee a:hover, #sealGuarantee a:active {
		/* background: url("images/sealGuarantee.gif") left top no-repeat;
		background-position: 0px 0px; */
		}

	#sealGuarantee a:link, #sealGuarantee a:visited, #sealGuarantee a:hover,#sealGuarantee a:active {
		display: block;
		width: 100%;
		height: 100%;
		}

#quoteA {
	left: 607px;
	top: 1px;
	width: 289px;
	height: 108px;
	background: transparent url("images/quoteA.gif") left top no-repeat;
	}

	/* ------------------------------ #quoteA Rollover  */

	#quoteA a:link, #quoteA a:visited { 
		background: url("images/quoteAroll.gif") left top no-repeat;
		background-position: 0px 0px; 
		}

	#quoteA a:hover, #quoteA a:active { 
		background: url("images/quoteAroll.gif") left top no-repeat; 
		background-position: 0px -108px; 
		}

	#quoteA a:link, #quoteA a:visited, #quoteA a:hover, #quoteA a:active {
		display: block;
		width: 100%;
		height: 100%;
		}

#quoteB {
	left: 20px;
	top: 262px;
	width: 408px;
	height: 149px;
	background: transparent url("images/quoteB.gif") left top no-repeat;
	}

	/* ------------------------------ #quoteB Rollover  */

	#quoteB a:link, #quoteB a:visited { 
		/*background: url("images/quoteBroll.gif") left top no-repeat;*/
		background-position: 0px 0px; 
		}

	#quoteB a:hover, #quoteB a:active { 
		/*background: url("images/quoteBroll.gif") left top no-repeat;*/ 
		background-position: 5px -81px; 
		}

	#quoteB a:link, #quoteB a:visited, #quoteB a:hover, #quoteB a:active {
		display: block;
		width: 100%;
		height: 100%;
		}

#bestProduct {
	left: 51px;
	top: 435px;
	width: 176px;
	height: 136px;
	background: transparent url("images/bestProduct.jpg") left top no-repeat;
	}

#tagOne {
	left: 350px;
	top: 350px;
	width: 259px;
	height: 39px;
	text-align:center;

	}

#offer {
	left: 692px;
	top: 130px;
	width: 139px;
	height: 21px;
	}

	/* ------------------------------ Buy Now Button  */

	#buyButton	{
		left: 675px;
		top: 155px;
		width: 175px;
		height: 45px;
		background: url("images/buyButton.jpg") left top no-repeat;
		}

	#buyButton a:link, #buyButton a:visited { 
		background: url("images/buyButton.jpg") left top no-repeat;
		background-position: 0px 0px; 
		}

	#buyButton a:hover, #buyButton a:active { 
		background: url("images/buyButton.jpg") left top no-repeat; 
		background-position: 0px -45px; 
		}

	#buyButton a:link, #buyButton a:visited, #buyButton a:hover, #buyButton a:active {
		display: block;
		width: 100%;
		height: 100%;
		}

	/* ------------------------------ Bottom Links  */

#bottomLinks {
	left: 256px;
	top: 425px;
	width: 380px;
	height: 36px;
	}

	/* ------------------------------ /#splash Elements  */




/* -----------------------------------------------------  */
/* ------------------------------------- Text Formatting  */
/* -----------------------------------------------------  */

h1, h2, h3, h4, h5, h6 {
	padding: 0;
	margin: 0;
	}

#recipes h3 {
	font: 130% "Century Gothic", Verdana, Helvetica, Arial, Sans;
	text-transform: none;
	font-weight: normal;
	border-bottom: none;
	margin-left: -10px;
}

p {
	padding-bottom: 9px;
	margin: 0;
	color: #000;
	}

#left h1, #left h2, #left h3, #left h4, #left h5, #left h6, #left p, #left ol, #left ul, #left form {
	margin: 0 12px;
	color: #085;
	}

#left form {
	padding: 12px 0;
	}

#right h1, #right h2, #right h3, #right h4, #right h5, #right h6, #right p {
	color: #641;
	}

#left h3 {
	margin-top: 12px;
	}

h1 {
	font-size: 180%;
	font-weight: bold;
	text-transform: uppercase;
	color: #085;
	}

h2 { 					/* #right headline */ 
	font: normal 150% "Century Gothic", Verdana, Helvetica, Arial, Sans;
	color: #085;
	}

h3 {					/* #left headline */
	font: 130% "Century Gothic", Verdana, Helvetica, Arial, Sans;
	text-transform: lowercase;
	font-weight: normal;
	color: #085;
	border-bottom: #085 1px dotted;
	}

#left a, #left a:visited, #right a, #right a:visited, #footer a, #footer a:visited, #footerHome a, #footerHome a:visited {
	color: #085;
	text-decoration: none;
	}

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

#right a:hover, #footer a:hover, #footerHome a:hover {
	color: #9ac;
	text-decoration: none;
	border-bottom: #9ac 1px solid;
	background-color: #ffc;
	}

.postdata, .date {
	font-size: 90%;
	}

.entry {
	color: #641;
	}

#footer, #footerHome {
	color: #641;
	}

.quote {
	font-family: Georgia, "Times New Roman", Serif;
	font-size: 125%;
	}

.quote span {
	font-size: 110%;
	font-weight: bold;
	}

.pitch {
	font-size: 145%;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	color: #085;
	}

.indent {
	margin-left: 24px;
	}

.center {
	text-align: center;
	}

#left ul, #right ul {
	list-style: none;
	list-style-position: inside;
	list-style-image: url("images/bullet.gif");
	margin: 12px;
	padding-left: 21px;
	text-indent: -21px;
	}

#left ol {
	margin: 12px 12px 12px 20px;
	padding-left: 12px;
	}




/* -------------------------------------------------------------------  */
/* ------------------------------------- Next/Previous page navigation  */
/* -------------------------------------------------------------------  */

.page-nav {
	clear: both;
	}

.previous-entries a {
	float: left;
	border: 0;
	}

.next-entries a {
	float: right;
	border: 0;
	}




/* -------------------------------------------------------------------  */
/* ------------------------------------- Next/Previous post navigation  */
/* -------------------------------------------------------------------  */

.post-nav {
	clear: both;
	padding-bottom: 35px;
	font-size: 95%;
	border: 0;
	}

.post-nav .previous a {
	float: left;
	border: 0;
	}

.post-nav .next a {
	float: right;
	border: 0;
	text-align: right;
	}




/* ------------------------------------- Comment Area  */

h4#comments {
	background: url("images/comments.gif") left center no-repeat;
	padding-left: 22px;
	clear: both;
	}

h4#respond {
	background: url("images/commentEdit.png") no-repeat;
	padding-left: 22px;
	margin: 20px 0px;
	clear: both;
	}

.commentlist {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font-size: 100%;
	}

.commentlist a, .commentlist a:visited {
	}

.commentlist a:hover {
	}

.commentlist li {
	padding-top: 20px;
	margin-bottom: 15px;
	border: 1px solid #cd9;
	border-top: 6px solid #cd9;
	background-color: #deb;
	}

li.alt {
	padding-top: 20px;
	margin-bottom: 15px;
	border: 1px solid #ee7;
	border-top: 6px solid #ee7;
	background-color: #ffa;
	}

li.editor {
	padding-top: 20px;
	margin-bottom: 15px;
	border: 1px dotted #bef;
	border-top: 6px solid #bef;
	background-color: #dff;
	}

.commentcontent {
	padding: 0 10px;
	margin-bottom: 15px;
	}

.commentcontent p {
	font-size: 90%;
	color: #333;
	}

p.authorcom {
	font: 120% "Century Gothic", "Lucida Grande", Verdana, sans-serif;
	font-weight: bold;
	text-transform: lowercase;
	text-align: left;
	padding-bottom: 6px;
	margin-left: 9px;
	}

p.authorcom span {
	font-size: 70%;
	font-weight: normal;
	}

.authorcom small {
	font-size: 80%;
	color: #999;
	}

.commentcontent {
	padding: 0 10px 0 40px;
	}

.commentcontent blockquote {
	}

.commentcontent blockquote p {
	margin-bottom:5px;
	}

/* ------------------------------------- Comment form  */

.commentform {
	width: 550;
	padding: 20px 0;
	margin-bottom: 20px;
	margin-left: 20px;
	}

select {
	width: 130px;
	}

#commentform label {
	float: left;
	clear: both;
	margin-left: 0;
	padding-left: 0;
	}

#commentform input {
	width: 300px;
	float: right;
	margin-right: 0;
	padding-right: 0;
	}

#commentform textarea {
	width: 100%;
	}

#commentform #submit {
	margin: 0;
	float: right;
	}




/* -----------------------------------------------------  */
/* -------------------------------------------- Doo dads  */
/* -----------------------------------------------------  */

.entry {
	border-top: #085 1px dotted;
	padding: 10px 0px 5px;
	clear: both;
	}

.date {
	background: url("images/calendar.png") left bottom no-repeat;
	padding: 6px 0 0 18px;
	}

.postdata .comments {
	background: url("images/comments.gif") left bottom no-repeat;
	padding: 6px 0 0 18px;
	float: right;
	}

.postdata .category {
	background: url("images/tagBlue.jpg") left bottom no-repeat;
	padding: 6px 0 0 18px;
	float: left;
	}

.postdata .mini-add-comment {
	background: url("images/comment.png") left bottom no-repeat;
	padding: 6px 0 0 18px;
	float: right;
	}

.postFin {
	width: 100%;
	height: 48px;
	background: transparent url("images/postFin.jpg") center top no-repeat;
	}

table.instruction {
	width: 100%;
	border: #ccc 1px solid;
	border-spacing: 0px;
	border-collapse: separate;
	}

table.instruction th, table.instruction td {
	border: #ccc 1px dotted;
	padding: 3px;
	-moz-border-radius: 0px;
	}

.picborder {
	background-color: #fff;
	padding: 9px;
	border-top: #ccc 1px solid;
	border-right: #888 1px solid;
	border-bottom: #888 1px solid;
	border-left: #ccc 1px solid;
	}

.center {
	text-align: center;
	}

img.center, img[align="center"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

.left {
	float: left;
	}

img.left, img[align="left"] {
	float:left;
	margin: 2px 10px 5px 0px;
	}

.right {
	float: right;
	}

img.right, img[align="right"] {
	float:right;
	margin: 2px 0px 5px 10px;
	}

	/* -------------------------------------------- Nice Tooltip  */

a.info{
	position: relative; /* this is the key */
	z-index: 24; 
	background: transparent;
	text-decoration: none;
	}

a.info:hover{
	z-index: 25; 
	background: transparent;
	}

a.info span{
	display: none;
	}

a.info:hover span{ /*the span will display just on :hover state*/
    display: block;
    position: absolute;
    left: 0px; top: 0px; width: 190px;
    border: #ffd 6px solid;
    background: #ffc; color:#085;
    text-align: left;
	padding: 6px;
	font-size: 80%;
	}

a.infoOne{
	position: relative; /* this is the key */
	z-index: 24; 
	background: transparent;
	text-decoration: none;
	}

a.infoOne:hover{
	z-index: 25; 
	background: transparent;
	}

a.infoOne span{
	display: none;
	}

a.infoOne:hover span{ /*the span will display just on :hover state*/
    display: block;
    position: absolute;
    left: 00px; top: 00px; width: 194px; height: 242px;
    background:url("images/highlight.gif")
    text-align: left;
	font-size: 80%;
	}

div.sociable { margin: 16px 0; }

span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;
	border: 1px solid #ccc;
	color: black;
	line-height: 1.25em;
}
.sociable span {
	display: block;
}
.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.sociable ul li {
	background: none;
	display: inline !important;
	list-style-type: none;
	margin: 0;
	padding: 1px;
}
.sociable ul li:before { content: ""; }
.sociable img {
	float: none;
	width: 125px;
	height: 25px;
	border: 0;
	margin: 0;
	padding: 0;
}

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

	/** TESTIMONIALS **/
	#testimonialPost {
		width: 1000px;
		float: left;
		display: block;
		font-size: .9em;
		margin-bottom: 10px;
	}
	
	#testimonials {
		width: 220px;
		font-size: .9em;
		margin-left: 20px;
		float:left;
		font-weight: bold;
		border-right: solid 2px #000;
		min-height: 150px;
	}
	
		#testimonials a {
			color: #64aad2;
		}

		#testimonials a:hover {
			color:#109dd0;
			text-decoration:none;
		}	
	
	#testimonialContent {
		width: 700px;
		margin: -20px 30px 20px 20px;
		float:right;
	}
		
	#testimonialPage {
		width: 700px;
		margin: -20px 30px 20px 20px;
		float: right;
	}
	
	/** RECIPES **/
	#recipeBook {
		width: 1000px;
		float: left;
		display: block;
		font-size: .9em;
		margin-bottom: 10px;
	}
	
	#recipes {
		width: 200px;
		font-size: .9em;
		margin-left: 20px;
		float:left;
		font-weight: bold;
		border-right: solid 2px #000;

	}
	
		#recipes a {
			color: #64aad2;
		}

		#recipes a:hover {
			color:#109dd0;
			text-decoration:none;
		}	

.entry #recipeContent {
	float: right;
	display: block;
}



	#recipeContent {
		width: 628px;
		margin: -20px 115px 20px 20px;
		float:right;
		background: url('images/recipe.png') no-repeat;
		background-color:#cdc2ae;
		min-height: 273px;
	}
		
		#recipeImage {
			width: 275px;
			height: 235px;
			float: left;
			margin-top: 20px;
			margin-left: 5px;
		}
		
		#recipeText {
			width: 320px;
			float: right;
			margin-top: 20px;
			
			margin-left: 15px;
		}
		
	#recipePage {
		width: 628px;
		margin: -0px 130px 20px 20px;
		float: right;
		min-height: 300px;
	}	
	
#content {
	margin: 10px 0;
	float: left;
	padding: 0 5px;
	
}

	post {

	}	
	
#rewards {
	width: 650px;
	float: left;
	display: block;
	margin: 20px 0;
}

	#arrow {
		margin-left: 40px;
		width: 150px;
		height: 89px;
		background: url('images/arrow.png') no-repeat;
		float: left;
		display: inline;
	}
	
	#rewardItem {
		margin-left: 35px;
		float: left;
		display: inline;
	}
	
	.arrowText {
		color: #fff;
		font-size: 14px;
		margin-left: 15px;
		font-weight: bold;
		margin-top: 35px;
	}