/*
Theme Name: Green Appetite
Theme URI: http://www.junowebdesign.com
Description: Green Appetite
Version: 1.0
Author: Juno Media
Author URI: http://www.junowebdesign.com
Tags: web design, web development, graphic design
*/

/* Imports */
@import url("css/reset.css");
@import url("css/global-forms.css");

/***** Global *****/
/* Body */
	body {
		background: black;
		background-attachment: fixed;
		background-image: url('images/bg-1.jpg');
		background-position: center top;
		background-repeat: no-repeat;
		color: white;
		font-size: 81.3%; /* Base font size: 13px */
		font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
		line-height: 1.4;
		margin: 0;
		padding: 0;
		text-align: left;
	}
	
	body.home {background-image: url('images/bg-2.jpg');}
	body.testimonials {background-image: url('images/bg-4.jpg');}
	body.about {background-image: url('images/bg-5.jpg');}
	body.you {background-image: url('images/bg-6.jpg');}

/* Headers */
h2 {font-size: 1.615em}	/* 21px */
h3 {font-size: 1.462em}	/* 19px */
h4 {font-size: 1.308em}	/* 17px */
h5 {font-size: 1.154em}	/* 15px */
h6 {font-size: 1em}		/* 13px */

h2, h3, h4, h5, h6 {line-height: 1.1; margin-bottom: .1em;}
	
/* Links */
a {outline: 0;}
a img {border: 0px; text-decoration: none;}
a:link, a:visited {color: #fff;}
a:hover, a:active {text-decoration: none;}
	
/* Paragraphs */
p {
	margin-bottom: 1.5em;
	line-height: 1.4;
}

strong, b {font-weight: bold;}
em, i {font-style: italic;}

/* Lists */
ul {
	list-style: outside disc;
	margin: 1em 0 1.5em 1.5em;
}

ol {
	list-style: outside decimal;
	margin: 1em 0 1.5em 1.5em;
}

dl {
	margin: 0 0 1.5em 0;
}
dt {font-weight: bold;}
dd {margin-left: 1.5em;}

/* Quotes */
blockquote {font-style: normal;}
blockquote p {margin-bottom: .5em;}
cite {padding: 0 1.5em;}

q {font-style: italic;}

/* Tables */
table {margin: .5em auto 1.5em auto; width: 98%;}
	
	/* Thead */
	thead th {padding: .5em .4em; text-align: left;}
	thead td {}

	/* Tbody */
	tbody td {padding: .5em .4em;}
	tbody th {}
	
	tbody .alt td {}
	tbody .alt th {}
	
	/* Tfoot */
	tfoot th {}
	tfoot td {}

/***** Layout *****/
.contents {margin: 0 auto; width: 987px;}
.contents:after {clear: both; content: "."; display: block; height: 0; visibility: hidden;}

/* Header */
#header {
	background: url('images/header-bg.png') repeat-x top;
	border-bottom: 1px solid #180D11;
	height: auto !important;
	height: 256px;
	min-height: 256px;
}

