/* @override 
	http://dev.edgecubemedia.com/healthfoodstalker/wp-content/themes/healthfoodstalker/style.css
	http://www.healthfoodstalker.com/wp-content/themes/healthfoodstalker/style.css
*/

/*------------------------------------------------------------------------------------
  Copyright Rosemont Media 2009. Used with Permission.                             
  May not be duplicated or reproduced.
/*------------------------------------------------------------------------------------*/

/* ------------------------ type selectors ------------------------ */
body { 
	background: #ffe761 url("images/bg-body.png") top center repeat-x;
	text-align:center; 
	font:12px "Helvetica Neue", Helvetica, "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; 
	color:#000;
	line-height: 150%;
}

h1	{ font-size:1.2em; }
h2	{ font-size:1.1em; }
h3	{ font-size:1.0em; }

a {
	color:#ff6001;
	text-decoration:underline;
	outline:none;
}

a:hover { text-decoration:none; }

/* ------------------------ classes ------------------------ */
.clear	{ 
	clear:both;
}

div.clear	{ 
	height:.01em; 
	overflow:hidden; 
}

p.back-to-top {
	text-align:right;
	display:block;
	padding-right:15px;
	background:url("images/bullet-back-to-top.jpg") right no-repeat;
}

img.alignleft { 
	float:left; 
	margin:2px 10px 10px 0px;
	border: 3px solid;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

img.alignright { 
	float:right; 
	margin:5px 0px 10px 10px; 
	border: 3px solid;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

#img-natasha {
	border: none;
}

/* ------------------------------- CONTENT FRAMEWORK ------------------------------- */

#everything {
	width:980px;
	margin:0 auto;
	text-align:left;
}

/* ------------------------ header framework ------------------------ */
#logo {
	display: block;
	background: url("images/header-logo.png") no-repeat;
	height: 225px;
	width: 980px;
	text-indent: -9999em;
}

/* ------------------------ nav ------------------------ */
nav { 
	background:url("images/nav.png") no-repeat; 
	width:980px; 
	height:65px; 
	margin:0;
	padding:0; 
}

nav li, nav a {
	height:65px;
	display:block;
}

nav li {
	float:left;
	list-style:none;
	display:inline;
	position:relative;
}

nav a {
	text-indent: -9999em;
}

#nav-01 {
	width: 86px;
	margin-left: 41px;
}

#nav-02 { width: 100px;}
#nav-03 { width: 92px;}
#nav-04 { width: 103px;}
#nav-05 { width: 120px;}
#nav-06 { width: 73px;}
#nav-07 { width: 79px;}
#nav-08 { width: 115px;}
#nav-09 { width: 130px;}

#nav-01 a:hover { background:url("images/nav.png")  -41px -65px no-repeat; }
#nav-02 a:hover { background:url("images/nav.png") -127px -65px no-repeat; }
#nav-03 a:hover { background:url("images/nav.png") -227px -65px no-repeat; }
#nav-04 a:hover { background:url("images/nav.png") -319px -65px no-repeat; }
#nav-05 a:hover { background:url("images/nav.png") -422px -65px no-repeat; }
#nav-06 a:hover { background:url("images/nav.png") -542px -65px no-repeat; }
#nav-07 a:hover { background:url("images/nav.png") -615px -65px no-repeat; }
#nav-08 a:hover { background:url("images/nav.png") -694px -65px no-repeat; }
#nav-09 a:hover { background:url("images/nav.png") -809px -65px no-repeat; }

#slideshow {
	background: url("images/window-bkgd.png") no-repeat;
	width: 980px;
	height: 512px;
	position: relative;
}

#slides {
	position: absolute;
	top: 110px;
	left: 70px;
	width: 840px;
	height: 348px;
	overflow: hidden;
}

#slides img {
	display: block;
}

.divider {
	background: url("images/divider.png") no-repeat;
	height: 18px;
	clear: both;
}

#more-below {
	position: absolute;
	left: 350px;
	bottom: 10px;
	width: 282px;
	height: 32px;
	text-indent: -9999em;
}

/* ------------------------ content framework ------------------------ */
#content {
	background: url("images/content-wrap.png") repeat-y;
	width:980px;
	float:left;
}

#content-wrap {
	background: #fff;
	width: 826px;
	margin: 32px auto;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	padding-top: 20px;
}

#content p, #content ul, #content dl {
	margin:0px 0px 10px 0px;
}

#meet-natasha {
	background: url("images/bg-meet-natasha.png") bottom center no-repeat;
	width: 775px;
	margin: 0 auto 20px;
	min-height: 221px;
	padding-bottom: 10px;
}

#meet-natasha div {
	margin: 0 20px 10px 20px;
}

ul#social {
	background: url("images/bg-social.png") no-repeat;
	list-style: none;
	width: 234px;
	height: 253px;
	text-indent: -9999em;
	float: left;
	margin: 0 10px 10px 3px;
	display: inline;
}

#social li.icons {
	width: 73px;
	height: 72px;
	float: left;
	margin-top: 135px;
}

