@CHARSET "UTF-8";
/*
@font-face {
    font-family: 'circular';
    src: url('./fonts/circular-webfont.eot');
    src: url('./fonts/circular-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/circular-webfont.woff') format('woff'),
         url('./fonts/circular-webfont.ttf') format('truetype'),
         url('./fonts/circular-webfont.svg#Circular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'circular';
    src: url('./fonts/circularbold-webfont.eot');
    src: url('./fonts/circularbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/circularbold-webfont.woff') format('woff'),
         url('./fonts/circularbold-webfont.ttf') format('truetype'),
         url('./fonts/circularbold-webfont.svg#Circular') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'EraserRegular';
    src: url('./fonts/EraserRegular-webfont.eot');
    src: url('./fonts/EraserRegular-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/EraserRegular-webfont.woff') format('woff'),
         url('./fonts/EraserRegular-webfont.ttf') format('truetype'),
         url('./fonts/EraserRegular-webfont.svg#EraserRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

*/

@font-face {
    font-family: 'CabinSketch';
    src: url('./fonts/CabinSketch-Regular-webfont.eot');
    src: url('./fonts/CabinSketch-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/CabinSketch-Regular-webfont.woff') format('woff'),
         url('./fonts/CabinSketch-Regular-webfont.ttf') format('truetype'),
         url('./fonts/CabinSketch-Regular-webfont.svg#CabinSketchRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CabinSketch';
    src: url('./fonts/CabinSketch-Bold-webfont.eot');
    src: url('./fonts/CabinSketch-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/CabinSketch-Bold-webfont.woff') format('woff'),
         url('./fonts/CabinSketch-Bold-webfont.ttf') format('truetype'),
         url('./fonts/CabinSketch-Bold-webfont.svg#CabinSketchBold') format('svg');
    font-weight: bold;
    font-style: normal;

}


/* Common Style */
/* body, html { font-family: "circular", Arial, sans-serif; font-size: 18px; margin: 0; padding: 0; min-width: 1100px; background: #fff;} */
body, html { font-family: 'Open Sans', sans-serif; font-size: 14px; margin: 0; padding: 0; min-width: 1100px; background: #fff; font-weight: 300; }
/*
h1 { font-size: 2em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.1em; }
*/
h1 { font-size: 2.2em; }
h2 { font-size: 2.0em; }
h3 { font-size: 1.8em; }
h4 { font-size: 1.6em; }
h5 { font-size: 1.4em; }
h6 { font-size: 1.2em; }
/* h1, h2, h3, h4, h5, h6 { font-family: "circular", Arial, sans-serif; margin: 0.1em auto 0.2em; color: #B35718; font-weight: normal;} */
h1, h2, h3, h4, h5, h6 { font-family: 'Yanone Kaffeesatz', sans-serif; margin: 0.2em auto 0.3em; color: #B35718; font-weight: normal; letter-spacing: 0.02em;}
p { margin: 0 0 0.8em; line-height: 1.4em; color: #666;}
li { margin: 0 0 0.4em; line-height: 1.2em; color: #666;}
blockquote { line-height: 1.2em; color: #333;}
hr { border: 0; color: #ccc; background-color: #ccc; height: 1px; }
table td.right { text-align: right; }
table td.left { text-align: left; }
table td.center { text-align: center; }

img.left { float: left; margin-right: 20px; margin-bottom: 20px; }
img.right { float: right; margin-left: 20px; margin-bottom: 20px; }

/* Layout Style */
.col { float: left; padding: 0 2%; }
.grid2 .col { width: 48%; }
.grid3 .col { width: 33.65%; }
.grid3 .col-span 2 { width: 67.3%; }
.grid4 .col { width: 22%; }
.col-first { padding-left: 0 !important; }
.col-last { padding-right: 0 !important; }
.center { margin-left: auto; margin-right: auto; }

.content-container { width: 890px; position: relative; margin-left: auto; margin-right: auto; }
.clear { clear: both; float: none; } 

#hd { --ight: 70px; }
#hd #contact-info { position: absolute; right: 0; top: 10px; text-align: right; }

#ft { font-size: 0.9em; }

#focal { margin-bottom: 10px; }
#focal-title { font-family: 'Yanone Kaffeesatz', sans-serif; width: 500px; text-align: center; padding: 8px 5px 0px; }
#focal-contact { width: 500px; text-align: center; padding: 0px 5px 15px; color: #777; font-size: 0.9em;	  }
#focal-hero { height: 350px; background: #fff; overflow: hidden; position: relative; }
#focal-hero-small { height: 250px; background: #fff; overflow: hidden; position: relative; }
#hero-overlay { background: rgba(255,255,255, 0.8); position: absolute; bottom: 0; left: 0; right: 0; border-top: 1px solid rgba(255,255,255,0.8);  
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjciLz4KICAgIDxzdG9wIG9mZnNldD0iNzklIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuOTQiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.94) 79%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.8)), color-stop(79%,rgba(255,255,255,0.94)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.94) 79%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.94) 79%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.94) 79%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.94) 79%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
} 
.fade-top {
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjciLz4KICAgIDxzdG9wIG9mZnNldD0iNzklIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuOTQiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-8 */
} 
.fade-bottom {
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjciLz4KICAgIDxzdG9wIG9mZnNldD0iNzklIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuOTQiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffffff',GradientType=0 ); /* IE6-8 */
} 