#header .contents {
	background: url('images/menu-bg.png') no-repeat center top;
}

	/* Menu */
	#nav {
		text-transform: lowercase;
		float: left;
		font-size: 1.154em;
		width: 100%;
		height: 47px;
		line-height: 47px;
		list-style: none;
		margin: 0;
	}
	
	#nav li {
		background: url('images/menu-sep.png') no-repeat center right;
		float: left;
		position: relative;
		padding: 0 2px 0 0;
	}
	#nav li:last-child {background: none; padding: 0;}
	
	#nav a:link, #nav a:visited {
		display: block;
		float: left;
		font-weight: bold;
		height: 47px;
		margin: 0;
		padding: 0 1.308em;
		text-decoration: none;
	}
	
	#nav a:hover, #nav a:active {
		background: transparent url('images/menu-hover.png') !important;
		background: #3A512A;
	}
	
		/* Dropdowns (Eww) */
		#nav li ul {
			background: transparent url('images/content-bg.png') !important;
			border: 1px solid #7E9273;
			display: none;
			font-size: 0.846em;
			left: 0;
			list-style: none;
			margin: 0;
			padding: 4px 2px;
			position: absolute;
			top: 46px;
			width: 110px;
			line-height: 32px;
			border-radius-bottomleft:9px;
			border-radius-bottomright:9px;
			-moz-border-radius-bottomleft:9px;
			-moz-border-radius-bottomright:9px;
			-webkit-border-radius-bottomleft:9px;
			-webkit-border-radius-bottomright:9px;
		}
		#nav li:hover ul {display: block;}
	
		#nav li ul li {
			background: none;
			display: block;
			float: none;
			height: auto;
			position: static;
		}
		
		#nav li ul li a:link, #nav li ul li a:visited {
			float: none;
			height: auto;
			padding: 0 1em;
		}
		
		#nav li ul li a:hover, #nav li ul li a:active {
			background: transparent url('images/drop-bg.png') !important;
			background: #000;
		}
	
	/* Phone */
	#phone {
		display: block;
		float: right;
		height: 47px;
		line-height: 47px;
		margin: 0 1.385em 0 0;
	}
	
	/* Logo */
	#logo {float: left; margin: 0 1.615em 0 0;}
	#blog-logo {float: right;}
	
	/* Intro text */
	#header .intro {
		float: left;
		font-size: 1.154em;
		margin: 20px 0 0 0;
		width: 550px;
	}
	
	#header .intro h2 {
		font-size: 2.467em;
		font-weight: normal;
		margin-bottom: 15px;
	}

/* Body */
#body {padding: 55px 0;}

	/* Green Boxes */
	#body .section {
		background: url('images/content-bg.png');
		border: 1px solid #7E9273;
		height: 1%;
		overflow: hidden;
		padding: 2em;
		
		border-radius: 9px;
		-moz-border-radius: 9px;
		-webkit-border-radius: 9px;
	}
	
	.home #body .section {padding: 1em;}
	
	.section .primary {float: left; overflow: hidden; width: 451px;}
	.section .secondary {float: right; overflow: hidden; width: 451px;}
	
	.box {padding: 14px; margin-bottom: 12px; background: transparent url('images/menu-hover.png') !important; background: #3A512A; border-radius: 9px; -moz-border-radius: 9px; -webkit-border-radius: 9px;}
	
	.arrow-list li a:link, .arrow-list li a:visited, .arrow:link, .arrow:visited {
		background: url('images/icons/arrow.gif') no-repeat center left;
		margin-left: 5px;
		padding-left: 10px;
		text-decoration: none;
		font-weight: bold;
	}
	
/* Footer */
#footer {
	background: url('images/foot-bg.png');
	border-top: 1px solid #180D11;
	padding: 10px 0;
}

	/* Foot Buttons */
	#foot-buttons {float: left; font-size: .923em; list-style: none; margin: 0;}
	#foot-buttons li {float: left; margin: 0 15px 0 0;}
	#foot-buttons a:link, #foot-buttons a:visited {
		background: #000 url('images/footer-button-bg.png') no-repeat left;
		border: 1px solid #000;
		display: block;
		float: left;
		height: 36px;
		line-height: 36px;
		text-align: center;
	}
	
	#foot-buttons .rss a, #foot-buttons .bookmark a {padding: 0 4px;}
	#foot-buttons .rss img {float: left; margin: 2px 4px 0 0;}
	#foot-buttons .bookmark img {margin-top: 9px;}
	
	/* Info */
	#footer .secondary {float: right; font-size: .846em; margin: 0 0 0 20px; width: 450px; text-align: right}
	#footer .secondary ul {list-style: none; margin: .5em 0 .5em -1em;}
	#footer .secondary ul li {
		border-right: 1px solid #fff;
		display: inline;
		line-height: 1;
		padding: 0 1em;
	}
	#footer .secondary ul li:last-child {border: 0; padding-right: 0;}
	
	#footer .secondary p {margin: 0;}
	
	#footer .secondary a:link, #footer .secondary a:visited {text-decoration: none;}
	#footer .secondary a:hover, #footer .secondary a:active {text-decoration: underline;}
	
