/* CSS for The Green Nut - Recipe */


/* ===========================================
         MAIN LAYOUT
==============================================*/

#main {
	margin: 14px auto 50px 4px;
	padding-bottom: 0;
	}

#mainContent {
	padding-top: 36px;
	padding-right: 0;
	}
	

/* ===========================================
         CONTENT
==============================================*/

#content {
	position: relative;
	float: left;
	width: 702px;
	}

#content h2 {
	position: absolute;
	z-index: 50;
	top: 0;
	left: 15px;
	width: 119px;
	}

#content h6 {
	margin: 1em auto 0.2em;
	font-size: 1.2em;
	font-weight: normal;
	font-style: italic;
	line-height: 1.3em;
	}
	
#content .viewAll {
	position: absolute;
	z-index: 100;
	top: -20px;
	left: 150px;
	padding-right: 15px;
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
	line-height: 14px;
	background: url(../images/global/arrow-viewAll-pinkBg.gif) top right no-repeat;
	}


/* ===========================================
         RECIPE
==============================================*/

#recipe {
	position: relative;
	z-index: 1;
	}

#recipe .boxContent {
	padding-bottom: 30px;
	}

#recipe #intro {
	margin: 22px 28px auto;
	padding-bottom: 18px;
	border-bottom: 1px solid #bdc28a;
	}

#recipe #intro h3 {
	font-size: 2em;
	font-weight: bold;
	line-height: 1.1em;
	color: #9aa51d;
	text-decoration: none;
	}

#recipe #intro h3 a:hover {
	text-decoration: underline;
	}

#recipe #intro h3 span {
	font-size: 0.65em;
	}

#recipe #intro h5 {
	margin-top: 0.4em;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.3em;
	}
	
#recipe .footnote {
	margin: 1em 30px 0;
	text-align: right;
	}
	

/* ===========================================
         INGREDIENTS
==============================================*/

#ingredients {
	float: left;
	width: 198px;
	margin-left: 28px;
	_display: inline; /* IE6 */
	}

#ingredients ul, #ingredients ul#time {
	padding-left: 0;
	margin-bottom: 1.4em;
	font-size: 1.2em;
	line-height: 1.3em;
	list-style: none;
	}
	
#ingredients p {
	font-size: 1.1em;
	line-height: 1.3em;
	}
	
#publication {
	float: left;
	margin-top: 14px;
	}

/* ---- Time ---- */

#time {
	margin-top: 28px !important;
	}

#time li {
	margin-bottom: 0.2em;
	}

#time li label {
	font-weight: bold;
	font-size: 0.9em;
	}

/* ---- Ingredient List ---- */

#ingredients h4 {
	margin-top: 24px;
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1.3em;
	}

#ingredients > ul {
	margin: 0.2em auto 1em 0;
	padding-left: 1.3em;
	list-style: disc;
	}
	
#ingredients > ul li {
	margin-bottom: 0.2em;
	}
	

/* ===========================================
         INSTRUCTIONS
==============================================*/

#instructions {
	float: left;
	width: 415px;
	margin: 28px auto auto 10px;
	}

#instructions .boxContent {
	padding: 4px 20px 10px;
	}
	
#instructions h4 {
	margin-top: 1.4em;
	margin-bottom: 0.6em;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.3em;
	}

#instructions p {
	margin-bottom: 0.6em;
	font-size: 1.2em;
	line-height: 1.3em;
	}

#instructions ul,
#instructions ol {
	margin-bottom: 1.4em;
	margin-left: 0.3em;
	padding-left: 1.3em;
	font-size: 1.2em;
	line-height: 1.3em;
	}

#instructions ul {
	list-style: disc;
	}

#instructions ol {
	list-style: decimal;
	}

#instructions li {
	margin-bottom: 0.4em;
	}

#instructions .disclaimer {
	margin-top: 1.4em;
	font-size: 1.1em;
	line-height: 1.3em;
	}
	
#instructions .photo {
	float: right;
	margin-top: 10px;
	}

#cookingTip {
	margin-top: 3em;
	margin-right: 210px;
	}
	
#cookingTip h4 {
	margin-bottom: 0;
	}

#cookingTip p {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.3em;
	}


/* ===========================================
         SIDEBAR
==============================================*/

#sidebar {
	float: left;
	width: 215px;
	margin-left: 9px;
	}


/* ===========================================
         CHEF BIO
==============================================*/

#chefBio {
	margin-bottom: 9px;
	}

#chefBio .boxContent {
	padding: 4px 4px 30px;
	}

#chefBio h4 {
	margin-bottom: 5px;
	padding: 9px 8px 7px 0;
	text-align: center;
	background-color: #5a471c;
	border-bottom: 1px solid #b8b09d;
	}

#chefBio .photo {
	text-align: center;
	}

#chefBio p {
	margin: 1em 16px 0 20px;
	font-size: 1.1em;
	line-height: 1.3em;
	}
	

/* ===========================================
         I ATE THIS
==============================================*/

#iAteThis .boxContent {
	padding: 14px 14px 12px;
	text-align: center;
	}


/* ===========================================
         NUTRITIONAL FACTS
==============================================*/

#nutritional .boxContent {
	padding: 21px 14px 17px;
	}

#nutritional h4 {
	margin: auto auto 7px 10px;
	}

#nutritional .darkGreenOnWhite .boxContent {
	padding: 21px 17px 16px;
	font-size: 1.2em;
	line-height: 1.3em;
	}
	
#nutritional h5 {
	margin-bottom: 1em;
	font-weight: bold;
	}

#nutritional p {
	margin-bottom: 1em;
	}