/* CSS Document */
/*
Theme Name: Hannah Kaye
Theme URI: http://www.tenacityworks.com/
Description: Hannah Kaye theme developed by Tenacity Works in sunny Cape Town.
Author: Tenacity Works
Author URI: http://www.tenacityworks.com/
Vesrion 1.1
.
*/

/*Eric Meyer's CSS Reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
.clr{
	clear:both;
}

.homeHeader {
	height:574px;
	background-image: url(images/home_repeater.png);
	background-repeat:repeat-x;
	background-position:0 169px;
		}
	
.pagesHeader {
	height:216px;
	background-image: url(images/menu_alone.png);
	background-repeat:repeat-x;
	background-position:bottom;
		}
		
/*LOGO AREA*/
		
.logoArea {
	margin-left:auto;
	margin-right:auto;
	width:960px;
	height:169px;
	}

.logoArea .hkLogo {
	display:block; 
	float:left;
	margin-top:22px;
	}

 .hkSearch {
	width:227px; 
	float:right;
	margin-top:81px;
	}
	
.searchCrn {
	width:7px;
	height:34px;
	background-image: url(images/search_left.png);
	float:left
	}



/*Search Field*/
.hkSearch input,
.hkSearch textarea,
.hkSearch select {
	padding:9px 0px;
	
	float:left;
	border:0;
	font-family:"Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size:13px;
	color:#999999;
	background: url(images/search_re.png);
	background-repeat:repeat-x;
	width:186px;
	height:16px;

}

.hkSearch input:hover,
.hkSearch textarea:hover,
.hkSearch select:hover	{
	
	
	
}
.hkSearch input:focus,
.hkSearch textarea:focus,
.hkSearch select:focus	{ 
	color:#666666;
	
	}
#searchsubmit {
	width: 34px;
	height: 34px;	
	border: 0;	
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
	background-color: transparent;
	background-image: url(images/submitBtn.png);
	background-repeat: no-repeat;
	background-position:0px 0px;
	float:left;
	
}
#newssubmit {
	float:right;
	height:34px;
	margin-top:-35px;
	width:34px;	
	border: 0;	
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
	background-color: transparent;
	background-image: url(images/news_butt.png);
	background-repeat: no-repeat;
	background-position:0px 0px;	
}
#searchsubmit:hover {
	background-position:0px -34px;
	}
 .hkSearch {
	width:227px; 
	float:right;
	margin-top:81px;
	}

/*Search Field*/
.hkNews input,
.hkNews textarea,
.hkNews select {
	float:left;
	border:0;
	font-family:"Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size:13px;
	color:#999999;
	background: url(images/bg_news.png);
	background-repeat:repeat-x;
	padding:9px 5px;
	width:179px;
	height:16px;

}

.hkNews input:hover,
.hkNews textarea:hover,
.hkNews select:hover	{
	
	
	
}
.hkNews input:focus,
.hkNews textarea:focus,
.hkNews select:focus	{ 
	color:#666666;
	
	}	
/**form**/
#form{
	width: 330px;
	margin-top:20px;
	}
#form input,
#form textarea,
#form select { 
	padding:3px;
	background: #FFF; 
	color:#999999;
	border-top: 1px solid #C9C9C9;
	border-left: 1px solid #C9C9C9;
	vertical-align:top;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	box-shadow:inset 1px 2px 2px #E4E4E4;
	-moz-box-shadow:inset 1px 2px 2px #E4E4E4;
	-webkit-box-shadow: inset 0 4px 4px #333333;
	font-size: 14px;
	font-family:"Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-bottom:15px;
}
#form input:hover,
#form textarea:hover,
#form select:hover	{
	background:#E4E4E4 
}

#form input:focus,
#form textarea:focus,
#form select:focus	{ 
	background:#E4E4E4; 
}

