/*
Theme Name: Food and Yoga

14475C - Dark Blue
FCF87B - Yellow
218352 - Dark Green from Logo
55B150 - Green
9F333B - Red

E4E5E0 - Light Grey
EEE8D9 - Lighest (blockquote)
A39E90 - Mid Brown
*/
html, body {
	background: #FFF;
}

body {
	
}

* {
	font-family: Georgia, Arial, Helvetica;
	font-size: 14px;
}

#custom-doc { width: 1000px; }

h1 {
font-family: Garamond, Arial;
margin: 15px 0 25px 0;
color: #218352;
font-size: 40px;
}
h2 {
margin-bottom: 20px;
color: #218352;
}
h3 {
margin-bottom: 15px;
}
h2, h2 a, h3, h3 a {
font-family: Garamond, Arial;
font-size: 32px;
}
h3, h3 a {
font-size: 26px;
}
h4 {
	font-weight: strong;
	color: #333;
}
a {
color: #95333B;
}
a: hover {
color: #14475C;
}

h2 a, h3 a {
text-decoration: none;
}
h3 {
	color: #14475C;
	font-size: 20px;
}
strong {
font-weight: bold;
}
em {
font-style: italic;
}
h2 a:hover, h3 a:hover {
text-decoration: underline;
}

blockquote {
	font-family : Tahoma, Arial, sans-serif;
	font-size : 12px;
	color : #333; 
	/*letter-spacing : 0.7px; */
	background : #EEE8D9 url('images/layout/open-quote.gif') 10px 10px no-repeat;
	padding : 10px 10px 10px 60px;
	width: 80%;
	margin: 5px auto 20px auto;
	border: 1px solid #A39E90;
	border-width: 0 4px 4px 0;
}
blockquote p {
	margin-bottom: 0;
	line-height: 200%;
}

/* Primary Content Styles */
#primary h2 {	
	font: normal 2.2em Arial, Sans-Serif; 
	letter-spacing: -2px;
	text-transform: lowercase;
}

/* Sidebar Styles */
#sidebar h2 {
	color: #14475C;
	font-family: Myriad, Georgia, Arial;
	font-size: 20px;
	border: 1px solid #A39E90;
	border-width: 0 0 1px 0;
}
#sidebar .section h3, #sidebar .section  h3 a {
	font-size: 18px;
	font-family: Georgia, Arial;
	margin-bottom: 10px;
}
#sidebar .section h4, #sidebar .section  h4 a {
	font-size: 14px;
	margin-bottom: 10px;
	text-decoration: none;
}
#sidebar ul li {
	margin-bottom: 5px;
}
#sidebar ul li ul.children {
	margin: 5px 0 0 25px;
}
#sidebar ul li ul.children li {
	list-style-type: disc;
}

#sidebar {
	width: 275px;
	padding: 30px 20px 0 0;
	min-height: 400px;
	margin: 0;
}

#sidebar .section {
	padding: 1%;
	margin-bottom: 15px;
}

#sidebar .section h3 a:hover, #sidebar .section h4 a:hover {
	text-decoration: underline;
}

#sidebar .section .recipe h4 {
	margin-bottom: 0;
}

#sidebar .section .recipe p {
	font-size: 13px;
	line-height: 150%;
	font-family: Arial;
	margin: 0 0 10px 0;
}
#sidebar .section .recipe p a {
	font-size: 13px;
	font-family: Arial;
}
#sidebar .section .recipe a {
	text-decoration: none;
}
#sidebar .section .recipe a:hover {
	text-decoration: underline;
}

#sidebar .section .recipe {
	border-bottom: 1px solid #CCC;
	margin-bottom: 10px;
}

#sidebar .section .sidebar_comment_count {
	padding: 0 18px 0 0;
	background:url(images/icons/bubble.png) no-repeat right 4px;
	float: right;
}


/* end sidebar styles */
/* Myriad */


#hd {
	background: #fff;
}

#bd {
/*background: #ffffff;*/
min-height: 400px;
}

#primary {
margin: 10px;

/*border-right: 1px solid #CCC;*/
}

#ft {
padding: 10px 0;
}

#nav {
display: none;
background-color: #218352;
padding: 3px;
text-align: right;
margin-bottom: 10px;
}

#nav ul li {
display: inline;
padding: 0 5px;
}

#nav ul li, #nav ul li a {
color: #fff;
text-decoration: none;
font-size: 14px;
}
#nav ul li a:hover {
text-decoration: underline;
}

#hd .hd-images {
float: right;
text-align: right;
}


#primary {
width: 650px;
float: left;
padding: 0px 20px 10px 20px;
margin:10px 0;
}

#primary .post {
padding-bottom: 20px;
margin-bottom: 20px;
}
#primary .post-box {
    margin:0; padding:0;
    width:650px; height:auto;
    background:url(images/layout/post-middle.jpg) repeat-y top center;
    margin-bottom: 20px;
}

#primary .post-box-bottom {
    margin:0; padding:0;
    width:650px; height:auto;
    background:url(images/layout/post-bottom.jpg) no-repeat bottom center;
}

