/*****************************************************************
 * HTML ELEMENTS
 *****************************************************************/

body {
	margin:0;
	padding:0;
	color:#333;
	background-color:#797c8a;
	font-size:13px;
	font-family:verdana, tahoma, arial, helvetica, sans-serif;
	text-align:center;
}
table {
	font-size:13px;
}
h1, h2, h3, h4, h5, h6 {
	margin:0 0 0.5em;
	padding:0;
	font-weight:normal;
}
h1 { font-size:18px; }
h2 { font-size:16px; }
h3 { font-size:14px; font-weight:bold; }
h4 { font-size:13px; font-weight:bold; }
p {
	font-size:13px;
	margin:0 0 1em;
	padding:0;
}
a { color:#000; font-size:13px; }
a:visited { color:#a5b3ef; }
a:hover { background-color:#d5f4f3; }

/*****************************************************************
 * MAIN PAGE SECTIONS
 *****************************************************************/

#container {
	width:1000px;
	margin:20px auto;
	background-color:#fff;
	text-align:left;
}
#header {
	position:relative;
	height:110px;
	border-bottom:1px solid #808080;
	background-color:#fff;
}
#header .logo {
	position:absolute;
	left:10px;
	top:10px;
	width:260px;
	height:98px;
	border:0;
}
#header .banner {
	position:absolute;
	right:10px;
	top:10px;
}
#headline {
	padding:4px;
	border-bottom:1px solid #808080;
	background-color:#c1ffbf;
	font-style:italic;
}
#content {
	background:#fff url(/images/background.gif) left top repeat-y;
}
#navigation {
	float:left;
	width:190px;
	height:100px;
	padding:5px;
}
#navigation ul {
	list-style:none outside none;
	margin:0 0 1em;
	padding:0;
}
#navigation ul li {
	margin:0 0 0 10px;
	padding:0;
}
#content-inner {
	float:left;
	padding:10px;
	width:580px;
}
#banner {
	float:right;
	width:180px;
	padding:5px 10px;
	text-align:center;
}
#footer {
	padding:4px;
	border-top:1px solid #808080;
	background-color:#c1ffbf;
}

/*****************************************************************
 * RECIPE PAGE
 *****************************************************************/

/* FOTT UPSELL LINKS */

div.upsell {
	margin:10px 0;
	text-align:center;
}
div.upsell .sale-tag,
div.upsell .button {
	display:-moz-inline-stack;
	display:inline-block;
	*display:inline;
	zoom:1;
	vertical-align:top;
}
div.upsell .sale-tag {
	background:transparent url(/images/upsell-sale-tag.png) center top no-repeat;
	width:80px;
	height:50px;
	border:0;
	margin:0;
	padding:10px 0 0 20px;
	color:#333;
	font-family:"Times New Roman", Times, serif;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	text-overflow:clip;
	overflow:hidden;
	white-space:nowrap;
	line-height:1em;
}
div.upsell .sale-tag .savings {
	font-size:26px;
	font-weight:bold;
	line-height:1em;
}
div.upsell .sale-tag img {
	border:0 none;
}
div.upsell .button {
	background:transparent url(/images/upsell-button.png) center top no-repeat;
	width:300px;
	height:30px;
	margin:0;
	padding:35px 0 0;
	color:#fff;
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	text-align:center;
	text-decoration:none;
	text-overflow:clip;
	overflow:hidden;
	white-space:nowrap;
}
* html div.upsell .chain img { /* sets max-width for IE */
	height:expression(document.body.clientHeight >= 60 ? '60px' : 'auto');
}
div.upsell .chain img {
	max-height:60px;
	border:0 none;
}

div.upsell .sale-tag:hover,
div.upsell .button:hover,
div.upsell .chain:hover {
	background-color:transparent;
}

div.upsell.sly .sale-tag {
	float:left;
	margin-left:30px;
	margin-right:10px;
}
div.upsell.sly .container {
	float:left;
	width:400px;
}

