html, body { height:100%; }
body { margin:0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
.width, .minwidth, .wrapper, .colL { height:100%; min-height:100%; }
a { text-decoration:none; color:white; }
a:hover { color:#834919; }
/* For browsers that understand min-width */
.width { width: 100%; min-width: 500px; }
/* IE6 Only */
* html .minwidth { border-left: 500px solid white; position: relative; float: left; }
/* IE6 Only */
* html .wrapper { margin-left: -500px; position: relative; float: left; }
/* Futura */
#section-thedonk .entry, .note, #section-menu, #section-contact, #section-catering { font-family: "futura-pt", sans-serif; font-style: normal; font-weight: 700; }
input, textarea { color:#999; font-size:20px; padding:10px; font-family: "futura-pt", sans-serif; font-style: normal; font-weight: 700; border:0; margin:0; }
.colL { float: left; width: 50%; background-color:#e1c366; background-size:cover; background-repeat:no-repeat; background-image:url(/images/backgrounds/left-yellow.jpg); position:fixed; }
.colL .bg { height:100%; width:100%; display:none; position:absolute; top:0; left:0; }
.colL .bg.green { background:url(/images/backgrounds/left-green.jpg) repeat; }
.colL .bg.blue { background:url(/images/backgrounds/left-blue.jpg) repeat; }
.colL .bg.gray { background:url(/images/backgrounds/left-gray.jpg) repeat; }
.colL .bg.brown { background:url(/images/backgrounds/left-brown.jpg) repeat; }
.colR { width: 50%; background-color:#8d9b64; background-repeat:repeat; background-image:url(/images/backgrounds/left-green.jpg); position:absolute; right:0; min-height:100%; overflow:hidden; }
a.logo { background: url(images/sprite.png) no-repeat -3px -67px; width: 88px; height: 119px; text-indent:-9999px; display:block; text-align:left; float:right; }
.navigationBlock { text-align:right; position:relative; margin:100px 35px 0 0; }
.navigation, .socialNav { padding:0; margin:0; list-style:none; clear:both; }
.navigation { margin:30px 0 20px 0; float:right; }
.navigation li { margin-bottom:25px; height:17px; }
.navigation li a { color:white; font-size:18px; font-weight:bold; text-decoration:none; text-transform:uppercase; background:url(/css/images/sprite-nav.png) no-repeat; display: block; height:17px; float:right; position:relative; }
.navigation li a span { display:block; text-indent:-9999px; text-align:left; }
.navigation li a:hover, .navigation li.active a { color:#614032; }
.navigation li.menu a { background-position:-254px -6px; width:102px; }
.navigation li.thedonk a { background-position:-235px -48px; width:121px; }
.navigation li.catering a { background-position:-243px -89px; width:113px; }
.navigation li.locations a { background-position:-227px -131px; width:130px; }
.navigation li.contact a { background-position:-247px -172px; width:109px; }
.navigation li.menu a:hover, .navigation li.menu.active a { background-position:-254px -222px; }
.navigation li.thedonk a:hover, .navigation li.thedonk.active a { background-position:-235px -264px; }
.navigation li.catering a:hover, .navigation li.catering.active a { background-position:-243px -305px; }
.navigation li.locations a:hover, .navigation li.locations.active a { background-position:-227px -347px; }
.navigation li.contact a:hover, .navigation li.contact.active a { background-position:-247px -388px; }
.navigation li div.over { position:absolute; background:url(/css/images/sprite-nav.png) no-repeat; display:none; }
.navigation li.menu a:hover div.over, .navigation li.menu.active div.over { display:block; top:-24px; right:-22px; background-position:-2px -2px; width: 149px; height: 55px; }
.navigation li.thedonk a:hover div.over, .navigation li.thedonk.active div.over { display:block; top:1px; right:-30px; background-position:-2px -215px; width: 185px; height: 14px; }
.navigation li.catering a:hover div.over, .navigation li.catering.active div.over { display:block; top:17px; right:-7px; background-position:-2px -80px; width: 127px; height: 14px; ; }
.navigation li.locations a:hover div.over, .navigation li.locations.active div.over { display:block; top:-8px; right:-28px; background-position:-2px -161px; width: 192px; height: 31px; }
.navigation li.contact a:hover div.over, .navigation li.contact.active div.over { display:block; top:-7px; right:-22px; background-position:-2px -117px; width: 154px; height: 26px; }
.socialNav li { float:right; margin-left:15px; }
.socialNav li a { text-indent:-9999px; text-align:left; background:url(images/sprite.png) no-repeat; display:block; width:78px; height:19px; }
.socialNav li.facebook a { background-position:-3px -191px; }
.socialNav li.twitter a { background-position:-101px -193px; }
.section-contact .socialNav li.facebook a, .section-menu .socialNav li.facebook a, .post-type-archive-menu .socialNav li.facebook a, .single-menu .socialNav li.facebook a, .tax-food .socialNav li.facebook a { background-position:-3px -211px; }
.section-contact .socialNav li.twitter a, .section-menu .socialNav li.twitter a, .post-type-archive-menu .socialNav li.twitter a, .single-menu .socialNav li.twitter a, .tax-food .socialNav li.twitter a { background-position:-101px -213px; }
.section-locations .socialNav li.facebook a, .post-type-archive-locations .socialNav li.facebook a, .single-locations .socialNav li.facebook a { background-position:-3px -231px; }
.section-locations .socialNav li.twitter a, .post-type-archive-locations .socialNav li.twitter a, .single-locations .socialNav li.twitter a { background-position:-101px -233px; }
.section-catering .socialNav li.facebook a { background-position:-3px -251px; }
.section-catering .socialNav li.twitter a { background-position:-101px -253px; }
.section-catering .socialNav li.facebook a:hover { background-position:-3px -191px; }
.section-catering .socialNav li.twitter a:hover { background-position:-101px -193px; }
body .socialNav li.facebook a:hover { background-position:-3px -251px; }
body .socialNav li.twitter a:hover { background-position:-101px -253px; }
.section { clear:both; }
#section-home { }
#section-menu { background:url(/images/backgrounds/right-yellow.jpg) repeat; }
#section-thedonk { background:url(/images/backgrounds/right-gray.jpg) repeat; }
#section-thedonk .entry { padding:25px; color:white; line-height:1.8em; font-size:22px; }
#section-catering { background:url(/images/backgrounds/right-yellow.jpg) repeat; }
#section-locations { height:800px; position:relative; top:0; }
#section-contact { }
#section-contact .entry { padding:25px; color:white; line-height:1.8em; font-size:18px; }
.thumbsRow { }
.thumbsRow img.thumb { width:50%; display:block; }
.locationSearch { background:url(/images/backgrounds/right-brown.jpg) repeat; position:absolute; top:0; width:100%; z-index:20; }
.locationSearchContainer { margin:20px 35px }
.locationSearch h3 { color:#e1c366; text-shadow:2px 2px 3px black; margin:0 0 12px 0; }
.locationSearch input { width:400px; max-width:540px; padding:3px 10px; color:#999; margin:0 5px 0 0; height:30px; border:0; font-weight:bold; }
.locationSearch button { display:inline-block; height:38px; width:38px; background:#8d9b64 url(/images/backgrounds/left-green.jpg); font-size:20px; color:#999; border:0; padding:0; cursor:pointer; }
.locationSearch button:hover { background-image:url(/images/backgrounds/left-blue.jpg); }
.locationSearch button span { background: url(/css/images/sprite.png) no-repeat -182px -189px; width: 32px; height: 23px; text-indent:-9999px; display:block; }
.locationSearch button:hover span { background-position:-217px -189px; }
.locationResults { position:absolute; top:110px; z-index:10; }
.banner { width:100%; display:block; clear:both; }
.menuList { margin:0 4% 0 6%; padding-bottom:100px; }
.menuList .hentry { border-top:1px solid #834919; border-bottom:1px solid #834919; margin-top:-1px; position:relative; }
.menuList .hentry h2 { margin:10px 0; font-size:38px; color:white; }
.menuList .hentry ul.menuOptions { position:absolute; right:0; top:0; list-style:none; margin:22px 0 0 0; padding:0; }
.menuList .hentry ul.menuOptions li { float:left; margin-left:8px; border-width:1px; border-style:solid; font-size:13px; font-weight:bold; padding:4px 7px; }
.menuList .hentry ul.menuOptions li.mini { border-color:#87802d; color:#87802d; text-transform:lowercase; }
.menuList .hentry ul.menuOptions li.super { border-color:#834919; color:#834919; text-transform:uppercase; }
.menuList .hentry ul.menuOptions li.info { border-color:#938145; background: url(images/sprite.png) no-repeat -43px -276px; padding:3px 10px 3px 10px; cursor:pointer; position:relative; }
.menuList .hentry ul.menuOptions li.info:hover { background-position:-6px -276px; border-color:#834919; }
.menuList .hentry ul.menuOptions li.info .infoBox { display:none; width: 270px; height:auto; background: white; z-index: 20; position: absolute; left: -290px; box-shadow: 2px 2px 17px rgba(131, 73, 25, 0.7); -moz-box-shadow: 2px 2px 17px rgba(131, 73, 25, 0.7); -webkit-box-shadow: 2px 2px 17px rgba(131, 73, 25, 0.7); cursor:default; }
.menuList .hentry ul.menuOptions li.info .infoBox img { position:absolute; right:-22px; top:48%; }
.menuList .hentry ul.menuOptions li.info .infoBox img:hover { background:none; }
.menuList .hentry ul.menuOptions li.info .infoBox h3 img { position: relative; left:0; top:0; }
.menuList .hentry ul.menuOptions li.info .infoBox .infoBoxContent { padding:15px 20px; }
.menuList .hentry ul.menuOptions li.info .infoBox h3 { margin:0; padding:10px 0 1px 0; font-size:22px; color:#99a771; border-top:1px solid #99a771; border-bottom:1px solid #99a771; }
.menuList .hentry ul.menuOptions li.info .infoBox p { font-weight:normal; color:#886e65; font-size:15px; }
.food-category { margin-bottom: 50px; }
.food-category:last-of-type { margin-bottom:0; }
table.foods { margin:8px 4% 10px 6%; width:90%; }
table.foods img { width:100%; height:auto; }
#content { height:100%; }
#map { height:100%; width:100%; }
.nothingFound { display:none; height:275px; width:275px; position:absolute; top:50%; left:50%; margin-top:-150px; margin-left:-150px; z-index:20; padding:20px; background:url(/images/backgrounds/left-green.jpg); }
.nothingFound .sorry, .nothingFound .reset, .nothingFound .demand { background:url(/css/images/sprite-map.png) no-repeat; }
.nothingFound .sorry { height:148px; margin-bottom:10px; }
.nothingFound .reset { display:block; background-position: -5px -161px; width: 261px; height: 46px; margin-bottom:10px; }
.nothingFound .reset:hover { background-position:-5px -280px; }
.nothingFound .demand { display:block; background-position:-5px -220px; width: 261px; height: 46px; }
.nothingFound .demand:hover { background-position:-5px -339px; }
p.copyright { font-size:11px; color:#614032; position:absolute; right:30px; bottom:40px; text-align:right; }
.infoBox, .mapInfoBox { height:200px; }
.infoBox, .nothingFound { box-shadow: 2px 2px 17px rgba(0, 0, 0, 0.4); -moz-box-shadow: 2px 2px 17px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 2px 2px 17px rgba(0, 0, 0, 0.4); }
.infoBox img { z-index:10; padding:2px; }
.infoBox img:hover { background-color:#EEE; }
.infoBox .arrow { position: absolute; bottom: -30px; left: 39px; width: 176px; height: 29px; background: url(/images/misc/infoBoxArrow.png); }
.mapInfoBox a { color:#834919; }
.mapInfoBox a.directions { color: white; padding: 7px 10px; display: block; background: #97A470 url(/css/images/sprite.png) no-repeat -72px -273px; width: 110px; height: 12px; text-indent: -9999px; }
.mapInfoBox a.directions:hover { background-color:#a4cee8; }
.mapInfoBox p { font-size:14px; color:#834919; }
.mapInfoBox .title { color:black; }
#makeContact { margin-bottom:50px; }
#makeContact .hitusup { background: url(/css/images/sprite.png) no-repeat -331px -275px; width: 149px; height: 45px; display:blockl; }
#makeContact p.callus { color:#646f4c; font-family: "futura-pt", sans-serif; font-style: normal; font-weight: 700; margin:0; float:left; font-size:14px; }
#makeContact input, #makeContact textarea { width:100%; }
#makeContact textarea { height:120px; }
#makeContact button { display:block; height:35px; width:114px; background:url(/images/backgrounds/right-brown.jpg); padding:0 10px; border:none; float:right; cursor:pointer; }
#makeContact span { display:block; text-indent:-9999px; border:0; padding:0; margin:0; background:url(/css/images/sprite.png) no-repeat -217px -284px; line-height:24px; }
#makeContact button:hover { background:url(/images/backgrounds/left-blue.jpg); }

#section-apply table { font-size:14px; font-weight:bold; color:#333; }
#section-apply td { padding:2px 0; }
#section-apply input, #section-apply textarea { margin:2px 0; }
#section-apply .darkbrown { margin:50% 20px; }
#section-apply h2 { font-size:20px; }
#section-apply h4 { font-size:18px; margin:5px 0; }
#section-apply h6 { font-size:16px; margin:5px 0; }

#section-catering  { font-weight:400; color:#834919; font-size:17px; }
#section-catering p.call { color:white; font-weight:700; text-align:center; text-transform:uppercase; margin:10px 0; }
#section-catering p.options { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; font-style:italic; margin:10px 0 20px 0; text-align:center; }
#section-catering .menuList { padding:30px 0; }
#section-catering h4 { font-size:12px; color:#87802D; text-transform:uppercase; margin:25px 0 0 0; }
#section-catering p { margin-top:0; line-height:18px; }
#section-catering h4 span { font-style:italic; font-weight:400; }
#section-catering .option { float:left; width:44%; margin:0 40px 20px 0; }
#section-catering .option.right { margin-right:0; }
#section-catering .extra { margin-top:40px; }

.mobileNav { background:url(/images/backgrounds/left-yellow.jpg); }
.mobileNav img.mobilelogo { width:60%; margin:10px 0 5px 20px; }
.mobileNav .navigation { position:absolute; top:0; right:0; }
.post-edit-link { font-size:12px; font-weight:bold; display:block; width:20px; float:right; clear:both; margin-top:50px; }
.brown { color:#834919; }
.darkbrown { color:#583E1B; }
.note { font-size:14px; font-style:italic; }
.align-left { float:left; }
.align-right { float:right; }
/** SECTION SPECIFIC **/
.section-contact a.logo, .section-menu a.logo, .post-type-archive-locations a.logo, .single-menu a.logo, .tax-food a.logo { background-position:-97px -67px; }
.section-locations a.logo, .post-type-archive-locations a.logo, .single-locations a.logo { background-position:-190px -67px; }
.section-catering a.logo { background-position:-308px -95px; }
.post-type-archive-menu .colL, .single-menu .colL, .tax-food .colL { background-color:#99a771; background-image:url(/images/backgrounds/left-green.jpg); }
.post-type-archive-menu .colR, .single-menu .colR, .tax-food .colR { background-color:#99a771; background-image:url(/images/backgrounds/right-yellow.jpg); }
.post-type-archive-locations .colL, .single-locations .colL { background-color:#a4cee8; background-image:url(/images/backgrounds/left-blue.jpg); }
.post-type-archive-locations .colR, .single-locations .colR { background-color:#603e31; background-image:none; height:100%; overflow:hidden; }
/** COUNTDOWN **/
#countdown { position:relative; }
#countdown img.countdownBg { display:block; width:100%; }
#countdown .timer { position:absolute; top:40%; width:100%; }
#countdown .timer .time { width:12.5%; }
#countdown .timer .days { position:absolute; left:8%; }
#countdown .timer .hours { position:absolute; left:32%; }
#countdown .timer .mins { position:absolute; left:56%; }
#countdown .timer .secs { position:absolute; left:79%; }
#countdown .timer img { width:49%; }
/** SLIDES **/
.slidesBox { position:relative; }
.slidesBox .donkBar { position:absolute; bottom:12px; width:100%; z-index:11; }
.rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.rslides li { position: absolute; display: none; width: 100%; left: 0; top: 0; }
.rslides li:first-child { position: relative; display: block; float: left; }
.rslides img { display: block; height: auto; float: left; width: 100%; border: 0; }
.rslides_tabs { margin:0; padding:0; position:absolute; right:12%; bottom:7%; z-index:12; }
.rslides_tabs li { float:left; margin:0 0 0 7px; list-style:none; }
.rslides_tabs li a { display:block; width:17px; height:17px; background:url(images/sprite.png) no-repeat -23px -45px; overflow:hidden; text-indent:-9999px; }
.rslides_tabs li:not(.rslides_here) a:hover {
opacity:0.5;
}
.rslides_tabs li.rslides_here a { background-position:-2px -45px; cursor:default; }
/** UI changes **/
.ui-tabs { padding:0; }
.ui-widget-header { border:none; background:none; }
.ui-tabs .ui-tabs-nav { padding:0; }
.ui-tabs .ui-tabs-nav li { margin:0; border-right:1px solid #CCC; border-bottom:1px solid #CCC; background:#FFF; }
.ui-tabs .ui-tabs-nav li.ui-state-active { border-bottom:1px solid #FFF; }
.ui-tabs .ui-tabs-hide { display:none; }
.ui-tabs .ui-tabs-nav li a { padding:4px 8px; font-size:13px; color:#CCC; font-weight:bold; }
.ui-tabs .ui-tabs-panel { border-top:1px solid #CCC; margin-top:-1px; text-align:left; padding:5px 8px; }
.ui-widget-content { border:none; background:none; color:inherit; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited, .ui-tabs .ui-tabs-nav li.ui-state-active a { color:#834919; }
/** NO SELECT **/
li.mini, li.super, li.info, .colL { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
 @media screen and (min-width: 1500px) {
 .navigation li a {
font-size:22px;
}
.menuList .hentry h2 {
font-size:40px;
}
.menuList .hentry ul.menuOptions {
margin-top:22px;
}
}
 @media screen and (max-width: 1100px) {
 .menuList .hentry h2 {
font-size:26px;
}
.menuList .hentry ul.menuOptions {
margin-top:15px;
}
}
 @media screen and (max-width: 900px) {
 .menuList .hentry h2 {
font-size:24px;
}
.menuList .hentry ul.menuOptions {
margin-top:914x;
}
.menuList .hentry ul.menuOptions li {
font-size:15px;
}
.menuList .hentry ul.menuOptions li.info {
padding: 0px 10px 3px 10px;
}
}
 @media screen and (max-width: 800px) {
 .colL {
display:none;
}
.colR {
width:100%;
}
.menuList .hentry h2 {
font-size:32px;
}
.menuList .hentry ul.menuOptions {
margin-top:16px;
}
}
 @media screen and (max-width: 600px) {
 .menuList .hentry h2 {
font-size:22px;
}
.menuList .hentry ul.menuOptions {
margin-top:10px;
}
}
 @media screen and (max-height: 580px) {
 .menuList .hentry h2 {
font-size:18px;
}
.menuList .hentry ul.menuOptions {
margin-top:9px;
}
.navigationBlock {
margin-top:25px;
}
}
a { -webkit-transition: color 0.1s ease-in-out; -moz-transition: color 0.1s ease-in-out; -o-transition: color 0.1s ease-in-out; transition: color 0.1s ease-in-out; }