#form textarea,
#form input {
	width:335px; 
}
#form #commentButt {
	float:left;
	height:27px;
	width:114px;	
	border: 0;	
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
	background-image: url(images/butt_comment.png);
	
}
/* MENU */

.menu {
	height:43px;
	clear:both;	
	width:100%;
	}
	
.menu ul{
	height:33px;
	margin:0 auto;
	overflow:hidden;
	padding-top:10px;
	width:960px;
	}
	
.menu ul li {
	float:left;
	list-style:none;
	display:inline;
	padding:0 2.6px;
	}

.menu ul li a { 
	display:block;
	}

.menu ul li span {
	display:none;
	}	

#aboutBtn a{
	width:193px;		
	height:33px;
	background: url(images/menu_sprite.png) no-repeat 0px 0px;			
	}
	
#aboutBtn a:hover, #aboutBtn a.selected{		
	background: url(images/menu_sprite.png) no-repeat 0px -40px;
	}
	
#ntBtn a{
	width:205px;
	height:33px;
	background: url(images/menu_sprite.png) no-repeat -198px 0px;
	}
	
#ntBtn a:hover, #ntBtn a.selected{	
	background: url(images/menu_sprite.png) no-repeat -198px -40px;
	}
	
#kidsBtn a{
	width:125px;
	height:33px;
	background: url(images/menu_sprite.png) no-repeat -407px 0px;
	}
	
#kidsBtn a:hover, #kidsBtn a.selected {	
	background: url(images/menu_sprite.png) no-repeat -407px -40px;
	}
	
#blogBtn a{
	width:69px;
	height:33px;
	background: url(images/menu_sprite.png) no-repeat -538px 0px;
	}
	
#blogBtn a:hover, #blogBtn a.selected{	
	background: url(images/menu_sprite.png) no-repeat -538px -40px;
	}
	
#downloadsBtn a{
	width:127px;
	height:33px;
	background: url(images/menu_sprite.png) no-repeat -614px 0px;
	}
	
#downloadsBtn a:hover, #downloadsBtn a.selected{	
	background: url(images/menu_sprite.png) no-repeat -614px -40px;
	}

#linksBtn a{
	width:73px;
	height:33px;
	background: url(images/menu_sprite.png) no-repeat -746px 0px;
	}
	
#linksBtn a:hover, #linksBtn a.selected{	
	background: url(images/menu_sprite.png) no-repeat -746px -40px;
	}
	
#contactBtn a{
	width:126px;
	height:33px;
	background: url(images/menu_sprite.png) no-repeat -820px 0px;
	}
	
#contactBtn a:hover, #contactBtn a.selected{	
	background: url(images/menu_sprite.png) no-repeat -820px -40px;
	}
	
/* HERO AREA */

.heroArea {
	background-image: url(images/cuttingboard.png);
	background-repeat:no-repeat;
	background-position:bottom center;
	height:358px;
	width:960px;
	margin-left:auto;
	margin-right:auto;
	}
div#example {
    width:683px;
	height:293px;
	float:left;
	margin-left:27px;
	margin-top:50px
    }

div#example ul.indexwork {
    bottom:57px;
	left:81px;
	margin:0;
	padding:0;
	position:relative;
    }

div#example ul.indexwork li {
    float: left;
    padding: 4px 8px 4px 8px;
    list-style: none;
    }
div#example ul.indexwork li a{
	background:url(images/slider_active.png) no-repeat;
	height:20px;
	width:20px;
	padding:0 6px 7px;
    font-family:"Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size:15px;
	color:#666666;
	text-decoration:none;
	}
div#example ul.indexwork li a:hover, div#example ul.indexwork li a.active{
	background:url(images/slider_hover.png) no-repeat;
	height:20px;
	width:20px;
	padding:0 6px 7px;
	color:#FFF;
	text-decoration:none;
}
div#example a.prevwork { float:left; padding:4px; }
div#example a.nextwork { float:left; padding:4px; }

div#example ul.layers {
    width:683px;
		height:293px;
    }

