/*
Theme Name: Local Foods Connection
Theme URI: http://www.localfoodsconnection.org
Description: The Local Foods Conncetion theme
Version:1.0
Author: James Hobbs
Author URI: http://www.hobbscreative.co.nz
*/


/*-----------------------------------------------------------------------------------------------*/
/*                                                Reset                                          */
/*-----------------------------------------------------------------------------------------------*/


html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
li { list-style: none; }
a:focus { outline: none; }
.print {display: none;}

/*-----------------------------------------------------------------------------------------------*/
/*                                           General Layout                                      */
/*-----------------------------------------------------------------------------------------------*/



html {
	background: #a79584 url(images/bg.jpg) center top;
	height: 100%;
	font-family: "Palatino", Georgia, "Times New Roman", Times, serif;	
	}

body {
	background: url(images/bg_grad.png) repeat-y center top;
	min-height: 100%;
	}

	
#wrap {
	width:920px;
	margin:0 auto;
	min-height: 100%;
	padding: 0;
	}
	
.clear {clear:both;}
	
	
	

/*-----------------------------------------------------------------------------------------------*/
/*                                             Typography                                        */
/*-----------------------------------------------------------------------------------------------*/



h1 {
	font-size: 40px;
	}
	
h2 {
	color: #325028;
	font-size: 42px;
	letter-spacing: -2px;
	text-transform: lowercase;
	}
	
h2.error {
	font-size: 40px;
	line-height: 42px;
	margin-bottom: 20px;
	}
	
h3 {
	color: #325028;
	font-size: 26px;
	letter-spacing: -1px;
	text-transform: lowercase;
	}
	
h4 {
	color: #325028;
	font-size: 18px;
	font-weight: bold;
	line-height: 24px;
	margin: 10px 0;
	}
	
p {
	color: #505046;
	font-size: 12px;
	line-height: 20px;
	margin-bottom: 10px;
	}
	
a {
	color: #325028;
	}
	
a:visited {
	color: #325028;
	text-decoration: none;
	}
	
li {
	color: #325028;
	font-size: 12px;
	line-height: 20px;
	}
	
em {
	font-size: 11px;
	}
	
	
	
	
	
/*-----------------------------------------------------------------------------------------------*/
/*                                           Top Section                                         */
/*-----------------------------------------------------------------------------------------------*/


	
#header {height: 140px;}
	

#nav {
	background: url(images/nav_bg.png) no-repeat;
	height: 55px;
	padding: 0 20px;
	}	
	
#nav ul {list-style: none;}
#nav li {display: inline;}
#nav li a {height: 60px; display: inline-block;}
#nav li a:hover {background-position: 0 -60px;}
#nav li a.active {background-position: 0 -120px;}
	
.home a {background: url(images/nav_home.png) no-repeat; width: 140px;}
.faq a {background: url(images/nav_faq.png) no-repeat; width: 130px;}
.donate a {background: url(images/nav_donate.png) no-repeat; width: 150px;}
.contact a {background: url(images/nav_contact.png) no-repeat; width: 160px;}
.blog a {background: url(images/nav_blog.png) no-repeat; width: 125px;}

#top {
	background: url(images/page_bg.png) repeat-y;
	height: 310px;
	}
	
#top .texture {
	background: url(images/page_texture.jpg) repeat-y;
	width: 890px;
	height: 310px;
	margin: 0 15px;
	}
	
#top .content {
	width: 880px;
	height: 300px;
	padding: 0;
	margin: 0 5px;
	}	
	
#banner_bg {
	background: url(images/banner_bg.jpg) no-repeat;
	width: 540px;
	height: 260px;
	display: block;
	padding: 20px;
	float: left;
	}
	
#featured {
	width: 290px;
	height: 290px;
	display: block;
	margin-left: 590px;
	padding: 3px 0;
	}
	
#featured li a {height: 95px; display: block; margin-bottom: 3px; }
#featured li a:hover {background-position: -290px 0;}

#btn_1 a {background: url(images/btn_1.jpg) no-repeat top left;}
#btn_2 a {background: url(images/btn_2.jpg) no-repeat top left;}
#btn_3 a {background: url(images/btn_3.jpg) no-repeat top left;}

	
.top_btm {	
	background: url(images/page_btm.png) no-repeat;
	width: 920px;
	height: 20px;
	display: block;
	}
	
	
	
	
