/*
Theme Name: Griggstown
Theme URI: http://www.griggstownquailfarm.com/
Description: Custom Theme built for Griggstown by FORGE.
Version: 1.0
Author: FORGE
Author URI: http://forgeideas.com/

*/

/********************************************************************
	Griggstown CSS File
	Design: Jeremy Loyd
	XHTML/CSS: Ryan Buttrey
	Programming: 
********************************************************************/

* {
	margin: 0;
	padding: 0;
}

body {
	font: normal 62.5% "Georgia", serif;
	letter-spacing: .05em;
	line-height: 1.5em;
}

img {
	border: none;
}

small {
     font-size: 1em;
     font-style: italic;
}

fieldset {
     border: none;
}

/********************************************************************
  Basic Layout
********************************************************************/
/* div { border: 1px solid red; } */

#wrapper {
	width: 1050px;
/* 	overflow: hidden; */
	margin: 0 auto;
/* 	position: relative; */
	background: url(i/mainBGrepeat.gif) repeat-y;
/* 	border: 1px solid red; */
}

#main {
	width: 1050px;
	background: url(i/mainBG.jpg) top left no-repeat;
/* 	border: 1px solid black; */
}

#main.subPage {
	background: url(i/subBG.jpg) top left no-repeat;
}

#header {
	/* float: right; */
	width: 1050px;
	position: relative;
	height: 308px;
	/* border: solid 1px red; */
}

/* #header img { */
#logo {
	position: absolute;
	top: 65px;
/* 	display: block; */
/* 	left: 0; */
	z-index: 5;
}

#subscribe {
     position: relative;
     top: 5px;
     margin-left: 470px;
     z-index: 5;
     width: 590px;
     
}

#subscribe h5 {
     font-size: 1.1em;
     color: #fff;
     float: left;
     margin-right: 10px;
     text-transform: uppercase;
     font-weight: bold;
     padding-top: 3px;
/*      background: #91B840 url(i/subscribeBG.gif) top left no-repeat; */
     padding: 5px 5px 5px 55px;
     
}

#mainNav {
	background: #fff;
	width: 722px;
	float: right;
	margin: 20px 29px 0 0;
/*
position: absolute;
top: 43px;
right: 29px;
*/
	letter-spacing: .18em;
	padding-right: 10px;
	padding-left: 10px;
}

#mainNav ul {
	/* background: url(i/seperator.gif) top left repeat-x; */
	/* list-style: none; */
	text-align: right;
	line-height: normal;
}

#mainNav ul.navSeperator {
	background: url(i/seperator.gif) top left repeat-x;
	padding: 20px 0 7px 0;
}

#mainNav li {
	display: inline;
	text-transform: uppercase;
	padding: 20px 10px 7px 10px;
}

#mainNav a {
	color: #4d3d3b;
}

#subNavigation {
	background: #fff url(i/subNavigationBG.gif) top left repeat-x;
	width: 742px;
	float: right;
	display: inline;
	margin-right: 29px;
	letter-spacing: .18em;
}

#subNavigation ul {
	/* padding: 5px 0px; */
	text-align: right;
	line-height: normal;
}

#subNavigation li {
	display: inline;
	padding: 7px 12px 6px 12px;
	text-transform: uppercase;
	font-size: .8em;
	line-height: 2.5em;
}

#subNavigation a {
	color: #4d3d3b;
}

#shopNav {
	width: 690px;
	float: right;
	letter-spacing: .18em;
}

#shopNav ul {
	/* padding: 5px 0px; */
	text-align: right;
	line-height: normal;
}

#shopNav li {
	display: inline;
	padding: 7px 12px 6px 12px;
	text-transform: uppercase;
	font-size: .8em;
	line-height: 2.5em;
}

#shopNav a {
	color: #4d3d3b;
}


#content.homePage {
	float: left;
	width: 955px;
	margin: 0 47.5px;
	margin-top: 20px;
}

.contentSubPage {
	float: right;
	width: 690px;
	margin: 0px 47.5px 0 47.5px;
	background: url(i/transparentBG.png) top left repeat;
	padding: 10px 10px 10px 20px;
}

.secondarySeperator {
	border-top: 1px solid #ccc;
}

#sectionOne {
	float: left;
	width: 210px;
	background: url(i/transparentBG.png) top left repeat;
	padding: 10px;
}

#sectionOne img {
     margin:15px;
     width:170px;
}

#sectionTwo .sortBy {
	display: none;
}

#sectionTwo {
	float: left;
	width: 210px;
	margin-left: 10px;
	background: url(i/transparentBG.png) top left repeat;
	padding: 10px;
}

#sectionThree {
	float: left;
	width: 465px;
	margin-left: 10px;
	background: url(i/transparentBG.png) top left repeat;
	padding: 10px 0 0 10px;
}

#sectionThree p {
	margin-top: 10px;
	padding-right: 10px;
}

#sectionThree .sectionHalfLeft {
	width: 210px;
	float: left;
	overflow: hidden;
}