/***** Sections *****/
/* Homepage */
#home-menu {
	height: 1%;
	list-style: none;
	margin: 0;
	overflow: hidden;
}

#home-menu li {float: left; margin: 0 1% 0 0; overflow: hidden; width: 49%;}

#home-menu a:link, #home-menu a:visited {
	display: block;
	height: 1%;
	overflow: hidden;
	padding: 5px;
	text-decoration: none;
	
	border-radius: 9px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
}

#home-menu a:hover, #home-menu a:active {
	background: transparent url('images/menu-hover.png') !important;
	background: #3A512A;
}

	#home-menu img {
		background: url('images/home-thumbs-bg.png');
		float: left;
		height: 70px;
		padding: 5px 12px 6px 5px;
		width: 68px;
	}

	#home-menu span {float: right; padding: 18px 0 0 0; width: 360px;}

	#home-menu strong {display: block; font-size: 1.462em; font-weight: normal; margin-bottom: .5em;}
	
/* Captioned Images */
.captioned {border: 1px solid #f4f4fa; float: left; margin-bottom: 2em; overflow: hidden; position: relative;}
img.caption {
	border: 1px solid #F4F4FA;
	display: block;
	margin-bottom: 2em;
	position: relative;
	z-index: 1;
}

.captioned img.caption {border: 0; margin-bottom: 0;}

.captioned span {
	background: url('images/caption-bg.png');
	bottom: 0;
	display: block;
	padding: 1em;
	position: absolute;
	width: 100%;
	z-index: 2;
}

/* Nav */
.nav {list-style: none; margin: 0; overflow: hidden; width: 470px;clear:both}

.nav li {
	float: left;
	margin: 0 9px 10px 0;
	width: 221px;
}

.nav li a:link, .nav li a:visited {
	display: block;
	padding: 2px 0 12px 3px;
	text-decoration: none;
	
	border-radius: 9px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
}

.nav li a:hover, .nav li a:active {
	background: transparent url('images/menu-hover.png') !important;
	background: #3A512A;
}

.nav img {border: 1px solid #fff; display: block;}

.nav li a span {
	background: url('images/nav-bg.png') no-repeat 0 center;
	display: block;
	padding: 5px 4px 5px 4px;
	margin: 0 0 4px 0;
	width: 211px;
}

.nav li a:hover span {background: none; text-align: center;}

.nav li a:link div, .nav li a:visited div {height: 36px;}
.nav li a:link strong, .nav li a:visited strong {
	background: url('images/icons/arrow.gif') no-repeat center left;
	margin-left: 5px;
	padding-left: 10px;
	text-decoration: none;
}

.nav .newline {clear: left}

/* Blog */
#blog-content {float: left; overflow: hidden; width: 451px;}
#sidebar {float: right; overflow: hidden; width: 451px;}

	/* Sidebar */
	#sidebar ul {margin: 0 0 12px 0; list-style: none}

	/* Blog Index */
	#posts-list {margin: 0; list-style: none;}
	
	#page-nav-prev
	{
		float: left;
		margin: 0px;
		padding: 10px 0px 10px;
	}

	#page-nav-next
	{
		float: right;
		margin: 0px;
		padding: 10px 0px 10px;
	}
	
	/* Post */
	.post {background: none; margin-bottom: 3em; padding: 0;}
	
	.post h2, #sidebar h2 {margin-bottom: .2em; padding-bottom: .2em;}
	.post h2 a:link, .post h2 a:visited {}
	.post .meta {display: block; margin-bottom: 1.5em; font-size: .95em;}
	
	#profile {float: left; clear: both}
	#profile .captioned {float: left; margin: 0 1.4em 1em 0}

#sidebar-action {width: 451px; clear:both}
#sidebar-posts {width: 451px; clear:both}
#blog-tags {width: 451px; clear:both; text-transform:lowercase;}
#sidebar-left {width: 451px; clear:right}
#sidebar-right {width: 451px; }
.content-blog {width: 422px; float: right; padding: 14px; margin-bottom: 12px; background: transparent url('images/menu-hover.png') !important; background: #3A512A; border-radius: 9px; -moz-border-radius: 9px; -webkit-border-radius: 9px;}
.sign-up {width: 194px; float: left; padding: 14px; margin-bottom: 12px; background: transparent url('images/menu-hover.png') !important; background: #3A512A; border-radius: 9px; -moz-border-radius: 9px; -webkit-border-radius: 9px;}
.search-form {width: 194px; float: right; padding: 14px; margin-bottom: 12px; background: transparent url('images/menu-hover.png') !important; background: #3A512A; border-radius: 9px; -moz-border-radius: 9px; -webkit-border-radius: 9px;}

.search-form .search-text {width: 112px; float: left; clear: left;}

.latest-posts {margin-bottom: 1em}
#blog-tags div {width: 422px; float: right; padding: 14px; margin-bottom: 12px; background: transparent url('images/menu-hover.png') !important; background: #3A512A; border-radius: 9px; -moz-border-radius: 9px; -webkit-border-radius: 9px;}
.get-involved img {margin: 0 7px 0 0; position: relative; top: 3px}
.sign-text {width: 112px; float: left; clear: left}
.sign-button {margin-left: .4em}
.blog-ad-left {width: 234px; float: left; padding: 8px 0 0 0;}
.blog-ad-right {width: 188px; float: right; clear: right; padding: 8px 0 0 0;}

.archives li a:link, .archives li a:visited, .archives:link, .archives:visited {
	background: url('images/icons/arrow.gif') no-repeat center left;
	margin-left: 5px;
	padding-left: 10px;
	text-decoration: none;
	font-weight: bold;
}

#action-buttons {float: left; font-size: .923em; list-style: none; padding: 14px; margin: 0; background: transparent url('images/menu-hover.png') !important; background: #3A512A; border-radius: 9px; -moz-border-radius: 9px; -webkit-border-radius: 9px;}
#action-buttons li {float: left; margin: 0 23px 0 0;}
#action-buttons a:link, #action-buttons a:visited, #foot-buttons a:link #foot-buttons a:visited {
	display: block;
	float: left;
	height: 36px;
	line-height: 36px;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
}
#action-buttons .rss {margin: 0}
#action-buttons .rss a, #foot-buttons .bookmark a {padding: 0 4px;}
#action-buttons .rss img {float: left; margin: 2px 4px 0 0;}
#action-buttons .bookmark img {margin-top: 9px;}

/* Comments */
#comments {overflow: hidden; height: 1%;}
#comments h3 {margin-bottom: 25px;}

	/* Comments List */
	.comments-list {list-style: none; margin: 0 0 2em 0;}
	.comments-list li {overflow: hidden; width: 100%; border-bottom: 1px solid #fff; margin-bottom: 1.5em; padding-bottom: 1.5em;}
	
	.comments-list .avatar {float: left; margin: 0 20px 0 0; border: 1px solid #fff;}
	.comments-list .info {width: 515px; float: right; overflow: hidden; font-size: .9em;}
	.comments-list cite {color: #999; display: block; margin-bottom: .5em;}
	
/* Comments Form */
#comment-form {width: 411px; margin: 0 0 1em 0; overflow: hidden; height: 1%; background: transparent url('images/menu-hover.png') !important; background: #7E9273; border: 0; border-radius: 9px; -moz-border-radius: 9px; -webkit-border-radius: 9px;}
#comment-form div {float: right; margin: 1.2em 1.2em 0 0; height: 1%;}

#comment-form label {
	display: block;
	float: left;
	font-weight: bold;
	margin-bottom: 15px;
	line-height: 20px;
	width: 75px;
	clear: left
}
#comment-form .text, #comment-form textarea {
	border: 0;
	display: block;
	float: left;
	margin-bottom: 15px;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', verdana, sans-serif;
	font-size: 100%;
	padding: .2em .5em;
	width: 286px;
	color: #888;
	background: #fff;
	border: 1px solid #fff;
}

#comment-form textarea {float: none; clear: both; width: 361px; height: 125px}

#comment-form .button {
	float: right;
	background: #3A512A;
	margin: 1em;
	border: 0;
	color: #fff;
	padding: .3em 1em;
	display: block;
	float: right;
	font-weight: bold;
	font-size: 13px;
	cursor: pointer;
	border-radius: 9px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
}

/* Testimonials */
#testimonials {list-style: none; margin: 0 0 2em 0; width: 438px;}
#testimonials li {
	background: url('images/quote-top.png') no-repeat top;
	padding-top: 17px;
	margin-bottom: 3em;
}

#testimonials blockquote {
	background: url('images/quote-mid.png');
	padding: 0 2em 1px 2em;
	margin: 0;
}
#testimonials blockquote h2 {font-size: 120%; margin-bottom: .4em}
#testimonials blockquote p {font-size: 95%; line-height: 1.3;}
#testimonials blockquote strong {color: #fff;}
#testimonials cite {
	background: url('images/quote-bot.png') no-repeat top;
	display: block;
	padding: 40px 0 0 0;
	text-align: right;
}

/* Contact Form */
#contact-form {width: 401px; margin: 0 0 1em 0; overflow: hidden; height: 1%; background: transparent url('images/menu-hover.png') !important; background: #7E9273; border: 0; border-radius: 9px; -moz-border-radius: 9px; -webkit-border-radius: 9px;}
#contact-form div {float: right; margin: 1.2em 1.2em 0 0; height: 1%;}

#contact-form label {
	display: block;
	float: left;
	font-weight: bold;
	margin-bottom: 15px;
	line-height: 20px;
	width: 75px;
	clear: left
}
#contact-form .text, #contact-form textarea {
	border: 0;
	display: block;
	float: left;
	margin-bottom: 15px;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', verdana, sans-serif;
	font-size: 100%;
	padding: .2em .5em;
	width: 280px;
	color: #888;
	background: #fff;
	border: 1px solid #fff;
}

