/*
Theme Name: Local Food Project - Cauliflower
Theme URI: http://pencilcasestudios.com/
Description: This WordPress theme is defived from the <a href="http://binarybonsai.com/kubrick/">Kubrick</a> and Wordpress default themes.
Version: 0.1
Author: Florence McTavish
Author URI: http://pencilcasestudios.com/
Tags: fixed width, two columns

This theme was built by Florence McTavish of http://pencilcasestudios.com/. The design is by Joni Morris.

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/

/*
It's OK to love styling this much!
*/

body {
	border: 0;
	margin: 0;
	padding: 0;
	color: #333333;
	font-size: 10pt;
	font-family: Verdana;
}


A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}
A:hover {text-decoration: underline;}

}

img {
	border: 0;
}


#page {
	margin: 0 auto;
	border: 0;
	padding: 0;
	width: 1024px;
	background: #ffffff url('images/backgroundedges.jpg')	repeat-y top;
}

#header {
	height: 95px;
	border: 0px solid #f3c300;
	text-align: center;
	padding: 0;
	margin: 0 auto;
	width: 1024px;
	background: #ffffff url('images/backgroundtop.jpg') no-repeat top center;
}

#header h1 {
	display: none;
}

#local_food_project_logo {
	display: inline;
	float: right;
	margin-top: -90px;
}

#footer {
	margin: 0 auto;
	border: 0;
	padding: 0;
	width: 1024px;
	background: #ffffff url('images/backgroundedges.jpg')	repeat-y top;
}



/*
CSS Drop-down menu courtesy:
http://www.cssplay.co.uk/menus/final_drop.html
*/
.menu {
	width: 780px;
	height: 40px;
	position: relative;
	margin-left: 40px;
	z-index: 100;
}

/* hack to correct IE5.5 faulty box model */
* html .menu {
	width: 945px;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.menu ul ul {
	width: 125px; /* Button width */
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
	float: left;
	width: 125px; /* Button width */
	position: relative;
}

/* style the links for the top level */
.menu a, .menu a:visited {
	display: block;
	font-size: 12px;
	text-decoration: none;
	color: #fff;
	width: 138px;
	height: 30px;
	background: #78ae12;
	padding-left: 10px;
	line-height: 29px;
	font-weight: bold;
}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
	width: 125px; /* Button width */
	width:138px;
}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
	background: #d4d8bd;
}

/* style the second level hover */
.menu ul ul a.drop:hover {
	background: #c9ba65;
}

.menu ul ul :hover > a.drop {
	background: #c9ba65;
}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	visibility: hidden;
	position: absolute;
	height: 0;
	top: 30px;
	left: 0;
	width: 125px; /* Button width */
}

/* another hack for IE5.5 */
* html .menu ul ul {
	top: 30px;
	top:31px;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {
	position: absolute;
	top: 0;
	left: 0;
	border-collapse: collapse;;
}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
	background: #d4d8bd;
	color: #000;
	height: auto;
	line-height: 1em;
	padding: 5px 10px;
	width: 128px;
}

/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {
	width: 150px;
	width:128px;
}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover {
	color: #000;
	background: #b7d186;
}
.menu :hover > a, .menu ul ul :hover > a {
	color: #000;
	background: #b7d186;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul {
	visibility: visible;
}

.menu li:hover span {
	visibility: hidden;
}





/*
CSS Rounded corners courtesy Sam Rayner:
http://samrayner.com/demos/pure_css_rounded_corners/
*/
#navigation_tabs {
	clear: left; /* stack navigation data bars vertically */
}

#navigation_tabs li {
	float: left;					/* tile links horizontally */
	margin: 0.5em 0;				/* avoid overlap on font-size increase */
	padding: 5px 1px;				/* add 1px sidelines to round the corners */
	list-style-type: none;
}

#navigation_tabs a {
font-weight: bold;
color: #ffffff;
padding: 6px 8px 6px 8px;			/* +1px above and below LI/DD height */
}

/*
#navigation_tabs .rounded {
margin-right: 4px;
background-color: #6f3b85;
}

#navigation_tabs .rounded a {
background: #6f3b85;
}
*/

#navigation_tabs #tab_home {
	margin-right: 4px;
	background-color: #e58e23;
}

