/*

	########    ###    ########  ##     ## ######## ########   ######     ######## #### ########   ######  ######## 
	##         ## ##   ##     ## ###   ### ##       ##     ## ##    ##    ##        ##  ##     ## ##    ##    ##    
	##        ##   ##  ##     ## #### #### ##       ##     ## ##          ##        ##  ##     ## ##          ##    
	######   ##     ## ########  ## ### ## ######   ########   ######     ######    ##  ########   ######     ##    
	##       ######### ##   ##   ##     ## ##       ##   ##         ##    ##        ##  ##   ##         ##    ##    
	##       ##     ## ##    ##  ##     ## ##       ##    ##  ##    ##    ##        ##  ##    ##  ##    ##    ##    
	##       ##     ## ##     ## ##     ## ######## ##     ##  ######     ##       #### ##     ##  ######     ##   
	
	Theme Name: CPAR Farmers First
	Theme URI: http://www.puttingfarmersfirst.ca
	Description: Theme for CPAR Farmers First
	Version: 1.0
	Author: <a href="mailto:bill@dogandponystudios.com">Bill Addison</a>
	Author URI: http://www.helikopta.com
	Tags: helikopta, bill, addison, bill addison

*/


/*
==============================================================
	General
==============================================================
*/

html, body {
	background:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:1.5em;
	}
	
#content {
	width:940px;
	margin:30px auto;
	}
	
#main {
	width:580px;
	padding:30px;
	background:#fff;
	float:left;
	}
	

/*
==============================================================
	Content / Typography
==============================================================
*/

#main {
	font-size:14px;
	color:#6F7362;
	}
	
#main h2 {
	font-size:26px;
	color:#E43900;
	margin-bottom:30px;
	}

#main h2:first-child {
	margin-top:0;
	}
	
#main h2 + p {
	font-size:16px;
	line-height:24px;
	font-style:italic;
	color:#9BAB00;
	margin-bottom:25px;
	}
	
#main h3 {
	font-size:20px;
	}
	
#main a, #main h3 {
	color:#E43900;
	text-decoration:none;
	}
	
#main a:hover {
	text-decoration:underline;
	}
	
blockquote {
	font-size:14px;
	line-height:20px;
	color:#73781D;
	font-style:italic;
	text-align:left;
	border-top:1px solid #C5CFCA;
	border-bottom:1px solid #C5CFCA;
	background:#FCFCF8;
	padding:10px 20px;
	margin:25px 0;
	}
	
blockquote small {
	color:#E43900;
	font-style:normal;
	font-size:12px;
	text-align:left;
	display:block;
	margin-top:5px;
	}
	
#main h2 + p a {
	color:#73781D;
	text-decoration:none;
	}
	
#main h2 + p a:hover {
	text-decoration:underline;
	}
	
#author, #categories {
	font-size:12px;
	line-height:16px;
	margin:0 0 8px;
	text-align:right;
	}
	
#author {
	margin-top:-15px;
	}
	
#author a {
	text-decoration:none;
	}
	
#author a:hover {
	text-decoration:underline;
	}
	
#categories a {
	color:#fff;
	text-decoration:none;
	background:#C5CFCA;
	padding:4px 8px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	}
	
#categories a:hover {
	color:#fff;
	background:#9BAB00;
	text-decoration:none;
	}
	
#main .pagebar {
	margin:20px 0 0 -2px;
	}
	
#main .pagebar a, #main .pagebar .this-page {
	padding:4px 10px;
	background:#C5CFCA;
	text-decoration:none;
	margin-left:-2px;
	color:#fff;
	}
	
#main .pagebar a:hover {
	background:#9BAB00;
	}
	
#main .pagebar .this-page {
	background:#E43900;
	}
	
.page-id-10 #main h2:first-child {
	text-indent:-9999px;
	width:111px;
	height:25px;
	background:url(images/foodprints-page-title.gif) center no-repeat;
	}
	
	
/*
==============================================================
	Images
==============================================================
*/
	
#main .aligncenter, div.aligncenter {
	display:block;
	margin:20px auto;
	}
	
#main .alignleft {
	float:left;
	margin:5px 20px 15px 0;
	}
	
#main .alignright {
	float: right;
	margin:5px 0 20px 15px;
	}
	