#contact-form textarea {float: none; clear: both; width: 355px; height: 125px}

#contact-form .button {
	float: right;
	background: #3A512A;
	margin: 1em;
	border: 0;
	color: #fff;
	padding: .3em 1em;
	display: block;
	float: right;
	font-weight: bold;
	font-size: 13px;
	cursor: pointer;
	border-radius: 9px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
}

#body #contact.section {width: 700px; margin: 0 0 0 100px}
#contact .primary {width: 447px;}
#contact .primary p {width: 427px;}
#contact .secondary {float: right; width: 227px; margin-right: .4em}
#contact .details {clear: left; font-size: 1.3em}

/* Recipes */
#recipes-menu {
	height: 1%;
	list-style: none;
	margin: 0;
	overflow: hidden;
}

#recipes-menu li {float: left; margin: 0 1% 0 0; overflow: hidden; width: 49%;}

#recipes-menu a:link, #recipes-menu a:visited {
	display: block;
	height: 1%;
	overflow: hidden;
	padding: 5px;
	text-decoration: none;
	
	border-radius: 9px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
}

#recipes-menu a:hover, #recipes-menu a:active {
	background: transparent url('images/menu-hover.png') !important;
	background: #3A512A;
}

	#recipes-menu img {
		background: url('images/home-thumbs-bg.png');
		float: left;
		height: 70px;
		padding: 5px 12px 6px 5px;
		width: 68px;
	}

	#recipes-menu span {float: right; padding: 18px 0 0 0; width: 360px;}

	#recipes-menu strong {display: block; font-size: 1.462em; font-weight: normal; margin-bottom: .5em;}
	
