/* ========== RESET ========== */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
b, u, i, center,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video 
{ margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }


:focus {outline:0;}
body { line-height:1; color:black;   }
ul,ol {list-style:none;}
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing:0; }
caption, th, td { text-align:left; font-weight:normal; }
blockquote:before, blockquote:after, q:before, q:after {content:"";content: none;}
blockquote, q { quotes:"" ""; }


article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}



ul li {list-style:none;}


/* ========== LAYOUT ========== */


html, body {height:100%;}


body:before {

    content:"";
    height:100%;
    float:left;
    width:0;
    margin-top:-32767px;  
}
#wrapper:after,   
#inner:after {  
    clear:both;
    content:"";
    display:block;
    height:1%;  
    font-size:0;
}


#wrapper {
    min-width:760px;
    max-width:1024px;
    min-height:100%;   
    margin:0 auto;  
    position:relative;  
}
#header{
    height:81px;
    text-align:center;
    font-weight:bold;
    position:relative;  
    z-index:2;  
}



#inner {
    width:100%;  
    padding-bottom:16em;  
}
#left{
    float:left;
    width:180px;
    padding-right:1px;    
    position:relative;
    z-index:2;  
    padding:30px 20px;
padding:35px 20px;
}
#right{
    float:right;
    width:180px;
    padding-left:1px;            
    position:relative;
    z-index:2;  
    padding:30px 20px;
padding:35px 20px;
}
#main{
    overflow:hidden;  
  
    padding:30px;
padding:35px 40px;
    margin-top:-5px;
}
#footer {
    min-width:760px;
    max-width:1024px;
    position:relative;  
    z-index:2;  
    height:16em;
    margin:-16em auto 0 auto;  
overflow:hidden;
}

#faux-left,#faux-right {
    position:absolute;
    bottom:0;
width:220px;
    height:100%;
    z-index:0;
}
#faux-left{left:0;}
#faux-right{right:0;}
#banner
{
    text-align:center;
    position:relative;  
    z-index:2; 

}

#nav{
    width:100%;  
    margin:0;
    padding:0;
    position:relative;
    z-index:3;
}


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

}



@font-face {
    font-family: 'MrsMofro2';
    src: url('/fonts/mrsmi___-webfont2.eot');
    src: url('/fonts/mrsmi___-webfont2.eot?#iefix') format('embedded-opentype'),
         url('/fonts/mrsmi___-webfont2.woff') format('woff'),
         url('/fonts/mrsmi___-webfont2.ttf') format('truetype'),
         url('/fonts/mrsmi___-webfont2.svg#MrsMofroItalic') format('svg');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'MrsMofro2';
    src: url('/fonts/mrsmb___-webfont2.eot');
    src: url('/fonts/mrsmb___-webfont2.eot?#iefix') format('embedded-opentype'),
         url('/fonts/mrsmb___-webfont2.woff') format('woff'),
         url('/fonts/mrsmb___-webfont2.ttf') format('truetype'),
         url('/fonts/mrsmb___-webfont2.svg#MrsMofroBold') format('svg');
    font-weight: bold;
    font-style: normal;
}





/* ========== STYLE ========== */

body { 
	background:#920000;
	background-image: url(/images/graphics/wine.gif);
	background-repeat: repeat;
	font: normal normal 13px/1.55em Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	color:#000;
}


