@import "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("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("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("img/bg_page.gif") 0 0 no-repeat;
    
}


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

body { background: #000 url("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("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("img/bg_content.png") repeat;
}


#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;
    margin: 0;
}




a#unclip {
/*    position: absolute;*/
    display: block;
    height: 15px;
    margin: 0;
    padding: 20px 0;
    font-size: 10px;
    text-transform: lowercase;
    text-decoration: none;
}

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

#content h2 {
    width: 275px;
    margin-bottom: 10px;
    font: normal 27px/29px "HelveticaNeue W01 25 UltLt", "Verdana", "Arial", sans-serif;
    color: #3f3f3f; 
    
}

#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("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("img/bg_nav_hover.gif") 100% 0 repeat-y;
}

#nav li { font-size: 10px; line-height: 17px; text-align: right; z-index: 1; }

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


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



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

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

/*    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; width: 260px;}
.wine th { font-size: 90%;}
.wine th, .wine td { padding: 0 3px .25em 0; }

/*.wine tbody th { width: 85px; }*/

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

.wine th { font-weight: bold; }

/*** NEWSLETTER SIGNUP ***/
#signup {
	position: absolute;
	bottom: 0;
	width: 290px;
	padding: 20px 0 23px;
	background: #FFF url("img/signup_dots.gif") 0 0 repeat-x;
}

#signup label {
	display: block;
	margin: 0 0 10px;
	font: bold 11px/11px Helvetica, Arial, sans-serif;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #BFBFBF;
}

#signup div {
	width: 260px;
	height: 40px;
	margin: 5px auto 10px;
	background: #FFF url("img/signup_box.png") 50% 0 no-repeat;
}


#signup input, #signup button {
	float: left;
	display: block;
	border: 0;
	outline: 0;
}

#signup input {
	width: 220px;
	height: 10px;
	margin: 14px 0 16px 15px;
	padding: 0;
	font: normal 10px/10px Helvetica, Arial, sans-serif;
	color: #BFBFBF;
	background: #FFF none;
}

#signup button {
	width: 5px;
	height: 10px;
	margin: 14px 0 16px;
	padding: 0 5px;
	cursor: pointer;
	text-indent: -9999em;
	background: #FFF url("img/signup_arrow.png") 50% 50% no-repeat;
}

#signup .more {
	display: block;
	font: normal 10px/10px Helvetica, Arial, sans-serif;
	text-align: center;
	color: #BFBFBF;
}

#signup .more:hover, #signup .more:focus {
	color: #333;
	background: none;
}


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

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



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