/* #d9cd7b - butterscotch (home)	*/
/* #8d9b3c - green (ourmenu)	*/
/* #d61d1e - red (catering)	*/
/* #cb491a - orange (recipes)	*/
/* #6a5c4d - eggplant grey (aboutus)	*/
/* #216f8b - blue (contactus)	*/
	
	/*  General rules */
	
body, div, ul, ol, li, dl, dt, dd, p, address, table, th, td {
	margin:0;
	padding:0;
	}	
	
img	{
	display: block;
	border: 0;
	}
	
li {	
	list-style-type:none;
	}		

.hidden {display:none;}		

	

	/*  Establish general layout parameters */
	
body	{
	background: #EFE8D2;
	background-image:url(../i/oatmeal.jpg);
	background-position:top center;
	font:small/1.6em Arial,Sans-serif;
	color: #4E2E13;
	}
	
#wrap {
	width:739px;
	margin:0 auto;
	position:relative;
	background-image:url(/i/bg_keyimg_table.jpg);
	background-repeat:no-repeat;
	background-position:0 74px;
	}		
	
#header,  #footer {
	}	

#header	{
	background:none;
	height:224px;
	margin:0;
	padding:0;
	padding-top:6px;
	background-image: url(../i/bg_topborder.gif);
	background-position:0 62px;
	background-repeat: no-repeat;
	clear:both;
	border-bottom:1px solid #4E2E13;
	}
	
#body_home #header	{
	height:300px;
	}	
	
#body_home #nav {
	top:290px;
	}
	
#opensign {
position:absolute;
top:5px;
left:390px;
padding:4px;
background-color:#fff;
border:2px solid #4e2e13;
text-transform:uppercase;
font-size:14px;

}				
	
#identity {
	margin-top:6px;
	}	

#cup {
	position:absolute;
	top:9px;
	right:4px;
	}


			
	/* navigation */	

	
#nav { 
	height: 36px;
	position:absolute;
	top:214px;
	left:0;
	width:738px;
	}	
	
#nav ul { 
	margin:0 auto;
	width: 590px;
	}
	
#body_menu #nav ul {
	width:584px;
	}			
	
#body_about #nav ul {
	width:604px;
	}	
	
#body_catering #nav ul {
	width:580px;
	}
	
#body_contact #nav ul {
	width:587px;
	}		
	
#body_recipes #nav ul {
	width:579px;
	}	
#body_home #nav ul {
	width:571px;
	}		
#nav ul li{ 
	float:left;
	margin:0;
	padding:0;
	background-color: transparent;
	}
	
#nav ul li, #nav ul li a { height: 36px; display: block; background: none; }
	
#nav ul li a {  text-indent: -9999px; text-decoration: none; }	
	
#nav ul li#home a {width: 57px; background: url(/i/nav.gif) -5px -4px no-repeat; }
#nav ul li#menu a { width:90px; background: url(/i/nav.gif) -65px -4px no-repeat; }
#nav ul li#catering a  {width:80px; background: url(/i/nav.gif) -157px -4px no-repeat; }
#nav ul li#about a  {width:142px; background: url(/i/nav.gif) -239px -4px no-repeat; }
#nav ul li#recipes a { width:70px; background: url(/i/nav.gif) -383px -4px no-repeat;}
#nav ul li#contact a {width:104px; background: url(/i/nav.gif) -457px -4px no-repeat;}
	
#nav ul li a:hover {margin-top:-2px;}

#body_home #nav ul li#home a, #body_menu #nav ul li#menu a, #body_catering #nav ul li#catering  a, #body_about #nav ul li#about a, #body_recipes #nav ul li#recipes  a, #body_contact #nav ul li#contact a {
	background: url(/i/nav.gif)  no-repeat;
	height: 48px; 
	margin-top:-4px;
	}

#body_home #nav ul li#home a { width:85px; background-position:0px -39px;}
#body_menu #nav ul li#menu a { width:131px; background-position: -80px -39px;}
#body_catering #nav ul li#catering  a { width:117px; background-position: -207px -39px;}
#body_about #nav ul li#about a { width:203px; background-position: -318px -39px;}
#body_recipes #nav ul li#recipes  a { width:106px; background-position: -516px -39px;}
#body_contact #nav ul li#contact a { width:148px; background-position: -617px -39px;}

	/* utility navigation */		
	
.utility a {
	font-size:10px;
	font-weight:normal;
	}
	
	/* main */	
	
#main	{
	font-size:85%;
	padding:36px;
	padding-top:18px;
	width:666px;
	clear:both;
	background-color:#fffbe9;
	border:1px solid #fffbe9;
	border-bottom:none;
	}

#main div {
	float:left;
	width:436px;
	} 

#main dl.last {
	margin-right:0;
	}

#main dd {
	line-height:1.2em;
	margin:0;
	}	

