/*

Theme Name: 960bc

Theme URI: http://www.guardianwebdesign.com.au/960bc

Description: A blank canvas WordPress theme for developers based on the 960 CSS framework.

Version: 1.6

Author: Troy Dean

Author URI: http://www.guardianwebdesign.com.au/

Tags: fixed-width, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar



	960bc v1.6

	http://www.guardianwebdesign.com.au/960bc



	This theme was designed and built by Troy Dean

	as a starting point for WordPress developers who

	like the 960 grid system.

	http://www.960.gs

	The theme includes no images and minimal styling,

	providing a blank canvas for the designer to unleash

	her css magic.



	The CSS, XHTML and design is released under GPL:

	http://www.opensource.org/licenses/gpl-license.php



*/



/* for ease of updating into the future we use separate style sheets for colours and typography */







#overflow{ margin-top:-50px;}

.wpcf7-list-item { display:block;}



#sidebar { } 

#sidebar a { color:#8ac83f;}

#sidebar h3 { display:block;font-size:16px;}

#sidebar ul {margin:10px 0px 20px;width:200px;}

#sidebar ul li {margin-top:10px;}



/* Begin Structure */



body {

		font-family: Verdana, Helvetica, sans-serif;

		font-size:12px;

		width: 100%;

		margin: 0;

		padding: 0;

		position: relative;


		}



a { text-decoration:none;  }

a:link,a:hover,a:visited,h1,h2 {color:#8ac83f;font-weight:bold;}	

h1 { font-size:20px;}

h2 {font-size:16px;}

h3 {color:#ef4036;font-size:12px;display:inline;}



h2 a { color:#8ac83f; }



.green { color:#8ac83f;}

.red, .entry a.red:link,a.red:visited,a.red { color:#ef4036;}



.left { float:left;}

.right { float:right;}

.clear { clear:both;}



#page {

		position: relative;

		margin: 0;

		padding: 0;

		width: 100%;

		}



#header {

		height: 155px;

		width: 100%;

		background: url(images/header_bg.jpg) no-repeat top center;



		}

.menu { border-top: 1px #333 dotted;padding-top:10px;width:539px;;margin-bottom:10px;margin-top:10px;}

.menu div {		background: url(images/pe_bg.jpg) no-repeat top left;padding:20px; }

}



.cheese { border-top: 1px #333 dotted;padding-top:10px;width:539px;;margin-bottom:10px;margin-top:10px;}

.cheese div {		background: url(images/pe_bg.jpg) no-repeat top left;padding:20px; }



#headerimg {

		height:135px;

		}

#wrapper {margin-top:50px;}



#main_nav { margin:32px 0 0 10px;}



h2.green { margin-top:10px;}



form { display:inline;}

#search { margin:-2px 20px 0 0;}

#search input.searchbar { margin-top:6px;border:0;-moz-border-radius: 10px; -webkit-border-radius: 10px; height:18px;width:110px; padding-left:5px;}

#search input.searchsubmit {background: url(images/search_submit.gif) no-repeat;border:0px;margin-top:6px;vertical-align:top;}



#nav_bar { 

	background: url(images/header_searchbar.jpg) no-repeat top center; 

	height:31px;

	padding-top:2px;

	margin-top: 8px;} 

#nav_bar ul {

	padding:8px 20px;

	color:#fff;}

#nav_bar ul li { display:inline;font-size:10.5px;}

#nav_bar ul li a { color:#fff;text-decoration:none; font-weight: normal; text-transform: uppercase; }

#nav_bar ul li a:hover { color:#8ac83f;text-decoration:none; }

#nav_bar span { margin:0px 2px;}



#nav_bar ul li.seperator {  color:#8ac83f; }



a#rollover1{ background-image:url(images/nav_goodfood.jpg); height: 103px; width: 166px; display:inline-block; }

a#rollover1 span { display:none; }

a#rollover1:hover, a#rollover1.selected { background-image:url(images/nav_goodfood_ON.jpg); }



a#rollover3{ background-image:url(images/nav_portable.jpg); height: 103px; width: 166px; display:inline-block; }

a#rollover3 span { display:none; }

a#rollover3:hover, a#rollover3.selected { background-image:url(images/nav_portable_ON.jpg); }



a#rollover2{ background-image:url(images/nav_culinary.jpg); height: 103px; width: 166px; display:inline-block; }

a#rollover2 span { display:none; }

a#rollover2:hover, a#rollover2.selected { background-image:url(images/nav_culinary_ON.jpg); }



a#rollover4{ background-image:url(images/nav_pomme.jpg); height: 103px; width:166px; display:inline-block; margin-left:-2px;}

a#rollover4 span { display:none; }

a#rollover4:hover, a#rollover4.selected { background-image:url(images/nav_pomme_ON.jpg); }



#recipes a { color:#8ac83f;}

#recipes { font-size:11px;}



#signup { margin-top: 30px;line-height:20px;}

#signup input { background:#ccff99;width:150px;margin-top:-5px;}

#signup input.submit { background:#eee;width:60px;}



#thecore { border-top:1px dotted #333;background: url(images/the_core_bg.jpg) no-repeat right 5px;padding:10px 240px 0 0;height:380px;margin-top:10px;}

#thecore a {color:#8ac83f;}	



#Core { border-top:1px dotted #333;background: url(images/the_core_bg.jpg) no-repeat right 5px;padding:10px 240px 0 0;margin-top:10px;}

#Recipes { border-top:1px dotted #333;background: url(images/recipes_bg.jpg) no-repeat right 5px;padding:10px 240px 0 0;margin-top:10px;}



div#quote { margin-top:-26px;}

div#quote.home { margin-top:-30px;}

div#quote.pe { margin-top:-38px;}

div#quote.scs { margin-top:-14px;}



#about, #about p { font-size:12px;}	

/* This hides the 'skip to' links and maintains accessibility */

		

#skip {

		position: absolute;

		top: -500px;

		width: 1px;

		height: 1px;

		overflow: hidden;

		}



#content {

		margin-top: 15px;

		line-height:16px;

		}