#primary .post-box-top {
    margin:0; padding:40px;
    width:570px; height:auto;
    background:url(images/layout/post-top.jpg) no-repeat top center;
}

#primary h2.storytitle {
margin-top: 20px;
margin-bottom: 10px;
}



p {
line-height: 175%;
margin-bottom: 20px;
}
.meta, .postmetadata {
	font-family:Arial;
	font-size: 11px;
	color: #A39E90;
	padding-bottom: 5px;
	border-bottom: 1px solid #A39E90;
	margin-bottom: 20px;
	text-decoration: none;
}

.meta a.comment_count, .postmetadata a.comment_count {
	background:url(images/icons/bubble.png) no-repeat right 0px;
	padding-right: 18px;
}

.meta.bottom, .postmetadata.bottom {
	border: none;
}
.feedback {
	padding: 15px 0 10px 40px;
	margin-bottom: 30px;
	background:url(images/icons/comment.png) no-repeat top left;
	
}

.feedback a {
	text-decoration: none;
}
.feedback a:hover {
	text-decoration: underline;
	
}
.meta a {
	font-family:arial;
	font-size: 11px;
}
#primary .storycontent ul li {
	margin: 0 0 10px 30px;
	list-style: disc;
}


/* Begin Comments*/

h3.commentheader {
	width: 90%;
	margin: auto;
	
}
.commentlist {
	width: 90%;
	margin: auto;
	margin-bottom: 20px;
}

.commentlist .comment-meta {
	margin-bottom: 10px;	
}

.commentlist li.depth-1  {
	padding-top: 10px;
}

.commentlist li {
	margin: 15px 0 0px;
	padding: 5px 5px 0px 10px;
	list-style: none;
}
.commentlist li ul.children li { 
	margin-right: 0px;
	margin-left: 40px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.commentlist img {
float: right;
}
.commentlist .reply {
text-align: right;
}


.commentlist .comment-author {
	float:left;
}
.commentlist .comment-author * {
	vertical-align: middle;
}

.commentlist ul.children {
	margin-left: 40px;
}

.commentlist .avatar  {
	margin-top: 10px;
	border: 1px solid #ccc;
	padding: 2px;
	margin-right: -10px;
}

.commentlist blockquote {
margin-left: 0;
margin-bottom: 5px;
padding-right: 60px;
min-height: 70px;

}


.commentlist blockquote p {
margin-top:0;padding-top:0;

}

.commentlist ul.children { padding: 0;  }

#commentform {
	padding-top: 10px;
	margin-left: 40px;
	border-top: 1px solid #E4E5E0;
}

#commentform  {
	font-size: 20px;
}

#commentform p { margin: 5px 0; }

#commentform textarea {
	width: 80%;
	border: 1px solid #777;
	background-color: #E4E5E0;
}
#commentform input.text_input {
	border: 1px solid #777;
	background-color: #E4E5E0;
	width: 275px;
}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
}
/* End Comments */


#primary .tag_cloud {
	border: 1px solid #ccc;
	padding: 10px;
	border-width: 0 0 0 4px;
	margin: 10px 0;
}

#primary .tag_cloud a {
	font-size: 200%;
	font-family: Arial;
}

a.fauxlink { color: #333; text-decoration: none; }
a.fauxlink:hover { text-decoration: underline; }
.larger { font-size: 125% }
.smaller { font-size: 75% }
.grey { color: #777 }


/* Single Post Styles */
.next_previous {
	margin-top: 10px;
}
.next_previous .previous {
	float: left;
	width: 48%;
}
.next_previous .next {
	text-align: right;
	float: right;
	width: 48%;
}
.next_previous .next a, .next_previous .previous a {
	color:#666666;
}

/* Read More Link */
.storycontent a.more-link { display: block; background: #eee; margin: 20px 0 0 0; padding: 0.5em; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; font-size: 1.5em; text-decoration: none }
.storycontent a.more-link:hover { text-decoration: underline }


.archive-post {
	margin-bottom: 20px;
	padding-bottom: 10px;
}

/* end single post styles */

#ft {
	width: 650px;
}
#ft .credit {
	float: right;
}
#ft .copy {
	float: left;
}



/* Image caption classes */
.captionleft { float: left; margin: 0 1.5em 1em 0; padding: 0.5em; text-align: left; }
.captionright { float: right; margin: 0 0 1em 1.5em; padding: 0.5em; text-align: left; }
.captionfull { margin: 0 0 1em 0; padding: 0; text-align: left; width: 500px; }
.captionleft img, .captionright img, .captionfull img { margin: 0; display: block; }
.captionleft p, .captionright p, .captionfull p { background: #eee; margin: 0; line-height: 1.6em; padding: 0.5em; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; font-size: 0.9em; color: #555; }

.twittertitle {
	display: none;
}

/* x-browser fix for clearing properly */
.clearfix:after {content:"."; clear:both; visibility:hidden; display:block; height:0;}
.clearfix {display:inline-block;}
* html .clearfix {height:1%;}
.clearfix {display:block;}
