@import "/inc/reset.css";

/*    general    */
p { margin-bottom: 1em; }

/*    frame (850x555)   */
html { overflow-y: scroll; }


/* stop flicker in ie */
.js #pg_home #content, 
.js #pg_chef #content, 
.js #pg_menus #content,
.js #pg_functions #content,
.js #pg_contact #content { visibility: hidden; opacity: 0;  }

body {
	line-height: 138.5%;
	background: #000 url("/inc/img/bg_bar.gif") 0 74px repeat-x;

}

#logo, #logo a { display: block; width: 234px; height: 141px; }

#logo {
	position: absolute;
	margin-top: 190px;
	margin-left: 183px;
	background: #fff url("/inc/img/logo.png") 0 0 no-repeat;
}

#logo a { text-indent: -9999em; }

#page {
	position: relative;
	width: 850px;
	height: 550px;
	margin: 50px auto 0;
	padding: 0 20px;
	background: #000 url("/inc/img/bg_page.gif") 0 0 no-repeat;
	
}


/* vertical center 
html, body { height: 100%; }

body { background: #000 url("/inc/img/bg_bar.gif") scroll 0 center repeat-x; }

div#page { position: absolute; top:50%; left:50%; margin-top: -275px; margin-left: -445px; }
*/


#container {
	position: relative;
	width: 830px;
	height: 550px;
	/*margin: 50px auto 0;*/
	padding: 0 10px;
	background: transparent url("/inc/img/bg.jpg") no-repeat 310px 10px;
}




/*    content area    */
#content {
	float: right;
	width: 265px;
	margin: 45px 40px 56px 0;
	padding: 30px 35px 0;
	font-size: 85%;
	color: #3f3f3f;	
	/*background: transparent url("/inc/img/overlay.png") repeat;*/
	background: #fff none;
	opacity:.8;
	filter: alpha(opacity=80);
}


#popup {
	padding: 20px 0;
}

#popup form {
	margin-top: 15px;
}

#popup .formRight {
	padding: 0 0 5px 10px;
}

#popup #container {
	width: auto;
	height: auto;
	background: #000 none;
	margin: 0 auto;
	padding: 10px;
}

#popup #content {
	float: none;
	width: 320px;
	margin: 30px auto;
	padding: 15px;
	filter: none;
	margin: 0;
	opacity: 1;
}




#content a.unclip {
	position: absolute;
	display: block;
	width: 265px;
	height: 15px;
	margin: 300px 0 0 -35px;
	padding: 5px 35px 40px;
	font-size: 10px;
	text-transform: lowercase;
	text-decoration: none;
	background: #fff none;
	filter: alpha(opacity=80);
}

#content a.unclip img {
	float: left;
	padding: 4px 5px 0 0;
}

#content h2 {
	width: 275px;
	height: 27px;
	background: transparent url("/inc/img/hd.gif") 0 0 no-repeat;
	margin-bottom: 0;
	font: 100 normal 220%/140% "Verdana", "Arial", sans-serif;
	letter-spacing: -.05em;
	text-indent: -9999px;
	
}

#content h3 {
	clear: left;
	margin-bottom: 1.5em;
	font: normal 108%/100% "Verdana", "Arial", sans-serif;
	text-transform: uppercase;
	letter-spacing: .3em;
	width: 265px;

}

#content ul, #content ol { margin: 1em 2em; }

#content ul { list-style: disc; }

#content ol { list-style: decimal; }

#content li ol { list-style: lower-latin; }

#content em, #content i { font-style: italic; }
#content strong, #content b { font-weight: bold; }
#content u { text-decoration: underline; }


#content a { color: #663; font-weight: bold; }

#content a:hover { color: #333; font-weight: bold; }

a.pdf {
	display: block;
	background: transparent url("/inc/img/pdf.gif") 0 0 no-repeat;
	height: 18px;
	padding: 5px 0 5px 35px;
}

a.pdf:hover {
	background-position: 0 -77px;
}

/*     navigation    */
#nav { width: 300px; height: 530px; }

#nav ul {
	height: 180px;
	padding-top: 196px;
	margin-right: 121px;
	margin-left: 80px;

}

#nav a:hover, #nav li li a:hover {
	background: #fff url("/inc/img/bg_nav_hover.gif") 100% 0 repeat-y;
}

#nav li { font-size: 77%; text-align: right; z-index: 1; }

#nav li a { display: block; padding: 2px 8px 2px 0; color: #a8a8a8; }