div#example ul.layers li {
        width:683px;
		height:293px;
        }
div#example ul.layers li { margin-right:5px; }
div#example {
    position: relative;
    }

div#example ul.layers {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    clear: both;
    position: relative;
    top: 0;
    left: 0;
    }

div#example ul.layers li {
	float: left;
    position: absolute;
}
.heroSlide {
	background-repeat:no-repeat;
	width:683px;
	height:293px;
	}

.slideLeft {
	width:290px;
	margin-left:42px;
	height:234px;
	float:left;
	margin-top:15px;
	}
h1.heroH1 {
	margin-top:0;
	width:290px;
	}

.heroSpan {
	font-family:"Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size:16px;
	color:#58585B;
	font-weight:lighter;
	}

.heroArea .slideLeft a {
	color:#71B43E;
	display:block;
	font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
	font-size:16px;
	padding-top:5px;
	}

.heroArea .feed {
	width:199px;
	height:293px;	
	float:right;
	margin-top:50px;
	margin-right:31px;
	font-family:"Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color:#404040;	
	}

.heroArea .feed h2.twFeed {
	font-size:18px; !important;
	display:block;
	width:145px;
	height:52px;
	float:right;
	font-weight:normal;
	padding-left:10px;
	background-color:none;
	
	}

.heroArea .feed h2.twFeed a {
	text-decoration:none;
	color:#404040;
	}
	
.heroArea .feed span {
	font-size:13px;
	margin-left:10px;
	margin-right:10px;
	margin-top:5px;
	display:block;
	float:left;
	}

.heroArea .feed span a {
	color:#404040
	}


span.secondTweet { 
	margin-top:20px !important;
	}
.tweetBox{
	height:100px;
	margin-bottom:20px;
	}	
/* CONTENT AREA */

.contentArea {
	width:940px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	padding-left:10px;
	padding-right:10px;
	}
	
.contentArea .contentLeft {	
	float:left;
	padding-right:15px;
	width:685px;
	}

h1 {
	font-size:24px;
	font-family:"Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color:#58585B;
	font-weight:lighter;
	width:680px;
	border-bottom:1px dotted #9CCE75;
	margin-top:15px;
	margin-bottom:10px;
	}
	
h2.contentH2{
	background-color:#ABDA86;
	background-image:url(images/h2_re.png);
	text-transform:uppercase;
	font-family:"Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size:13px;
	font-weight:normal;
	height:23px;
	margin-bottom:15px;
	float:left;
	clear:both;
	color:#474747;
	}

h2.contentH2 .h2Left {
	width:6px;
	height:23px;
	background-image:url(images/h2_left.png);
	float:left;
	}
	
h2.contentH2 .h2Right {
	width:5px;
	height:23px;
	background-image:url(images/h2_right.png);
	float:right;
	}

h2.contentH2 span {
	display:block;
	float:left;
	padding-left:15px;
	padding-right:15px;
	padding-top:3px;
	}
hr.dot{
	border-bottom:1px dotted #9CCE75 !important;
	height:1px;
	border:none;
	margin-bottom:10px;
	background:none;
	}
p {
	font-size:13px;
	font-family:"Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color:#58585B;
	padding-bottom:10px;
	line-height:19px;
	padding-right:20px;
	}

p.lastP {
	
	border-bottom:1px dotted #9CCE75;
	margin-bottom:15px;
	margin-right:20px;
	}

.contentLeft ul {
	clear:both;
	float:left;	
	width:100%;
	margin-bottom:10px;
	}

.contentLeft a, a:visited {
	color:#6D519B;
	text-decoration:none;
	}
.contentLeft a:hover {
	color:#58585B;
	}
.contentLeft img {
	float:left;
	margin-right:15px;
	margin-bottom:15px;
	border:10px solid #DEF5CC;
	}