#main .intro p {
	font-size: 137%;
	font-family: Georgia, serif;
	line-height: 1.4em;
	margin:0;
	}
	
#main dd.legend {
	font-family:"Trebuchet MS", sans-serif;
	font-size:85%;
	text-transform:uppercase;
	font-weight:bold;
	border-top: none;
	margin:0;
	}
	
.intro {
	float:left;
	width:218px;
	margin-right:9px;
	}
	
.intro {
	float:left;
	margin-right:22px;
	}

/* HOME */

#main #hours {
font-size:120%;
text-align:center;
width:280px;
}

#main #hours dt {
	text-align:center;

	}

#main #hours dt img {
margin-bottom:12px;
}
#main #hours dd {
	line-height:1.6em;
	font-size:85%;
	}

#body_home #walls {
	float:right;
	width:240px;
	position:relative;
margin-right:0;
margin-top:24px;
	}

#walls h3 {
	margin:0;
margin-bottom:.2em;
}

#walls dt, #walls dd {
line-height:1em;
margin:0;
font-family:"Trebuchet MS", sans-serif;

}

#walls dt.next {
margin-top:12px;
}
	

#walls img {
display:block;
margin:5px 0;
border:1px solid #241C00;
background-color:#fff;
padding:6px;
	}

#walls .next {
	color:#908B76;
font-size:90%;
	}

#walls p {
	margin-bottom:0;
line-height:1.2em;
}

#body_home a.pdf {width:140px; 
font-size:85%; 
text-align:left; 
display:block; 
float:right;
margin:10em 5em 0;
}

#body_home #main h1 {
float:right;
margin-right:2em;
display:inline;
}

#body_home #main h1 a {display:block;}

#body_home #main h1, #body_home #main h1 a {
width:254px;
height:217px;
background-image:url(/i/summer-dinner-series-home.gif);
background-repeat:no-repeat;
font-size:123.1%;
text-align:center;
font-family:arial, sans-serif;
font-weight:normal;
}

#body_home #main h1 a {
margin-bottom:.5em;
text-indent:-9999px;
}


/* OUR MENU */

#menulist {position:relative;}

#menulist li {
	float:left;
	margin-right:12px;
	width:436px;
	}
	
#menulist li em {
	font-weight:bold;
	font-family:Georgia, serif;
	}	

#menulist p { 
	line-height:1.2em;
	margin-bottom:.66em;
	color:#6c4d4f;
	}	
	

#menulist dl {
	width:400px;
	}

#menulist dt {
	position:relative;
	background-image:url(../i/dots.gif);
	background-repeat:repeat-x;
	background-position:0 .9em;
	width:400px;
	padding-right:36px;
	font-size:100%;
	} 	
	
#menulist dd {
	color:#594d36;
	}
	
	#menulist dd li {float:none;line-height:1.33em; margin:0;}
	
	#menulist dd .sodas li {display:inline; margin-right:1em;}
	
#menulist dt em, #menulist dd em {
	color:#4e2e22;
	margin-top:0;
	}

#menulist dt em {
	position:absolute;
	right:0;
	top:0;
	background-color:#fffbe9;
	padding:2px;
	border-left:3px solid #fffbe9;
	
	}	
	
#menulist dd em.asterix {font-size:85%; font-weight:normal; margin-top:.5em; line-height:2em;}	

#speciallist h3 { margin-top:0; margin-bottom:.25em;}

#speciallist {width:400px; margin-bottom:2em; clear:both;}	

#speciallist ul {margin:0; margin-bottom:.5em;}

#body_menu div #speciallist li {font-size: 85%; margin:0; margin-right:1em; display:inline; float:none; text-transform:uppercase; line-height:1.33em;}	

#speciallist li h4 {margin:0;font-family:"trebuchet ms", sans;}


/* Catering */	
#body_catering #main div {
	float:left;
	width:48%;

}

#body_catering #main div.last {
	margin-right:0;
	}
	
#body_catering #main dt {
	margin-top:.33em;
	font-size:133%;
	}	
	

/* Recipes */	

#body_recipes #main p {
	line-height:1.4em;
	}
	
	
/* Contact */	

#body_contact address {
	margin-top:48px;
	}

#body_contact #main img {
margin-right:24px;
}

/* About */	

#pennylink {
	}

#penny, #charles, #holly {position:absolute;

	}

#main img.photo {
	background-color:#fff;
	padding:9px;
	border:1px solid #c3b69d;
	float:right;
	margin-left:24px;
	margin-bottom:18px;
	}
	

/* Sidebar */				
	
div#sidebar {
	float:right;
	width:200px;
	margin-top:36px;
	}	
	
#sidebar dl {
	}	
			
#sidebar ul {
	width:200px;
	}
		
#sidebar li {
	float:left;
	width:100%;
	margin:0;
	padding:0;
	display:block;
	}

#feedback {
	margin-top:2.5em;
