/******************************************
 * Dining at Glyndebourne Main Stylesheet *
 *                                        *
 * Hothorse 2011                          *
 ******************************************/

/* Font sizes can now be defined in ems as pixels: 1em = 10px, 1.2em = 12px, 2em = 20px */
body { overflow-x:auto; font:67.5%/1.6 Georgia,"Times New Roman",Times,serif; margin:0; color:#fff; background-color:#000; line-height:normal; }

html,body { }
body {  }
div.cb { clear:both; }
div,form,fieldset,p { padding:0; margin:0; }
p { padding-bottom:1.3em; margin:0; }
img { border:0; }
a { text-decoration:none; color:#999933; font-weight:normal; }
a:hover { text-decoration:none; color:#c0c000 }
.textonly { display:none; }
fieldset { border:0; }

h1 { color:#FFFFFF; font-size:2.2em; margin:0 0 20px 0; padding:0 0 2px 0; font-weight:normal; line-height:1.2em; border-bottom:1px #7F7F7F solid; }
h2 { color:#111111; font-size:1.7em; margin:0; padding:0; font-weight:normal; margin:0 0 20px 0; }
h3 { color:#111111; font-size:1.7em; margin:0; padding:0; font-weight:normal; margin:0 0 20px 0; }

#page {background-color: transparent;background-image: url("/images/site/crest.png");background-repeat: no-repeat;background-attachment: scroll;background-position: left top;background-clip: border-box;background-origin: padding-box;background-size: auto auto;width: 100%;min-height: 100%;border:thin #000 solid} 


/**********
 * HEADER *
 **********/
#header_container { padding:0;width: 100%;}
#header #logo_area { margin-top: 54px;margin-right: auto;margin-bottom: 46px;margin-left: auto;width: 965px; }
#header a#logo { background: url(../images/site/logo.png) no-repeat; width:452px; height:41px; display: block;margin-top: 34px;margin-right: 0pt;margin-bottom: 23px;margin-left: 0pt;}
#header #nav_bar { background: url(../images/site/bg-header.jpg) no-repeat; background-position:center top;width: 100%;background-attachment: scroll;background-size: auto auto;background-color: #000000;padding-top: 1px;border-top-width: 1px;border-top-style: solid;border-top-color: #000000;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #232323;margin-top: 20px}
#header #nav_bar ul { height:38px; margin-top:0; margin-bottom:0; padding:0; width:965px; margin-left:auto; margin-right:auto; }
#header #nav_bar li { list-style:none; float:left; height:38px; background: url(../images/site/bg-nav-divide.jpg) no-repeat; background-position:right top; }
#header #nav_bar li.first {  }
#header #nav_bar li.last { background:none; }
#header #nav_bar a { line-height:1.3em; height:38px; display:block; font-family:"Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Helvetica,sans-serif; font-size:1.3em; color:#fff; font-weight:normal; padding:10px 27px 0px 27px;  }
#header #nav_bar a:hover { color:#C0C018; text-decoration:none; }
#header #nav_bar a.first { padding-left:0; }
#header #nav_bar a.last { padding-right:0; }
#header #nav_bar a.current { color:#C0C018; }

#thankyou_reg { position:absolute; left:0; color:red; font-size:1.2em; }

/**************
 * STATUS BAR *
 **************/
#status { width:965px; padding:10px 0 0 0; margin-left:auto; margin-right:auto; position:relative; }
#status_inner { position:relative; }
#status_inner a { color:#999933; }
#status_inner .button {  }
#status_inner #register_area { width:244px; }
#status_inner #register_area a { font-size:1.2em; padding:5px 0 0 15px; display:block; }
#status_inner #register_area .registerText { font-size:1.6em; padding:5px 0 0 15px; display:block; }
#status_inner #login_area { float:right; right:0; top:0; }
#status_inner #login_area input.login { width:200px; height:21px; margin-right:5px; padding:0px 0 0 5px; border:0; color:#666666; background-color:#E6E6E6; }
#status_inner #login_area span { padding:0 8px 0 5px; font-size:1.2em; }
#status_inner #login_status {
	padding:7px 0px 5px 30px;
	color:white;
	font-size:1.2em;
	background-color: #990100;
	background-image: url(../images/site/messages-error.png);
	background-repeat: no-repeat;
	background-position: 5px;
	margin-left: 247px;
	width: 678px
}
#status_inner #logged_in_area { height:20px; padding:5px 0 0 0px; text-align:right; font-size:1.2em; }
#status_inner #logged_in_area a.logout { padding-left:10px; }

#status_inner #forgotten_password { text-align:right; padding:3px 0px 5px 0; font-size:1.1em; }

/************
 * SIDE NAV *
 ************/
#main_container { width:965px; margin-left:auto; margin-right:auto;min-height:1000px }
#main_nav { 
	float:left; 
	width:234px;
	background-color: transparent;
	background-image: url("/images/site/bg-alpha80-black.png");
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
	background-clip: border-box;
	background-origin: padding-box;
	background-size: auto auto;
	padding-top: 15px;
	padding-bottom: 15px;}
#main_nav a { font-weight:normal; }
#main_nav a:hover { text-decoration:none; }
#main_nav #nav { }
#main_nav a#section_title { display:block; color:#999933; width:204px; font-family:"Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Helvetica,sans-serif; font-size:1.2em; margin:10px 15px 13px 15px; padding-bottom:10px; border-bottom:1px #555555 solid; } 
#main_nav a#section_title:hover { color:#C0C000; } 

/* Top level nav items */
#main_nav ul.nav_top { padding:0; margin:0; }
#main_nav ul.nav_top li { list-style:none; padding-bottom:7px; width:244px; }
#main_nav ul.nav_top li a { display:block; color:#ccc; font-weight:normal; font-size:1.5em; line-height:1.1em; width:244px; }
#main_nav ul.nav_top li a span { display:block; padding:2px 23px 2px 23px; }
#main_nav ul.nav_top li a:hover { color:#fff; text-decoration:none; background: url(../images/site/bg-submenu-on.gif) no-repeat; background-position:center; }
#main_nav ul.nav_top li a.current { color:#fff; background: url(../images/site/bg-submenu-on.gif) no-repeat; background-position:center; }

/* Sub level nav items */
#main_nav ul.nav_sub { padding:10px 23px 0px 22px; }
#main_nav ul.nav_sub li a.current { background: none; color:#C0C000; }
#main_nav ul.nav_sub li { padding-bottom:12px; width:182px; }
#main_nav ul.nav_sub li a { padding-left:12px; width:182px; line-height:1.3em; background:url(../images/site/icon-bullet-green.gif) no-repeat; background-position:0 5px;  color:#fff; font-size:1.2em; }
#main_nav ul.nav_sub li a:hover { color:#C0C000; background:url(../images/site/icon-bullet-green.gif) no-repeat; background-position:0 5px; }
#main_nav ul.nav_sub li.last { padding-bottom:2px; }

/*********************
 * MAIN BODY INCLUDE *
 *********************/
#main_body { float:left; color:#fff; margin-left:13px;background-image: url("/images/site/bg-alpha80-black.png");min-height:550px }
#main_container .full { width:965px; margin-left:0px; }
#main_container .with_nav { width:708px; }
#main_body_full { float:left; width:965px; background-color:#fff; color:#000; }
#main_body #body { padding:22px 20px 30px 20px; font-size:1.3em; min-height:300px; }
#main_body .content { line-height:1.4em; color:#333333; }
#main_body .content ul { padding:0; margin:0; }
#main_body .content li {  list-style:none; padding-bottom:9px; padding-left:10px; background:url(../images/site/bullet.gif) no-repeat; background-position:0 7px; }


.whiteBox {
	background-color: #fff;
	color: #666666;
	padding: 10px;
	margin-bottom:10px;
	min-height: 145px;
	vertical-align: middle
}
.whiteBox img {
	float:left;
	margin-right: 10px;
	padding-bottom: 10px;
	width: 218px;
	height: 145px;
	display:block;
}
.whiteBox h2 {
	color:#111111; font-size:1.5em; padding-bottom:5px; margin-bottom:0px
}
.whiteBox h2 a {
	font-size:1.0em; padding-bottom:5px; margin-bottom:0px; font-weight:normal;
}
.whiteBox p {
	font-size:0.9em; color: #666666;
}
 h4 {
	color:#fff; 
}
p {
 color: #fff;
 font-weight:normal;
}
/*********
 * MENUS *
 *********/
.food_menu .menu_divider { margin:0 0 20px 0; }
.food_menu .food_item { padding-bottom:20px; }
.food_menu h2 { margin:5px 0 25px 0; }
.food_menu .supplement { font-weight:bold; }
.food_menu .supplement { font-weight:bold; }
.food_menu .vegetarian { color:green; }
.food_menu .input_label { float:left; width:90%; }
.food_menu .input_area { float:left; width:10%; text-align:right; }
.food_menu .food_choice { width:35px; }

/**********
 * DRINKS *
 **********/
#drink_menu #drink_category_form { margin-bottom:15px; }
#drink_menu .drink_region { padding-bottom:20px; }
table.drink_list {}
table.drink_list th { text-align:left; vertical-align:top; padding:0 15px 10px 0; }
table.drink_list td { padding:0 15px 15px 0; }
table.drink_list td.drink_bin { padding-right:30px;  }
table.drink_list td.drink_vintage { width:50px;  }
table.drink_list td.drink_price { width:75px;  }
table.drink_list td.drink_title { width:100%; }
table.drink_list td.drink_order { width:70px; }
table.drink_list .drink_choice { width:35px; }

/************
 * ORDERING *
 *************/
#orders_place #opera_peformance_form {  }
.order_footer { position:relative; padding-top:20px; }
.order_footer .forward { position:absolute; right:0; }

#orders_drinks #message { padding-bottom:10px; color:red; font-weight:bold; }
#orders_drinks #drink_category_form { padding-top:10px; }
#orders_drinks .add_drink { width:100px; }
#orders_navigation_form { padding-bottom:10px; }

#orders_review .review_line { padding-bottom:10px; }
#orders_review .review_menu { margin:0; padding:0 0 0 20px; list-style:none; font-weight:bold; }
#orders_review .review_menu li { margin:0; padding:0; list-style:none;  }
#orders_review .review_menu .review_food_items { margin:0; padding:5px 0 0 20px; list-style:none; font-weight:normal; }
#orders_review .review_menu .review_food_items li { margin:0; padding:5px 0 0 0px; }
#orders_review hr { width:100%; height:1px; color:#000; margin-bottom:25px; margin-top:25px; }

.orders_navigation .orders_navigation_form { padding-top:10px; margin-bottom:10px; }
.orders_navigation ul.nav { list-style:none; padding:0; margin:0;margin-left:40px; line-height:1.0em; text-align:center; }
.orders_navigation ul.nav li { list-style:none; padding:0 5px 0 0; margin:0 5px 0 0; float:left; border-right:1px black solid; font-size:10px}
.orders_navigation ul.nav li.last { border-right:0; }
.orders_navigation span.current { font-weight:bold; }
.orders_navigation span.inactive { color:#999999; }


 /*********
 * FOOTER *
 **********/
#footer_container { margin-top:30px; padding-bottom:30px; background: url(../images/site/bg-footer.jpg) no-repeat; background-position:center top; background-color: #000000;}
#footer { width:965px; margin-left:auto; margin-right:auto; padding-top:30px; }
#footer_left { float:left; width:50%; }
#footer_right { float:right; width:50%; text-align:right; line-height:1.5em; font-size:1.1em; color:#999999; }


/**********
 * MISCELLANEOUS *
 * ********/
 
.float-right {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.float-left { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}