/* Resets for cross-browser compatibility */
body  { margin:0; padding:0; border:0; }
table  { margin:0; padding:0; border:0; text-align:left; }
img  { margin:0; padding:0; border:0; }
li  { margin:0; padding:0; border:0; }
ul  { margin:0; padding:0; border:0; }
button  { margin:0; padding:0; border:0; }
iframe  { margin:0; padding:0; border:0;  }

/* Generic formatting styles */
.italiangreen { color: #286463; }
.holidayred { color: #dd0000; }
.heavy { font-size: larger; font-weight: bold; }
.center { text-align: center; }
.centerme { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
.verdana { font-family: Verdana, Arial, Helvetica, Geneva, SansSerif, sans-serif; }
.underlined { text-decoration: underline; }
.image-left, .img-l { float: left; padding: 0; margin: 0 10px 0 0; }
.image-right, .img-r { float: right; padding: 0; margin: 5px 0 5px 10px; }
.image-border { border: 1px black solid; }

a { outline: none; }
a, a:visited { color: #009; }
a:hover, a:visited:hover { color: #990000; }
.clearboth { clear: both; }

/* YUI values - px to %, ± means calculated by WF, not YUI ========================= 
**    8 -> 63 ±    13 -> 100       18 -> 138.5     23 -> 174    28 -> 212 ±  
**    9 -> 70 ±    14 -> 108       19 -> 146.5     24 -> 182    29 -> 220 ±
**   10 -> 77      15 -> 116       20 -> 153.9     25 -> 189    30 -> 227 ±
**   11 -> 85      16 -> 123.1     21 -> 161.6     26 -> 197    31 -> 235 ±
**   12 -> 93      17 -> 131       22 -> 167       27 -> 205 ±  32 -> 242 ±
** YUI values - End =============================================================== */

/* ------------------------------------------------------------------------------------------ */
/* Styles for debugging messages (duplicate of that contained in admin.css) */
.echo-debug-message { padding: 3px; background-color: #ffc; border: 1px dashed red; color: #009; font-family: monospace; font-weight: bold; text-align: left; }
.echo-debug-heading { color: red; }

/* ------------------------------------------------------------------------------------------ */

/* Pastore's Styles */
body { background-image: url('../img/bricks_small.png'); margin: 0; padding: 0;
	font-family: Georgia,"Times New Roman", Times, serif; font-size: 11pt; color: black;
  }
div.banner { width: 800px; margin: 0 auto; padding: 0; 
	background-color: transparent;
	position: relative;
	}
div.banner img { border: 0; padding: 0; margin: 0; display: block; }
div.facebook-top {  position: absolute; top: 62px; right: 7px; }
div.christmas-lights { /* for 856 wide */
	position: absolute;
	top: 30px;
	left: -28px;
	overflow: visible;
}

div.main { clear: both; width: 760px; margin: 0 auto; 
	padding: 0; padding-top: 1px;
  background: white url('../img/bodybg3.jpg') no-repeat; 
	border: 2px #990000 solid; border-top: 0;
	}
div.main hr { padding:0; margin:0; width: 90%; }

div.bodycontainer { padding: 0 2em; }
/* div.bodycontainer { margin-top: 24px; } */

.bottombodytag { text-align: center; margin: 0; padding-bottom: 4px; 
	font-size: smaller; font-family: Verdana, Arial, Helvetica, sans-serif;
	}
.topphonenr { color: #af5a54; font-weight: bold; } 

#nav_container {
	margin:0px auto 0px auto; padding: 15px 0 10px 0;
	position:relative; width:700px; height:40px; z-index:200;
	font-size: 13px; font-family: Verdana, Arial, Helvetica, SansSerif, sans-serif; font-weight: bold;
}
#nav_container { margin-bottom: 24px; } /* <----------------------- */

#nav_container p.nchours {
	margin: 0; 
	text-align: center; 
/*	font-size: smaller; */
	font-size: 14px; 
	padding: 8px 0; 
	font-weight: normal; 
}
#nav_container p.nccontacts { margin: 0; text-align: center; padding: 0 0 6px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}
/* ================================================================ 
Menu by Will Fastie for Pastore's Delly, June 2007 (Revised to flat menu November 2011)
-- padding instead of text-indent to handle centered text
Other Notes:
-- font sizes in pixels for absolute control over height
-- The "transparent.gif" file mentioned below does not need to exist
   but must be mentioned for the overrun area to work.
=================================================================== */

/* Get rid of the margin, padding and bullets in the unordered lists */
#pmenu ul {padding:0; margin:0; list-style-type: none;}

#pmenu {padding:0; margin:0; list-style-type: none;}

/* Set up the link size, font color and borders */
#pmenu a, #pmenu a:visited { display: block; /*width: 105px;*/ width: 98px; width: 91px;
	height: 18px; /* 18 +5+1 +5+1 = 30px total */
	color: black; 
	text-decoration: none; 
	padding: 5px; 
	border: 1px solid #000; 
	border-right-width: 0;
}

/* Set up the sub level borders */
#pmenu li ul li a:visited { border-width: 0 1px 1px 1px; }
#pmenu li ul li a { border-width: 0 1px 1px 1px; }
#pmenu li a.enclose:visited { border-width: 1px; }

#pmenu li a.enclose { border-width: 1px; }
#pmenu li a.facebook-icon-pmenu { width: 30px; height: 26px;
	padding-top: 2px; padding-bottom: 0px; border-right-width: 1px;
}
#pmenu li a.social-icon-pmenu { width: 30px; height: 26px;
	padding-top: 2px; padding-bottom: 0px; /*border-right-width: 1px;*/
}
#pmenu li a.social-icon-pmenu.end { 
	border-right-width: 1px;
}

/* Set up the list items. This is where the default color of the background is specified */
#pmenu li {float:left; background-color:#85A9A9; text-align:center;}

/* For Non-IE browsers and IE7 */
#pmenu li:hover {position:relative;}
/* Make the hovered list color persist */
#pmenu li:hover > a {background:#e4d1ca; color:#c00;}
#pmenu li:hover > a {background:#2b6969; color:white;}
/* Menu End =======================================================  */

h4 { margin-bottom: 3px; }
h4+p { margin-top: 0; padding-top: 0; }

.google-map { border: 1px black solid; }

.footer { clear: both; width: 760px; margin: 0 auto 0 auto; padding: 10px 0 ; 
	background-color: transparent; 
	font-family: Verdana, Arial, Helvetica, SansSerif, sans-serif; font-size: 10pt; color: black;
	text-align: center; 
	}
.footer p { margin: 0; padding: 0; }
.footer a { text-decoration: none; padding-left: .5em; padding-right: .5em; color: black; }
.footer a:hover { color: black; background: transparent url('../img/transbg.png'); }
.footer p.copyright { font-size: 80%; }
 
.menupage { text-align: center; /* padding: 0 2em; */ }
.menupage .menuarea { font-size: 14pt; font-weight: bold; margin-bottom: 0; padding-bottom: 0; text-decoration:underline; }
.menudesc { font-style:italic; margin-top: 0; margin-bottom: 10px; padding-top: 0; }
.menublock { display: block; width: 50%; margin: 0 auto; padding:0;  }
.menublockitem { float: left; font-weight: bold;  }
.menublockitem.larger { font-size: larger;  }
.menublockprice { float:right; text-align: right; font-size: 100%; font-weight: normal; }
.menublockdesc { clear: both; width: 80%; margin: 0 auto 8px auto; font-size: 85%; font-style: italic; }
.gonzo, .menuwidget { 
	padding: 1em; 
	border: 1px dashed #286463; 
	background-color: white;
	margin-top: 15px; margin-bottom: 15px; 
}

/* Inline sidebars & images for main pages */
.firstp { margin-top: 0; }
.photoleft { float: left; padding: 0; margin: 0 1em 1px 0; }
.photoright { float: right; padding: 0; margin: 0  0 0 1em; }
.photocaption { margin: 0; padding: 0; text-align: center; font-size: 75%; font-style:italic; }
.photo { border: 1px solid black; margin: 0; padding: 0; }

.sidebarleft  { float: left;  padding: .5em; margin: 0 1em 0 0; 
		border: 1px black dashed;
		text-align: center;
}
.sidebarright { float: right; padding: .5em; margin: 0 0 0 1em; 
		border: 1px black dashed; 
		text-align: center;
}
.sidebarpaleyellow { background-color: #FFFF99; }

.top-5 { float: right; margin: 0 0 0 1em;
  border: 1px black solid;
  background-color: #ffb;
  border-collapse: collapse;
}
.top-5 td, .top-5 th { text-align: center; padding: 3px 14px; }
.top-5 th { font-size: 1.1em; font-weight: bold; 
  border-bottom: 1px black solid;
  background-color: #2b6969;
  color: white;
}
/* Weekly Dinner for 2 Special */
.dinner-special { float: right; margin: 0 0 0 1em; width: 300px;
  border: 1px black solid;
  background-color: #ffb;
  border-collapse: collapse;
}
.dinner-special td, .dinner-special th { text-align: center; padding: 3px 14px; }
.dinner-special td.ds-name { font-size: 1.2em; font-weight: bold; color: red; }
.dinner-special td.ds-desc { font-style: italic; }
.dinner-special th { 
	font-size: 1.1em; font-weight: bold; 
  border-bottom: 1px black solid;
  background-color: #2b6969;
  color: white;
}

.widget-container {
	float: right;
	width: 250px;
	margin: 0;
	margin-left: 15px;
	padding: 0;
}
/* Simple widgets based on a little table, ala the dinner special */
/* These widgets MUST go in the widget-container */
.widget {
	width: 248px;
	border: 1px black solid;
	border-collapse: collapse;
	background-color: #ffb;
	margin-bottom: 15px;
}
.widget td, .widget th {
	text-align: center;
	padding: 3px 4px;
}
.widget th {
	font-size: 1.1em; font-weight: bold; 
  border-bottom: 1px black solid;
  background-color: #2b6969;
  color: white;
}
/* Weekly Dinner for 2 Special as a widget*/
.dinner-special-widget {
	width: 248px;
  border: 1px black solid;
	margin: 0; margin-bottom: 15px;
	background-color: #ffb;
  border-collapse: collapse;
}
.dinner-special-widget td, .dinner-special-widget th { text-align: center; padding: 3px 14px; }
.dinner-special-widget td.ds-name { font-size: 1.2em; font-weight: bold; color: red; }
.dinner-special-widget td.ds-desc { font-style: italic; }
.dinner-special-widget th { 
	font-size: 1.1em; font-weight: bold; 
  border-bottom: 1px black solid;
  background-color: #2b6969;
  color: white;
}
/* Top 5 as a widget */
.top-5-widget { 
	width: 198px;
  border: 1px black solid;
	margin: 0 auto 15px auto;
  background-color: #ffb;
  border-collapse: collapse;
}
.top-5-widget td, .top-5-widget th { text-align: center; padding: 3px 14px; }
.top-5-widget th { font-size: 1.1em; font-weight: bold; 
  border-bottom: 1px black solid;
  background-color: #2b6969;
  color: white;
}

/* Styles for handling menu page tables */
/* -- Style the heading for each menu table */
.menutableheading { font-size: 14pt; font-weight: bold; margin-bottom: 0; padding-bottom: 0; text-decoration:underline; }
/* -- Menu tables must be contained within their own div using the .center style */
.center table { margin-left: auto; margin-right: auto; text-align: center; }
/* -- The table's text is set to center for cross-browser compatibility. */
.menutable { margin:0; padding:0; border:0; text-align:center; }
/* -- Text alignment is controlled by td styling. Most columns will align right (i.e., prices) */
.menutable td { text-align: right; vertical-align: top; }
.menutable td.nameleft { text-align: left; }
.menutable td.desc { text-align: left; padding-left: 15px; font-size: 85%; font-style: italic;  }
/* -- Style the header row */
.menutable th { text-align: right; font-style: italic; font-size: smaller; font-weight:normal; text-decoration: underline; }
/* -- The width of a menu table is determined by the width of its columns */
col.name { width: 20em; }
col.namenarrow { width: 16em; }
col.price { width: 4em;  }

/* Miscellaneous */
.paren { font-size: 9pt; font-style: italic; }

.fineprint { font-size: smaller; font-style: italic; }
.msgfineprint { font-size: 9px; font-family:Arial, Helvetica, sans-serif; }
.updated { font: italic 9px Verdana, Arial, Helvetica, Geneva, SansSerif, sans-serif; padding:3px; } 

a.imglnk { background-color: transparent; border: 2px solid transparent; }
a.imglnk img { border-color: transparent; }
a.imglnk:hover img { border-color: #286463; }

/* splash holiday notice */
#holidaynotice {
	float: right;
	margin: 0 0 0 10px;
	padding: 5px;
	background-color:transparent; 
	border: 1px red dashed;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	text-align: center;
	display: none;
}
#holidaynotice img { margin:0; padding:0; clear:both; }
#holidaynotice p { margin:0; padding:0;	 }

/* This is the new menu structure for the green menu below the main menu. 
** This menu uses a little single-row table with fixed-size widths and an A tag in each one.
*/
.area-nav {
	font-family: Verdana, Arial, Helvetica, SansSerif, sans-serif;
	font-size: 15px;
	font-weight: bold;
}
.area-nav-table {
	border-collapse: collapse;
	margin: 0 auto;
}
.area-nav-table td {
	border: 1px black solid;
	width: 115px;
	text-align: center;
	padding: 0;
	background-color: #85A9A9;
	color: black;
}
.area-nav-table td:hover {
	background-color: #2b6969;
	color: white;
}
.area-nav-table td.active {
	background-color: #2b6969;
	color: white;
}
.area-nav-table a, .area-nav-table a:visited {
	display: block;
	padding: 5px 3px;
	text-decoration: none;
	background-color: transparent;
	color: black;
}
.area-nav-table a:hover, .area-nav-table a:visited:hover, .area-nav-table a.active {
	color: white;
}
.area-nav .vm-instructions {
	text-align: center;
	font-size: 12px;
	font-style: italic; font-weight: normal;
	margin-top: 3px; margin-bottom: 5px;
}

/* Styles for the menu's tabbed interface */
#menu-tabs {
	width: 675px;
	margin: 0 auto;
}


div.emergency-message {
	border: 2px maroon dashed;
	background-color: #ffc;
	padding: 4px 6px 6px 6px;
	margin: 15px; margin-bottom: 8px;
	/*font-size: smaller;*/
}
div.emergency-message p:first-child { padding-top: 0; margin-top: 0; }
div.emergency-message p:last-child  { padding-bottom: 0; margin-bottom: 0; }