#sectionThree .sectionHalfLeft img {
     width: 170px;
     margin: 15px;
}

#sectionThree .sectionHalfRight {
	width: 251px;
	float: right;
	/* position: relative; */
	margin-top: -20px;
}

.subpageContentTwo {
	float: right;
	width: 500px;
}

.subpageContentOne {
	float: left;
	width: 215px;
}

.readMore {
	text-transform: uppercase;
	color: #91b840;
}

.moreRecipes {
	float: right;
	color: #c1272d;
	margin-top: 10px;
}

#recipeHeader {
	width: 209px;
	height: 26px;
	/* position: relative; */
	background: url(i/recipeHeader.png) top left no-repeat;
	margin-left: 19px;
}

#recipeContent {
	width: 181px;
	/* position: relative; */
	background: url(i/recipeContent.gif) bottom left no-repeat;
	/* left: 19px; */
	padding-top: 20px;
	padding: 20px 15px 0 15px;
	margin-left: 19px;
}

#sectionThree .sectionHalfRight p {
	font-family: "Courier New", "Courier", monospace;
	font-size: 1.1em;
	line-height: 1.4em;
}

#recipeBox {
	width: 251px;
	height: 154px;
	background: url(i/recipeBox.png) bottom left no-repeat;
}

#footer {
	margin: 0 47.5px;
	text-align: right;
	text-transform: uppercase;
	letter-spacing: .4em;
	color: #fff;
     padding: 20px 0;
}

#footer p {
	font-size: .8em;
}

/* Side 1
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
.s1 { float: left; width: 160px; margin-right: 10px; font-size: 13px; margin-top: 15px;}

/* Category Panel
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
.s1 .categ-all { background: #585e62 url(i/categ-top.png) no-repeat top; width: 160px; margin-bottom: 10px;}
.s1 .categ { padding: 7px 10px 10px 10px; color:#999; }
.s1 .categ h3 { font-size: 14px; letter-spacing: -1px; color:#fff; padding-bottom: 5px; margin-bottom: 5px;}
.s1 .categ li { padding: 8px 0px 8px 0px; font-size: .65em; line-height: 1.2em;}
.s1 .categ li ul.children { font-size: 1em; margin-left: 5px;}
.s1 .categ li ul.children li { padding-bottom: 4px;}
.s1 .categ li a, .s1 .categ li a:visited, .s1 .categ li a:hover { text-decoration: underline; color:#fff;}

/* Widget Panel
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
.s1 .widget { background: #dddcd2 no-repeat top; width: 160px; margin-bottom: 10px; color:#4D3D3B;}
.s1 .widget-all { padding: 7px 10px 10px 10px; color:#4D3D3B; }
.s1 .widget-all ul {font-size: .8em;}
.s1 .widget-all ul ul {font-size: 1.2em;}
.s1 .widget h3 { font-size: 15px; letter-spacing: -1px; color:#443e36; padding-bottom: 3px; margin-bottom: 3px; border-bottom: solid 1px #cec5b9; }
.s1 .widget li { padding: 1px 0px;}
.s1 .widget a, .s1 .widget a:visited { color:#4D3D3B; text-decoration: underline; }
.s1 .widget a:hover { color:#000; text-decoration: underline;}

.s1 .widget_tag_cloud { font-family: "Arial"; line-height: 20px;}

.s1 .widget_calendar table { width: 100%;}
.s1 .widget_calendar table td { text-align: center; padding: 3px; }
.s1 .widget_calendar table th { text-align: center; padding: 3px; border-bottom: solid 1px #ecece3;}
.s1 .widget_calendar caption { background: #ecece3; padding: 3px 0px;}
.s1 .widget_calendar #today { background: #ecece3;}
.s1 .widget_search #s { border: solid 1px #ecece3; padding: 3px; margin-bottom: 5px;}

.s1 .widget_flickrRSS h3 { margin-bottom: 10px;}
.s1 .widget_flickrRSS ul { padding: 0px; margin: 0px; border-bottom: none; border-top: none;  }
.s1 .widget_flickrRSS li { border-bottom: none; border-top: none; background: none; list-style-type: none; display: inline; padding: 0px; margin: 0px 8px 0px 0px; }
.s1 .widget_flickrRSS li a img { border: solid 1px #999; width: 50px; height: 50px; margin-bottom: 10px; padding: 5px;}
.s1 .widget_flickrRSS li a:visited img { border: solid 1px #999; width: 50px; height: 50px; margin-bottom: 10px; padding: 5px;}
.s1 .widget_flickrRSS li a:hover img { border: solid 1px #000;}



/********************************************************************
  Typography / Navigation States
********************************************************************/


h1, h2, h3, h4, h5, h6, p, ul, ol, blockquote {
	font-weight: normal;
	margin: 0;
	padding: 0;
}

p, ul, blockquote {
	font-size: 1.3em;
	line-height: 1.4em;
	list-style: none;
}