/*-----------------------------------------------------------------------------------------------*/
/*                                               Pages                                           */
/*-----------------------------------------------------------------------------------------------*/




.page_top {
	background: url(images/page_top.png) no-repeat;
	width: 920px;
	height: 20px;
	display: block;
	}	

.page {
	background: url(images/page_bg.png) repeat-y;
	height: auto;
	padding: 0 15px;
	}	

.page_btm {
	background: url(images/page_btm.png) no-repeat;
	width: 920px;
	height: 20px;
	display: block;
	}
	
.page .texture {
	background: url(images/page_texture.jpg) repeat-y;
	width: 890px;
	padding: 15px 0px;
	}
	

	

	
/*-----------------------------------------------------------------------------------------------*/
/*                                              Content                                          */
/*-----------------------------------------------------------------------------------------------*/



.content {
	width: 520px;
	padding: 10px 30px;
	font-size: 12px;
	}
	
.content h4 {margin-top: 50px;  color: #5a5a50;}
	
h4.intro {margin-top: 10px; color: #325028;}


.content .links li {padding: 0;}

.links a.pdf, .links a.page {
	color: #979686;
	font-size: 13px;
	font-weight: bold;
	line-height: 20px;
	text-decoration: none;
	display: block;
	padding: 16px 15px 14px 15px;
	margin-left: -10px;
	}
	
.links a.pdf {background: url(images/a_content_pdf.png) no-repeat top left;}
.links a.page {background: url(images/a_content_page.png) no-repeat top left;}

.content li a:hover {
	background-position: 0 -50px;
	color: #325028;
	}


/*-----------------------------------------------------------------------------------------------*/
/*                                               Pages                                           */
/*-----------------------------------------------------------------------------------------------*/


.content ul.faq, .content ul.donate, .content ul.contact  {
	margin-left: -10px;
	margin-bottom: 10px;
	padding: 20px;
	}
	
.content ul.faq {background: url(images/faq_ul.png) no-repeat top left;}
.content ul.contact {background: url(images/contact_ul.png) no-repeat top left;}
.content ul.contact.sml {background: url(images/contact_ul_sml.png) no-repeat top left;}
.content ul.donate {background: url(images/donate_ul_sml.png) no-repeat top left;}
.content ul.donate.lrg {background: url(images/donate_ul_lrg.png) no-repeat top left;}


.content ul.faq li, .content ul.donate li, .content ul.contact li {
	background: url(images/cross.png) no-repeat center left;
	font-size: 13px;
	padding: 5px 15px;
	}

.content ul.contact a {background: none;}

.content .donate_btn a {
	background: url(images/donate_btn.png) no-repeat;
	width: 112px;
	height: 42px;
	display: block;
	cursor: pointer;
	margin: 10px 0;
	}
	
.content .donate_btn a:hover {background-position: 0 -42px;}
.content ul.donate a, .content ul.contact a {background: none; text-decoration: none; display: block; width: 420px; padding:5px 20px; margin-left: -20px;}
.content ul.donate a:hover, .content ul.contact a:hover  {background: url(images/donate_a_over.png) no-repeat;}



	
/*-----------------------------------------------------------------------------------------------*/
/*                                              Sidebar                                          */
/*-----------------------------------------------------------------------------------------------*/


#sidebar {
	float: right;
	width: 300px;
	padding-right: 10px;
	}
	
#sidebar .section_top {
	background: url(images/sidebar_top.png) no-repeat;
	height: 65px;
	}
	
#sidebar h2 {display: none !important;} /*-- hides flickr header --*/

#sidebar h3 {
	color: #fff;
	padding: 18px 25px 22px;
	}
	
#sidebar .section {
	background: url(images/sidebar_bg.png) repeat-y;
	padding: 10px 30px;
	}
	
#sidebar .section_btm {
	background: url(images/sidebar_btm.png) no-repeat;
	height: 20px;
	}

#sidebar .list li li {
	background: url(images/stitch_sb.png) no-repeat bottom;
	line-height: 16px;
	padding: 0 0 4px 0;	
	}
	
