@charset "UTF-8";
/* CSS Document */

/*fix default styles*/

body {
	margin:0;
	padding:0;
	text-align:center;
	background: url("../images/main_background.jpg") center top;
	background-color: #eb8b36;
}

h1, h2, h3, h4, p, ol, ul, dl, li, dt, dh, th, td, tr, caption, legend {
	margin:0;
	padding:0;
}

img {
	margin:0;
	padding:0;
	border: 0;
}
img a:link , img a:visited, img a:hover, img a:active{
	background: url(none);
	border-style: none;
}

/*default typography*/


/*main layout*/


h1 {
	color: #702c17;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 1.3em;
	line-height: 30px;
}
h2 {
	color: #fff;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 1.4em;
	line-height: 30px;
}

p {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 0.7em;
	color: #702c17;
	line-height: 20px;
}

.subScript {
	font-size: 0.4em;
	vertical-align: super;
	font-weight: bold;
}

#wrapper {
	width:800px;
	margin:0px auto 40px;
	height:auto !important;
	position:relative;
	text-align:left;
	background: #ffebc7;
}

.shadow_right, .shadow_left {
	position: absolute;
	top: 110;
	width: 9px;
	height: 100%;
}

.shadow_right {
	right: -9px;
	background: url("../images/shadows/right.png");
}

.shadow_bottom_right, .shadow_bottom, .shadow_bottom_left {
	position: absolute;
	bottom: -9px;
	height: 9px;
}

.shadow_bottom_right {
	right: -9px;
	width: 9px;
	background: url("../images/shadows/bottom_right.png");
}

.shadow_bottom {
	left: 0;
	width: 100%;
	background: url("../images/shadows/bottom.png");
}

.shadow_bottom_left {
	left: -9px;
	width: 9px;
	background: url("../images/shadows/bottom_left.png");
}

.shadow_left {
	left: -9px;
	background: url("../images/shadows/left.png");
}


#header {
	height: 120px;
	width:800px;
	margin:0px auto 10px;
	height:95px !important;
	position:relative;
	padding:0;
}
#header .brandmark {
	background: url(../images/brandmark.png);
	width:154px;
	height:80px;
	margin-top: 14px;
	float: left;
}
#header a:visited , #header a:link {
	border-style: none;
	background: url(none) no-repeat -8000px;
}
#header a:hover , #header a:active {
	border-style: none;
	background: url(none) no-repeat -8000px;
	text-decoration: none;
}
#header .bannerGreen {
	background: url(../images/bannerAd_green.gif) no-repeat;
	width: 267px;
	height: 95px;
	font-size: 1.4em;
	position: relative;
	left: 0px;
	display: block;
	float: right;
	font-family: "Arial Black", Gadget, sans-serif;
	color: #FFF;
	text-align: center;
	vertical-align: middle;
	line-height: 80px;
}
#header .bannerOrange {
	background: url(../images/bannerAd_orange.gif) no-repeat;
	height: 95px;
	width: 267px;
	font-size: 12px;
	position: relative;
	left: -30px;
	display: block;
	float: right;
}
#header h1 {
	font-family: "Arial Black", Gadget, sans-serif;
	color: #FFF;
	font-size: 26px;
	margin: 14px;
	font-weight: bold;
}
#header h2 {
	margin: 14px;
	color: #FFF;
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
}


#splash {
	clear: both;
}

#mainNav{
	background-color:#2F1305;
	text-align: center;
	height: 36px;
	border-top: 2px solid #2F1305;
}

#mainNav ul{
	float: left;
	margin-left: 1px;
}

#mainNav ul li{
	display: block;
	float: left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	height: 36px;
	line-height: 36px;
	width: 133px;
	list-style: none;
	font-size: 0.9em;
	letter-spacing: .1em;
}
#wrapper #mainNav li a:link , #wrapper #mainNav li a:visited{
	color: #fff;
	background: url(../images/button.gif) top;
	width: 133px;
	height: 36px;
	float: left;
	text-decoration: none;
}
#wrapper #mainNav li a:hover , #wrapper #mainNav li a:active {
	color: #FFF;
	background: url(../images/button.gif) bottom;
}

#mainContent {
	float: left;
	width: 520px;
	background: #ffebc7;
	clear: right;
	padding: 10px 10px 40px;
}
#mainContent iframe {
	border: 1px solid #702c17;
	text-align: center;
	margin-left: 20px;
	margin-right: 20px;
}
#mainContent .iframeText {
	padding-left: 20px;
}
#mainContent p a:link, #mainContent p a:active, #mainContent p a:hover, #mainContent p a:visited {
	color: #2F1305;
}
#mainContent .story {
	width: 520px;
	background: url(../images/storyFrame.gif) no-repeat;
}
#mainContent .dropcap {
	font-size: 1.1em;
	font-weight: bold;
}
#mainContent .story h1 {
	padding-right: 24px;
	padding-left: 24px;
	padding-top: 24px;
	font-size: 1.3em;
	font-weight: normal;
	padding-bottom: 10px;
}
#mainContent .story h2 {
	padding-right: 24px;
	padding-left: 24px;
	font-size: 1em;
	font-weight: normal;
	color: #2F1305;
}
#mainContent .story p  {
	padding-right: 24px;
	padding-left: 24px;
	font-size: 0.8em;
	line-height: 24px;
	color: #311100;
	padding-bottom: 20px;
}
#mainContent .story .icon {
	vertical-align: sub;
	padding-right: 6px;
	padding-left: 6px;
}
#mainContent .story .thumbnail {
	background: #FFF;
	padding: 6px;
	border-right: 1px solid #999;
	border-bottom: 2px solid #999;
	border-top-color: #999;
	border-left-color: #999;
}
#mainContent .story ol, ul {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 0.9em;
	line-height: 24px;
	color: #311100;
	margin-left: 46px;
}
#mainContent .story ol ul li{
	font-size: 1em;
}
#mainContent .story ol {
	list-style: decimal;
}
#mainContent .story ul {
	list-style: circle;
}
#mainContent .grocerList {
	font-size: 0.8em;
}
#mainContent .recipeList ol ,li{
	line-height: 30px;
	font-size: 13px;
}
#mainContent .ingredientList {
	line-height: 34px;
	font-size: 13px;
}
#mainContent .story ol a:link,#mainContent .story ol a:visited,#mainContent .story ul a:link, #mainContent .story ul a:visited{
	color: #311100;
	text-decoration: underline;
	background: url(none) no-repeat -1000px -1000px;
}
#mainContent .story ol a:hover, #mainContent .story ol a:active, #mainContent .story  ul a:hover, #mainContent .story ul a:active {
	color: #311100;
	text-decoration: none;
	background: url(none) no-repeat -1000px -1000px;
}
#sideBar {
	float: left;
	width: 247px;
	background: #ffebc7;
	padding: 10px 10px 10px 2px;
}
#sideBar .location {
	background: url(../images/sideBarAdLocation.gif) no-repeat;
	height: 195px;
	width: 247px;
	font-size: 12px;
}
#sideBar p {
	color: #FFF;
	font-size: 0.8em;
	line-height: 24px;
	padding-top: 18px;
	padding-left: 24px;
}
#sideBar p a:link, #sideBar p a:visited {
	color: #FFF;
	text-decoration: none;
}
#sideBar p a:hover, #sideBar p a:active {
	color: #FFF;
	text-decoration: underline;
}


#footer {
	text-align: center;
	clear: both;
	background: url(../images/footer_bkg.gif) repeat-x;
}
#footer p {
	color: #fff;
}