h1 { font-size: 2.6em; }
h2 { font-size: 1.2em; }
h3 { font-size: 1.1em; }
h4 { font-size: 1em; }
h5 { font-size: 1.4em; }

.homePage h2 {
	background: #91b840;
	padding: 11px;
	text-transform: uppercase;
	font-size: 1.2em;
	color: #fff;
}

.homePage h3 {
	text-transform: uppercase;
	font-size: 1em;
	font-weight: bold;
	margin: 10px 0 0 0px;
}

#priTitle {	
	text-align: right;
	margin: 130px 45px 0 0;
	font-size: 1.8em;
	text-transform: uppercase;
	line-height: 45px;
}

#priTitle h1 {
	margin: 0;
	padding: 0;
	color: white;
	font-weight: normal;
}

#priTitle a {
	color: #fff;
	text-decoration: none;
}

.shadow {
	line-height: 87px;
	padding-top: 23px;
	padding-bottom: 24px;
}

.contentSubPage h2 {
	font-size: 2.3em;
	color: #c0272d;
	margin-bottom: 10px;
	margin-top: 25px;
	line-height: 1em;
	clear:left;
}

.contentSubPage a {
	color: #c0272d;
}

.contentSubPage h3 {
	font-size: 1.5em;
	color: #c0272d;
	margin-bottom: 10px;
	line-height: 1em;
	/* margin-top: 10px; */
}

.contentSubPage p {
	margin-bottom: 10px;
}

.contentSubPage blockquote {
     margin-left: 50px;
     margin-right: 50px;
     font-size: 1em;
     font-style: italic;
}

#mainNav li.current_page_item, #mainNav li.current_page_parent {
	background: #f1eedc url(i/currentPageBG.gif) top left repeat-x;
	height: 47px;
	padding: 20px 12px 7px 12px;
}

#subNavigation li.current_page_item, #subNavigation li.current {
	background: #f1eedc url(i/currentSubpageBG.gif) top left repeat-x;
}


#subLogo {
	width: 262px;
	height: 12px;
	position: absolute;
	background: url(i/subLogo.gif) top left no-repeat;
	margin-left: 10px;
	margin-top: 22px;
}

#subLogo span {
	display: none;
}

h2.recipeTab {
	font-family: "Courier New", "Courier", monospace;
	font-size: 1.1em;
	text-transform: uppercase;
	background: none;
	padding: 5px 75px 5px 17px;
	color: #000;
}

h3.recipeTitle {
	color: #c1272d;
	font-size: 1.4em;
	margin: 0px;
	
	font-weight: normal;
}

.editThis a {
     color: #C1272D;
}

a {
	text-decoration: none;
	color: #91B840;
}

a:hover {
	text-decoration: underline;
}

.previous {
	float: left;
}

.next{
	float: right;
}

.all {
	clear: both;
}

.clear {clear: both}

#sectionOne .postmetadata {
	font-style: italic;
	font-size: 1em;
}

.addressColumn {
float:left;
width:300px;
}

.right {
     float: right;
}

#content #map {
border:1px solid black;
height:450px;
width:675px;
margin-bottom: 30px;
margin-top: 10px;
}

.contact-sidebar {
     font-size: 9px;
}

.subpageContentTwo .cform {
     width: 450px;
}


.subpageContentTwo .cform span.reqtxt, span.emailreqtxt {
     display: inline;
}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

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 */

/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */

.subpageContentTwo .linklove {
     display: none;
}

/* Thanksgiving */

#tg-callout {
     /* height: 44px; */
     width: 565px;
     background: url(i/tg-callout-bg.png) top right repeat;
     float: right;
     padding: 10px 10px 10px 15px;
     margin: 30px 47.5px 0 0;
}

#tg-callout img {
     float: right;
}

#tg-callout h5 {
     font-size: 2.2em;
     font-style: italic;
     color: #452d00;
     width: 315px;
     background: url(i/tg-callout-underline.gif) bottom left repeat-x;
     line-height: 2em;
     text-align: center;
     float: left;
}

.thanksgiving {
     padding-left: 10px;
     width: 700px;
}

#main #content #title {
     background-color: #91b840;
     display: inline;
     padding: 5px;
     text-transform: uppercase;
     float: left;
     color: #fff;
     font-size: 1.3em;
}

#main #content #all-options {
     float: left;
     width: 700px;
     margin: 20px 0 30px 0;
}

#main #content #all-options .option {
     float: left;
     width: 25%;
}

#main #content #all-options .option h3 {
     text-align: center;
     margin: 10px 0 0 0;
}

#main #content #all-options .option h4 {
     text-align: center;
     margin-top: 5px;
     font-size: 1.1em;
     text-transform: uppercase;
}

#main #content #all-options .option a img {
     margin: 0 auto;
     display: block;
}

#main #content #user-content {
     float: left;
     margin-left: 10px;
}

ul.variations label {
     font-size:0.5em;
     font-weight:bold;
     line-height:0.8em;
     margin-top:20px;
}

p.error {
     float: left;
     background: red;
     color: #fff;
}

/* End Thanksgiving */