#header
{background:#DCD49D;}

#footer
{
	background:#4D2811;
	color:#f1edb0;
color:#e1daa0;

}
#footer a
{
	color:#f1edb0;
color:#e1daa0;

}
#footer a:hover
{color:#ffffff;}
#footer_inner
{
padding:30px 0 0 30px;
position:relative;
}
#wrapper
{
 
	background:#fefff8;
background:#fffff8;
	box-shadow: 0 0 22px rgba(0,0,0,.67);
	-moz-box-shadow: 0 -9px 22px rgba(0,0,0,.67);
	-webkit-box-shadow: 0 0 22px rgba(0,0,0,.67);
}
#wrapper.three_column
{


}
#inner
{
	background:#fefff8;
background:#fffff8;
	min-height:30em;
}
#inner.three_column 
{background:#E5B53B;}

#left, #right
{
	font-size:.846em;
	line-height:1.5em;
	color: #4D2811;
margin-top:3px;
}

#right h2, #left h2
{
font-size:1.54em; 
font-size:1.45em; 
font-size:1.36em; 
}

#faux-left, #faux-right
{background:#F3EcB1;}

#nav
{
	background:#818902;
	text-align:center;
	list-style:none;
	font-family: Georgia, "Times New Roman", Times, serif;
	letter-spacing:.02em;
	height: 2em;
	line-height: 2em;
	overflow:hidden;
}
#nav li{
	display: -moz-inline-box; 
	display:inline-block; 
	position:relative; top:-.02em; 
}
* html #nav li{display:inline;}
*+html #nav li{display:inline;}

#nav li a{
	display:inline-block; 
	text-decoration:none;
	padding:0 6px;
	color: #f1edb0;
	border-bottom:0;
	border-left: 1px solid #818902;
	border-right: 1px solid #818902;
}
#nav li a:hover{
	background:#52006A;
	color:#fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}
#nav li.selected
{font-weight:bold;}









a
{
	color: #920;
	text-decoration: none;
	-webkit-transition: 0.25s ease-in-out;
	-moz-transition: 0.25s ease-in-out;
	transition: 0.25s ease-in-out;
}
a:hover {color:#c40;}



/* Start the xhtml tag definitions*/
p
{
	margin-bottom:1em;
margin-bottom:.75em;
	margin-top:0;
}


td, th, dd, dl, dt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 120%;
}
em {
	font-style: italic;
}
h1 {
	font-weight: bold;
	color: #CC3300;
margin-bottom:.5em;
font-family:Georgia, 'Times New Roman', Times, serif;
font-size:1.5em;
line-height:1.3em;
margin-bottom:.75em;
margin-bottom:1em;
font-size:1.67em;
margin-top:-.25em;


}
h2 {
	font-weight: bold;
	color: #660066;
	letter-spacing: normal;
	font-style: normal;
	line-height: 150%;
margin-bottom:.5em;
color: #7F8000;
font-family:Georgia, 'Times New Roman', Times, serif;
font-size:1.4em;
font-size:1.3em;
line-height:1.3em;
margin-bottom:.75em;
}

h3 {
	font-weight: bold;

font-size:1.09em;


text-transform:uppercase;
margin-bottom:.4em;
}

h4 {


	text-align: left;

	margin-bottom:.25em;

margin-bottom:.4em;
font-weight:bold;
}
strong {
	font-weight: bold;
}


.store
{text-align:center;}


.entry
{
	margin-bottom:1em;
margin-bottom:1.5em;
margin-bottom:1.67em;
	position:relative;
}
.inset_left
{
	float:left;
	margin:5px 30px 20px 0;
}
.inset_right
{
	float:right;
	margin:18px 0 18px 20px;
}
.inset_right.large
{margin-left:30px;}
.large
{width:300px;}

.inset_right.offset0
{margin-top:0;}
.inset_right.offset100
{margin-bottom:0;}
.responsive
{
	width:45%;
	height:auto;
max-width:210px;
}




li
{margin-bottom:1em;}

ol
{
	list-style-type:decimal;
	padding-left:1.7em;
}






.dimmed,
.dimmed_more
{
	zoom: 1;
	filter: alpha(opacity=80);
	opacity: 0.8;
-webkit-transition: 0.25s ease-in-out;
-moz-transition: 0.25s ease-in-out;
transition: 0.25s ease-in-out;
}
.dimmed_more
{
	filter: alpha(opacity=40);
	opacity: 0.4;
}

.dimmed:hover,
.dimmed_more:hover
{
	filter: alpha(opacity=100);
	opacity: 1;
}


.tweet
{margin-bottom:1.25em;}
.tweet a
{color:inherit;}
.tweet a.twitlink
{color:#920;}

ul
{margin-bottom:1em;}

ul li ul li
{
	margin-bottom:0;
list-style-type: square;
margin-left:1.25em; 


margin-left:.5em;
list-style-position:inside;

}


#socialbuttons
{
float:right;
margin-left:40px;
width:203px;
}
#socialbuttons li
{margin-bottom:4px;}
#socialbuttons .icon
{
float:left; 
position:relative; top:2px; 
margin-right:4px;
}
.fb-facepile
{

float:right;
margin-top:-1px;
}

#footer .item
{
float:left;
margin-right:20px;
}

.vcard .org
{text-transform:uppercase;}

.bottomline
{
clear:both;
width:100%;
background:black;
height:2em;
line-height:2em;
position:absolute;
bottom:0;
right:0;
left:0;
padding:.3em 30px .5em 30px;
font-size:.846em;
font-style:italic;
text-align:right;
}
.bottomline .menu
{
width:232px;
text-align:left;
float:right;
}

#footer .glow:hover img
{
box-shadow: 0 0 1em rgba(255,228,196,.7);
-moz-box-shadow: 0 0 1em rgba(255,228,196,.7);
-webkit-box-shadow: 0 0 1em rgba(255,255,255,.67);
}
#footer a.glow:hover img.dimmed
{
	filter: alpha(opacity=100);
	opacity: 1;

}



.store
{
padding:20px;
text-align:center;
}

/* ========== CMS ========== */

/* CMS */

.cmsLinks { position:absolute; top:24px; right:10px;
top:0; right:20px;}

form .cms {cursor:pointer; position:relative;  font-size:8px; font-family:Verdana,sans-serif; }









.termslink
{
position:absolute;
width:100%;
bottom:16em;
text-align:center;
padding-bottom:1em;
}
.termslink a
{
font-size:.846em;
line-height:1.455em;
line-height:1.5em;
}


.inline
{display:inline;}
form.inline
{
margin-left:1em;
position:relative; top:-1px;
}
.filesize
{
font: normal normal 13px/1.55em Verdana, Arial, Helvetica, sans-serif;
}


img.fullwidth
{
width:100%;
height:auto;
margin-bottom:1em;
}

#main.wedding
{text-align:center;}
.wedding .paper,
.wedding .note
{
border:1px solid #909096;
border:1px solid #a0a0a6;
border:1px solid #c0c0c6;
border:1px solid #b0bab6;
padding:30px;
margin-bottom:2em;
background:#fafdec;
background:#fafaec;
background:#fdfdec;
background:#fdfbec;
}
.wedding .paper
{text-align:center;}
.wedding .note p
{
text-align:left !important;
}
.wedding .paper h2,
.wedding .note h2
{
margin-bottom:1.5em;
text-align:center;
}


.inline img,
.inline div
{
display:inline;
display:inline-block;
vertical-align:middle;
vertical-align:top;
}

.entry
.likebutton
iframe
{
overflow:visible !Important;
height:auto !important;
}
.entry .likebutton-frame,
.entry .likebutton
{height:96px;}
.likebutton
{margin-bottom:1em;}

.header_image,#banner img
{
height:auto;

width:100%;


background:#4D2811;
}

.bulletin
{
    text-align:center;
    position:relative;  
    z-index:2; 
background:#4D2811;
color:#F1EDB0;
color:#e1daa0;

margin-top:-5px;

padding:.8em 20px 1.2em 20px;
padding:1.2em 60px 1.2em 60px;
padding:1.2em 60px 1.1em 60px;
	box-shadow: 0 .5em 1em rgba(0,0,0,.5);
	-moz-box-shadow: 0 .5em 1em rgba(0,0,0,.5);
	-webkit-box-shadow: 0 .5em 1em rgba(0,0,0,.5);
margin-bottom:4px;
}
.bulletin p
{margin-bottom:.4em;}
.bulletin h2
{
color:inherit;
margin-bottom:.2em;
}
.bulletin .light
{
color:#F1EDB0;
color:#c8bc88;
}
.bulletin a
{color:#e1daa0;}

.buybutton
{margin-right:1em;}

.inset_upper_right
{
	float:right;
	width:25%;
width:32%;
	min-width:180px;
	max-width:270px;
max-width:300px;
	margin-left:25px;
margin-left:30px;
	margin-bottom:15px;
margin-bottom:10px;

	font-size:.846em;
	line-height:1.455em;
line-height:1.5em;

}

#header
{
font: bold 48px/89px Georgia, "Times New Roman", Times, serif;
height:89px;
overflow:hidden;
}
#header img {
        position:absolute;
        top:0;
        left:50%;
margin-left:-640px;
}





#main .text_left
{
width:180px;
margin-right:30px;
float:left;
clear:left;
}
#main .text_right
{
padding-top:.16em;
margin-left:210px;
}


.pdf
{
padding-left:19px;
background-image:url(/images/pdf12.png);
background-repeat:no-repeat;
background-position:0 1px;
background-position:0 .125em;
}
#main .pdf
{
background-image:url(/images/pdf.png);
padding-left:23px;

}

#main .leftlink
{
float:left;
margin-left: -25px;
}
#right .leftlink
{
float:right;
margin-left: 5px;
margin-top:-.1em;
}


li
{clear:both;}
li ul li
{clear:none;}

.subtitle
{
	position:relative; top:-.25em;
text-transform:uppercase;
}
p.subtitle
{margin-bottom:0;}

#right .map
{
	box-shadow: 0 0 6px rgba(0,0,0,.3);
	-moz-box-shadow: 0 0 6px rgba(0,0,0,.3);
	-webkit-box-shadow: 0 0 6px rgba(0,0,0,.3);
margin-bottom:.75em;
}


.fb-facepile
{
margin-top:2em;
margin-top:1em;
}



.mp3
{
padding-left:25px;

background:url(/images/listen.png) no-repeat;
}

.year
{

border-bottom:1px solid #ccc;
margin:2em 0 2em 0;
font-style:italic;
color:#999;
}

li.entry
{margin-bottom:2em;}




.img
{margin-bottom:.75em;}
#right .img, #left .img
{margin-top:.5em;}
h2 .img, h3 .img
{margin-bottom:0;}
.caption
{
font-style:italic;
margin-top:-.5em;
}
#main .caption
{
	font-size:.846em;
	line-height:1.455em;
line-height:1.5em;
}
.section
{margin-bottom:2.5em;}
#left .section h2,
#right .section h2
{

border-bottom:1px solid #a42;
padding-bottom:.2em;
}


.three_column #main h2
{
	color: #696c00;
color:#a42;
}



#inner a:hover
{text-decoration:underline;}

a:hover  img,
h2 a:hover
{text-decoration:none;}




blockquote
{
padding:.2em 20px .01em 20px;
border-left:2px solid #aaa;
margin-bottom:.75em;
position:relative;
color:#333;

margin-top:.25em;
margin-bottom:1em;
}
blockquote cite
{font-style:normal;}



.inset_upper_right
blockquote
{
margin-top:.5em;
border-bottom:1px dotted #f6a81a;
border-top:1px dotted #f6a81a;
background:#fcf1d3;
text-align:center;
margin-bottom:1.5em;
padding:1.25em 20px 1em 20px;
border-left:0;
}


blockquote .callout 
{
padding-top:.5em;
text-align:center;
text-indent:20px;
font-style:italic;

}

blockquote .openquote, 
blockquote .closequote 
{ 
display:inline; 
font-family:'Times New Roman',Times,Times,'Times New Roman',serif; 
font-weight:bold;
font-style:normal; 
color:#f6a81a; 
white-space:nowrap; 
}
blockquote .openquote {
     font-size: 700%;
position:absolute;
left:0; top:.13em;
}
blockquote .closequote {   
  font-size: 440%;
 padding-left:6px; line-height:0; _line-height:.6em;
vertical-align:-.49em; 
_vertical-align:0; _position:relative; _top:0; 
_white-space:wrap;
_display:inline-block; 
}





#main .entry p.drop:first-letter
{ 
font-size:5.6em;
padding: 0.09em 0.06em 0 0;
font-family:Georgia, Times, serif;

color: #a42;
float: left;
font-style:normal !important;
line-height:.68em;

font-size:6.2em;
padding: 0.06em 0.06em 0 0;

padding: 0.06em 0.06em .05em 0;
}






h1
{
font-family:"MrsMofro2",Georgia,"Times New Roman",Times,serif;

font-size:1.4em;

padding-top:.2em;
margin-bottom:1em;
color: #a42;

font-size:1.5em;
font-size:1.46em;
line-height:1.33em;

}

h2
{
font-family:"MrsMofro2",Georgia,"Times New Roman",Times,serif;

line-height:1.4em;
color:#6a7e00; 


font-size:1.3em;
font-size:1.16em;
font-size:1.23em;
line-height:1.5em;
}




.skipped
{
background:rgba(64,0,0,.1);
opacity:.4;
display:none;
}
.skipped:before
{
font-family:Verdana,sans-serif;
font-size:9px;
font-style:italic;
background:#a00;
color:#ccc;
display:block;
padding:5px 8px;
margin-bottom:10px;
line-height:1.2em;
}
.skipped.not_open:before
{
content:'THE ITEM BELOW IS HIDDEN BECAUSE THE RESTAURANT IS CLOSED.';
}
.skipped.not_closed:before
{
content:'THE ITEM BELOW IS HIDDEN BECAUSE THE RESTAURANT IS OPEN.';
}
.skipped:hover
{opacity:1;}






.fancytype
{
font-family:"MrsMofro2",Georgia,"Times New Roman",Times,serif;

line-height:1.7em;
}

.fancytype
 em 
{
letter-spacing:.03em; 
font-family:Georgia;
}
.fancytype
strong
{font-size:1.06em;}
.fancytype
.inset_upper_right
blockquote
{
font-family:Verdana, Arial, Helvetica, sans-serif;
}


#main
.intro
{
color: #a42;
margin-top:-.75em;
margin-bottom:1.25em;
}

#main
.byline
{
margin-top:-.5em;
margin-bottom:1.25em;
	font-size:.846em;
	line-height:1.6em;
}

h2
{font-size:1.308em;}
#right h2,#left h2
{font-size:1.364em;}
h1
{font-size:1.538em;}


.three_column #main h3
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#socialbuttons
{
position:absolute;
right:0;
}

.header_image
{
height:auto;
max-height:200px;
width:auto;
min-width:100%;
min-height:180px;
}
#wrapper
{overflow:hidden}

.overlap
{
position:absolute;
bottom:10px; right: 5px;
}

#right.padded
{margin-top:.75em;}

.button:hover {	text-decoration: none !important;}
.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .24em 1.5em .35em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}
.button {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.button:hover {
color:white;
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.button:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}



@media screen and (max-width: 950px) 
{
	
	.bigScreenRequired 
	{display:none}

	#main
	{
		padding-left:30px;
		padding-right:30px;
	}

}

@media screen and (max-width: 830px) 
{

	.mediumScreenRequired
	{display:none}

	#main
	{
		padding-left:25px;
		padding-right:25px;
	}

}

@media screen and (min-width: 1030px) 
{

	#banner img
	{height:180px;}

}