/*
Theme Name: Founding Farmers
Theme URI: http://www.wearefoundingfarmers.com
Description: Founding Farmers Website.
Version:
Author: Sarah Brenner, Bighouse Graphix
Author URI: http://www.bighousegraphix.com

*/

/* Reset global properties
----------------------- */
* { margin: 0px; padding: 0px; }
html, body, p, form, input, label, div, span, h1, h2, h3, h4, h5, h6, h7, br, a, table, tr, td, ul, ol, li, img { padding: 0px; margin: 0px; border: 0px; text-decoration: none; list-style-type: none; }
h1, h2, h3, h4, h5, h6, h7 { display: inline; }
/* Basic HTML tags
--------------- */
a { color: #000000; }
a:hover { color: #000; }
#middlebottom_collum a { text-decoration: underline; }
#middlebottom_collum a:hover { color: #8A2003; }
a.stepbefore { color: #8A2003; text-decoration: none; }
#footer a { color: #3D3D3D; }
#footer a:hover { color: #999999; }
p { font-weight: normal; font-size: 12px; padding: 0px; margin: 0px; line-height: 16px; padding-bottom: 1em; }
p.steps { font-weight: normal; font-size: 15px; padding: 0px; margin: 0px; line-height: 19px; padding-bottom: 1em; }
.stepon { color: #8A2003; font-weight: bold; }
h1 { font-weight: bold; font-size: 15px; color: #8A2003; margin-bottom: 10px; display: block; }
h2 { text-decoration: underline; color: #8A2003; font-size: 12px; font-weight: normal; }
#middle_blog h2, #middle_blog h2 a { font-weight: bold; font-size: 17px; color: #8A2003; text-decoration: none; }
#middle_blog2 h2, #middle_blog2 h2 a { font-weight: bold; font-size: 17px; color: #8A2003; text-decoration: none; margin-left: 113px; }
#left_sidebar h2, #left_sidebar h2 a { font-weight: bold; font-size: 12px; color: #8A2003; text-decoration: none; }
#left_sidebar p { font-size: 11px; font-style: italic; line-height: 13px; }
h3 { color: #8A2003; font-size: 12px; font-weight: normal; }
.leedlogo { padding: 0px 0px 15px 0px; }
.greenlogo { padding: 10px 0px 25px 0px; }
.investing { padding: 30px 0px 0px 0px; }
.viewmenu { font-size: 10px; color: #8A2003; }
.menutitle { font-weight: bold; font-size: 12px; color: #8A2003; }
.menudescription { font-weight: bold; font-size: 11px; color: #E58E1A; }
.price { font-size: 12px; color: #8A2003; }
.red { color: #8A2003; }
#hours { padding-top: 10px; }
.opentable { padding-left: 100px; }
.border { border: solid #8A2003 3px; }
.bordergc { border: solid #8A2003 3px; padding: 10px; }
.contact { padding-left: 100px; }
.email { vertical-align: text-bottom; }
.small { font-size: 10px; }
table.menu { border-bottom: solid #E58E1A 1px; }
/* Start Website in Sequence */
body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 62.5%; color: #000000; background: #0F0F0F url(/images/background.gif) no-repeat top center; font-size: 12px; }
#container { width: 855px; height: 627px; margin: auto; margin-top: 90px; }
#top { width: 855px; height: 225px; position: relative; margin: auto; z-index: 1; }
#banner_container { z-index: 90; position: absolute; }
#banner { width: 349px; height: 118px; top: -24px; display: block; position: absolute; left: 541px; }
#logo { padding: 34px 0px 0px 37px; float: left; z-index: 1; position: absolute; }
#header_img { padding: 27px 27px 0px 0px; float: right; }
#bottom { width: 855px; height: 345px; padding-top: 54px; margin: auto; }
#middle_collum { width: 695px; height: 345px; float: left; }
#middle_collumMenu { width: 655px; height: 345px; float: left; }
#middlebottom_collum { width: 695px; height: 330px; float: right; position:relative; }
#middlebottom_collumMenu { width: 655px; height: 330px; float: right; }
#middle_maincontent { width: 457px; height: 317px; float: left; font-weight: normal; padding: 0px 20px; line-height: 16px; overflow: auto; }
#middle_maincontent2 { width: 450px; height: 324px; float: left; font-weight: normal; padding: 0px 20px; line-height: 16px; }
#middle_maincontent_full { width: 650px; height: 324px; float: left; font-weight: normal; padding: 0px 20px; line-height: 16px; }
#middle_feedcontact { width: 457px; height: 317px; float: left; font-weight: normal; padding: 0px 16px 0px 24px; line-height: 16px; margin-top: 8px; overflow: auto; }
#middle_menus { width: 595px; height: 330px; float: left; font-weight: normal; padding: 0px 20px; line-height: 14px; font-size: 11px; }
#right_collum { width: 195px; height: 325px; float: right; text-align: center; }
#right_collum_directions { width: 140px; height: 307px; float: right; padding: 20px 20px 0px 20px; }
#right_collum_contact { width: 182px; height: 317px; float: right; padding: 0px 5px; text-align: center; margin-top: 8px; }
#right_collum_reservations { width: 180px; height: 317px; float: right; text-align: center; border-left: solid #8A2003 1px; }
#middle_atmosphere { width: 270px; height: 319px; float: left; font-weight: normal; padding: 0px 20px 0 20px; line-height: 16px; }
#right_collum_atmosphere { width: 340px; height: 275px; right:0px; top: 25px; position: absolute; }
#right_collum_atmosphere a:hover { color: #FFFFFF; }
#tfd_logo { width: 319px; height: 28px; background: url(/images/tfd_logo.gif) no-repeat; margin: 0px 0px 0px 20px; }
#blogpost { float: left; color: #8A2003; font-size: 11px; padding-left: 10px; padding-top: 5px; }
#social { float: right; padding-right: 10px; }
/* End Center */
 
/* Start Nav
--------- */
#nav { width: 855px; height: 55px; background: url(/images/nav_bkrnd.jpg) no-repeat; margin: auto; position: absolute; }
#nav a { float:left; display:block; }
#nav li { float:left; display: block; cursor: default; margin: 0px 0px 0px 8px; }
#nav ul { width: 855px; }
#nav li:hover a, #nav li.current a { color:#422313; }
#nav li li { display:block; background:none; margin-right:0; }
#nav li li a, #nav li:hover li a { font-size:11px; color:#666666; text-decoration:underline; }
#nav li ul li { float: left; position: relative; }
#nav li li a:hover { text-decoration:underline; color:#8A2003; background:none; }
#nav li:hover li a, #nav li li:hover { background:none; width: auto; height: auto; }
#nav li ul { position:absolute; left:-5000px; z-index:1001; margin-top: 30px; padding-top: 1px; }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul { left:-5000px; }
#nav li:hover ul, #nav li.current ul { left:0; }
#nav ul #nav_team { padding-left: 340px; width: auto; }
#nav ul #nav_team li.executivebar { width: 88px; }
#nav ul #nav_team a { background: none; }
#nav ul #nav_team a:hover { background: none; }
#nav ul #nav_restaurant { padding-left: 72px; width: auto; }
#nav ul #nav_restaurant a { background: none; }
#nav ul #nav_restaurant a:hover { background: none; }
#left_subnav { width: 139px; height: 317px; float: left; border-right: solid #8A2003 1px; margin-top: 8px; padding-left: 10px; padding-right: 5px; }
#left_subnav ul { margin: 0; padding: 0; list-style:none; }
#left_subnav li { display: inline; }
#left_subnav a { float:left; display:block; }
#left_subnavMenu { width: 173px; height: 317px; float: left; border-right: solid #8A2003 1px; padding-left: 10px; padding-right: 5px; }
#left_subnavMenu ul { margin: 0; padding: 0; list-style:none; margin-top: 10px; }
#left_subnavMenu li { display: inline; height: 46px; border-top: solid #E58E1A 1px; width: 154px; display:block; padding: 10px 0px 0px 8px; }
#left_subnavMenu li.oneline { height: 26px; padding: 10px 0px 0px 8px; }
#left_subnavMenu li.bottom { border-bottom: solid #E58E1A 1px; }
#left_subnavMenu li:hover { background: url(images/bkrnd_menu.png) repeat-x; }
#left_subnavMenu li.up { background: url(images/bkrnd_menu.png) repeat-x; }
#nav li.menus a { width: 57px; height:31px; background: url(images/nav/menus.gif) no-repeat; }
#nav li.menus a:hover { background: url(images/nav/menus_up.gif) no-repeat; }
.menus_up a { background: url(images/nav/menus_up.gif) no-repeat; width: 57px; height:31px; }
#nav li.restaurant a { width: 115px; height:31px; background: url(images/nav/therestaurant.gif) no-repeat; }
#nav li.restaurant a:hover { background: url(images/nav/therestaurant_up.gif) no-repeat; }
.restaurant_up a { width: 115px; height:31px; background: url(images/nav/therestaurant_up.gif) no-repeat; }
#nav li.familyfarm a { width: 136px; height:31px; background: url(images/nav/thefamilyfarmer.gif) no-repeat; }
#nav li.familyfarm a:hover { background: url(images/nav/thefamilyfarmer_up.gif) no-repeat; }
.familyfarm_up a { background: url(images/nav/thefamilyfarmer_up.gif) no-repeat; width: 136px; height:31px; }
#nav li.team a { width: 78px; height:31px; background: url(images/nav/ourteam.gif) no-repeat; }
#nav li.team a:hover { background: url(images/nav/ourteam_up.gif) no-repeat; }
.team_up a { width: 78px; height:31px; background: url(images/nav/ourteam_up.gif) no-repeat; }
#nav li.news a { width: 140px; height:31px; background: url(images/nav/news_blog.gif) no-repeat; }
#nav li.news_up a { width: 140px; height:31px; background: url(images/nav/news_blog_up.gif) no-repeat; }
#nav li.news a:hover { background: url(images/nav/news_blog_up.gif) no-repeat; }
#nav li.directions a { width: 84px; height:31px; background: url(images/nav/directions.gif) no-repeat; }
#nav li.directions a:hover { background: url(images/nav/directions_up.gif) no-repeat; }
#nav li.reservations a { width: 100px; height:31px; background: url(images/nav/reservations.gif) no-repeat; }
#nav li.reservations a:hover { background: url(images/nav/reservations_up.gif) no-repeat; }
.reservations_up a { width: 100px; height:31px; background: url(images/nav/reservations_up.gif) no-repeat; }
#nav li.feedback a { width: 73px; height:31px; background: url(images/nav/feedback.gif) no-repeat; }
#nav li.feedback a:hover { background: url(images/nav/feedback_up.gif) no-repeat; }
.feedback_up a { width: 73px; height:31px; background: url(images/nav/feedback_up.gif) no-repeat; }
#nav li.contactus a { width: 83px; height:31px; background: url(images/nav/contactus.gif) no-repeat; }
#nav li.contactus a:hover { background: url(images/nav/contactus_up.gif) no-repeat; }
.contactus_up a { width: 83px; height:31px; background: url(images/nav/contactus_up.gif) no-repeat; }
#left_subnav li.menuicon a { width: 97px; height: 91px; background: url(images/nav_icons/menu_icon.gif) no-repeat; margin: 0px 0px 0px 20px; }
#left_subnav li.menuicon a:hover { background: url(images/nav_icons/menu_icon_up.gif) no-repeat; }
#left_subnav li.feedbackicon a { width: 115px; height: 92px; background: url(images/nav_icons/feedback_icon.gif) no-repeat; margin: 10px 0px 0px 10px; }
#left_subnav li.feedbackicon a:hover { background: url(images/nav_icons/feedback_icon_up.gif) no-repeat; }
#left_subnav li.directionsicon a { width: 123px; height: 53px; background: url(images/nav_icons/directions_icon.gif) no-repeat; margin: 30px 0px 0px 5px; }
#left_subnav li.directionsicon a:hover { background: url(images/nav_icons/directions_icon_up.gif) no-repeat; }
#left_subnav li.rssicon a { width: 112px; height: 87px; background: url(images/nav_icons/rss_icon.gif) no-repeat; margin: 10px 0px 0px 11px; }
#left_subnav li.rssicon a:hover { background: url(images/nav_icons/rss_icon_up.gif) no-repeat; }
/* End Nav */
 

/* Start Blog */
 
 .postmetadata { font-size: 11px; color: #333333; }
.postline { border-bottom: solid #666666 1px; padding-bottom: 5px; }
.date { font-size: 11px; color: #333333; }
#middlebottom_collum .postmetadata a { color: #8A2003; text-decoration: none; }
#left_sidebar { width: 141px; height: 317px; float: left; border-right: solid #8A2003 1px; margin-top: 8px; padding: 0px 5px 0px 8px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; overflow: scroll; }
#left_sidebar ul { padding-bottom: 10px; }
#sidebar { padding-left: 10px; }
#middle_blog { width: 628px; height: 330px; float: left; font-weight: normal; padding: 0px 20px; line-height: 16px; font-family: Arial, Helvetica, sans-serif; overflow: auto; }
#middle_blog2 { width: 628px; height: 330px; float: left; font-weight: normal; padding: 0px 20px; line-height: 16px; font-family: Arial, Helvetica, sans-serif; overflow: auto; }
#middle_blog p { padding-bottom: 1em; line-height: 16px; }
#middle_blog2 p { padding-bottom: 1em; line-height: 16px; }
.entrywrapper { padding-bottom: 5px; }
.entry { text-align: left; line-height: 1.5em; padding-right: 40px; padding-bottom: 0px; margin-top: -1px; }
.entry a { color: #8A2003; }
.entry a:hover { color: #333333; }
.entry p a:active, .entry p a:hover { color: #000; text-decoration: none; }
#middle_blog p img { border: 1px solid #eae4d9; float: left; margin: -15px 15px 5px 0; }
#middle_blog2 p img { border: 1px solid #eae4d9; float: left; margin: -15px 15px 5px 0; }
.post { margin: 0 0 10px 0; text-align: justify; }
.clear { clear: both; }
/* 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: 0px; margin: 0 7px 2px 0; display: block; border: 1px solid #333; }
.alignright { float: right; }
.alignleft { float: left }
/* End Images */


/* End Blog */

/* Start Footer */

#footer { width: 855px; margin: auto; font-size: 10px; font-family: Arial, Helvetica, sans-serif; color: #3D3D3D; }
#footer_left { text-align: left; color: #3D3D3D; margin-top: 18px; float: left; }
#footer_right { text-align: right; margin-top: 18px; float: right; }
#links { width: 855px; margin: auto; text-align: center; color: #32231A; font-size: 11px; font-family: Arial, Helvetica, sans-serif; margin-top: 5px; display: block; height: 24px; }
/* End Footer */
 
 /* Start Forms */

input, textarea { border: 1px solid #333333; }
.noborder { border: none; }
.bordertext { border: 1px solid #2f3760; }
td { vertical-align: text-top; line-height: 15px; padding: 5px; }
form td { color: #8A2003; font-weight: bold; vertical-align: top; }
form td .ie { color: #333333; font-weight: normal; font-size: 10px; font-style: italic; }
.submit { margin-left: 48px; width: 70px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; background-color: #8A2003; text-align: center; color: #FFFFFF; border: none; }
.next { width: 70px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; background-color: #8A2003; text-align: center; color: #FFFFFF; border: none; }
.reset { margin-left: 10px; width: 70px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; background-color: #8A2003; text-align: center; color: #FFFFFF; border: none; }
.search { padding: 2px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; background-color: #8A2003; text-align: center; color: #FFFFFF; border: none; font-weight: bold; margin-top: 5px; }
/* End Forms */

/******************************* Vertical Layout **************************************/

/* Overall Wrapper for Client Supplied Snippet */
	#OT_searchWrapperAll { width:100%; height:100px;/* for horizontal layout: 60px, for vertical layout: 100px */ position: relative; margin:0; padding:0; }
/* wrapper */

	#OT_searchWrapper { border: none; font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: 12px; width:100%; height:100px;/* for horizontal layout: 60px, for vertical layout: 100px */ position: relative; margin:0; }
/* Title of Search */
	 #OT_searchWrapper .OT_feedTitle { position: absolute; top: 0; left: 0; margin: 0 0 1px 5px; font-size:12px; font-weight:normal; line-height:1em; }
/* Definition List */   
    #OT_searchWrapper dl { position: absolute; top: 0; left: 0; padding:0; margin:0; }
/* Party Size Label Wrapper - dt tag */
    #OT_partySizeLbl { position: absolute; top: 25px;/* for horizontal layout: 25px, for vertical layout: 25px */ left: 0px; /* for horizontal layout: 0px, for vertical layout: 0px */ margin: 0 0 0 5px; padding:3px 0; text-align:right; width:110px; display:block; }
/* Party Size Wrapper - dd tag */    
    #OT_partySize { position: absolute; top: 25px;/* for horizontal layout: 25px, for vertical layout: 25px */ left: 120px;/* for horizontal layout: 90px, for vertical layout: 85px */ margin:0; padding:0; }
/* Date Label Wrapper - dt tag */    
    #OT_dateLbl { position: absolute; top: 55px;/* for horizontal layout: 25px, for vertical layout: 55px */ left: 0px;/* for horizontal layout: 105px, for vertical layout: 0px */ margin: 0 0 0 5px; padding:3px 0; text-align:right; width:110px; }
/* Date Label Wrapper - dd tag */    
    #OT_date { position: absolute; top: 55px;/* for horizontal layout: 25px, for vertical layout: 55px */ left: 120px;/* for horizontal layout: 195px, for vertical layout: 85px */ width:100px; margin:0; padding:0; }
/* Time Label Wrapper - dt tag */     
    #OT_timeLbl { position: absolute; top: 55px;/* for horizontal layout: 25px, for vertical layout: 55px */ left: 210px;/* for horizontal layout: 300px, for vertical layout: 185px */ width:60px; padding:3px 0; text-align:right; }
/* Time Label Wrapper - dd tag */     
    #OT_time { position: absolute; top: 55px;/* for horizontal layout: 25px, for vertical layout: 55px */ left: 275px;/* for horizontal layout: 275px, for vertical layout: 185px */ margin:0; }
/* Placeholder empty dt */
    #OT_empty { position:absolute; width:0; height:0; padding:0; margin:0; top:100px; left:0; }
/* Submit Button Wrapper - dd tag */    
     #OT_submitWrap { position:relative; top: 115px; /* for horizontal layout: 25px, for vertical layout: 112px */ left: 275px;/* for horizontal layout: 500px, for vertical layout: 275px */ margin: 0 5px 0 0; z-index:5; /* do not change */ }
/* Wrapper for Powered By OpenTable Logo */
    #OT_logo { position:absolute; top:120px; /* for horizontal layout: 80px, for vertical layout: 120px */ left:0px; /* for horizontal layout:0px, for vertical layout: 0px */ width:100%; padding:0; margin:0; display:block; }
/* Wrapper for Text Link */   
    #OT_logoLink { position: absolute; top: 100px;/* for horizontal layout: 60px, for vertical layout: 100px */ left: 0px; /* for horizontal layout: 0px, for vertical layout: 0px */ width:100%; padding:0 0 10px 0; margin:0; font-size:9px; font-family: Verdana, Arial, Helvetica, Sans-Serif; display:block; }
/* text link padding */
     #OT_logoLink a { padding:0 0 0 10px; }
/* Logo Link Border and margin*/
    #OT_imglogo { border: 0; margin:0 0 0 10px; }
#OT_searchWrapper form { margin:0; padding:0; }
#OT_searchWrapper input.hidden { display:none; }
/* Text Form Fields*/ 
	#OT_searchWrapper .feedFormField, #OT_searchWrapper .feedFormField option { font-size:12px; margin:2px 2px 2px 2px; }
/* Text Form Field for Date field */
	#OT_searchWrapper #startDate, #OT_searchWrapper .OT_feedFormfieldCalendar { font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size:12px; margin:0; width:85px; }
#OT_searchWrapper #dateDisplay { font-size:10px; color:#999; font-family: Verdana, Arial, Helvetica, Sans-Serif; float:right; margin:0px 30px 0px 0px; display:inline; }
/*** calendar styles ***/

	/* Placeholder. Don't change this */
	#OT_searchWrapper .imgCal { position: absolute; display: none; z-index:100; }
/* Calendar Table properties */
	#OT_searchWrapper #imageCal table { font-size:12px; width:150px; font-family:arial; font-weight: bold; background:#FFF; }
#OT_searchWrapper #imageCal td { padding:0px 0px 0px 0; text-align:center; }
/* Days in the future */
	#OT_searchWrapper .clickableDays { color: #000000; text-decoration: none; height:18px; }
/* Days in the past */
	#OT_searchWrapper .nonclickableDays { color: #CCCCCC; height:18px; }
/* Name of the month at the top */
	#OT_searchWrapper .months { color: #FFFFFF; text-decoration: none }
/* Day of the week */
	#OT_searchWrapper .weekdays { color: #000000; text-decoration: none; color:#666666; background-color:#EFEFEF; width:14%; }