#recipes-sidebar li {
	float: left;
	width: 70px;
	margin: 4px 12px;
}

#recipes-sidebar li img {
	border: 1px solid #fff;
}

ul.arrows {
	list-style-image: url('images/icons/arrow.gif');
}


/* Recipes */
#conversions .search, #conversions .tags {width: 220px; padding: 14px; margin-bottom: 12px; background: transparent url('images/menu-hover.png') !important; background: #3A512A; border-radius: 9px; -moz-border-radius: 9px; -webkit-border-radius: 9px;}
#conversions .tags {width: 220px; padding: 14px; margin-bottom: 12px; background: transparent url('images/menu-hover.png') !important; background: #3A512A; border-radius: 9px; -moz-border-radius: 9px; -webkit-border-radius: 9px;}
#conversions.section .primary {float: left; overflow: hidden; width: 703px;}

#recipe-index .search {width: 220px; padding: 14px; margin-bottom: 12px; background: transparent url('images/menu-hover.png') !important; background: #3A512A; border-radius: 9px; -moz-border-radius: 9px; -webkit-border-radius: 9px;}
#recipe-index .tags {width: 220px; padding: 14px; margin-bottom: 12px; background: transparent url('images/menu-hover.png') !important; background: #3A512A; border-radius: 9px; -moz-border-radius: 9px; -webkit-border-radius: 9px;}
#recipe-index .side {float: left; overflow: hidden; width: 248px;}
#recipe-index .thumbs {float: right; width: 700px;}
#recipe-index .nav {display: block; margin: 0; padding: 0; list-style: none; overflow: hidden; width: 700px;}

