

body {

	background: #E2DFCC url("/uploads/images/template/yellow.png") top repeat-x;

	color: #000;

	font-family: Arial, Verdana, Helvetica, Sans-serif;

	font-size: 62.5%;

	margin: 0;

	padding: 0;

	text-align: left;

}



strong { font-weight: bold; }

em { font-style: italic; }



a { color: #000; text-decoration: none; }

a:hover {  }



.clear { clear: both; }



.replace {

	display: block;

	overflow: hidden;

	text-indent: -999em;

}



#container {

	width: 925px;

	margin: 0 auto;

}



/* Intro block */



#intro {

	position: relative;

	overflow: hidden;

	padding-bottom: 25px;

}



#intro h1 {

	width: 320px;

	height: 288px;

	float: left;

	display: inline;

	margin: 0 30px 0 10px;

}



#intro h1 a {

	display: block;

	width: 320px;

	height: 288px;

	background: url("/uploads/images/template/logo.png") no-repeat;

}



#intro .intro_text {

	float: left;

	width: 450px;

	overflow: hidden;

	position: relative;

	padding-bottom: 35px;

	padding-top: 50px;

}



#intro h2 {

	width: 450px;

	height: 85px;

	background: url("/uploads/images/template/sprites-header.png") no-repeat;

	margin: 0 auto 10px auto;

}



#intro p {

	font-size: 1.1em;

	color: #3A2316;

	line-height: 1.2;

	margin-right: 100px;

	margin-left: 10px;

}



#intro p.subhead {

	width: 282px;

	height: 52px;

	background: url("/uploads/images/template/sprites-header.png") -460px 0 no-repeat;

	margin: 0 auto 10px auto;

}



#intro .onecard {

	width: 88px;

	height: 61px;

	background: url("/uploads/images/template/sprites-header.png") right top no-repeat;

	position: absolute;

	right: 0;

	bottom: 0;

}



#intro .page_top {

	width: 710px;

	height: 72px;

	background: url("/uploads/images/template/page-top.png") no-repeat;

	position: absolute;

	bottom: 0;

	left: 0;

	z-index: 100;

}



#recipes {

	width: 710px;

	float: left;

	padding-bottom: 20px;

}



.page {

	background: url("/uploads/images/template/page-bg.png") 0 0 repeat-y;

	padding-top: 5px;

	padding-bottom: 10px;

	overflow: hidden;

}



.page p.week_intro {

	font-size: 1.8em;

	font-weight: bold;

	margin-left: 55px;

	margin-bottom: 20px;

	width: 620px;

	height: 22px;

}



.page p.week_intro strong {

	text-transform: uppercase;

	color: #c00;

	font-size: 1.667em;

}



.page p.week1 { background: url("/uploads/images/template/week1.png") no-repeat; }

.page p.week2 { background: url("/uploads/images/template/week2.png") no-repeat; }

.page p.week3 { background: url("/uploads/images/template/week3.png") no-repeat; }

.page p.week4 { background: url("/uploads/images/template/week4.png") no-repeat; }

.page p.week5 { background: url("/uploads/images/template/week5.png") no-repeat; }



.recipe {

	border-top: 1px solid #D0C005;

	margin: 0 35px 0 55px;

	padding-top: 30px;

	position: relative;

	float: left;

	width: 620px;

}



.recipe img {

	float: left;

	display: inline;

	margin-right: 10px;

	margin-bottom: 15px;

}



.recipe .number {

	width: 61px;

	height: 61px;

	background: url("/uploads/images/template/sprites-content.png") -100px -100px no-repeat;

	position: absolute;

	top: 15px;

	left: -10px;

}



.position1 .number { background-position: -100px -100px; }

.position2 .number { background-position: -100px -170px; }

.position3 .number { background-position: -100px -240px; }

.position4 .number { background-position: -100px -310px; }

.position5 .number { background-position: -100px -380px; }

.position6 .number { background-position: -170px -100px; }

.position7 .number { background-position: -170px -170px; }

.position8 .number { background-position: -170px -240px; }

.position9 .number { background-position: -170px -310px; }

.position10 .number { background-position: -170px -380px; }



.recipe h5 {

	height: 40px;

	width: 235px;

	background: url("/uploads/images/template/categories.png") no-repeat;

	margin-bottom: 8px;

	margin-top: -6px;

	line-height: 1;

}



.recipe h5.cat1 { background-position: 0px    0px; }

.recipe h5.cat2 { background-position: 0px  -40px; }

.recipe h5.cat3 { background-position: 0px  -80px; }

.recipe h5.cat4 { background-position: 0px -120px; }

.recipe h5.cat5 { background-position: 0px -160px; }

.recipe h5.cat6 { background-position: 0px -200px; }

.recipe h5.cat7 { background-position: 0px -240px; }

.recipe h5.cat8 { background-position: 0px -280px; }

.recipe h5.cat9 { background-position: 0px -320px; }

.recipe h5.cat10 { background-position: 0px -360px; }



.recipe .recipe_intro {

	background: url("/uploads/images/template/lines.png") 0 0;

	overflow: hidden;

	height: 185px;

}



.recipe .recipe_intro h2 {

	color: #3A2316;

	font-size: 2.6em;

	margin-bottom: 10px;

	margin-left: 15px;

	line-height: 26px;

}



.recipe .recipe_intro p { margin-left: 15px; line-height: 16px; }



.recipe .instructions {

	clear: both;

	overflow: hidden;

	display: none;

	position: relative;

}



.recipe .left {

	width: 280px;

	float: left;

	display: inline;

}