#main .wp-caption {
	border:1px solid #C5CFCA;
	text-align:center;
	background-color:#EEF1EF;
	padding-top:4px;
	-moz-border-radius:3px;
	-khtml-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	}
	
#main .wp-caption img {
	margin:0;
	padding:0;
	border:0 none;
	}
	
.wp-caption-text {
	font-size:12px;
	line-height:17px;
	padding:0 4px 5px;
	margin:0;
	}
	
#slideshow .wp-caption-text {
	/*
	=================================
	CAPTIONS DISABLED
	=================================
	*/
	display:none;
	}
	
#main #post-slideshow {
	padding:0;
	margin:0 0 20px 20px;
	float:right;
	}
	
#main #post-slideshow, #main #post-slideshow .wp-caption, #main #post-slideshow .wp-caption-text, #main #post-slideshow img {
	margin:0;
	padding:0;
	border:none;
	background:none;
	width:260px;
	}
	
#main #post-slideshow .wp-caption-text {
	color:#fff;
	background:#9BAB00;
	margin:-6px 0 0 5px;
	padding:3px 5px;
	width:250px;
	}
	

/*
==============================================================
	Post List
==============================================================
*/
	
#toggle-list, #post-list, #toggle-list h3 {
	margin:0;
	padding:0;
	}
	
#toggle-list > li, #post-list > li {
	list-style:none;
	margin:0;
	}
	
#post-list > li {
	padding:20px 10px;
	position:relative;
	border-bottom:1px solid #E2E7E4;
	}
	
#post-list li:hover {
	background:#F3F2E2;
	cursor:pointer;
	}
	
#toggle-list li:hover {
	background:#F3F2E2;
	}
	
#toggle-list li.active {
	background:#F3F2E2;
	}
	
#toggle-list .toggle {
	padding:0 20px 20px;
	}
	
#toggle-list h3, #post-list h3 {
	font-size:20px;
	margin-top:0;
	}
	
#toggle-list h3 a {
	color:#6F7362;
	display:block;
	padding:20px;
	}
	
#toggle-list h3 a:hover, #toggle-list li.active h3 a, #post-list h3 a:hover {
	color:#E43900;
	text-decoration:none;
	}
	
#post-list li .more {
	position:absolute;
	bottom:10px;
	right:10px;
	color:#E43900;
	display:none;
	}
	
#post-list li:hover .more {
	text-decoration:underline;
	}
	
#post-list img {
	float:left;
	margin:2px 30px 0 0;
	clear:both;
	border:6px solid #F3F2E2;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	}
	
#post-list li:hover img {
	border:6px solid #fff;
	}
	
	
/*
==============================================================
	Sidebar
==============================================================
*/

#sidebar {
	width:300px;
	float:right;
	clear:right;
	color:#fff;
	font-size:12px;
	line-height:16px;
	}
	
#sidebar a {
	color:#fff;
	text-decoration:none;
	}
	
#sidebar ul {
	margin:0;
	padding:0;
	}
	
#sidebar li {
	list-style:none;
	margin-bottom:5px;
	}
	
#sidebar h3 {
	margin:-10px 0 10px;
	font-size:18px;
	line-height:30px;
	}
	
#sidebar .left, #sidebar .right {
	width:130px;
	float:left;
	}
	
#sidebar .subpages {
	font-size:18px;
	margin:0;
	padding:0 20px;
	background:url(images/orange-80.png) center repeat;
	}
	
#sidebar .subpages h3 {
	line-height:12px;
	margin:0;
	padding:0;
	}
	
#sidebar .subpages p {
	font-size:14px;
	line-height:16px;
	margin:-15px 0 0;
	padding:0 30px 0 0;
	}
	
#sidebar .subpages li {
	list-style:none;
	margin:0;
	padding:20px 0;
	border-bottom:1px solid #E07752;
	background:url(images/subpages-arrow.gif) 100% 50% no-repeat;
	}
	
#sidebar .subpages li:last-child {
	border-bottom:none;
	}
	
#sidebar .subpages a {
	color:#fff;
	}
	
#sidebar .subpages a:hover, #sidebar a:hover {
	color:#E9D948;
	}
	