#cln_converter {overflow: hidden; width: 181px; overflow:hidden; padding:2px 9px 8px; background: transparent url('images/menu-hover.png') !important; background: #3A512A; border-radius: 9px; -moz-border-radius: 9px; -webkit-border-radius: 9px;} 

#conversions .nav {display: block; margin: 1.4em 0 0; padding: 1.4em 0 0; list-style: none; overflow: hidden; width: 940px;}

#conversions .nav li {
	float: left;
	margin: 0 7px 10px 7px;
	width: 221px;
}

#conversions .nav a:link, .nav a:visited {
	display: block;
	padding: 2px 0 12px 3px;
	text-decoration: none;
	
	border-radius: 9px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
}

#conversions .nav a:hover, .nav a:active {
	background: transparent url('images/menu-hover.png') !important;
	background: #3A512A;
}

#conversions .nav img {border: 1px solid #fff; display: block;}

#conversions .nav a span {
	background: url('images/nav-bg.png') no-repeat 0 center;
	display: block;
	padding: 5px 4px 5px 4px;
	margin: 0 0 7px 0;
	width: 211px;
}

#conversions .nav a:hover span {background: none; text-align: center;}

#conversions .nav a:link strong, .nav a:visited strong {
	background: url('images/icons/arrow.gif') no-repeat center left;
	margin-left: 5px;
	padding-left: 10px;
	text-decoration: none;
}

.pager {float: left; overflow: hidden; border-radius: 9px; -moz-border-radius: 9px; -webkit-border-radius: 9px; background:transparent url(images/menu-hover.png) !important;}
.pager div {float: left; font-weight: bold; padding: 4px; margin: .5em 0 .5em .5em;}
.pager ol {display:block; float:left; padding: 4px; margin: .5em .5em .5em 0;}
.pager ol li {display: block; float: left; list-style: none; margin: 0 .4em 0 0; padding: 2px 7px}
.pager ol li.current {font-weight: bold; border-radius: 9px; -moz-border-radius: 9px; -webkit-border-radius: 9px; background: #3F7C33;}
.pager ol li.last {margin: 0}
/*.pager ol li.current a:link, .pager ol li.current a:visited {color: #333}*/
.pager ol li a:link, .pager ol li a:visited {text-decoration: none}
.pager ol li a:hover, .pager ol li a:active {text-decoration: underline}

#print-copyright {display:none}
#printing-logo {display:none}
/* Coaching */
.coach-points {margin: 0}
.coach-points li {list-style: none; padding: 14px; margin-bottom: 12px; background: transparent url('images/menu-hover.png') !important; background: #3A512A; border-radius: 9px; -moz-border-radius: 9px; -webkit-border-radius: 9px;}
.coach-points li p {margin: 0}