#sidebar

{

		text-align: left;

		padding:0px;

		margin-top: 40px;

		padding-bottom: 25px;

	

		}



#footerContent {

		clear:both;

		border-top:#333 dotted 1px;

		margin: 40px 0 0 0;

		padding: 5px 0;

		text-align:center;

		font-size:12px;

		}	



#footerContent p { text-align:center;font-size:11px;}



.post {

		margin: 0 0 40px;

		}



.postmetadata {

		margin: 30px 0;

		}



.smallattachment {

		float: left;

		width: 128px;

		margin: 5px 5px 5px 0px;

		}



.attachment {

		margin: 5px 0px;

		}



.postmetadata {

		clear: both;

		}



/* End Structure */



/* Begin Images */

p img {

		padding: 0;

		max-width: 100%;

		}



img.centered {

		display: block;

		margin-left: auto;

		margin-right: auto;

		}



img.alignright {

		padding: 4px;

		margin: 0 0 2px 7px;

		display: inline;

		}



img.alignleft {

		padding: 4px;

		margin: 0 7px 2px 0;

		display: inline;

		}



.alignright {

		float: right;

		}



.alignleft {

		float: left

		}

/* End Images */



/* Begin Lists



	Special stylized non-IE bullets

	Do not work in Internet Explorer, which merely default to normal bullets. */



html>body .entry ul {

		margin-left: 0px;

		padding: 0 0 0 30px;

		list-style: disc;

		padding-left: 10px;

		text-indent: 00px;

		}



html>body .entry li {

		margin: 7px 0 8px 10px;

		}



.entry ul li:before, #sidebar ul ul li:before {

		content:"";

		}



.entry ol {

		padding: 0 0 0 35px;

		margin: 0;

		}



