/* CSS Document */

/* General Styles */
body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; background: #b8a86f url("Images/bg_tapestry.jpg") repeat; padding: 0; margin: 0; text-align: center; height: 100%; color:#4b4636;}
.clear { clear: left; clear: right; clear:both } 
.left { float: left; display: inline; }
.right { float: right; display: inline; }
.small { font-family: Arial, Helvetica, sans-serif; font-size: 9px; }
.medium { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.big { font-family: Arial, Helvetica, sans-serif; font-size: 15px; }
.xbig { font-family: Arial, Helvetica, sans-serif; font-size: 24px; }
.expanded { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 24px; letter-spacing: 2px; }
.justified { font-family: Arial, Helvetica, sans-serif; text-align: justify; }
.decimal { text-align:right }
#logo { position: absolute; height: 78px; width: 283px; right: 110px; top: 15px; margin: 0;}

/* Page Elements */
img, div { behavior: url("./iepngfix.htc") }; /* ie6 PNG fix */
a { text-decoration: none; outline: none; }
a:hover { text-decoration: underline; }
a img { border: none; }
img { margin: 0; padding: 0; }
h1 { background:url("Images/JoPaLogo.gif") top center no-repeat; height: 78px; width: 283px; margin: 0;}
h1 span { display:none }
h2 { font: bold 1.75em "Arial", Helvetica, sans-serif; color:#7a060a; padding:0; margin: 0; }
h3 { font: bold 1.25em "Arial", Helvetica, sans-serif; color:#685a30; padding:0; margin: 10px 0; border-bottom: 1px solid #b8a86f; }
p { padding:0; margin: 0 0 1em 0; text-align:justify; }
div { padding: 0; margin: 0; }

/* Template Styles */
#bodywrap { 
	position: relative;
	width: 950px;
	margin:0px auto;
	margin-top: 70px;
	background-color: #b8a86f;
	}
#redheader { background-color: #7a060a; width: 100%; height: 110px; overflow:hidden;}
#hours { float: left; color:#b8a86f; padding: 10px; }
#lamps { position: absolute; right: 0; top: -5px; background: url("Images/lamps.png") top left no-repeat; height: 140px; width: 113px;}
#lamps span {display: none}
#about { position: absolute; left: 0; width:406px; height: 276px; margin: 5px 0; background: #fff url("Images/watermark.gif") 50% 50% no-repeat; border: 1px solid #928355; padding: 10px; overflow: hidden;}
#about p a { text-decoration: none; }
#about p a span { text-decoration: underline; }
#mainImage { background: url("Images/Portland_dining.jpg") 50% 50% no-repeat; border: 1px solid #928355; margin: 5px 0 5px 433px; width: 515px; height: 296px; }
#mainImage p { display: none; }
#nav { text-align:center; background-color:#685a30; padding: 10px 0; margin: 0;}
#nav a { color: #b8a86f; margin-right: 50px; text-decoration:none;}
#nav a:hover { text-decoration: underline; }
#nav a span { display: none; }
#footer { text-align: center; margin: 0 auto; margin-top: 10px; width: 950px; }
#footer a { color: #4b4636; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
.content { position: relative; padding: 20px 20px 20px 300px; text-align:justify; }
.content ul { margin: 0; padding: 0; list-style:none; }
.content li { padding: 0; margin: 0 0 0 10px;}
.content table { margin: 0 auto; border-collapse:collapse; }
.content table caption { font: bold 1.25em "Arial", Helvetica, sans-serif; padding: 0; margin:0 auto; }
.content td, .content th { border: 1px solid #685a30; margin: 0; padding: 5px;}
.content th { background-color:#685a30; color: #b8a86f; border: 1px solid #4b4636; }
.topContentLink { position: absolute; top: 10px; right:20px; text-align: right;}
.photo_inset { float: right; border: 1px solid #b8a86f; border-bottom: 3px solid #685a30; border-right: 3px solid #685a30; padding: 5px; margin: 0 0 10px 10px; }
.photo_inset h4 { padding: 0; margin: 0; border-bottom: 1px solid #b8a86f; text-align:center;}
.photo_inset a { outline: none; }
.photo_inset img { border: 1px solid #ccc; margin: 10px 5px 0 5px; padding: 2px; }

/* Individual Content Page Styles */
#banquets { background: #fff url("Images/wine.jpg") top left no-repeat; }
#policies { background: #fff url("Images/wine.jpg") top left no-repeat; }
#private_dining { background: #fff url("Images/wine.jpg") top left no-repeat; }
#directions { background: #fff url("Images/wine.jpg") top left no-repeat; }
#menus { background-color: #fff; padding: 20px;}
.menuitems { display: inline-block; clear: both; width: 98%; }
.menuitems dt { display: inline-block; font-weight: bold; clear: both; margin-top: 0; width: 100%; line-height: 18px;}
.menuitems dd { display: inline-block; clear: both; padding: 0; margin: 0 10px 0 0; line-height: 18px; width: 100%;}
#leftColumn { position: absolute; top:20px; left: 20px; width: 210px; }
#rightColumn { margin-left: 250px; }
#rightColumn h3 { clear: both; }
.byTheGlass { float: right; width: 50px; text-align:center;}

/* Lightbox Styles */
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{
	width: 100%;
	height: 500px;
	background-color:#000;
	opacity:.75;
	filter:alpha(opacity=75);
	}