/*
* Additional Styles by JasonPasch.com
*/


body {
color: #fff;
background-color: #000;
background-image: none;
background-repeat:no-repeat;
-webkit-background-size: cover; /*Used by Safari & Chrome*/
-moz-background-size: cover; /* Used by Firefox */
-o-background-size: cover; /* Used by Opera */
background-size: cover; /* All Modern Browsers */
}

body.hosts {background: url('../images/backgrounds/erieHistory.jpg') no-repeat center center fixed; 
-webkit-background-size: cover; /*Used by Safari & Chrome*/
-moz-background-size: cover; /* Used by Firefox */
-o-background-size: cover; /* Used by Opera */
background-size: cover; /* All Modern Browsers */
}
body.dinner {background: url('../images/backgrounds/dinner.jpg') no-repeat center center fixed;
-webkit-background-size: cover; /*Used by Safari & Chrome*/
-moz-background-size: cover; /* Used by Firefox */
-o-background-size: cover; /* Used by Opera */
background-size: cover; /* All Modern Browsers */
}
body.lunch {background: url('../images/backgrounds/lunch.jpg') no-repeat center center fixed;
-webkit-background-size: cover; /*Used by Safari & Chrome*/
-moz-background-size: cover; /* Used by Firefox */
-o-background-size: cover; /* Used by Opera */
background-size: cover; /* All Modern Browsers */
}
body.wines {background: url('../images/backgrounds/wines.jpg') no-repeat center center fixed;
-webkit-background-size: cover; /*Used by Safari & Chrome*/
-moz-background-size: cover; /* Used by Firefox */
-o-background-size: cover; /* Used by Opera */
background-size: cover; /* All Modern Browsers */
}
body.contact {background: url('../images/backgrounds/outsideDining.jpg') no-repeat center center fixed;
-webkit-background-size: cover; /*Used by Safari & Chrome*/
-moz-background-size: cover; /* Used by Firefox */
-o-background-size: cover; /* Used by Opera */
background-size: cover; /* All Modern Browsers */
}
body.private {background: url('../images/backgrounds/banquetHall.jpg') no-repeat center center fixed;
-webkit-background-size: cover; /*Used by Safari & Chrome*/
-moz-background-size: cover; /* Used by Firefox */
-o-background-size: cover; /* Used by Opera */
background-size: cover; /* All Modern Browsers */
}

.wrapper {
	width: 100%;
	height: 100%;
	min-height: 860px;
	position: fixed;
}

.home .wrapper {z-index: 40; position: fixed}

.sidebar {
width: 320px;
height: 100%;
min-height: 920px;
background-color: #000;
-moz-opacity: 0.80;
opacity: 0.80;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=80);
text-align: center;
float: left
}

.home .sidebar {z-index: 30; position: fixed}

.logo {
background: url('../images/erie-Logo.png');
float: left;
height: 200px;
width: 302px;
text-indent: -999em
}

nav li {margin-bottom: 20px}
nav a {font-size: 18px; text-transform: uppercase; text-decoration: none; line-height: 1.4em}
nav a:hover {color: #c98315}

.home nav li#home a,
.hosts nav li#hosts a,
.dinner nav li#dinner a,
.lunch nav li#lunch a,
.wines nav li#wines a,
.contact nav li#contact a,
.private nav li#private a
	{color: #c98315}

.tools {
	position: relative;
	left: 44px;
}

.reservations {background: url('../images/reservations.png'); width: 217px; height: 72px; display: block; text-indent: -999em}

.icon {width: 37px; height: 37px; display: block; float: left; text-indent: -999em; background-size: 100%; margin: 10px 8px 20px 8px}
.icon:hover {
	-moz-opacity: 0.40;
opacity: 0.40;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=40);
}
.facebook {background-image: url('../images/facebook.svg'); margin-left: 35px}
.twitter {background-image: url('../images/twitter.svg')}
.yelp {background-image: url('../images/yelp.svg')}

.tools p {clear: both}

.translucent {
	background-color: #000;
	opacity: 0.60;
	height: 100%;
	position: absolute;
	width: 100%;
	width: 560px;
	margin-left: 400px
	}

#content {
	margin-left: 400px;
	overflow-y: auto;
	overflow-x: hidden;
	position: fixed;
	height: 100%;
}
	
#content-inner {
	width: 480px;
	padding: 50px 40px
	}
	
#content-inner p {
	font-size: 16px;
	line-height: 1.75em
 	}
	
.home #content {background-color: transparent; -moz-opacity: 1; opacity: 1}

.home h1 {margin-top: 110px; font-size: 130px; line-height: 1em}

.contact h2, .private h2 {font-size: 16px; text-transform: none; padding: 0; margin: 10px 0 5px 0; line-height: 1.25em}

.contact iFrame {border: 3px solid #fff}


/* Menu Style
================================================== */

.menus h2 {margin-top: 2em; border-top: 5px solid #fff; padding-top: .8em}

.menus #content-inner ul, #content-inner .menus ul {margin-bottom: 1em}
.menus #content-inner ul li, #content-inner .menus ul li {border-bottom: 1px dotted #ccc; padding: .5em 0; font-weight: bold}
.menus #content-inner ul li strong, #content-inner .menus  ul li strong {float: right; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal}

.wines #content-inner ul li em {padding-left: .5em; font-family: Georgia, "Times New Roman", Times, serif}

#content-inner p.note {font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; font-style: italic}


/* Scrollbars Overflow
================================================== */

::-webkit-scrollbar {
width: 10px;
height: 10px;
}

::-webkit-scrollbar-button:start:decrement {
height: 70px;
display: block;
background-color: transparent;
}

::-webkit-scrollbar-button:end:increment  {
height: 30px;
display: block;
background-color: transparent;
}

::-webkit-scrollbar-track-piece  {
background-color: #000;
-webkit-border-radius: 0px;
}

::-webkit-scrollbar-thumb:vertical {
height: 50px;
background-color: #785d30;
-webkit-border-radius: 0px;
}