.contentLeft ul li {
	list-style-position:inside;
	list-style-image:url(images/bullet.png);
	color:#58585B;
	font-size:13px;
	font-family:"Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding:5px 0;
	
		}
.contentLeft ol{
	margin-left:18px;
	}
.contentLeft ol li {
	list-style:decimal;
	color:#58585B;
	font-size:13px;
	font-family:"Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding:0 0 5px 0;
	
		}
.searchResults{
	width:680px;
	}
.contentLeft .searchResults ul li{
	list-style:none !important;
}	
/* CONTENT SIDEBAR */

.contentArea .contentRightSidebar {
	background-color:#BDEB9A;
	width:199px;
	float:left;
	padding:0 20px;
	padding-top:9px;
	background-image:url(images/sidebar_bottom.png);
	background-position:bottom center;
	background-repeat:no-repeat;
	padding-bottom:20px;
	}

.contentRightSidebar h2.bottomBorder {
	font-size:13px;
	font-family:"Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-transform:uppercase;
	color:#474747;
	font-weight:normal;
	margin:15px 0;
	border-bottom:1px dotted #71B43E;
	padding-bottom:5px;
	}

.contentRightSidebar h2.borderBoth {
	font-size:13px;
	font-family:"Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-transform:uppercase;
	color:#474747;
	font-weight:normal;
	margin:15px 0;
	border-bottom:1px dotted #71B43E;
	padding-bottom:5px;
	padding-top:5px;
	border-top:1px dotted #71B43E;
	clear:both;
	}

.contentRightSidebar ul {
	float:left;
	clear:both;
	margin-left:17px;
	list-style-image:url(images/green_bullet.png);
	font-size:13px;
	font-family:"Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color:#474747;
	margin-bottom:5px;
	
		
	}

.contentRightSidebar ul li {
	padding-bottom:10px;
	}
	
.contentRightSidebar ul li 	a {
	color:#474747;
	text-decoration:none;	
	}
	
.contentRightSidebar ul li a:hover {
	text-decoration:underline;
	}
	
/* BLOG */

.blogPostHeader {
	width:687px;
	height:76px;
	background-image:url(images/blog_heading_crn.png);
	background-repeat:no-repeat;
	background-position:right;
	background-color:#E5F6D9;
	margin-top:15px;
	margin-bottom:10px;
	}
.blogPostHeader h2{
	border-bottom:1px dotted #9CCE75;
	color:#58585B;
	font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
	font-size:19px;
	font-weight:lighter;
	margin-left:82px;
	padding-top:20px;
	width:590px;
}
.weeklyTip {
	background-repeat:no-repeat;
	width:71px; 
	height:53px;
	float:left;
	padding-right:10px;
		
	}
.weeklyTip img{
	border:0 none !important;
	float:left;
	margin-top:0;
	}
.recipe {
	background-repeat:no-repeat;
	width:71px; 
	height:53px;
	float:left;
	padding-right:10px;
		
	}

.latestNews {
	background-repeat:no-repeat;
	width:71px; 
	height:53px;
	float:left;
	padding-right:10px;
		
	}

.blogPostHeader h1 {
	clear:none;	
	float:left;	
	width:590px;
	display:block;	
	margin-bottom:6.5px;
	font-size:22px;
	}

.blogPostHeader .subText {
	background-image:url(images/blog_bottom_crn.png);
	background-position:bottom left;
	background-repeat:no-repeat;
	color:#474747;
	float:left;
	font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
	font-size:10px;
	height:23px;
	padding-left:15px;
	text-transform:uppercase;
	width:657px;
	}

.subText a {
	color:#6C519A;
	}

.subText span {
	font-size:17px;
	line-height:10px;
	}

.blogPostText {
	margin-left:10px;	
	}

span.readMore {
	font-family:"Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-transform:uppercase;
	font-size:11px;
	margin-left:10px;
	}

span.readMore a {
	color:#6C519A;
	text-decoration:none;
		}
	