/* RECIPE COMMENTS */

a.comment,
a.comment:link {
	display:-moz-inline-stack;
	display:inline-block;
	*display: inline;
	zoom:1;
	height:14px;
	background:#eceef5 url(/images/comment.gif) 5px center no-repeat;
	color:#3b5998;
	border:1px solid #cad4e7;
	border-radius:3px;
	-moz-border-radius:3px;
	-khtml-border-radius:3px;
	-webkit-border-radius:3px;
	padding:2px 4px 2px 23px;
	font-family:'lucida grande', tahoma, verdana, arial, sans-serif;
	font-size:11px;
	text-align:left;
	text-decoration:none;
}

a.comment:hover {
	border-color:#9dacce;
	text-decoration:none;
}

/* RECIPE GENERAL */

.recipe .section {
	margin:0 0 20px;
}

/* RECIPE HEADER */

.recipe .header {
	margin:0 0 0 260px;
}
.recipe .header h1 {
	font-size:28px;
	font-weight:bold;
}

/* RECIPE SOCIAL */

.recipe .social {
	
}
.recipe .social .social-item {
	float:left;
	margin:0 10px 0 0;
}

/* RECIPE PHOTO */

.recipe .photo-container {
	float:left;
	width:242px;
	text-align:center;
}
.recipe .photo-container .photo {
	width:240px;
	border:1px solid #333;
	background-color:#ccc;
}

/* RECIPE BODY */

.recipe .body {
	float:left;
	width:65%;
}
.recipe .body h2 {
	margin:0 0 4px;
	padding:0 0 4px;
	color:#999;
	border-bottom:1px solid #999;
	font-weight:bold;
}

/* RECIPE TOOLBOX */

.recipe .toolbox {
	float:right;
	width:30%;
}
.recipe .toolbox .toolbox-inner {
	border:1px solid #333;
	border-radius:5px;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
}
.recipe .toolbox h3 {
	padding:0;
	margin:0;
	background-color:#3b5998;
	color:#fff;
	text-align:center;
	text-shadow:-1px -1px 2px #333;
	line-height:1.5em;
}
.recipe .toolbox ul {
	list-style:none outside none;
	padding:0;
	margin:0;
}
.recipe .toolbox ul li {
	padding:0;
	margin:0;
	border-bottom:1px dotted #999;
	line-height:1.2em;
}
.recipe .toolbox ul li.last {
	border-bottom:0 none;
}
.recipe .toolbox ul li a {
	display:block;
	padding:5px;
	margin:0;
	color:#333;
	font-size:11px;
	text-decoration:none;
}
.recipe .toolbox ul li a:hover {
	background-color:#a5b3ef;
	text-decoration:underline;
}

/* LIGHTBOX DIALOGS */

.dialog {
	position:relative;
	display:none;
	background-color:#fff;
	width:300px;
	padding:20px;
	border-radius:10px;
	-moz-border-radius:10px;
	-khtml-border-radius:10px;
	-webkit-border-radius:10px;
}
.dialog.poll {
	background-color:transparent;
	width:auto;
	padding:0;
	border-radius:0;
	-moz-border-radius:0;
	-khtml-border-radius:0;
	-webkit-border-radius:0;
}
.dialog a.close {
	position:absolute;
	right:10px;
	top:10px;
	z-index:10;
	font-weight:bold;
	text-decoration:none;
}

/*****************************************************************
 * CHAIN TICKER
 *****************************************************************/

.container .wrap {
	position:relative;
	overflow:hidden;
	width:400px;
	margin:0 auto;
	text-align:center;
}
.ticker {
	position:relative;
	height:60px;
	line-height:60px;
	text-align:left;
	text-overflow:clip;
	white-space:nowrap;
	overflow:hidden;
}
.ticker .chain {
	margin:0;
	padding:0 30px 0 0;
}

/*****************************************************************
 * CLEARFIX
 *****************************************************************/

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
/* \*/ .clearfix { display:block; } /* */