.menu { padding: 0px 0px; margin: 0;  }
.menu .img { float: left; margin-right: 10px; margin-bottom: 12px; margin-top: 8px; }
/*.menu .img img { width: 100px; height: 80px; }*/
.menu .menu-title { margin-top: 10px; }
.menu .menu-description { margin-top: 10px; font-size: 0.95em; color: #666; }
.menu .menu-price { display: block; padding: 5px 0; margin: 10px 0; font-size: 1.1em; color: #999; clear: both; }
.menu ul { overflow: hidden; }

/* Style */
#title { font-size: 2.3em; font-weight: normal; text-shadow: 0px -1px 1px #fff; color: #000; color: #943C00; }

#focal-nav { font-family: 'Yanone Kaffeesatz', sans-serif; letter-spacing: 0.03em; font-size: 1.1em; width: 890px; text-align: center; margin: 10px auto 20px; } 
#focal-nav ul, #focal-nav ul li { list-style: none; margin: 0; padding: 0;  }
#focal-nav ul li { margin: 0px 10px; display: inline-block; position: relative; }
#focal-nav ul li a { text-decoration: none;  }
#focal-nav ul li .nav-text { color: #666; height: 20px; display: inline-block; -margin-left: 1.8em; font-weight: 300;  }

.nav-icon { display: inline-block !important; font-size: 26px; top: -25%; position: absolute; float: left; text-align: center;}
.nav-icon i { display: block; color: #fff; font-size: 0.55em; width: inherit !important; position: absolute; top: 0.45em; left: 0; text-align: center;}
.active .nav-text { font-weight: 400 !important; color: #555; }
#nav-home .fa-stack { color: #B35718; }
#nav-lunch .fa-stack { color: #85a657; }
#nav-lunch-vegan .fa-stack { color: #85a657; }
#nav-dinner .fa-stack { color: #74ba9b; }
#nav-dinner-vegan .fa-stack { color: #74ba9b; }
#nav-special .fa-stack { color: #ba89b5; }
#nav-garden .fa-stack { color: #66b578; }
#nav-history .fa-stack { color: #cf8488; }

#nav-home.active .nav-text { border-bottom: 2px solid #B35718; }
#nav-lunch.active .nav-text { border-bottom: 2px solid #85a657; }
#nav-lunch-vegan.active .nav-text { border-bottom: 2px solid #85a657; }
#nav-dinner.active .nav-text { border-bottom: 2px solid #74ba9b; }
#nav-dinner-vegan.active .nav-text { border-bottom: 2px solid #74ba9b; }
#nav-special.active .nav-text { border-bottom: 2px solid #ba89b5; }
#nav-garden.active .nav-text { border-bottom: 2px solid #66b578; }
#nav-history.active .nav-text { border-bottom: 2px solid #cf8488; }

#hours { padding: 15px 20px; background: #354; margin: 10px 0; border-radius: 6px; box-shadow: 0 1px 4px rgba(0,0,0,0.4); font-size: 1.1em; color: #fff; border: 3px solid #fff; }
.phone { font-weight: bold; }
.heroes { width: 1100px; position: relative; }
.hero { position: absolute; top:0; left:0; }
.hero img { width: 1100px; height: 350px; }
#focal-hero-small .hero img { width: 1100px; height: 250px; }
.hero-title { position: absolute; color: #fff; font-size: 1em; top: 0; right: 100px; padding: 5px 10px; }

.paper { background: #fff url(../images/linedpaper.png) 0 14px; }

#ft .content{ text-align: center; padding: 20px; color: #999; }



.menu-content { width: 745px; }
.menu-content h3 i { color: #444; font-size: 0.8em; }
.menu-nav { font-family: 'Yanone Kaffeesatz', sans-serif; font-weight: 300; letter-spacing: 0.03em; width: 130px;  position: absolute; top: 0; right: 0; }
.menu-nav.fixed { position: fixed; top: 40px; }
.menu-nav ul { margin: 0 0 10px; padding: 0 0 4px; list-style: none; border: 1px solid #ddd; background-color: #eee; border-radius: 4px; }
.menu-nav li { margin: 0; padding: 0; list-style: none; } 
.menu-nav li a { color: #666; display: block; padding: 4px 8px 4px 14px ; text-decoration: none; } 
.menu-nav li:nth-child(2) a { border-top: 1px solid #f5f5f5; }
.menu-nav li a.active { background: #999 url(../images/menu-nav-active.gif); color:#fff; text-shadow: 0px 1px 1px rgba(0,0,0,0.3);}
.menu-nav h4 { padding: 10px 8px 4px 14px; margin: 0; font-size: 1em; color: #555; font-weight: 400; border-bottom: 1px solid #ddd; }

.chalkboard { font-family: "CabinSketch", sans-serif; font-size: 0.9em; background: #333 url(../images/chalkboard.jpg); color: #f5f5f5; color: rgba(255,255,255,0.9); padding: 20px; border-radius: 6px; border-bottom: 1px solid #fff; box-shadow: 0 3px 0 #ccc; margin: 10px 0; text-align: center;  }
.chalkboard h1, .chalkboard h2, .chalkboard h3, .chalkboard h4, .chalkboard h5, .chalkboard h6 { font-family: "CabinSketch", sans-serif; font-size: 1.1em; color: #FFFFD0; }
.chalkboard p { #eee; color: rgba(255,255,255,0.7); }
.chalkboard table { margin: 0 auto 10px; }
.chalkboard table td.left { padding-left: 10px; }
.chalkboard table td.right { padding-right: 10px; border-right: 1px dotted #555; }
.chalkboard .icon { color: #FFF0DD; }

.note { font-size: 0.8em; }
/*
.menu-note { font-weight: bold; padding: 5px 8px 2px; border: 1px solid #eee; background: #f5f5f5; border-radius: 4px; margin: 0.3em 0 0.3em; }
*/
.menu-note { font-weight: bold; padding: 10px 15px; border: 1px solid #eee; background: #f5f5f5; border-radius: 4px; margin: 0.6em 0 0.6em; }
.menu-note .icon { font-size: 0.8em; }
.spicyness { font-size: 0.5em; color: #bbb; }
.nav-note .spicyness { display: inline-block; width: 30px; text-align: right; }
.nav-note { font-weight: normal; font-size: 0.8em; color: #aaa; }
.nav-note .icon { font-size: 0.9em; }
.menu .menu-note  { display: inline-block; }

.designer { font-size: 0.7em; display: block; margin: 5px 0 0 0; color: #ccc; }
.designer a { color: #444;}
.social-link { text-decoration: none; color: #666; }

.announcement { padding: 20px 0; background: #D3D8B5; margin: 20px 0; font-size: 1.1em; }
.announcement p { color: #333; }

/* retina */
@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {

.paper { background: #fff url(../images/linedpaper@2x.png);  background-size: 412px 300px; }
.chalkboard {  background: #333 url(../images/chalkboard@2x.jpg) center center; background-size: 890px 594px; }
.menu-nav li a.active { background: #999 url(../images/menu-nav-active@2x.gif); background-size: 20px 20px; }

}