﻿/* 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; }
.left { text-align: left; }
.right { text-align: right; }
.verdana { font-family: Verdana, Arial, Helvetica, Geneva, SansSerif, sans-serif; }
.underlined { text-decoration: underline; }

a, a:visited { color: #009; }
/* a:hover { color: #2b6969; } */
a:hover { background: transparent url('../img/transbg.png'); }

/* 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;
	}
div.banner img { border: 0; padding: 0; margin: 0; }

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;
}
#nav_container { margin-bottom: 24px; } /* <----------------------- */

#nav_container p.nchours { margin: 0; text-align: center; font-size: smaller; padding: 6px 0; }
#nav_container p.nccontacts { margin: 0; text-align: center; padding: 0 0 6px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
 }


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;  }
.menublockprice { float:right; text-align: right; font-size: 100%; font-weight: normal; }
.menublockdesc { clear:both; width: 80%; margin: 0 auto; font-size: 85%; font-style: italic; }
.gonzo { padding:1em; border: 1px dashed #286463; margin-top: 15px;  }

/* Inline sidebars & images for main pages */
.firstp { margin-top: 0; }
.photoleft { float: left; padding: 0; margin: 0 1em 0 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;
}

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