#nav ul ul {
	background: #fff url("/inc/img/bg_nav.gif") 100% 0 repeat-y;
	display: block;
	position: absolute;
	height: 131px;
	margin: 0;
	padding-top: 6px;
	top: 193px;
	left: 11px;
	z-index: 999;	
}

#nav li li { font-size: 100%; }

#nav li li a {
	display: block;
	width: 77px;
	padding: 0px 10px 0px 0;
}

#nav li li a:hover { background: transparent none; }

/*    menus     */
dl { margin-bottom: 1em; }

dl.col1, dl.col2 { width: 120px; }

dl.col1 { float: left; }

dl.col2 { margin-left: 145px; }

dt {
	margin-bottom: .4em
	letter-spacing: 0;
	font: bold 96%/123.1% "Verdana", "Arial", sans-serif;

}

dd {
	margin-bottom: .5em;
	margin-left: 0.7em;
	font: normal 93%/100% "Verdana", "Arial", sans-serif;
}

table.wine { margin-bottom: 1.25em; }

.wine th, .wine td { padding: 0 3px .25em 0; }

.wine tbody th { width: 85px; }

.wine td { padding-bottom: 1em; }

.wine th { font-weight: bold; }


/*** WIDGETS ***/
.fb-findus {
	display: block;
	width: 144px;
	height: 44px;
	background: transparent url("http://www.obmg.com/inc/facebook-findus.gif") no-repeat;
	text-indent: -9999em;
}

.twitter32 {
	display: block;
	width: 32px;
	height: 32px;
	background: transparent url("http://www.obmg.com/inc/twitter32x32.png") no-repeat;
	text-indent: -9999em;
}



.pg_chef #container { background-image: url("/inc/img/bg_chef2.jpg?v2"); }
.pg_marina-dinner-series #container { background-image: url("/inc/img/bg_dinner_series.jpg?v2"); }
.pg_dining-on-the-docks #container { background-image: url("/inc/img/bg_docks.jpg"); }
.pg_menus #container { background-image: url("/inc/img/bg_menus.jpg?v2"); }
.pg_functions #container { background-image: url("/inc/img/bg_functions.jpg?v2"); }
.pg_contact #container { background-image: url("/inc/img/bg_contact.jpg?v2"); }

#pg_menus h2 { background-image: url("/inc/img/hd_menu.gif"); }
#pg_menus_lunch h2 { background-image: url("/inc/img/hd_lunch.gif"); }
#pg_menus_dinner h2 { background-image: url("/inc/img/hd_dinner.gif"); }
#pg_menus_dessert h2 { background-image: url("/inc/img/hd_dessert.gif"); }
#pg_menus_lighter-fare h2 { background-image: url("/inc/img/hd_lighterfare.gif"); }
#pg_menus_sunday-brunch h2 { background-image: url("/inc/img/hd_brunch.gif"); }
#pg_menus_wine h2 { background-image: url("/inc/img/hd_wine.gif"); }
#pg_dining-on-the-docks h2 { background-image: url("/inc/img/hd_docks.gif"); }
#pg_menus_sushi h2 { background-image: url("/inc/img/hd_sushi.gif"); }
#pg_functions h2 { height: 55px; background-image: url("/inc/img/hd_functions.gif"); }
#pg_functions_policies h2 { background-image: url("/inc/img/hd_functions_policies.gif"); }
#pg_functions_menu h2 { background-image: url("/inc/img/hd_functions_menu.gif"); }
#pg_chef h2 { height: 55px; background-image: url("/inc/img/hd_chef.gif"); }
#pg_chef_zoe-odoherty h2 { height: 55px; background-image: url("/inc/img/hd_zoe_odoherty.gif"); }
#pg_chef_patrick-lappe h2 { height: 55px; background-image: url("/inc/img/hd_patrick_lappe.gif"); }
#pg_chef_stephan-drolet h2 { height: 55px; background-image: url("/inc/img/hd_stephan_drolet.gif"); }
#pg_chef_matthew-rissling h2 { height: 55px; background-image: url("/inc/img/hd_matthew_rissling.gif"); }
#pg_chef_brian-bradley h2 { height: 55px; background-image: url("/inc/img/hd_brian_bradley.gif"); }
#pg_chef_brad-lewis h2 { height: 55px; background-image: url("/inc/img/hd_brad_lewis.gif"); }
#pg_contact h2 { background-image: url("/inc/img/hd_contact.gif"); }
#pg_menus_christmas-eve h2 { background-image: url("/inc/img/hd_christmas_eve.gif"); }
#pg_menus_new-years-menu h2 { background-image: url("/inc/img/hd_new_years.gif"); }