span.readMore a:hover {
	text-decoration:underline;
	}

.recipeBox {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border:5px solid #E5F6D9;
	width:650px;
	margin-left:10px;
	padding:10px;
	font-family:"Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size:15px;
	color:#474747;
	font-weight:lighter;
	margin-bottom:15px;
	}
h2  {
	color:#474747;
	font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
	font-size:20px;
	font-weight:normal;
}
h3 {
	font-family:"Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size:18px;
	font-weight:normal;
	color:#474747;
	border-bottom:1px dotted #71B43E;
	}

h4 {
	font-family:"Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size:16px;
	font-weight:normal;
	color:#474747;
	border-bottom:1px dotted #71B43E;
	}
/* COMMENT */

ol.comment {
	float:left;
	margin:0 15px 15px 0;
	overflow:hidden;
	padding-top:15px;
	}
ol.comment li{
	list-style:decimal;
	font-family:"Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size:30px;
	color:#CCCCCC;
	text-align:left;
	font-weight:lighter;
	border-top:1px dotted #71B43E;
	clear:both;
	padding-top:15px;
	margin-bottom:15px;
	overflow:hidden;
	}
.gravatar {
	background-color:#BDEB9A;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width:60px;
	height:60px;
	float:left;
	
	}

.gravatar img {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border:none;
	float:none;
	margin-bottom:0;
	margin-right:0;
	margin:5px;
	}

.defaultGravatar {
	width:50px;
	height:50px;
	background-image:url(images/default_img.png);
	background-repeat:no-repeat;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin:5px;
	}

h5 {
	font-family:"Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size:13px;
	text-transform:uppercase;
	font-weight:normal;
	color:#464646;	
	margin-bottom:10px;
	}

h5 a {
	font-weight:normal;
	text-decoration:none;
	color:#70539E;
	}

h5 a:hover {
	
	text-decoration:underline;
	
	}

.commentText {
	float:left;
	width:550px;
	margin-left:20px;
	}

.commentForm {
	
	clear:both;
	border-top:1px dotted #71B43E;
	padding-top:15px;
	margin-right:15px;
	}

.commentForm form {
	clear:both;
	float:left;
	margin-top:10px;
	}
	
.commentForm input, .commentForm textarea {
	font-family:"Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size:13px;
	color:#474747;
	text-align:left;
	background-color:#F8F8F8;
	padding:5px;
	}

.commentForm textarea.commentBox, .commentForm input.submitBtn{
	clear:both;
	float:left;
	margin-top:10px;	
	}
	




/* FOOTER */

.footer {
	background-image:url(images/footer_re.png) ;
	background-repeat:repeat-x;
	width:100%;
	height:99px;
	font-size:12px;
	font-family:"Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color:#474747;
	
	}

.ftrWrap {
	width:940px;
	margin-left:auto;
	margin-right:auto;
	padding-top:25px;
	line-height:20px;
	}

.ftrWrap a {
	color:#474747;
	text-decoration:none;	
	}
	
.ftrWrap a:hover, .ftrWrap a:hover span {
	text-decoration:underline;
	}

.ftrWrap span, .ftrWrap img {
	float:left
	}

.ftrWrap span {
	padding-left:10px;
	}



.ftrLeft {
	float:left;
	}

.ftrRight {
	float:right;
	margin-right:40px;
	
	}
	
	/* STICKY FOOTER */
	
	html, body {height: 100%;
	font-family:"Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	}
	
	.wrap {
		min-height: 100%;	
		width:100%;
		margin-bottom:20px;}
	
	.contentArea {
		overflow:overflow;
		padding-bottom: 120px;}  /* must be same height as the footer */
		
	.footer {
		position: relative;
		margin-top: -99px; /* negative value of footer height */		
		clear:both;
	} 
	
	/*Opera Fix*/
		body:before {
			content:"";
			height:100%;
			float:left;
			width:0;
			margin-top:-32767px;/
		}