#slideshow-wrapper {
	width:260px;
	margin:0;
	padding:20px;
	background:url(images/black-85.png) center repeat;
	}
	
#sidebar .wp-caption img, #sidebar .wp-caption {
	margin:0;
	padding:0;
	}
	
#sidebar .wp-caption-text {
	width:240px;
	margin:-4px 0 0;
	padding:4px 10px 3px;
	font-size:12px;
	line-height:15px;
	color:#fff;
	background:#9BAB00;
	}
	
#youtube object {
	padding:0;
	margin:0;
	margin-bottom:-5px;
	}
	
#aboutBlurb, #category-list, #latest-posts, #our-networks, #latest-from-twitter, #links-list {
	width:260px;
	padding:20px;
	}
	
#aboutBlurb {
	background:url(images/dark-green-85.png) center repeat;
	}
	
#category-list {
	background:url(images/green-85.png) center repeat;
	}
	
#latest-posts {
	background:url(images/orange-85.png) center repeat;
	}
	
#our-networks, #latest-from-twitter, #links-list {
	background:url(images/black-80.png) center repeat;
	}
	
#latest-posts li {
	margin:0;
	padding:5px 0 10px;
	border-bottom:1px solid #E07752;
	}
	
#sidebar #archives-link {
	margin:20px 0 0;
	padding:0;
	}
	
#our-networks a.btn {
	display:block;
	width:48px;
	height:48px;
	text-indent:-9000px;
	float:left;
	margin-right:5px;
	}
	
#our-networks a:hover {
	background-color:#E43900;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	}
	
#twitter-btn {
	background:url(images/twitter.png) center no-repeat;
	}
	
#facebook-btn {
	background:url(images/facebook.png) center no-repeat;
	}
	
#youtube-btn {
	background:url(images/youtube.png) center no-repeat;
	}
	
#rss-btn {
	background:url(images/rss.png) center no-repeat;
	}
	
#latest-from-twitter a {
	color:#00B0FF;
	}
	
#links-list ul {
	width:260px;
	}
	
#emailCapture {
	padding-top:40px;
	}

#wp_email_capture label, #wp_email_capture_2 label {
	display:none;
	}
	
#wp_email_capture input, #wp_email_capture_2 input {
	width:240px;
	margin-top:3px;
	padding:8px 10px;
	color:#bbb;
	border:1px solid #666;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	background:none;
	outline:none;
	}
	
#wp_email_capture .wp-email-capture-submit, #wp_email_capture_2 .wp-email-capture-submit {
	float:right;
	width:70px;
	padding:6px 0;
	text-align:center;
	color:#999;
	border:none;
	background:#333;
	clear:both;
	}
	
#wp_email_capture .wp-email-capture-submit:hover, #wp_email_capture_2 .wp-email-capture-submit:hover {
	cursor:pointer;
	background:#fff;
	}
	
#wp_email_capture_2 .wp-email-capture-submit {
	float:none;
	margin-left:192px;
	}


/*
==============================================================
	Header
==============================================================
*/

#header {
	width:100%;
	height:180px;
	_background:#000;
	background:url(images/black-85.png) repeat;
	}
	
.black-70, .page-id-2 #header { /* Home */
	background:url(images/black-70.png) repeat; 
	}
	
#header .wrapper {
	width:980px;
	height:180px;
	margin:0 auto;
	}
	
#logo {
	margin:0;
	padding:0;
	font-size:34px;
	position:absolute;
	left:20px;
	bottom:20px;
	}
	
#logo a {
	color:#fff;
	text-decoration:none;
	}
	
	
/*
==============================================================
	Navigation
==============================================================
*/

#header .nav {
	margin:0;
	padding:0;
	position:absolute;
	right:20px;
	bottom:23px;
	}
	
#header .nav li {
	list-style:none;
	float:left;
	padding:0 25px;
	}
	
#header .nav li:last-child {
	padding-right:0;
	}
	
#header .nav a {
	font-size:18px;
	color:#fff;
	text-decoration:none;
	}
	
#header .nav a:hover {
	color:#C5CFCA;
	}
	
#header .page-item-10 a {
	width:84px;
	height:19px;
	text-indent:-9000px;
	display:block;
	margin-top:3px;
	background:url(images/food-prints-btn.gif) top no-repeat;
	}
	
