* { margin: 0; padding: 0; }
html { min-height: 100%; margin: 0 0 1px; font-size: 100.01%; }
body { background: #5e2a0e; font-size: 62.5%; min-height: 100%; }
/* * html body { behavior: url("styles/csshover.htc"); } */
@media only screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; } }
body, textarea, input, select, option, button { color: #5e2a0e; font-family: Tahoma,Helvetica,Arial,sans-serif; line-height: 1.38; }
li, dt, dd, p, th, td, caption, pre { font-size: 1.3em; }
ul, ol, dl, p, table, pre, h1, h2, h3, h4, h5, h6 { margin-bottom: 15px; }
a { color: #aa272f; text-decoration: underline; }
a:hover, a:focus, a:active { color: #aa272f; text-decoration: none; }
ul, ol, dd, blockquote { padding-left: 40px; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
li *, li p, li li, dt *, dd *, p *, th *, td * { font-size: 1em; }
img { border: none; -ms-interpolation-mode: bicubic; }
pre { font-family: "Courier New",monospace; white-space: pre-wrap; }
table { border-collapse: collapse; border-spacing: 0; }
button { overflow: visible; padding: 0 10px; cursor: pointer; } button::-moz-focus-inner { padding: 0; border: none; }
hr { overflow: hidden; height: 1px; margin: 10px 0 !important; margin: -5px 0 8px; padding: 0; border: none; background-color: #5e2a0e; color: #5e2a0e; }
*:first-child+html hr { margin: -7px 0 8px !important; }
.offset { position: absolute !important; left: -10001px !important; overflow: hidden !important; }
/* LAYOUT
------------------------------------------- */
#root { background: #fef7d7 url(../images/bg-top.jpg) -50% 0 repeat-x; overflow: hidden; min-width: 1000px; }
#wrapper-a { background: url(../images/bg-bottom.png) -50% 100% repeat-x; padding: 0 0 66px; overflow: hidden; height: 1%; }
#top { position: relative; width: 1000px; height: 154px; margin: 0 auto; }
#logo { position: absolute; left: 0; top: 0; width: 271px; height: 92px; }
#logo a { display: block; width: 100%; height: 100%; background: url(../images/logo-screen.png) no-repeat; text-indent: -999em; overflow: hidden; }
#skip-links { position: absolute; top: 0; left: -10001px; list-style: none; margin: 0; padding: 0; }
#skip-links li a:focus, #skip-links li a:active { display: block; position: absolute; left: 10001px; top: 0; z-index: 10001; width: 200px; margin: 15px 0 0 15px; padding: 2px 0; background: #333; color: #fff; text-align: center; text-decoration: none; }
#nav { position: absolute; left: 297px; top: 0; list-style: none; margin: 0; padding: 0; }
#nav li { float: left; margin: 0 8px 0 0; font-size: 1.8em; }
#nav li a { float: left; padding: 5px 8px 8px; background:#c3d3df; color:#5e2a0e; text-decoration: none; }
#nav li a:hover, #nav li a.active { background: #aa272f; color: #fff; }
#nav li a.hidden { visibility:hidden; width:0px; height:0px; margin:0px; padding:0px; }
#nav li em { position: absolute; left: -10001px; top: -10001px; }
#content { width: 1000px; margin: 0 auto 15px; }
#footer { position: relative; background: url(../images/footer.jpg) 50% 0 repeat-x; background-color:#5e2a0e; min-width: 1000px; }
* html #footer { height: 1%; }
#footer .wrapper { position: relative; width: 1000px; margin: 0 auto; padding: 70px 0; }
#footer h2 { position: absolute; left: 50%; top: -42px; margin-left: -81px; width: 162px; height: 84px; background: url(../images/chicken-fried.png) no-repeat; text-indent: -999em; overflow: hidden; }
#footer .copyright { color: #fff6b7; text-align: center; font-size: 1.1em; }
#footer .copyright span { visibility: hidden; margin: 0 3px; }
#footer .copyright a { color: #fff6b7; text-decoration: none; }
#footer .copyright a:hover { text-decoration: underline; }
/* GENERAL
------------------------------------------- */
/* headers */
h1, h2, h3, h4, h5, h6 { }
h1 { font-size: 3em; margin: 0 0 15px; line-height: 1; }
.cufon-active h1 { font-size: 5em; margin: 0 0 5px; }
h2 { font-size: 2em; color: #aa272f; }
h3 { font-size: 1.4em; font: bold italic 1.4em/1.25 Georgia,Times,"Times New Roman",serif; color: #aa272f; margin: 0; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.0em; }
/* tables */
table { }
table th, table td { padding: 5px 10px; border: 1px solid #ccc; }
/* lists */
.list-a { padding: 0; margin: 0 0 15px; list-style: none; }
/* ELEMENTS
------------------------------------------- */
/* home page */
div.page-home { background: url(../images/home-art.png) 100% 0 no-repeat; min-height: 463px; }
* html div.page-home { height: 463px; }
div.page-home .main { padding: 0 325px 0 0; }
.social-wrapper{ width:auto; float:left; margin:0px 0px 18px 0px; }
.social-wrapper a{ font-size:1.3em; }
.social-wrapper .twitter{ display:block; float:left; width:auto; padding:0px 0px 0px 24px; background-image:url(../images/twitter-ico.png); background-position:left; background-repeat:no-repeat; }
.social-wrapper .facebook{ display:block; float:left; width:auto; margin:0px 0px 0px 18px; padding:0px 0px 0px 24px; background:url(../images/facebook-ico.png) left no-repeat; }
.coming-up { width: 500px; overflow: hidden; padding: 13px; background: url(../images/content-bg.png); }
.coming-up h2 { float: left; width: 223px; height: 50px; background: url(../images/coming-up.png) no-repeat; text-indent: -999em; overflow: hidden; margin: 0; }
.coming-up ul { float: right; width: 268px; padding: 0; margin: 0; list-style: none; }
/* Ticker */
#ticker-wrap{ position:relative; width:625px; margin:12px 0 18px 0; padding:9px; background:url(../images/content-bg.png); }
#say-what{ position:absolute; top:-13px; left:-16px; z-index:50; width:73px; height:62px; background:url(../images/say-what.png) no-repeat; }
#ticker-mask{ overflow:hidden; }
div.stockTicker{ list-style-type:none; margin:0; padding:0; position:relative; }
div.stockTicker p{ margin:0; padding:0 35px 0 0; float:left; }
/* Footer newsletter form */
.newsletter-form { width: 535px; margin: 0 auto 33px; overflow: hidden; }
.newsletter-form h3 { float: left; width: 188px; margin: 0 8px 0 0; height: 22px; background: url(../images/newsletter.png) 0 50% no-repeat; text-indent: -999em; overflow: hidden; }
.newsletter-form p { position: relative; display: inline; float: left; width: 135px; font-size: 1.1em; line-height: 22px; margin: 0 8px 0 0; }
.newsletter-form label { position: absolute; left: -999em; }
html.js .newsletter-form label { top: 1px; left: 6px; }
.newsletter-form input { width: 123px; padding: 4px 4px 2px; border: 1px solid #fff; color: #5e2a0e; }
.newsletter-form p.submit { width:43px; margin: 0; }
.newsletter-form p.submit button { display:block; width:100%; height:22px; background: url(../images/go-button.png) no-repeat; text-indent: -999em; overflow: hidden; border: none; }
/* Slideshows */
.slideshow { position: relative; float:right; width: 303px; margin: 0 0 5px 5px; padding: 7px; background: #fff6b7; overflow: hidden; }
.page-catering .slideshow { position:absolute; right:0px; top:60px; float:right; width: 303px; margin: 0 0 5px 5px; padding: 7px; background: #fff6b7; overflow: hidden; }
.slideshow ul { padding: 0; margin: 0 0 5px; list-style: none; }
html.js .slideshow { background: url(../images/slideshow-bg.png) no-repeat; height: 226px; }
html.js .slideshow ul { position: relative; height: 198px; }
html.js .slideshow li { display: none; position: absolute; z-index: 100; top: 0px; left: 0px; }
html.js .slideshow li.active { display: block; }
.slideshow p { width: 100%; overflow: hidden; }
.slideshow p span { position: absolute; left: -999em; }
.slideshow p a.prev { display: block; float: left; width: 48px; height: 18px; background: url(../images/prev-button.png) no-repeat; text-indent: -999em; overflow: hidden; }
.slideshow p a.next { display: block; float: right; width: 48px; height: 18px; background: url(../images/next-button.png) no-repeat; text-indent: -999em; overflow: hidden; }
/* Accordions */
.locations { width: 645px; position: relative; }
.location { position: relative; background: url(../images/content-bg.png); margin: 0 0 15px; overflow: hidden; padding: 15px 15px 0; height: 1%; }
.location h2 { line-height: 1; }
html.js .location { cursor: pointer; }
html.js .location-active { cursor: default; }
html.js .location .location-wrapper { display: none; width: 100%; overflow: hidden; }
html.js .location-active .location-wrapper { display: block; }
html.js .location h2 { background: url(../images/location-arrows.png) -660px no-repeat; }
html.js .location-active h2 { background: url(../images/location-arrows.png) -15px 0 no-repeat; }
div.page-locations { background: url(../images/locations-art.png) 100% 0 no-repeat; min-height: 506px; }
* html div.page-locations { height: 506px; }
/* Menus */
div.page-menus{ background: url(../images/menus-art.png) top right no-repeat; min-height:620px; }
div.page-menus:hover{ background: url(../images/menus-art.png) 679px -1880px no-repeat; min-height:620px; }
* html div.page-menus { height: 442px; }
div.page-menus .main { width: 645px; }
/* Catering */
div.page-catering .main { /*background: url(../images/content-bg.png);*/ padding:0px 18px 18px 18px; overflow:hidden; height:1%; }
/* Pics Page */
div.page-pics .main { background: url(../images/content-bg.png); padding: 15px; overflow: hidden; height: 1%; }
div.page-pics .album_odd{ width:459px; height:80px; float:left; padding:9px; margin:0px 15px 15px 0px; background-color:#fff6b7; }
div.page-pics .album_even{ width:459px; height:80px; float:left; padding:9px; margin-right:0px 0px 15px 0px; background-color:#fff6b7; }
div.page-pics .album_even h2, div.page-pics .album_odd h2{ margin:0px 0px 4px 0px; padding:0px; }
div.page-pics a{ text-decoration:none; }
div.page-pics .album_thumb{ width:72px; height:72px; float:left; margin:0px 9px 0px 0px; padding:4px; background:#fff; }
#gallery_wrapper{ width:100%; height:100%; }
#gallery{ width:500px; height:500px; margin:22px auto 0px auto; }
/* News & Events */
div.page-news .main { width: 100%; overflow: hidden; }
div.page-news .col-a, .page-news .col-b { float: left; width: 444px; padding: 18px; background: url(../images/content-bg.png); }
div.page-news .col-b { float: right; }
div.page-news .col-a h2 { padding-left: 28px; background: url(../images/ico-calendar.png) 0 50% no-repeat; }
div.page-news .col-b h2 { padding-left: 28px; background: url(../images/ico-news.png) 0 50% no-repeat; }
.select-location { padding: 5px 0; font-size:12px; border: 1px solid #5e2a0e; border-width: 1px 0; margin: 0; }
.select-location span { font-weight: bold; text-transform: uppercase; margin: 0 10px 0 0; }
.news .item { padding: 10px 0; border-bottom: 1px solid #5e2a0e; }
.news .meta { font-size: 1em; font-weight: bold; margin: 0 0 5px; }
.news .comments { text-align: right; margin: 0 0 5px; font-size: 1em; }
html.js .events .item { display: none; }
html.js .events-active .item { display: block; }
/* Comments form */
.comments-list { width: 100%; overflow: hidden; }
html.js .comments-list { display: none; }
html.js .comments-list-active { display: block; }
.comments-list ol { position: relative; width: 100%; margin: 0; padding: 7px 0 0; background: url(../images/comments-top.png) 410px 0 no-repeat; }
.comments-list li { margin: 0 0 3px; background: #c3d3df; padding: 8px; font-size: 1em; list-style: none; }
.comments-list li h4 { font-size: 1em; margin: 0; }
.comments-list li h4 span { font-weight: normal; color: #fff; }
.comments-list li p { margin: 0; font-size: 1em; }
.comments-list form { position: relative; display: block; padding: 8px; background: #c3d3df; }
.comments-list form p { position: relative; font-size: 1em; width: 100%; overflow: hidden; margin: 0 0 8px; }
.comments-list form p.err { font-weight:bold; color:#933; }
.comments-list form label { position: absolute; left: -999em; }
html.js .comments-list form label { left: 3px; top: 3px; color: #c3d3df; }
html.js .comments-list form label.label-b { left: 130px;}
* html.js .comments-list form label.label-b { left: 135px; }
.comments-list form input { border: none; padding: 3px; }
.comments-list form input.field-a { float: left; width: 110px; }
.comments-list form input.field-b { float: right; width: 295px; }
* html .comments-list form input.field-b { width:290px; }
.comments-list form p.submit { width:auto; line-height:1; margin:0; float:left; }
.comments-list form p.submit button { padding:6px 9px; background:#5e2a0e; border:none; text-align:center; color:#fff; }
.comment-status{ margin:6px 0px 0px 9px; float:left; }
.comment-status p{ margin:0; font-size:1em; font-weight:bold; color:#5e2a0e; }
/* Modal boxes */
#credits { width: 400px; color: #fff6b7; margin: 0 auto; }
#credits p { font-size: 1.1em; text-align: center; }
#credits a { color: #fff6b7; }
#mailing { width: 370px; color: #fff6b7; margin: 0 auto; }
#mailing p { width: 100%; overflow: hidden; font-size: 1.1em; }
#mailing label { width: 180px; float: left; }
#mailing input, #mailing select { width: 180px; float: right; }
#mailing input { border: 1px solid #fff; }
#mailing p.submit button { display: block; width: 100%; height: 22px; background: url(../images/go-button.png) no-repeat; text-indent: -999em; overflow: hidden; border: none; }
html.js #credits, html.js #mailing { position: absolute; left: -999em; }
#modal { position: fixed; z-index: 2000; left: 50%; top: 50%; margin: -140px 0 0 -244px; width: 494px; height: 292px; background: url(../images/modal.png) no-repeat; }
#modal .wrapper { padding: 45px 57px 0 50px; }
#modal .close { position: absolute; right: 0; top: 0; width: 25px; height: 25px; margin: 0; }
#modal .close a { display: block; width: 100%; height: 100%; text-indent: -999em; overflow: hidden; }
#modal p { color: #fff; }
#overlay { position: fixed; z-index: 1500; top: 0; left: 0; width: 100%; height: 100%; background: #5e2a0e; opacity: 0.1; }
#loading { position: absolute; left: 50%; top: 50%; width:225px; height:27px; margin-left: -113px; margin-top: -8px; z-index: 1600; }
#loading p{ margin:0px; line-height:1em; font-size:13px; font-style:normal; font-size:16px; font-weight:bold; font-family:"Courier New",Courier,monospace; text-align:center; color:#fff; }
.credits h2 { width: 247px; height: 37px; background: url(../images/site-credits.png) no-repeat; margin: 0 auto 15px; text-indent: -999em; overflow: hidden; }
.credits p { text-align: center; }
.credits a { color: #fff; }
.mailing h2 { width: 284px; height: 42px; background: url(../images/join-mailing.png) no-repeat; margin: 0 auto 15px; text-indent: -999em; overflow: hidden; }
.mailing p { width: 100%; overflow: hidden; }
.mailing label { float: left; width: 180px; }
.mailing input, .mailing select { width: 185px; float: right; color: #5e2a0e; }
.mailing input { border: 1px solid #fff; }
.mailing p.submit button { display: block; width: 100%; height: 22px; background: url(../images/go-button.png) no-repeat; text-indent: -999em; overflow: hidden; border: none; }
/* Sliding */
html.js #content { width: 100%; overflow: hidden; margin: 0 0 15px; position: relative; min-width: 1000px; }
html.js #content div.page { width: 1000px; position: absolute; left: 50%; margin-left: -500px; }
html.js #content div.page-home { left: 50%; }
html.js #content div.page-locations { left: 150%; }
html.js #content div.page-menus { left: 250%; }
html.js #content div.page-catering { left: 350%; }
html.js #content div.page-pics { left: 350%; }
html.js #content div.page-news { left: 450%; }
/* Loaders */
html.js body { background: #000; }
html.js #root, html.js #footer { visibility: hidden; }
html.loaded { background: #5e2a0e; }
html.loaded #root, html.loaded #footer { visibility: visible; }
/* Misc */
.clear_it{ height:-1px; clear:both; }
.hidden{ visibility:hidden; display:none; }
/* PAGINATION
------------------------------------------- */
.pagination{ float:left; margin:0 0 9px 0; }
.pagination p a{ text-decoration:none; color:#5e2a0e; }
.pagination p{ margin:0px; color:#5e2a0e; font-size:11px; }
.pagination p .next_page{ margin:0px 0px 0px 2px; padding:5px; background:#c3d3df; color:#5e2a0e; }
.pagination p .prev_page{ margin:0px 4px 0px 0px; padding:5px; background:#c3d3df; color:#5e2a0e; }
.pagination p .page_num{ margin:0px 2px 0px 2px; padding:5px; background:#c3d3df; color:#5e2a0e; }
.pagination p .current_page{ margin:0px 2px 0px 2px; padding:5px; background:#aa272f; color:#c3d3df; font-weight:bold; }
.pagination p .current_page a{ color:#fff; }
/* COLORBOX(LIGHTBOX)
------------------------------------------- */
/*
ColorBox Core Style
The following rules are the styles that are consistant between themes.
Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
/*
Example user style
The following rules are ordered and tabbed in a way that represents the
order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{ /*background:url(../images/colorbox/overlay.png) 0 0 repeat; background:#5e2a0e; opacity:0.1;*/}
#colorbox{}
#cboxTopLeft{width:21px; height:21px; background:url(../images/colorbox/controls.png) -100px 0 no-repeat;}
#cboxTopRight{width:21px; height:21px; background:url(../images/colorbox/controls.png) -129px 0 no-repeat;}
#cboxBottomLeft{width:21px; height:21px; background:url(../images/colorbox/controls.png) -100px -29px no-repeat;}
#cboxBottomRight{width:21px; height:21px; background:url(../images/colorbox/controls.png) -129px -29px no-repeat;}
#cboxMiddleLeft{width:21px; background:url(../images/colorbox/controls.png) left top repeat-y;}
#cboxMiddleRight{width:21px; background:url(../images/colorbox/controls.png) right top repeat-y;}
#cboxTopCenter{height:21px; background:url(../images/colorbox/border.png) 0 0 repeat-x;}
#cboxBottomCenter{height:21px; background:url(../images/colorbox/border.png) 0 -29px repeat-x;}
#cboxContent{background:#fff;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute; bottom:6px; left:0; text-align:center; width:100%; color:#fff;}
#cboxCurrent{position:absolute; bottom:6px; left:58px; font-weight:bold; color:#fff;}
#cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../images/colorbox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious.hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxNext.hover{background-position:-50px -25px;}
#cboxLoadingOverlay{background:url(../images/colorbox/loading_background.png) center center no-repeat;}
#cboxLoadingGraphic{background:url(../images/colorbox/loading.gif) center center no-repeat;}
#cboxClose{position:absolute; bottom:0; right:0; background:url(../images/colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxClose.hover{background-position:-25px -25px;}
/*
The following fixes png-transparency for IE6.
It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
Colorbox preloads navigation hover classes to account for this.
!! Important Note: AlphaImageLoader src paths are relative to the HTML document,
while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}