#social li.icons a {
	width: 73px;
	height: 72px;
	display: block;
}

#facebook { margin-left: 50px; }
#twitter { margin-left: 10px; }

#meet-natasha h2 {
	font-size: 19px;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 150%;
}

.three-wide {
	background: url("images/bg-box.png") no-repeat;
	float: left;
	width: 206px;
	min-height: 181px;
	display: inline;
	margin-left: 20px;
	padding: 20px;
}

#recipes { margin-left: 26px; }

.three-wide h2 {
	font-size: 17px;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 150%;
}

#content .three-wide ul {
	margin: 0 0 0 20px;
	min-height: 100px;
}

.read-more {
	background: url("images/btn-read-more.png") no-repeat;
	width: 114px;
	height: 37px;
	display: block;
	text-indent: -9999em;
	margin: 20px auto;
}

#content-wrap article {
	width: 532px;
	float: left;
	margin: 5px 25px 25px;
}

#content-wrap .post {
	padding-bottom: 20px;
	border-bottom: 1px solid #dedede;
	margin-bottom: 20px;
}

article h1 {
	font-size: 24px;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 150%;
	margin-bottom: 0px;
	clear: both;
}

article h2 {
	font-size: 20px;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 150%;
	margin-bottom: 0px;
	clear: both;
}

article h3 {
	font-size: 18px;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 150%;
	margin-bottom: 0px;
	clear: both;
}

article h4, article h5, article h6 {
	font-size: 16px;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 150%;
	margin-bottom: 0px;
	clear: both;
}

#content article ul, #content article ol {
	margin: 20px 30px;
}

#content article ul li {
	list-style: none;
	background: url("images/bullet.png") no-repeat;
	padding-left: 25px;
	line-height: 1.5em;
	margin-bottom: 1em;
}

#btn-contact-us {
	background: url("images/btn-contact-us.png") no-repeat;
	display: block;
	width: 244px;
	height: 82px;
	text-indent: -9999em;
	margin: 10px auto;
}

.btn-next {
	float: right;
	margin: 10px 0;
}

.btn-previous {
	float: left;
	margin: 10px 0;
}

/* ------------------------ form framework ------------------------ */

form#cformsform.cform { width: 597px; margin: 20px 0;}
form#cformsform.cform label, form#cformsform.cform label span { width: 169px; }
form#cformsform.cform input { width: 200px; }

form#cformsform.cform span.reqtxt, form#cformsform.cform span.emailreqtxt {
	display: block;
	text-align: right;
	font-size: .8em!important;
	width: 255px;
	margin-left: 181px;
}

form#cformsform.cform textarea { width: 200px; }
form#cformsform.cform p.cf-sb { text-align: center; }
form#cformsform.cform #sendbutton { width: 100px; margin-top: 0px;}
p#ll.linklove { display: none; }

#li--6 input#cforms_captcha.secinput, #li--6 label.seccap {
	top: -8px!important;
	position: relative;
}

/* ------------------------ aside framework ------------------------ */
aside {
	width:244px;
	float:left;
}

aside p, aside h1, aside h2, aside h3, aside h4, aside h5, aside h6, aside ul, aside dl {
	margin:0px 0px 10px 0px;
}

#titleStalkUsOnline {
	background: url("images/titleStalkUsOnline.jpg") no-repeat;
	width: 244px;
	height: 82px;
	text-indent: -9999em;
}

#titleRecipeTypes {
	background: url("images/titleRecipeTypes.png") no-repeat;
	width: 244px;
	height: 82px;
	text-indent: -9999em;
}

ul#social-media {
	margin: 0 0 0 10px;
}

#social-media li{
	list-style: none;
	float: left;
	margin: 0 10px 0 0!important;
}

#titleLatestTweets {
	background: url("images/titleLatestTweets.jpg") no-repeat;
	width: 244px;
	height: 82px;
	text-indent: -9999em;
	clear: both;
	margin: 40px 0 20px;
	float: left;
}

#content ul.category-list {
	margin: 10px 30px;
}

ul.category-list .cat-item {
	font-size: 18px;
	list-style: none;
	line-height: 150%;
}

ul.category-list .cat-item ul.children .cat-item {
	font-size: 14px;
	margin-left:5px;	
	list-style: none;
	background: url("images/bullet.png") no-repeat;
	padding-left: 25px;
	height: 20px;
	line-height: 20px;
	margin-bottom: 1em;
}

/* ------------------------footer framework ------------------------ */
footer {
	width: 100%;
	clear: both;
	background: #fff url("images/bg-footer-wrap.png") center top repeat-x;
}

#footer-wrap {
	background: url("images/bg-footer-shadow.png") center no-repeat;
	padding: 152px 0 20px;
}

#footer {
	width:980px;
	margin:40px auto 0;
	text-align:center;
	clear: both;
}

#footer a {
	color: #000;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
	color:#ff6001;
}

footer p {
	margin-bottom:10px;
}

footer ul {margin:10px;}

footer li {
	padding:0 5px 0 7px;
	display: inline;
	border-left: 1px solid;
}

footer li:first-child { border: none; }