/* RESET */
:link, :visited { text-decoration: none; }

ul, ol { list-style: none; }

h1, h2, h3, h4, h5, h6, pre, code { font-size: 1em; }

ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input { margin: 0; padding: 0; }

a img, :link img, :visited img { border: none; }

iframe { border: none; }

address { font-style: normal; }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

* html .clearfix { zoom: 1; }

/* IE6 */
*:first-child + html .clearfix { zoom: 1; }

/* IE7 */
.text-top { vertical-align: top; }

#preload { display: none; }

.mb0 { margin-bottom: 0!important; }

.margin-bottom-50 { margin-bottom: 50px; }

.bold { font-weight: 700; }

.required { color: #9b0000; font-weight: 400; }

.hide { display: none; }

.tooltip { font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; display: none; background: transparent url(/images/black_arrow.png); text-transform: none; height: 120px; width: 275px; overflow: hidden; padding: 20px 10px 20px 25px; color: #fff; overflow: hidden; white-space: pre-line; text-align: left; z-index: 100000000000; }
.tooltip.bottom { background: url(/images/black_arrow_bottom.png) no-repeat; }

#errors { background-color: rgba(102, 0, 0, 0.8); color: #fff; border-radius: 8px; padding: 12px 18px; margin-bottom: 10px; text-align: center; }

#fieldset { width: 90%; }

input, label, textarea, form h2 { font-family: 'AmericanTypewriter', sans-serif; }

form h2 { font-weight: 700; font-size: 16px; }

input[type="text"] { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #888; }

input[type="submit"] { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #fff; text-align: center; font-size: 14px; text-transform: uppercase; border: none; width: 100%; }

input[type="date"] { border: none; border-radius: 3px; }

label { font-size: 12px; }

textarea { width: 100%; }

select { font-size: 16px; line-height: 22px; border: none; height: 22px; }

.field { margin-bottom: 10px; }

html, body { -webkit-font-smoothing: subpixel-antialiased!important; }

a, a:link, a:visited { color: #ccc; }

a, div, span { -webkit-transition-property: background-color, border-color, box-shadow, color, opacity, -webkit-opacity, -moz-opacity; -moz-transition-property: background-color, border-color, box-shadow, color, opacity, -webkit-opacity, -moz-opacity; -o-transition-property: background-color, border-color, box-shadow, color, opacity, -webkit-opacity, -moz-opacity; transition-property: background-color, border-color, box-shadow, color, opacity, -webkit-opacity, -moz-opacity; -webkit-transition-duration: 0.3s, 0.3s, 0.3s, 0.3s, 0.3s, 0.3s, 0.3s; -moz-transition-duration: 0.3s, 0.3s, 0.3s, 0.3s, 0.3s, 0.3s, 0.3s; -o-transition-duration: 0.3s, 0.3s, 0.3s, 0.3s, 0.3s, 0.3s, 0.3s; transition-duration: 0.3s, 0.3s, 0.3s, 0.3s, 0.3s, 0.3s, 0.3s; -webkit-transition-timing-function: linear, linear, linear, ease-out, ease, ease, ease; -moz-transition-timing-function: linear, linear, linear, ease-out, ease, ease, ease; -o-transition-timing-function: linear, linear, linear, ease-out, ease, ease, ease; transition-timing-function: linear, linear, linear, ease-out, ease, ease, ease; -webkit-transition-delay: 0, 0, 0, 0, 0, 0, 0; -moz-transition-delay: 0, 0, 0, 0, 0, 0, 0; -o-transition-delay: 0, 0, 0, 0, 0, 0, 0; transition-delay: 0, 0, 0, 0, 0, 0, 0; }

.nav-item, .nav-item a { -webkit-transition-property: background-color, border-color, color; -moz-transition-property: background-color, border-color, color; -o-transition-property: background-color, border-color, color; transition-property: background-color, border-color, color; -webkit-transition-duration: 0.5s, 0.5s, 0.5s; -moz-transition-duration: 0.5s, 0.5s, 0.5s; -o-transition-duration: 0.5s, 0.5s, 0.5s; transition-duration: 0.5s, 0.5s, 0.5s; -webkit-transition-timing-function: linear, linear, linear; -moz-transition-timing-function: linear, linear, linear; -o-transition-timing-function: linear, linear, linear; transition-timing-function: linear, linear, linear; -webkit-transition-delay: 0, 0, 0; -moz-transition-delay: 0, 0, 0; -o-transition-delay: 0, 0, 0; transition-delay: 0, 0, 0; }

.menu, #bg { -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; }

div { color: #ccc; }

br { line-height: 20px; }

h2 { font-size: 22px; }

body { /*  @include background-image(linear-gradient(#464646, #3f3f3f));*/ background-color: #696864; border-top: 20px solid rgba(0, 0, 0, 0.9); color: #ccc; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 14px; height: 100%; width: 100%; }

#wrapper { background-color: rgba(0, 0, 0, 0.33); margin: 0 auto; max-width: 990px; padding: 0; }

#bg-initial { /* background: url('/images/gang-kitchen-bg-initial.jpg') repeat top center scroll; */ background: none; background-size: 100% auto; bottom: 0; left: 0; overflow: hidden; position: fixed; right: 0; top: 0; z-index: -2; }

#bg { background: url("/images/gang-kitchen-bg-light.jpg") repeat top center scroll; background-size: 100% auto; bottom: 0; left: 0; overflow: hidden; position: fixed; right: 0; top: 0; z-index: -1; }

#header #logo { text-align: center; }
#header #logo a { display: inline-block; width: 100%; height: auto; }
#header #nav { background-color: rgba(0, 0, 0, 0.33); font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 300; text-transform: uppercase; white-space: nowrap; }
#header #nav .nav-item { display: inline-block; margin: 0; cursor: pointer; }
#header #nav .nav-item a { border-bottom: 1px solid transparent; color: #999; display: inline-block; padding: 5px 10px 4px; height: 34px; line-height: 34px; }
#header #nav .nav-item a:hover { background-color: #000; color: #fff; }
#header #nav .nav-item.social a { background-color: rgba(0, 0, 0, 0.33); text-transform: lowercase; }
#header #nav .nav-item.social a:hover { background-color: #000; }
#header #nav .nav-item.current a { border-bottom: 1px solid #cbcbcb; color: #cbcbcb; }

#main #main-image { background-color: rgba(0, 0, 0, 0.33); max-height: 455px; overflow: hidden; }
#main #main-image img { width: 100%; height: auto; overflow: hidden; z-index: 10; }
#main #image-controls { position: relative; top: 396px; left: 490px; margin-bottom: -27px; z-index: 100; width: 80px; }
#main #image-controls a { background-color: rgba(0, 0, 0, 0.66); color: #fff; display: inline-block; font-size: 25px; font-weight: 400; height: 34px; line-height: 34px; opacity: 0.6; padding: 5px 10px 2px; }
#main #image-controls a:hover { opacity: 1; }
#main a.link { display: block; position: absolute; width: auto; margin-bottom: -40px; }
#main a.link span { text-align: right; }

.fluid-right .section { width: auto; margin: 0 0 0 20px; font-size: 14px; -webkit-transition: opacity 0.3s ease-in-out, 1s; -webkit-transition-delay: 0s, 0s; -moz-transition: opacity 0.3s ease-in-out, 1s; -o-transition: opacity 0.3s ease-in-out, 1s; transition: opacity 0.3s ease-in-out false, 1s; }
.fluid-right .section h2 { font-weight: 600; letter-spacing: -1px; text-transform: uppercase; }
.fluid-right .section { background-color: rgba(0, 0, 0, 0.33); border-left: 1px solid rgba(255, 29, 44, 0); opacity: 0.8; padding-left: 19px; -webkit-transition: border-left-color 0.5s ease-in-out, 1s; -webkit-transition-delay: 0s, 0s; -moz-transition: border-left-color 0.5s ease-in-out, 1s; -o-transition: border-left-color 0.5s ease-in-out, 1s; transition: border-left-color 0.5s ease-in-out false, 1s; -webkit-transition: opacity 0.3s ease-in-out, 1s; -webkit-transition-delay: 0s, 0s; -moz-transition: opacity 0.3s ease-in-out, 1s; -o-transition: opacity 0.3s ease-in-out, 1s; transition: opacity 0.3s ease-in-out false, 1s; -webkit-transition: color 0.3s ease-in-out, 1s; -webkit-transition-delay: 0s, 0s; -moz-transition: color 0.3s ease-in-out, 1s; -o-transition: color 0.3s ease-in-out, 1s; transition: color 0.3s ease-in-out false, 1s; }
.fluid-right .section h2 { float: left; font-size: 20px; font-weight: 300; letter-spacing: normal; line-height: 42px; width: 40%; }
.fluid-right .section p { float: right; font-size: 16px; font-weight: 300; padding-left: 0; text-transform: uppercase; width: 59%; }
.fluid-right .section:hover { background-color: rgba(0, 0, 0, 0.66); border-left: 1px solid #ff1d2c; color: #ccc; cursor: pointer; opacity: 1; }
.fluid-right .section.current { background-color: rgba(0, 0, 0, 0.66); border-left: 1px solid transparent; opacity: 1; }
.fluid-right .section.current h2 span { color: #ff1d2c; }

body#home #main #main-image { height: 396px; }

body#menu #main #main-image { font-weight: 300; height: 455px; overflow: hidden; padding: 20px; text-align: left; }
body#menu #main #main-image .menu { height: 415px; opacity: 0; overflow-y: scroll; width: auto; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; }
body#menu #main #main-image .menu h2 { color: rgba(255, 255, 255, 0.33); font-size: 40px; font-weight: 600; letter-spacing: -2px; text-transform: uppercase; -webkit-transition: color 0.3s ease-in-out, 1s; -webkit-transition-delay: 0s, 0s; -moz-transition: color 0.3s ease-in-out, 1s; -o-transition: color 0.3s ease-in-out, 1s; transition: color 0.3s ease-in-out false, 1s; }
body#menu #main #main-image .menu.current { display: block; opacity: 1; }
body#menu #main #main-image .menu .section { margin-bottom: 20px; opacity: .8; -webkit-transition: opacity 0.3s ease-in-out, -webkit-opacity 0.3s ease; -webkit-transition-delay: 0s, 0s; -moz-transition: opacity 0.3s ease-in-out, -webkit-opacity 0.3s ease; -o-transition: opacity 0.3s ease-in-out, -webkit-opacity 0.3s ease; transition: opacity 0.3s ease-in-out false, -webkit-opacity 0.3s ease false; }
body#menu #main #main-image .menu .section h3 { border-bottom: 1px solid rgba(0, 0, 0, 0.33); color: #ddd; font-size: 20px; font-weight: 600; letter-spacing: -1px; margin-bottom: 2px; text-transform: uppercase; }
body#menu #main #main-image .menu .section h3 span { border-bottom: 1px solid transparent; display: inline-block; position: relative; bottom: -1px; width: 33%; -webkit-transition: border-bottom-color 1s ease-in-out, 1s; -webkit-transition-delay: 2s, 0s; -moz-transition: border-bottom-color 1s ease-in-out 2s, 1s; -o-transition: border-bottom-color 1s ease-in-out 2s, 1s; transition: border-bottom-color 1s ease-in-out 2s, 1s; -webkit-transition: width 2s ease-in-out, 1s; -webkit-transition-delay: 0s, 0s; -moz-transition: width 2s ease-in-out, 1s; -o-transition: width 2s ease-in-out, 1s; transition: width 2s ease-in-out false, 1s; }
body#menu #main #main-image .menu .section ul { line-height: 12px; padding-top: 4px; }
body#menu #main #main-image .menu .section ul li { line-height: 14px; margin-bottom: 4px; }
body#menu #main #main-image .menu .section ul li span { border-right: 1px solid rgba(255, 255, 255, 0.33); color: #ddd; display: inline-block; font-weight: 600; line-height: 12px; margin-right: 2px; padding-right: 6px; }
body#menu #main #main-image .menu .section ul li span.price { border-left: 1px solid rgba(255, 255, 255, 0.33); margin-left: 2px; padding-left: 6px; }
body#menu #main #main-image .menu .section:hover, body#menu #main #main-image .menu .section:focus, body#menu #main #main-image .menu .section:active { opacity: 1; -webkit-opacity: .99; }
body#menu #main #main-image .menu .section:hover h3 span, body#menu #main #main-image .menu .section:focus h3 span, body#menu #main #main-image .menu .section:active h3 span { border-bottom: 1px solid #ff1d2c; width: 100%; }
body#menu #main #main-image .menu:hover h2, body#menu #main #main-image .menu:focus h2, body#menu #main #main-image .menu:active h2 { color: rgba(255, 255, 255, 0.66); }

.reservations { color: #999; font-size: 16px; }
.reservations .heading a { font-size: 33px; color: #fff; }

.reservations-container { background-color: rgba(0, 0, 0, 0.2); padding: 12px 18px; }

#reservation-details { padding-top: 12px; }

#contact #gang-twitter #twitter_container { max-height: 120px; }

.section.contact, .section.hours { font-size: 16px; }
.section.contact a, .section.hours a { text-decoration: underline; }
.section.contact h2, .section.hours h2 { font-weight: 700; font-size: 18px; line-height: 40px; text-decoration: none; }

.social { text-align: center; }
.social div { display: inline-block; }
.social div a { background: none; height: 29px; width: 40px; display: inline-block; }
.social div a span { display: none; }
.social #facebook { width: 35px; }
.social #facebook a { background-position: 0px -5px; }
.social #twitter a { background-position: -65px -5px; }
.social #yelp a { background-position: -32px -5px; }
.social #foursquare a { background-position: -104px -5px; }

#footer .section#gang-twitter { background-color: rgba(0, 0, 0, 0.33); color: #ccc; font-size: 12px; overflow: hidden; text-transform: uppercase; }
#footer .section#gang-twitter .title { float: left; text-align: left; width: 8%; }
#footer .section#gang-twitter .title a { background-color: rgba(0, 0, 0, 0.66); color: #ccc; display: block; font-weight: 300; line-height: 44px; padding: 0 20px; text-decoration: none; }
#footer .section#gang-twitter #twitter { float: left; line-height: 44px; width: 92%; }
#footer .section#gang-twitter #twitter #twitter_m { padding: 0 20px; width: auto; }
#footer .section#gang-twitter #twitter #twitter_m #twitter_container { overflow: hidden; }
#footer .section#gang-twitter #twitter #twitter_m a, #footer .section#gang-twitter #twitter #twitter_m span a { border-bottom: 1px solid rgba(255, 255, 255, 0.16); color: #ccc; }
#footer .section#gang-twitter #twitter #twitter_m a:hover, #footer .section#gang-twitter #twitter #twitter_m span a:hover { border-bottom: 1px solid rgba(255, 255, 255, 0.33); }
#footer .section#gang-twitter #twitter #twitter_m ul#twitter_update_list { left: 0; line-height: 44px; list-style: none; position: relative; white-space: nowrap; width: 10000px; -webkit-transition: left 2.5s ease, 1s; -webkit-transition-delay: 0s, 0s; -moz-transition: left 2.5s ease, 1s; -o-transition: left 2.5s ease, 1s; transition: left 2.5s ease false, 1s; }
#footer .section#gang-twitter #twitter #twitter_m ul#twitter_update_list li { float: left; line-height: 44px; margin-right: 20px; padding: 0; white-space: nowrap; }
#footer .section#gang-twitter #twitter #twitter_m ul#twitter_update_list li span { color: #ccc; text-decoration: none; }
#footer #address { font-size: 18px; }

#success { position: absolute; top: 118px; left: 50%; margin-left: -475px; width: 490px; height: 140px; padding: 60px 30px; opacity: .9; background-color: #fff; color: #000; z-index: 1000000; font-size: 24px; }
#success span { font-weight: 700; }
#success #close { font-size: 27px; line-height: 30px; background-color: #888; color: #ddd; display: inline-block; width: 36px; height: 36px; font-weight: 400; text-align: center; font-family: verdana; }

#ruh-roh { position: absolute; top: 118px; left: 50%; margin-left: -180px; width: 300px; height: 140px; padding: 30px; opacity: .9; background-color: #fff; color: #000; z-index: 1000000; font-size: 28px; }
#ruh-roh #dismiss { cursor: pointer; margin-top: 30px; text-align: center; display: block; color: #900; font-size: 16px; }