.recipe .right {

	width: 330px;

	float: right;

	display: inline;

}



.recipe h3 {

	font-size: 1.2em;

	color: #3A2316;

	margin: 0 0 1em;

	font-weight: bold;

}



.recipe p,

.recipe li {

	font-size: 1.2em;

	line-height: 1.4;

}



.recipe li p { font-size: 1em; }



.recipe h4 {

	font-size: 1.2em;

	color: #000;

	margin-bottom: 0;

	font-weight: bold;

}



.recipe ul, .recipe ol { margin: 0 0 1em 1em; }

.recipe ul li, .recipe ol li {

	list-style: disc;

	margin-left: 1em;

	margin-bottom: 0.25em;

}

.recipe ol li { list-style-type: decimal;} 



.recipe .buttons {

	clear: both;

	height: 21px;

}



.recipe .buttons a,

.recipe a.btn_view {

	float: right;

	display: inline;

	margin-left: 10px;

	background: url("/uploads/images/template/sprites-content.png") no-repeat;

	height: 21px;

	width: 79px;

	position: relative;

}



.recipe .buttons a.btn_print { background-position: -200px -30px; }

.recipe .buttons a.btn_close { background-position: -300px -30px; }



.recipe a.btn_view {

	background-position: -200px 0;

	width: 126px;

	float: none;

	display: block;

	margin: 14px 0 0 0;

}





.page_foot {

	width: 710px;

	height: 20px;

	background: url("/uploads/images/template/page-foot.png") no-repeat;

	margin-bottom: 25px;

}



.content {

	padding: 0 25px 0 35px;

}



.content h3 {

	background: url("/uploads/images/template/sprites-content.png") 0 -60px no-repeat;

	width: 425px;

	height: 35px;

	margin-bottom: 15px;

}



.content p {

	font-size: 1.2em;

	line-height: 1.4;

	color: #333;

	margin-bottom: 1em;

}



.content p small {

	font-size: 0.834em;

}



.content a { color: #3A2316; text-decoration: underline; }

.content a:hover { color: #000; }



#countdown {

	width: 200px;

	float: right;

	padding-top: 20px;

	padding-bottom: 10px;

}



#countdown h3 {

	width: 162px;

	height: 51px;

	background: url("/uploads/images/template/sprites-content.png") 0 0 no-repeat;

	margin-bottom: 20px;

}



#countdown ol {

	margin-bottom: 1.5em;

}



#countdown li {

	padding-left: 40px;

	min-height: 34px;

	position: relative;

	font-size: 1.2em;

	color: #A89E8C;

	padding-top: 10px;

}



#countdown li a { color: #3A2316; }

#countdown li a:hover { color: #000; text-decoration: underline; }



#countdown .number {

	width: 34px;

	height: 34px;

	position: absolute;

	left: 0;

	top: 0;

	background: url("/uploads/images/template/sprites-content.png") 0 -100px no-repeat;

}



#countdown .top1 .number { background-position: -40px -100px; }

#countdown .top2 .number { background-position: -40px -140px; }

#countdown .top3 .number { background-position: -40px -180px; }

#countdown .top4 .number { background-position: -40px -220px; }

#countdown .top5 .number { background-position: -40px -260px; }

#countdown .top6 .number { background-position: -40px -300px; }

#countdown .top7 .number { background-position: -40px -340px; }

#countdown .top8 .number { background-position: -40px -380px; }

#countdown .top9 .number { background-position: -40px -420px; }

#countdown .top10 .number { background-position: -40px -460px; }



#countdown .top1 .active { background-position: 0px -100px; }

#countdown .top2 .active { background-position: 0px -140px; }

#countdown .top3 .active { background-position: 0px -180px; }

#countdown .top4 .active { background-position: 0px -220px; }

#countdown .top5 .active { background-position: 0px -260px; }

#countdown .top6 .active { background-position: 0px -300px; }

#countdown .top7 .active { background-position: 0px -340px; }

#countdown .top8 .active { background-position: 0px -380px; }

#countdown .top9 .active { background-position: 0px -420px; }

#countdown .top10 .active { background-position: 0px -460px; }





.banner { margin-bottom: 15px; overflow: hidden; }



img { display: block; }





/* Terms page */

.terms p.back { float: right; margin-bottom: 0; }



.terms { padding: 0 50px 0 55px; }



.terms h2 {

	font-size: 1.8em;

	font-weight: bold;

	margin: 1em 0 0.5em;

	clear: both;

}



.terms h2.first { margin-top: 0; }



.terms p, .terms li {

	font-size: 1.2em;

	line-height: 1.4;

}



.terms li li { font-size: 1em; }



.terms ol, .terms ul {

	margin: 1em 0 1.5em 2em;

}



.terms ol { list-style: decimal; }

.terms ul { list-style: disc; }



.terms ol ul { margin-top: 0.5em; }



.terms p { margin-bottom: 1em; }

.terms li { margin-bottom: 0.5em; }



.terms a { color: #3A2316; text-decoration: underline; }

.terms a:hover { color: #000; }







/* Footer */



#footer {

	clear: both;

	padding: 15px 0;

	background: #343434;

	color: #E2DFCC;

}



#footer .wrap {

	overflow: hidden;

	width: 890px;

	margin: 0 auto;

}



#footer p {

	font-size: 1.1em;

	line-height: 1.4;

}



#footer p.left { float: left; }

#footer p.right { float: right; }



#footer a { color: #E2DFCC; }

#footer a:hover { text-decoration: underline; }


