/*   
Theme Name: Edna Restaurant
Theme URI: http://ednarestaurant.com
Description: This is a playful and inviting theme. A large wooden background with splashes of color inspired by the restaurants focus wall, brings a homey, warm and contemporary feel to the site. The site is designed to avoid scroll, with content dynamically loading in the inner content section. A large masthead and "new at edna" section is emphasized to communicate quickly. A left sidebar houses up to 5 main menu sections, as well as an Instagram feed. The right sidebar reflects the traditional footer information, such as contact info and directions. Content in the main content window has a custom scroll implementation. The "menus" section has a secondary menu list that allows for quick browsing of the menus, which are easy for the admin to update.
Author: Lukas Steinman
Author URI: http://lukassteinman.com
Tags: wood, open concept, playful, inviting, warm, no scroll, dynamic, custom content scroll window, dark, texture
Version: 1.0
*/
@font-face {
    font-family: 'Miso';
    src: url('fonts/miso-regular-webfont.eot');
    src: url('fonts/miso-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/miso-regular-webfont.woff') format('woff'),
         url('fonts/miso-regular-webfont.ttf') format('truetype'),
         url('fonts/miso-regular-webfont.svg#MisoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Mensch';
    src: url('fonts/mensch-wf.eot');
    src: url('fonts/mensch-wf.eot?#iefix') format('embedded-opentype'),
         url('fonts/mensch-wf.woff') format('woff'),
         url('fonts/mensch-wf.ttf') format('truetype'),
         url('fonts/mensch-wf.svg#MenschMenschRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

html, body {margin:0; padding:0;}
body {font-family: 'Droid Sans', Helvetica, Arial, sans-serif; font-size: 0.95em; line-height: 1.4em; outline:none; 
	/*background:url('images/bg4.jpg') no-repeat center -60px #000; -webkit-background-size: 1942px 1293px;*/
	background:url('images/bg-brick.jpg') no-repeat center center fixed #080808;  background-size: cover;
}

h1, h2, h3, h4, h5, h6 {margin:0; font-weight:normal; text-shadow: 2px 1px 0px #000;}
h1 {font-size: 40pt; color:#FFF; line-height:44px; text-transform:uppercase; font-family:'Miso', Impact, sans-serif;}
h2 {padding-top:20px; font-size: 30pt; color:#53e5cf; line-height:38px; font-family:'Miso', Impact, sans-serif;}
h3 {margin:10px 0; font-size: 14pt; color:#FFF; line-height:16pt; font-weight:bold; letter-spacing:2px;}
h4 {font-size: 24pt; color:#FFF; line-height: 22pt; text-transform:uppercase; font-family:'Miso', Impact, sans-serif;}
h5 {font-size: 16pt; color:#FFF; font-family:'Miso', Impact, sans-serif;}

img{border:none;}
img a {border:none;}
blockquote{border-left:1px solid #A5ABAB; margin:0px; padding:0 12px 0 12px;}

p {color:#fff; line-height: 14pt; margin:12px 0; text-shadow: 1px 1px 1px #000;}

a {text-decoration: none; outline:none; text-shadow: 1px 1px 1px #000;}
a:link {color:#53e5cf; text-decoration: none;}
a:visited {color: #333; text-decoration: none;}
a:hover {color: #58a99d; text-decoration: none;}

ul {padding: .5em 0em 1em 3.2em;}
ol {padding: .5em 0em 0em 3.2em;}
ul li, ol li {font-size:1.1em; line-height: 1.4em; padding: 5px 0 10px; color:#fff;}
ul li strong, ol li strong {font-size:1.2em;}

#site-wrapper {width:980px; margin:0 auto;}

#header {width:980px; height:190px; text-align:center; padding-top:30px;}
#new {width:680px; margin:-10px auto 0; min-height:167px; text-align:left;}
#new img {margin-right:8px; float:left;}

.line {width:185px; height:2px; display:block; margin:15px auto; background:#ffffff; /*background:url('images/dbl-line.png') no-repeat top left transparent;*/}

#left-sidebar {position:relative; z-index:10; float:left; width:190px; height:450px; margin-right:25px;}
.nav {margin-top:-10px; margin-right:-45px;}
.nav ul {padding:0; margin:18px 0 15px; }
.nav ul li {position:relative; list-style:none; text-align:right;}
.nav ul li a {display:block; padding-right:45px; color:#fff; text-transform:uppercase; line-height:28pt; font-size:30pt; font-family:'Miso',Impact, sans-serif; text-shadow: 2px 1px 0px #000;}
.nav ul li.current-menu-item {position:relative; z-index:100; background-position: right 10px; background-repeat: no-repeat;}
.nav ul li#menu-item-22.current-menu-item {background-image:url('images/about-tab.png');} /* Home */
.nav ul li#menu-item-1104.current-menu-item {background-image:url('images/hours-tab.png');} /* Hours */
.nav ul li#menu-item-127.current-menu-item {background-image:url('images/menu-tab.png');} /* Menu */
.nav ul li#menu-item-20.current-menu-item {background-image:url('images/gallery-tab.png');} /* Instagram */
.nav ul li#menu-item-2193.current-menu-item {background-image:url('images/certificates-tab.png'); background-position: right 30px;} /* Gift Certificates */

.nav ul.sub-menu {display:none; padding:25px 0 5px 3px; border-top:2px solid #c83b3b; z-index:50; position:absolute; top:12px; right:-30px; width:67px; background:#feeecd;}
.nav ul li.menu-item-123:hover ul.sub-menu {display:block !important;}
.nav ul.sub-menu li {padding:0; height:20px;}
.nav ul li ul.sub-menu li a {color:#000; text-shadow:none; font-size:12pt; line-height:10px; font-family:'Mensch' !important;}

#content-wrapper {float:left;}
#content {padding-top:7px; float:left; width:540px; /*height:440px; overflow:hidden; overflow-y:auto;*/}
#content img {border:1px solid #fff;}
#content ul {list-style:none;}

#content .page {list-style:none;  margin:0; padding:0;}
#content .page {padding:10px; display:none;}
#content .page:first-child {display:block; min-height:900px;}
#content .page h3:first-child, #content .page p:first-child {margin-top:0;}

#home .feature {border:1px solid #fff; width:514px; height:158px; display:block; position:relative; overflow:hidden;}
#home .feature .overlay {width:514px; height:158px; display:block; position:absolute; top:0; left:0; z-index:10; background:url('images/edna-e-shadow.png') no-repeat top left;}
#home .feature-img {z-index:1; position:absolute; top:0; left:0; overflow:hidden;}
#home .feature-img img {width:100%; border:none;}
#home .poem {border:none; margin-top:10px;}

#home img.size-full {width:100%; height:auto; margin-bottom:25px; border:none;}

#about table {margin:10px 0;}
#about table td {vertical-align:top;}
#about table td img {margin-right:5px; width:122px; height:122px;}
#about table p {font-size:10pt;}
#menus ul.menus li {padding:0;}
#menus img, .parent-pageid-10 .post img {width:514px; height:auto;}

#gallery {position:relative; width:514px; height:514px;}
#gallery img {width:514px; height:auto;}
#gallery p {margin:0 0 10px;}
#gallery .instagram {float:left;}
#reviews h3 { margin-bottom:20px;}

#hours {}
#hours h2, #gift-certificates h2 {padding-top:0; margin-top:0; color:#fff;}
#hours p, #gift-certificates p {font-size:14pt;line-height:24pt;}
#gift-certificates p {text-align:center;}
#gift-certificates ul {text-align:center; padding:0;}


#right-sidebar {position:relative; padding-top:15px; float:left; width:200px; height:440px; text-align:center; margin-left:15px;}
#right-sidebar .line {clear:both; width:185px; height:2px; display:block; margin:5px auto; background:#fff; /*background:url('images/dbl-line.png') no-repeat top left transparent;*/}
#right-sidebar h4.phone {font-size:30pt; line-height:30pt;}
#right-sidebar a {border:none;}
#right-sidebar a.email {font-size:14pt; margin-left:-5px; color:#fff;}
#right-sidebar a.email:hover {color:#53e5cf;}
#right-sidebar img {margin-top:-10px; border:none;}

.social {float:right; display:block;}
.social a {float:left; width:41px; height:30px; display:block; text-indent:-99999px; background-size:100% auto;}
.social a:hover {background-position:0 -30px !important;}
.social a.twitter {background:url('images/tw-sprite.png') no-repeat top left transparent;}
.social a.instagram {background:url('images/insta-sprite.png') no-repeat top left transparent;}
.social a.yelp {background:url('images/yelp-sprite.png') no-repeat top left transparent;}

#sidebar {width:190px; float:left; text-align:left; color: #666; margin-top:90px;}
#sidebar ul {margin:0px; padding:0;}
#sidebar ul li {margin: 5px 0; padding: 0; list-style-type: none; font-size: 10pt; font-weight: normal; line-height:14px;}
#sidebar h4{margin:0; font-weight: normal; font-size: 8 pt; color: #999;}

#footer {/*position:absolute; bottom:5px;*/ width:100%; clear:both; text-align:center;}
#footer p {margin:3px 0 0; font-size:10px;}
#footer a {color:#fff;}
#footer a:hover {color:#53e5cf;}
#footer ul.menu {padding:0; margin:0;}
#footer ul.menu:after {content:"- "; color:#fff;}
#footer ul.menu li {list-style:none; display:inline;}
#footer ul.menu li:before {content:"- "; color:#fff;}


/* Overrides */
.instapress-shortcode .instapress-shortcode-image {display:none; float:none; margin:0 !important; position:absolute; top:5px; left:5px; }
.scrollable .scroll-bar.vertical {background:url('images/scroll-bg.png') repeat-y top left transparent;}
.scrollable.default-skin .scroll-bar .thumb {opacity:100 !important; background-color:#fff !important;}
/*.scrollable .viewport {width:530px !important;}*/