/*
Theme Name: Serendipity! -- a custom theme built on the BlankSlate framework by Damien and Corinne
Theme URI: http://tidythemes.com/blankslate/
Description: A great restaurant deserves a great website
Author: TidyThemes, Damien, Corinne
Author URI: http://tidythemes.com/
Version: 2.0
Tags: custom-menu, featured-images, microformats, sticky-post, threaded-comments
License: GNU General Public License v2.0 | From TidyThemes: This theme is completely free and open source to use as you like for both personal and commercial projects without any limitations.
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


/* 
page wide: 880px
page narrow: 605px;
*/

html, body { margin: 0; padding: 0;}
a img {border: 0;}
@font-face { font-family: Roadmovie; src: url("../../../roadmovie.eot") /* for IE */ }
@font-face { font-family: Roadmovie; src: url("../../../roadmovie.ttf") /* for CSS3 browsers */ }
@font-face { font-family: Rockwell; src: url("../../../rockwell.eot") /* for IE */ }
@font-face { font-family: Rockwell; src: url("../../../rockwell.ttf") /* for CSS3 browsers */ }

body {font-family: Rockwell; font-size: 18px; color: #000; width: 100%; min-width: 100%; background: #FFF;}
a {color: #688380; text-decoration: none;}
a:hover {color: #000; text-decoration: underline; text-shadow: none;}
strong {font-family: Roadmovie; font-size: 24px; color: #688380; font-weight: normal; }

#logo {padding-top: 40px; padding-bottom: 40px; width: 541px; margin-left: auto; margin-right: auto;}

.fullspan {width: 100%;}

.narrow-content {width: 600px; margin-left: auto; margin-right: auto; margin-top: 45px;}

.wide-content {width: 885px; margin-left: auto; margin-right: auto; margin-top: 45px;}


p {line-height: 26px; padding-left: 0px; text-align: left; margin-top: 10px; margin-bottom: 45px; text-align: justify;}

.narrow-content p {margin: 5px 0 20px 0; line-height: 1.8em;}

.narrow-content h3 {margin-top: 30px; margin-bottom:12px;}
.narrow-content h3:first-child { margin-top: 0;}

.nav-container {
height: 52px;
font-size: 19px;
font-weight: normal;
text-align: center;
text-shadow: rgb(3, 3, 3) 2px 2px 0px; text-transform: uppercase;
color: #FFF;
letter-spacing: .2em;
padding-top: 1px;
background: #688380;
margin: 0;
}

.nav-container a, .nav-container a:visited {
color: #FFF;
}

.menu-serendipity-container {
   position: relative;
width: 650px; overflow: hidden;
margin-left: auto;
margin-right: auto;
font-weight: bold;
}

.menu-serendipity-container ul {
 clear:left;
   float:left;
 list-style:none !important; 
   margin:0;
      	padding: 13px 0px 0px 0px;
   position:relative;
   left:50%;
   text-align:center;

}

.menu-serendipity-container ul li {
/* list-style-image:url('../../../bullet.gif') !important; */
 list-style:none !important; 
 position:relative;
   right:50%;
   padding: 2px 5px 8px 2px;
	float: left;
	font-weight: normal;
}

.menu-serendipity-container ul li:after
{ 
content:" |";
}

 .menu-serendipity-container  ul li:last-child:after  {
content:" ";
}



h2 {
font-size: 19px;
font-weight: normal;
text-align: center;
text-shadow: rgb(3, 3, 3) 2px 2px 0px; text-transform: uppercase;
color: #FFF;
/* letter-spacing: .3em; */
padding-top: 18px;
padding-bottom: 17px;
width: 100%;
background: #688380;
margin: 0;
}

h2 a, h2 a:visited {
color: #FFF;
}

.OT_header h1 {
padding-top: 3px;
}

.OT_header h2 {
background: #F6F6F3;
text-shadow: none;
}

/* h3 {background: #688380; width: 688px; font-weight: normal; height: 24px; font-family: Roadmovie; font-size: 24px; color: #FFF; text-shadow: rgb(3, 3, 3) 2px 2px 0px; text-transform: uppercase; margin-top: 25px; margin-bottom: 4px; text-align: left; padding-left: 20px; padding-top: 3px; padding-bottom: 6px;}
*/

h3 {font-weight: normal;  font-family: Roadmovie; font-size: 28px; color: #688380; text-shadow: rgb(3, 3, 3) 1px 2px 1px; text-transform: uppercase; margin: 15px 0 0 0; text-align: center;}

h5 {background: #688380; font-weight: normal;  font-family: Roadmovie; font-size: 26px;  text-shadow: rgb(3, 3, 3) 1px 2px 1px; text-transform: uppercase; margin: 15px 0 10px 13px; text-align: center; padding: 8px 0 8px 0; width: 433px; font-weight: normal;}

h5 a {color: #FFF; font-weight: normal;}

/* FOOTER */

html, body {height: 100%;}

#bigwrap {min-height: 100%;}

#smallerwrap {overflow:auto;
	padding-bottom: 200px;} 
 

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}

.footer {
position: relative;
margin-top: -200px;
clear: both;
background: #ccc; width: 100%; position: relative; bottom: 0; height: 200px; overflow: hidden;
}
.threeacross { width: 900px; margin-left: auto; margin-right: auto; height: 125px; line-height: 25px;}

.side-three {width: 270px; padding:12px 25px 15px 25px; float: left; text-align: center;}

.mid-three { width: 215px; border-left: 2px dotted #000; border-right: 2px dotted #000; float: left; text-align: center; padding-top:8px; height: 100px; font-size: 18px;}

.mid-three img {padding: 5px;}


.footer h2 {
padding-bottom: 11px;
letter-spacing: .19em; 
/* letter-spacing: .02em !important; */
}
 
.design-by { 
padding-bottom: 13px;
padding-top: 2px;
background: #688380;
width: 100%;
text-align: center;
font-size: 11px;
text-transform: uppercase;
letter-spacing: .12em;
}
 
.design-by, .design-by a {
color: #000; 
} 

 

 
.sidetext {

-o-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -ms-transform-origin: top left; font-family: Roadmovie; font-size: 48px; width: 40px; float: left;
}

.hours-title {margin-top: 95px; }

.welcome-title {margin-top: 163px; }

 .intro {
 width: 292px;
 float: left;
 margin-left: 24px;
 margin-right: 40px;
 }

.intro p {
margin-top: 0
}
 
 .hours {
 width:  430px;
float: left;
 margin-top: 7px;
margin-left: 1px;
 }

.hours ul {
padding: 0; margin: 0;
} 
 
 .hours ul li {
 width:  430px;
border-top: 2px dotted #000;
padding: 13px 0 13px 0;
margin: 0 0 0 13px;
list-style: none;
}

.post-meta-key {
font-family: Roadmovie; font-size: 24px; color: #688380; font-weight: normal;
}

.hours ul li span { 
	float: left;
	width: 90px;
}

/*
.post-meta-key:after
{ 
content:"\003c div class=\0022metacont\0022 \003c"
}
*/

.hours ul li:last-child .post-meta-key {
color: #FFF !important;
}

.price {float: right;}

.menumenu {text-align: left !important;}

.menumenu p {text-align: left !important;}

.menumenu b {font-size: 1.1em; color: #688380; line-height: 1.2em; text-align: center;}

.menumenu em {font-size: .9em; line-height: .9em;}

.menumenu h3 {margin-top: 35px; margin-bottom: 10px; font-size:  34px;}

.menutoc {
font-size: 1.1em; 
letter-spacing: .1em;
padding-left: 30px;
padding-bottom: 40px;
border-bottom: 2px #000 dotted;
width: 100%;
}

.menutoc table {
text-align: center;
width: 100%;

}

.menutoc table td:first-child {
border-right: 2px #000 dotted;
}

.menutoc a {color: #000}

.menutoc h4 {
text-transform: uppercase; color: #688380; margin: 2px 0 2px 0;
margin-left: -30px;
font-weight: normal;
}

.menutoc h4 a {
color: #688380;
}

.menutoc p, .mapp-layout p {
margin: 0;
line-height: 1.2em;
}

.menutoc h4:before { 
content:"\2022 \00A0 ";
}

.menutoc h3 {
margin-bottom: 20px;
margin-top: 0;
}

.menumenu h5 {
width: 100%;
text-align: center;
color: #FFF;
margin: 15px 0 10px 0;
letter-spacing: .1em;
}

.mapp-layout {margin-bottom: 30px; text-align: center;}

.mapp-route
{ padding-left: 15px; margin-top: 5px;}

.mapp-dir-get, .adp-legal {

margin-bottom: 5px;
}