#sidebar.blog .list li {
	background: url(images/stitch_sb.png) no-repeat bottom;
	line-height: 16px;
	padding: 0 0 4px 0;	
	}
	
#sidebar.blog .list a {
	background: url(images/a_sb.png) no-repeat top left;
	width: 220px;	
	}

#sidebar .list a {
	background: url(images/a_sb.png) no-repeat top left;
	display: block;
	padding: 5px 5px 5px 20px;
	text-decoration: none;
	}
	
#sidebar .list a:hover {background-position: 0 -26px;}


#sidebar .yd_rp_widget {
	margin: -5px 0 10px -15px;
	}	

#sidebar .yd_rp_widget li { 
	font-size: 11px;
	line-height: 13px;
	height: 95px;
	}
	
#sidebar .yd_rp_widget img {
	background: url(images/thumb_bg.png) no-repeat; 
	padding: 10px;
	margin-right: 5px;
	margin-top: -2px;
	float: left;
	}
	
#sidebar .yd_rp_widget h4 {
	font-size: 12px;
	line-height: 15px;
	margin: 5px 0 5px 5px;
	}
	
#sidebar .yd_rp_widget a {
	background: none;
	text-decoration: none !important;
	}
	
#sidebar .yd_rp_excerpt {
	margin-left: 85px;
	}
	
#sidebar .yd_rp_widget .more  {
	background: url(images/more.png) no-repeat;
	padding: 0px 3px 1px 2px;
	margin-left: 5px;
	}
	
#sidebar .yd_rp_widget .more:hover  {
	background-position: 0 -13px;
	}
	
#sidebar .field  {
	background: url(images/field_bg.gif) no-repeat; 
	padding: 10px;
	border: none;
	}

#sidebar .submit  {
	background: url(images/submit_btn.gif) no-repeat;
	width: 32px;
	height: 34px;
	border: none;
	padding: 0;
	cursor: pointer;
	float: right;
	position: absolute;
	}
	
#sidebar .submit:hover  {
	background-position: 0 -34px;
	}	
	
#photoAlbum {
	margin-left: -5px;
	width: 250px;
	}




	
/*-----------------------------------------------------------------------------------------------*/
/*                                              Footer                                           */
/*-----------------------------------------------------------------------------------------------*/



#footer {
	background: url(images/footer_bg.png) no-repeat bottom;
	clear: both;
	padding: 40px 0 15px;
	margin: 0 15px;
	font-size: 11px;
	}
	
#footer ul {display: inline; margin-left: 40px;}
	
#footer li {
	display: inline;
	border-right: 1px solid #699655;
	color: #699655;
	}
	
#footer li a {color: #699655; text-decoration: none !important; padding: 2px 5px; margin-right: 3px;}
#footer li a:hover {background: url(images/footer_over.png);}
#footer li.none {border-right: none;}
#footer li.copy {margin-right: 20px;}
#footer li.site {margin-left: 20px;}	



/*-----------------------------------------------------------------------------------------------*/
/*                                         Blog Header                                           */
/*-----------------------------------------------------------------------------------------------*/

#blog_top {
	background: url(images/page_bg.png) repeat-y;
	height: 310px;
	}


/*-----------------------------------------------------------------------------------------------*/
/*                                               Blog                                            */
/*-----------------------------------------------------------------------------------------------*/



#blog{
	width: 520px;
	padding: 10px;
	}
	
.blog_snippet {
	background: url(images/content_bg.png) repeat-y;
	width: 480px;
	padding: 0 40px 10px;
	min-height: 200px;
	position: relative;
	}

#blog .blog_title {
	padding-bottom: 10px;
	}

#blog .blog_title a {
	color: #828278;
	font-size: 30px;
	line-height: 32px;
	display: block;
	width: 420px;
	margin-bottom: 5px;
	}
	
#blog .blog_img {
	background: url(images/blog_img_bg.png) no-repeat;
	width: 140px;
	height: 140px;
	padding: 10px;
	float: left;
	margin: -5px 10px 0 -10px;
	}
	
#blog .comment_num a {
	background: url(images/comment_bg.gif) no-repeat;
	padding: 0 15px;
	width: 20px;
	height: 35px;
	font-size: 22px;
	line-height: 22px;
	position:  absolute;
	top: 5px;
	right: 20px;
	}
	