font-family:"Trebuchet MS", sans-serif;
font-size:10px;
text-transform:uppercase;
	}

#feedback textarea{
display:block;
border:1px solid #CFC19E;
width:194px;
padding:3px;
	}

#feedback input {
	border:1px solid #CFC19E;
margin:6px 0;
font-size:11px;
background-color:#F1EAD4;
color:#68574B;
}


	
a.link {
	display:block;
	padding:4px;
	margin:1px 0;
	border-bottom:1px dotted #cfc19e;
	}
	
a.link:hover, #main a.on {
	background-color:#8d9b3c;
	text-decoration:none;
	color:#fff;
	}
	

#body_recipes a.link:hover {
	background-color:#cb491a;
	color:#fff;	
	}	

#body_recipes #main a.on {
	background-color:#cb491a;
	color:#FFFBE9;
}				
	
a.pdf {
	font-family:"Trebuchet MS", sans-serif;
	margin-top:1.5em;
	background-image: url(../i/pdf.gif);
	background-repeat:no-repeat;
	background-position:8px 5px;
	display:block;
	padding:3px;
	padding-left:30px;
	background-color: transparent;color:#4e2e13;
	border-bottom:none;
	height:18px;
	}	
	
a.pdf:hover {
	color:#d61d1e;
	background-image: url(../i/pdf.gif);
	background-repeat:no-repeat;
	background-position:8px 5px;	
	}			
	
	/* footer */		
	
#footer	{
	width:739px;
	background-image:url(../i/borderline.gif);
	background-repeat:repeat-x;
	margin-bottom:18px;
	text-align:center;
	clear:both;
	}

#footer, #footer a {
	font-size:10px; 
	 color:#c3b69d;
	}
	
#footer img {
	padding:18px;
	margin:0 auto;
	}	
	
#footer a {
	 display:block;
	 }		



	/*  Typography */
	
h1, h2, h3, h4, dt	{
	font-family: Georgia, serif;
	font-weight: bold;
	line-height:1.2em;
	margin:0;
	margin-top:1.33em;
	margin-bottom: .33em;
	padding:0;
	}
	
h1 {
	font-size:200%;
	}	
	
h2  {
	font-size:200%;
	font-weight:normal;
	}
	
#body_home h2 {
	color:#d9cd7b;
	}	
	
#body_menu h2 {
	color:#97a150;
	}		
	
#body_catering h2  {
	color:#d61d1e;
	}	
	
#body_recipes h2  {
	color:#cb491a;
	}		
	
#body_about h2  {
	color:#766851;
	}
	
#body_contact h2  {
	color:#216f8b;
	margin-bottom:1.5em;
	}		
	
h3 {
	font-size:125%;
	}
	
p, li, dd, th, td {
	line-height:1.6em;
	margin-top:.3em;
	margin-bottom:1.3em;
	}	
	
li, dd {
	line-height: 1.2em;
	margin-bottom:1em;
	}
	
dt {
	text-align: left;
	}

th, dt	{
	font-weight: bold;
	}
	
address {
	font-style:normal;
	margin-bottom:1em;
	}
	
address p {
	margin:0;
	}	
	
	/* General linkology */
	
a {
	text-decoration : none;
	color: #D61D1E;
	background: transparent;
outline:none;
	}

a:hover {
	text-decoration: underline;
	background: transparent; 
	}
	
#main a.link {
	display:block;
	padding-bottom:1px;
	border-bottom:1px dotted #cfc19e;
	}	
	
#body_home a.link {
	float:left;
	clear:both;
	width:116px;
	}	
	
#utility a {
	color:#4E2E13;
	}



#body_dinner #wrap,#body_dinner2 #wrap  {
background-image:url(/i/summer-dinner-series.gif);
background-position:220px 90px;	
}

#body_dinner #header,#body_dinner2 #header {height:400px;}
#body_dinner #nav,#body_dinner2 #nav {
	top:380px;
	}

#body_dinner abbr,#body_dinner2 abbr {
font-size:123.1%;
	}

#special-ingredients {margin-top:1em;position:absolute;right:0;top:21em;width:200px !important;}

#special-ingredients h2 {font-size:16px;margin:0;}
#special-ingredients dt {width:200px;margin:.5em 0 .25em;padding:0;background-image:none;}
#special-ingredients dl {width:200px;margin:0;}
#special-ingredients dd {display:inline;text-transform:uppercase;font-size:10px;margin:0 .15em;white-space:nowrap;}
div.tea dl dt {background-image:none !important;}	
#drinks div.tea h2 em {font-weight:normal;font-size:85%;}
#drinks div.tea dl {
float:left;
width:30%;
display:inline;
margin-left:1%;
}

#drinks div.tea dl dt {margin:0;margin-top:.75em;}
#drinks div.tea dl#black {width:38%;margin-left:0;}
	
/* fixes */	
	
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix  {display: block;}
/* End hide from IE-mac */