#navigation_tabs #tab_home a {
	background: #e58e23;
}

#navigation_tabs #tab_about {
margin-right: 4px;
background-color: #f3c300;
}

#navigation_tabs #tab_about a {
background-color: #f3c300;
}

#navigation_tabs #tab_why_local_food {
margin-right: 4px;
background-color: #7ab113;
}

#navigation_tabs #tab_why_local_food a {
background-color: #7ab113;
}

#navigation_tabs #tab_whats_new {
margin-right: 4px;
background-color: #0063aa;
}

#navigation_tabs #tab_whats_new a {
background-color: #0063aa;
}


#navigation_tabs #tab_programs {
margin-right: 4px;
background-color: #0063aa;
}

#navigation_tabs #tab_programs a {
background-color: #0063aa;
}

.down_arrow {
}

#drop_down_programs {
visibility: hidden;
}

#navigation_tabs #tab_resources {
margin-right: 4px;
background-color: #0063aa;
}

#navigation_tabs #tab_resources a {
background-color: #0063aa;
}

#navigation_tabs #tab_blog {
margin-right: 4px;
background-color: #b40023;
}

#navigation_tabs #tab_blog a {
background-color: #b40023;
}

#navigation_tabs #tab_contact_us {
margin-right: 4px;
background-color: #6f3b85;
}

#navigation_tabs #tab_contact_us a {
background-color: #6f3b85;
}


#full_width_content {
line-height: 1.3em;
border: 0px solid #f3c300;
min-height: 200px;
padding: 0 40px 10px 40px;
margin-top: 65px;
}

#content {
	line-height: 1.3em;
	border: 0px solid #f3c300;
	margin-left: 290px;
	width: 700px;
	min-height: 200px;
	margin-top: 65px;
}

#sidebar {
	margin-top: 55px;
	margin-left: 37px;
	font-size: smaller;
	line-height: 1.3em;
	width: 240px;
	float: left;
	border: 0px solid #f3c300;
}

#local_food_hints {
	width: 238px;
	height: 374px;
	border: 0px solid #f3c300;
	background: #ffffff url('images/food_image1.png') no-repeat top center;
}


.footer_block {
	float: left;
	list-style-type: none;
	margin-right: 10px;
	width: 230px;
	color: #ffffff;
}

.footer_block a {
color: #ffffff;
}

.footer_block a:hover {
text-decoration: underline;
}

.footer_block div {
height: 215px;
}

.footer_block h2 {
font-size: 1.1em;
text-align: center;
}

.footer_block #sfu_harvest_box ul,
.footer_block #pocket_farmers_market ul,
.footer_block #resources ul,
.footer_block #subscribe_to_our_newsletter ul {
padding: 5px;
margin: 0;
list-style: none;
}

.footer_block #sfu_harvest_box {
background: #78ae12 url(images/sfu_harvest_box_background.png) no-repeat bottom center;
}

.footer_block #sfu_harvest_box h2 {
background: #78ae12 url(images/sfu_harvest_box_top.png) no-repeat top center;
}

.footer_block #pocket_farmers_market {
background: #0d4d23 url(images/pocket_farmers_market_background.png) no-repeat bottom center;
}

.footer_block #pocket_farmers_market h2 {
background: #0d4d23 url(images/pocket_farmers_market_top.png) no-repeat top center;
}

.footer_block #resources {
background: #e18b22 url(images/resources_background.png) no-repeat bottom center;
}

.footer_block #resources h2 {
background: #e18b22 url(images/resources_top.png) no-repeat top center;
}

.footer_block #subscribe_to_our_newsletter {
background: #5d3a1a url(images/subscribe_to_our_newsletter_background.png) no-repeat bottom center;
text-align: center;
}

.footer_block #subscribe_to_our_newsletter h2 {
background: #5d3a1a url(images/subscribe_to_our_newsletter_top.png) no-repeat top center;
}



#footer_block {
clear: both;
}

#footer {
padding-top: 5px;
color: #666666;
font-size: small;
text-align: center;
margin: 0 auto;
width: 1024px;
clear: both;
border: 0px solid #f3c300;
background: #ffffff url('images/backgroundbottom.jpg') no-repeat bottom center;
height: 100px;
line-height: 1.3em;
}

.clear {
clear: both;
}