#header .page-item-10 a:hover {
	background-position:center;
	}
	
#header .nav .current_page_item a {
	color:#9BAB00;
	background-position:bottom;
	}
	
.home #header .nav .current_page_item a {
	color:#fff;
	}
	
	
/*
==============================================================
	Footer
==============================================================
*/

#footer, .push, #footer .content {
	height:200px;
	}

#footer {
	width:100%;
	background:#F3F2E2;
	z-index:999;
	font-size:13px;
	line-height:16px;
	color:#70442F;
	}
	
#footer, .push {
	/* Used to stick footer at bottom of page */
	clear:both;
	}
	
#footer .content {
	width:940px;
	margin:0 auto;
	background:url(images/footer-tree.gif) 260px 100% no-repeat;
	}
	
#footer h4 {
	font-size:18px;
	margin-bottom:5px;
	}
	
#footer a {
	color:#9BAB00;
	font-size:15px;
	display:block;
	margin-bottom:-10px;
	}
	
#footer a:hover {
	text-decoration:none;
	}
	
#cpar-logo, #street-address, #contact-details {
	width:200px;
	position:absolute;
	top:50px;
	}
	
#cpar-logo {
	width:380px;
	padding:50px 0 0 25px;
	top:25px;
	left:-25px;
	background:url(images/cpar-logo.gif) top left no-repeat;
	}
	
#cpar-logo a {
	color:#E43900;
	font-size:13px;
	line-height:13px;
	text-decoration:none;
	}

#CIDA {
	position:absolute;
	top:140px;
	width:350px;
	font-size:11px;
	font-style:italic;
	background:url(images/cida.gif) bottom left no-repeat;
	padding-bottom:25px;
	}
	
#street-address {
	left:580px;
	}
	
#contact-details {
	left:750px;
	}


/*
==============================================================
	Background Image (Fullscreen)
==============================================================
*/

html, body, #bg, #bg table, #bg td, #wrapper {
	height:100%;
	width:100%;
	overflow:hidden;
	}
	
#container {
	/* Used to stick footer at bottom of page */
	min-height:100%;
	height:auto !important;
	height:100%;
	margin:0 auto -170px;
	}
	
#bg { 
	position:fixed; 
	}
	
#bg div {
	position:absolute;
	width:200%;
	height:200%;
	top:-50%;
	left:-50%;
	}
	
#bg td {
	text-align:center;
	vertical-align:middle;
	}
	
#bg img {
	margin:0 auto;
	min-height:51%;
	min-width:51%;
	}
	
#wrapper {
	position:absolute;
	top:0;left:0;
	z-index:70;
	overflow:auto;
	}
	
	
/*
==============================================================
	Home
==============================================================
*/

.page-id-2 #content {
	color:#fff;
	}
	
.page-id-2 h2 {
	font-size:28px;
	margin:0 0 10px;
	}
	
.home-block div:hover {
	cursor:pointer;
	}
	
.home-block div {
	width:205px;
	padding-right:205px;
	position:relative;
	top:32px;
	left:10px;
	}
	
.home-block a, .home-block p {
	font-size:12px; 
	line-height:14px;
	text-decoration:none;
	color:#fff;
	}

#farmers-first, #blog, #get-involved, #foodprints {
	position:relative;
	left:520px;
	margin-top:-15px;
	}

#farmers-first {
	width:441px;
	height:217px;
	background:url(images/farmers-first.png) center no-repeat;
	margin-top:-35px;
	}
	
#blog {
	width:441px;
	height:199px;
	background:url(images/blog.png) center no-repeat;
	}
	
#get-involved {
	width:443px;
	height:197px;
	margin-top:-43px;
	background:url(images/get-involved.png) center no-repeat;
	}
	
#foodprints {
	width:475px;
	height:201px;
	background:url(images/foodprints.png) center no-repeat;
	}
	
#foodprints h2 {
	text-indent:-9999px;
	width:110px;
	height:25px;
	background:url(images/foodprints-logo-home.gif) center no-repeat;
	}
	
#farmers-first div {
	top:65px;
	}
	
#get-involved div {
	top:45px;
	}
	
#foodprints div {
	top:30px;
	}