#blog h3.comment_num a  {
	color: #ffffff !important;
	}
	
#blog .details {
	color: #505046;
	font-style: italic;
	}	
	
#blog .details a {
	color: #a14922;
	text-decoration: underline;
	}	
		
#blog .read_more a {
	background: url(images/read_more_btn.gif) no-repeat;
	width: 112px;
	height: 42px;
	display: block;
	margin-left: 370px;
	cursor: pointer;
	}
	
#blog .read_more a:hover {background-position: 0 -42px;}
	
.content_top {background: url(images/content_top.png) no-repeat;}
.content_btm {background: url(images/content_btm.png) no-repeat;}
.content_top, .content_btm	{width: 560px; height: 30px;}

#blog .post_btns {
	width: 500px;
	height: 45px;
	margin-left: 30px;
	position: relative;
	}
	
#blog .post_btns a {
	width: 150px;
	height: 45px;
	display: block;
	cursor: pointer;
	position: absolute;
	text-indent: -99999px;
	}
	
#blog .older a {background: url(images/older_btn.png) no-repeat;}
#blog .newer a {background: url(images/newer_btn.png) no-repeat; right: 0px;}
#blog .prev a {background: url(images/previous_post_btn.png) no-repeat;}
#blog .next a {background: url(images/next_post_btn.png) no-repeat; right: 0px;}
	


#blog .newer a:hover, #blog .older a:hover, #blog  .next a:hover, #blog  .prev a:hover {
	background-position: 0 -45px;
	}

	

	
	
/*-----------------------------------------------------------------------------------------------*/
/*                                               Posts                                           */
/*-----------------------------------------------------------------------------------------------*/



	
.single_post {
	background: url(images/content_bg.png) repeat-y;
	width: 500px;
	padding: 0 30px;
	position: relative;
	}
	
.single_post h2 {
	color: #828278;
	font-size: 36px;
	line-height: 48px;
	display: block;
	width: 420px;
	margin-bottom: 10px;
	}
	
.single_post img {
	background: url(images/post_img_bg.png) no-repeat;
	padding: 10px;
	margin-top: 20px;
	}
	
.stitch {
	background: url(images/stitch.gif) no-repeat;
	width: 495px;
	height: 10px;
	display: block;
	margin: 20px 0;
	}
	
#blog .comment_btn a {
	background: url(images/comment_btn.gif) no-repeat;
	width: 112px;
	height: 42px;
	display: block;
	cursor: pointer;
	margin-top: 10px;
	}
	
#blog .comment_btn a:hover {background-position: 0 -42px;}



	
/*-----------------------------------------------------------------------------------------------*/
/*                                            Comments                                           */
/*-----------------------------------------------------------------------------------------------*/

#comments {
	margin-top: 50px;
	}
	
.comments {
	background: url(images/content_bg.png) repeat-y;
	width: 500px;
	padding: 0px 30px 10px;
	}

#comments h2  {
	line-height: 30px;
	margin-bottom: 5px;
	}
	
#comments_section li {
	background: url(images/stitch.gif) center bottom no-repeat;
	padding: 20px 0 10px;
	}
	
#comments_section img {
	background: url(images/thumb_bg.png) center bottom no-repeat;
	padding: 10px;
	float: left;
	}
	
#comments_section .fn {
	font-style: normal;
	font-size: 18px;
	font-weight: bold;
	margin-left: 15px;
	}	
	
#comments_section .comment-meta {
	margin: 0 0 10px 90px;
	font-style: italic;
	} 
	
#comments_section .comment-meta a {
	color: #a14922;
	} 
	
#comments_section p {
	margin-left: 90px;
	}
	
#comment_author, #comment_email, #comment_url  {
 	background: url(images/field_bg.gif) no-repeat; 
 	width: 180px;
	padding: 10px;
	border: none;
	margin-right: 10px;
	}	
	
#comment_field {
	background: url(images/comment_field_bg.gif) no-repeat;
	width: 460px;
	height: 180px;
	border: none;
	padding: 10px;
	}
	
#comment_submit {
	background: url(images/post_btn.gif) no-repeat;
	width: 112px;
	height: 42px;
	border: none;
	cursor: pointer;
	}
	
#comment_submit:hover {
	background-position: 0 -42px;
	}