/* SCREEN.CSS */
body{ margin: 2em auto; background-color: #fefefe;
  font-family: "Lucida Grande","Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
  /* This is where you set your desired font size. The line-heights and vertical margins are 
  automatically calculated from this. The percentage is of 16px (0.75 * 16px = 12px).   */
  font-size: 70%;
}
.container{ background: #fefaeb url('/images/bkgr.gif') repeat-x; border-top: 1px solid #ccc; border-left: 1px solid #ddd; border-right: 1px solid #ddd;border-bottom: 2px solid #ddd;}
#nav p, h2, h3, h4, #sidebar h3 { color:#C5902C; }

/** BLUEPRINT OVERRIDES::  
-------------------------------------------------- */
a { color:#C5902C; text-decoration: none; }
h2 { font-size: 1.6em; margin-top: -0.3em; margin-bottom: 0.45em; font-weight: normal; }
h3{ font-size: 1.2em;line-height: 120%; }
hr{ background: #DDC6AD; color: #DDC6AD; height: 1px; }
hr.clear{ background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:0em;margin:0 0 1.4em 0;border:none;}
hr.clear-top{ background: transparent; height: 1px; margin: 0 0 2.8em 0;}
/*hr.ie-clear{background: transparent; width:100%;height:0em;}*/
hr.ie6 {display:none;}
table, td, th {vertical-align: baseline;}
th {background: none;}
tr.even td {background:#FAF4DB;}
/* [/BLUEPRINT OVERRIDES] ------------------------------ **/

/** HEADER::  
-------------------------------------------------- */
#header { float:left;width: 400px; padding-right:280px; padding-left:280px; margin-right:0; text-align: center;}
#header img#logo { margin: 1em 0 0.8em 0; }
#header h1{ display: none; }
/* [/HEADER] ------------------------------ **/

/** NAV::  
-------------------------------------------------- */
#nav { margin-top: -2.1em; text-align: center; }
#nav p { font-size: 120%; text-align: center; margin: 0.3em; }
#nav a { padding: 0em 0em; font-size:120%; text-decoration: none; }
#nav a:hover { color: #B78736; border-bottom: 2px solid #D9C1A0; }
#home #home_nav,
#menu #menu_nav,
#reviews #reviews_nav,
#info #info_nav{ color: #B09554;border-bottom: 2px solid #DCC5A4; }
/* [/NAV] ------------------------------ **/

/** HOME PAGE::  
-------------------------------------------------- */
#home #sidebar { float:left;width:190px;padding-right:40px;padding-left:40px;margin-right:10px;}
#home #content { float:left;width: 630px;margin-right:0;padding-right:40px;}
#home #sidebar h3{ margin-top: 0.3em; }
#home #sidebar p { margin-left: 10px; }
#home #sidebar table { margin-left: 5px;}
#home #sidebar table td{ padding: 0 4px; }
#home #sidebar p.tel { font-size: 140%; margin-top: -0.2em; margin-bottom:0.7em;color: #999; }
#sidebar p span { font-weight: bold; }
#sidebar p span.quiet { font-weight: normal; }
/* [/HOME PAGE] ------------------------------ **/


/** MENU PAGE::  
-------------------------------------------------- */
/*  class="column prepend-1 span-14" */
#menu #intro { float:left;margin-right:10px;width:550px;padding-left:40px;}
#menu #download { float:left;margin-right:0px;width:270px;padding-right:40px;padding-left:40px;}
#menu #dl-box { background-color: #FAF4DB; text-align: center; border: 1px dashed #ccc; margin: 3em 0 0 0; }
#menu #dl-box:hover { background-color: #F0DAB9; }
#menu #dl-box span.small,
#menu #dl-box span.small a { color: #999; }

#menu div.image-row { float:left;margin-right:0px;width:960px; padding: 0; }
div.image-row div { margin: 0; padding: 0;}
div.image-row div img{ margin: 0 0 2em 0; padding: 0;}

/*class="prepend-1 span-22x last">*/
#menu div.menu-section { float:left; width:880px; padding-left: 40px; padding-right:0; margin-right:0; }
/* class="prepend-1 span-22x last"> */

#menu div#info { float:left; width: 880px; padding-right: 40px; padding-left: 40px; margin:0; }
#menu div#info table td#addr1 { width:200px;}
#menu div#info table td#addr2 { width:160px;}
#menu div#info table td#addr3 { width:200px; padding-right:40px;}
#menu div#info table td#addr4 { width:200px;}

/** MENU PAGE:: TABLE FORMATTING::  
-------------------------------------------------- */
#menu h2.head-section { border-top:1px solid #DDC6AD;border-bottom:1px solid #DDC6AD;margin: -0.3em 0 0.2em 0;padding-left:0.5em;background-color:#F3E297;color:#800; }
#menu th h3 { margin-bottom: 0.2em; padding: 5px 0; }
#menu th { border-bottom: 1px solid #DDC6AD; }
th { padding: 0; border-bottom: 0px solid #999; }
th.name { width: 310px; }
th.div { width: 30px; }
th.price { width: 70px; text-align: right; padding-right: 10px; color:#E4D8B4; }

td {border-bottom: 0px solid #ddd; }
td.name {width: 310px;}
td.div {width: 30px;}
td.price {width: 70px;text-align: right;font-weight: normal;font-size: 1em;line-height: 1.25em;}
td.name h4{font-weight: bold;margin: 0 0 0.4em 1em;font-size: 1.1em;}
td.name p { margin: 0 0 0.5em 2em;}
span.size{ font-weight: bold;}
span.allergy { color: #D69B60; }
/* Specifically targeted so that we can change the colours of them only */
#tapas h3, #wines h3, #beers h3, #beverages h3, #desserts h3, #liqueurs h3,
#brandies h3, #spirits-mixer h3, #coffees h3 { color: #800000; }
#tapas h4, #wines h4,#beers h4, #beverages h4, #desserts h4, #liqueurs h4,
#dessert-wines h4, #brandies h4, #spirits-mixer h4, #coffees h4 { color: #800000; }

/* Make the Wine Titles uppercase */
div#wine-red table td.name h4,
div#wine-white table td.name h4,
div#wine-rose table td.name h4,
div#wine-cava table td.name h4 { text-transform: uppercase; }
/* [/MENU PAGE:: TABLE FORMATTING] ------------------------------ **/

/* Override just to fill the empty column margin on the right */
#menu #info.append-1 { padding-right: 50px;}
#menu #info{ padding-top: 1em; background-color: #FAF4DB; }

#addr1, #addr2, #addr3, #addr4{padding:0 10px 0 0; vertical-align: top;}
#addr1{width:280px;}
#addr2{width:160px;}
#addr2 p.tel{font-weight:bold;}
#addr3{width:280px;}
#addr4{width:240px;}

#menu h2 span.info{ padding-left: 1em; font-size: 60%; }
#menu p.sosumi{ text-align: center; color: #666; margin: 0em 0 2em 0;}
/* [/MENU PAGE] ------------------------------ **/

/** REVIEWS PAGE::  
-------------------------------------------------- */
#reviews #reviews-left {float:left;width:390px;padding-right:40px;padding-left:40px;margin-right:10px;}
#reviews #reviews-right {float:left;width:390px;padding-right:40px;padding-left:40px;margin-right:0;}
#reviews p span { font-weight: bold; }
#reviews p span.quiet { font-weight: normal; }
blockquote { margin: 1.5em 0 0 1em; color: #333;}
hr.review{ width: 200px; margin: 0 100px;}
img.review-img { margin: 2em 45px 1em 35px; }
/* [/REVIEWS PAGE] ------------------------------ **/

/** INFO PAGE::  
-------------------------------------------------- */
#info #content { float:left;width:590px;padding-right:40px;padding-left:40px;margin-right:10px;}
#info #sidebar { float:left;width:230px;padding-right:40px;margin-right:0;}
/* the width below is dependent upon the padding above */
#info #history{ background-color: #F0DAB9; padding: 14px 14px 4px 14px; margin: 0 0 0 5px; width: 202px; }
/* [/INFO PAGE] ------------------------------ **/

/** FOOTER::  
-------------------------------------------------- */
#footer{ border-top: 1px solid #dedede; background-color: #fff; margin: 0; padding: 0; }
#footer p { padding: 1em 0 0 40px; }
/* [/FOOTER] ------------------------------ **/
p.timer { text-align: center; font-size: 90%; color: #ccc; display: none;}

/** GENERIC CLASSES ::  
-------------------------------------------------- */
.align-right, .al-r { text-align:right; } 
.indent{ margin-left: 1.5em; }
.indent-1{ margin-left: 40px;}
/* Push Left */
.pl-0, .pl-1, .pl-2, .pl-3, .pl-4 { float: left; }
/* Push Right */
.pr-0, .pr-1, .pr-2, .pr-3, .pr-4 { float: right; }
img.hp { padding-bottom: 0em; }
span.nb { color: #D69B60; font-weight: bold; }
/*.colborder { border-right: 1px solid #000;}*/

/* [/GENERIC CLASSES ] ------------------------------ **/

/** DEBUG::  
-------------------------------------------------- */
/*.showgrid {background:url(/stylesheets/blueprint/src/grid.png);}*/
/*#main-content {background-color: blue;}*/
/*#header { background-color: yellow; }*/
/*#home #sidebar { background-color: green; }*/
/*#home #content { background-color: red;}*/
/*#menu #intro { background-color: green; }*/
/*#menu #download { background-color: red;}*/
/*#reviews #reviews-left { background-color: red; }*/
/*#reviews #reviews-right { background-color: green; }*/
/*#info #main-content #content { background-color: red;}*/
/*#info  #main-content #sidebar { background-color: green; }*/

/* [/DEBUG] ------------------------------ **/