.entry ol li {

		margin: 0;

		padding: 0;

		}



.postmetadata ul, .postmetadata li {

		display: inline;

		list-style-type: none;

		list-style-image: none;

		}



/* End Entry Lists */



/* Begin Form Elements */

#searchform {

		margin: 10px auto;

		padding: 5px 3px;

		text-align: left;

		}



#sidebar #searchform #s {

		width: 108px;

		padding: 2px;

		}



#sidebar #searchsubmit {

		padding: 1px;

		}



.entry form { /* This is mainly for password protected posts, makes them look better. */



		}



select {

		width: 130px;

		}



#commentform input {

		width: 170px;

		padding: 2px;

		margin: 5px 5px 1px 0;

		}



#commentform {

		margin: 5px 10px 0 0;

		}



#commentform textarea {

		width: 100%;

		padding: 2px;

		}



#respond:after {

		content: "."; 

	    display: block; 

	    height: 0; 

	    clear: both; 

	    visibility: hidden;

		}



#commentform #submit {

		margin: 0 0 5px auto;

		float: right;

		}



/* End Form Elements */



/* Begin Comments*/


.alt {

		margin: 0;

		padding: 10px;

		}



.commentlist {

		padding: 0;

		text-align: justify;

		}



.commentlist li {

		margin: 15px 0 10px;

		padding: 5px 5px 10px 10px;

		list-style: none;

		}



.commentlist li .avatar { 

		float: right;

		padding: 2px;

		}



.commentlist li ul li { 

		margin-right: -5px;

		margin-left: 10px;

		}



.commentlist p {

		margin: 10px 5px 10px 0;

		}



.children {

		padding: 0;

		}



#commentform p {

		margin: 5px 0;

		}



.nocomments {

		text-align: center;

		margin: 0;

		padding: 0;

		}



.commentmetadata {

		margin: 0;

		display: block;

		}



/* End Comments */



/* Begin Various Tags & Classes */

acronym, abbr, span.caps {

		cursor: help;

		}



blockquote {

		margin: 15px 30px 0 10px;

		padding-left: 20px;

		}



blockquote cite {

		margin: 5px 0 0;

		display: block;

		}



.center {

		text-align: center;

		}



.hidden {

		display: none;

		}



hr {

		display: none;

		}



.navigationTop {

		display: block;

		text-align: center;

		margin-top: 10px;

		margin-bottom: 30px;

		}



.navigationBottom {

		display: block;

		text-align: center;

		margin-top: 10px;

		margin-bottom: 10px;

		}



/* End Various Tags & Classes*/



/* Captions */

.aligncenter,

div.aligncenter {

		display: block;

		margin-left: auto;

		margin-right: auto;

		}



.wp-caption {

		text-align: center;

		padding-top: 4px;

		margin: 10px;

		}



.wp-caption img {

		margin: 0;

		padding: 0;

		}



.wp-caption p.wp-caption-text {

		padding: 0 4px 5px;

		margin: 0;

		}

/* End captions */



/* New Pomme Catering CSS */

.banner {

padding-bottom: 20px;

height: 194px;

overflow: hidden;

}



img#Rotating1 {

width: 956px;

position: relative;

bottom: 250px;

}



.menubutton {

width: 192px;

height: 320px;

background-image:url('http://goodfoodfamily.com/wp-content/themes/960bc/images/menubutton2.png');

background-repeat: no-repeat;

float: left;

text-align: center;

}



.menubutton h1{

padding: 2em 0 1em 0;

}



.menubutton h1 a{

font-size: 14px;

color: #272125;

text-transform: uppercase;

font-weight: normal;

}



.menubutton a {

font-size: 14px;

color: #272125;

text-transform: uppercase;

font-weight: normal;



}



.menubutton p{

padding: 1em 20px;

}



.menubutton .imgwrap {

padding-bottom: 1em;

}



.imgwrap img {

max-width: 150px;

}



/* End Pomme Catering CSS */
