@import url('https://1f3ea3.claudeassets.com/20260317024511cs_/https://bobesrestaurant.com/datadir/css/libs/base.css');
@import url('https://894100.claudeassets.com/20260317024511cs_/https://bobesrestaurant.com/datadir/css/libs/type.css'); /* Set Overall Font Styles, No Color */
@import url('https://ce6295.claudeassets.com/20260317024511cs_/https://bobesrestaurant.com/datadir/css/libs/color.css'); /* Overall Colors */
@import url('https://56c54e.claudeassets.com/20260317024511cs_/https://bobesrestaurant.com/datadir/css/libs/forms.css');
@import url('https://802267.claudeassets.com/20260317024511cs_/https://bobesrestaurant.com/datadir/css/libs/superfish.css'); /* Superfish Essential Styles Remove if not being used */
@import url('https://2b305a.claudeassets.com/20260317024511cs_/https://bobesrestaurant.com/datadir/css/libs/nivo-slider.css'); 
/* @import url('https://bdcf0d.claudeassets.com/20260317024511cs_/https://bobesrestaurant.com/datadir/css/libs/debug.css'); Uncomment to make errors visible in a browser */

/* Vertical Tabs */
.ui-tabs-vertical { width: 55em; }
.ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em; float: left; width: 162px; }
.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
.ui-tabs-vertical .ui-tabs-nav li a { display:block; }
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; border-right-width: 1px; }
.ui-tabs-vertical .ui-tabs-panel { padding: 1em; float: right; width: 40em;}

/* =============================================================================
   Primary styles
   Author: 
   ========================================================================== */


/* ROOT */
html {background: #231816 url(https://4ba020.claudeassets.com/20260317024511im_/https://bobesrestaurant.com/datadir/img/bg-large.jpg) center 0 no-repeat;}
body {font-family: Arial, Helvetica, sans-serif; /* Please set overall font-size here. 16/16 = 1 */  }
#container, footer[role="contentinfo"] div {position: relative; width: 960px; margin: 0 auto;}

/* HEADINGS */
h1, h2, h3, h4, h5, h6 {font-family: "Times New Roman", Times, serif; font-weight: bold;}

/* Set Main Content Heading Styles Here */
#content h1 {font-size: 34px; color: rgb(255,255,255);}

/* BANNER */
header[role="banner"] {position: relative; height: 110px;}

/* Branding */
#branding {position: absolute; top: 55px;  width: 500px; height: 30px; font-size:36px;text-transform:uppercase; text-align:left;}
#branding a {display: block; width: 500px; height: 30px; color:#fff;}
.ie7 #branding {margin-top: 12px;}
/* NAVIGATIONS */
nav li {list-style: none;}

/* Main Navigation */
nav[role="navigation"] {text-align: right; position: absolute; right: 0; top: 61px; font-size: 16px;}
nav[role="navigation"] ul {margin: 0; padding: 0 0 3px; height: 45px;background-color:#9C0808; }
nav[role="navigation"] li {float: left;}
nav[role="navigation"] li a {color: rgb(255, 255, 255); display: inline-block; height: 45px; padding: 0 25px 3px; line-height: 3em; text-decoration: none;}
nav[role="navigation"] li a:hover {color: #000;background-color: rgb(255, 255, 255);}

/* Social Nav */
#social-nav {position: absolute; top: 10px; right: 0;}
#social-nav ul {margin: 0; padding: 0;}
#social-nav li {float: right; margin: 0 5px;}
#social-nav li a {width: 40px; height: 40px;}

/* Secondary Navigations */

/* CONTENT */
.content {}
#content .main-content { float: left; width: 65%; }
#content aside { float: right; width: 32%; }
#content img {  border: 3px outset #fff; margin: 10px 0 10px 10px; }
.hmenu { width: 90%; margin: 0 auto; background-color: transparent !important; border-width: 0 !important;}

.hmenu img { float: right; border: 3px outset #fff; margin: 10px 0 10px 10px;

	-webkit-transform: scale(0.75) rotate(10deg);
	-moz-transform:    scale(0.75) rotate(10deg);
	-o-transform:      scale(0.75) rotate(10deg);
	transform:         scale(0.75) rotate(10deg);
	-webkit-transition: all 0.3s ease-in-out; 
	-moz-transition:    all 0.3s ease-in-out; 
	-o-transition:      all 0.3s ease-in-out; 
	transition:         all 0.3s ease-in-out;
	 }
.boxshadow .hmenu img { border-style: solid; border-width: 2px;
	-moz-box-shadow:    0px 0px 6px 3px rgba(0, 0, 0, 0.5); 
	-webkit-box-shadow: 0px 0px 6px 3px rgba(0, 0, 0, 0.5); 
	box-shadow:         0px 0px 6px 3px rgba(0, 0, 0, 0.5);
	 }
.hmenu img:hover {
	-webkit-transform: scale(0.9) rotate(0deg);
	-moz-transform:    scale(0.9) rotate(0deg);
	-o-transform:      scale(0.9) rotate(0deg);
	transform:         scale(0.9) rotate(0deg);
	}
.hmenu .category {   background-color: transparent;
  background-color: #fff; 
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF,endColorstr=#99FFFFFF); /* IE6�IE9 */
            zoom: 1; }
.category ul {margin: 15px 0 0 0; padding: 0; }
.category ul li { margin: 0; padding: 0; list-style: none; }
.category ul li h4 {margin: 10px 0 0 0; padding: 0; clear: left; color:#A20808;}
.category h3 {border-bottom:1px solid #000; font-size:24px;}
.hmenu .price {font-weight:bold; color:#0E5820;}
.hmenu .price .portion {width: 50%; display: inline-block;}
.category .extras {padding-bottom: 1em; margin-bottom: 1em;}
.category .item { width: 150px; margin: 0 10px 0 0; float: left;}
.category .item .price { width: 100%;}
.toppings {border:4px solid #A20808; padding:5px; width:95%}
.col {width:50%; float:left;}
.col1 {width:50%; float:left;}
.col2 {width:20%; float:left;}
.col3 {width:15%; float:left;}


/* Feature */
#feature {padding: 25px 20px; background-color: rgb(255, 255, 255); height: 341px; overflow: hidden;}

/* Slideshow */
#slider {overflow: hidden; float: left; width: 520px; height: 345px;}

/* Ads */
#ad-1, #ad-2 {float: right; width: 369px; text-align: left; display: block;padding-bottom: 5px;}
#ad-1 {height: 108px; background-color:#0e5820; border: 1px solid rgb(13, 148, 191); margin-bottom: 20px;}
#ad-1 h3 {color: rgb(255,255,255); font-size: 22px; margin: 10px 0 0 12px; padding: 0;}
#ad-1 p {color: rgb(0,92,130); font-size: 17px;margin: 12px 0 0 12px;}
#ad-2 {border: 1px solid #fff; height: 201px; background: url(https://5a8cce.claudeassets.com/20260317024511im_/https://bobesrestaurant.com/datadir/img/bg-ad-2.jpg) 0 0 no-repeat; background-size: 100%;}
#ad-2 h4 {font-size: 30px; margin: 10px 0 0 12px;}
#ad-2 p {margin-top:160px;}

/* MAIN */
#content {text-align: left; padding: 20px; margin: 10px 0;background-color: #000; color:#fff;}

/* COMPLEMENTARY */
div[role="complementary"] {margin-top: 10px;}

/* Two Column Layout */
.two-column #content {text-align: left; width: 59.18%; float: left; padding: 20px;}
.two-column div[role="complementary"] {float: right; width: 36%;}
.ie7 .two-column #content, .two-column .ie7 div[role="complementary"] {padding-right: 0;}

/* CONTENTINFO */
footer[role="contentinfo"] {color:#fff; }
footer[role="contentinfo"] * { margin: 0; }
footer[role="contentinfo"] div {text-align: left; position: relative; min-height: 45px; height: 90%;  }
footer[role="contentinfo"] a { color: #fff; text-decoration: none; text-align: center;}
footer[role="contentinfo"] a:hover {color: #2a94c1;}
.spider {background: url(https://6606bd.claudeassets.com/20260317024511im_/https://bobesrestaurant.com/datadir/img/spiders.png) center top; background-repeat: no-repeat; height: 10px; display:block; text-transform:uppercase; font-size:10px; padding: 40px 0 0 0; text-decoration: none; width: 100px; margin-right: 10px; position: absolute; right: 0; top: 15px; }
.spider:hover {background-position: center -50px; }
a[href="#container"] {position: absolute; left: 0; top: 45px; text-align: left; }
#copyright { width: 195px; text-align: left; position: absolute; top: 20px; left: 0;}

/* Set Contact Form Width Here */
#contact {width: 90%; margin-right: 0; padding: 10px;color:#fff; background-color:#0E5820;}
#contact legend {color: rgb(255,255,255);}

/* Microformats*/
.vcard {margin: 0 0 1em 20px; color: #fff;}
.vcard a {text-decoration: none; color: #fff;}


#googlemap { width: 90%; height: 350px; margin:0 auto; border:2px double #ddd; color:#000;}
#googlemap img {border:0; margin:0;}
#facebook {background: transparent url(https://978c71.claudeassets.com/20260317024511im_/https://bobesrestaurant.com/datadir/img/icn-facebook.png) no-repeat;}
#rss {background: transparent url(https://ecde6f.claudeassets.com/20260317024511im_/https://bobesrestaurant.com/datadir/img/icn-rss.png) no-repeat;}
#twitter {background: transparent url(https://0d7638.claudeassets.com/20260317024511im_/https://bobesrestaurant.com/datadir/img/icn-twitter.png) no-repeat;}

/* VENDOR-SPECIFIC */


/* =============================================================================
   Non-semantic helper classes
   Please define your styles before this section.
   ========================================================================== */

/* Sticky Footer - http://www.cssstickyfooter.com/using-sticky-footer-code.html */
html, body {height: 100%;}
#container {min-height: 100%;}
div[role="main"] {overflow: hidden; padding-bottom: 80px;}  /* must be same height as the footer */
footer[role="contentinfo"] {position: relative;	margin-top: -80px; /* negative value of footer height */ height: 80px; clear:both;}

/* For image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Hide for both screenreaders and browsers:
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: by Jon Neal.
  www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: nicolasgallagher.com/micro-clearfix-hack/ */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* TWG Specific */
.sm10 {font-size:10px;}
.hide {display:none;}
.shhhh {display:none;}
.cursor {cursor:pointer;}
.pad5 {padding:5px;}
.left {float:left;}
.tleft {text-align:left;}
.right {float:right;}
.tright {text-align:right;}
.center {text-align:center;}
.centeralign {text-align:center; margin:0 auto;}
.clear {clear:both;}
.clright {clear:right;}
.clleft {clear:left;}


/* =============================================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 480px) {
  /* Style adjustments for viewports 480px and over go here */

}

@media only screen and (min-width: 768px) {
  /* Style adjustments for viewports 768px and over go here */

}


/* =============================================================================
   Print styles.
   Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}

/*
     FILE ARCHIVED ON 12:29:49 Jan 22, 2019 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 12:38:00 Apr 12, 2022.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 273.399
  exclusion.robots: 0.257
  exclusion.robots.policy: 0.235
  RedisCDXSource: 5.439
  esindex: 0.01
  LoadShardBlock: 249.931 (3)
  PetaboxLoader3.resolve: 255.085 (3)
  PetaboxLoader3.datanode: 187.322 (5)
  CDXLines.iter: 14.944 (3)
  load_resource: 264.837 (2)
*/
/*
     FILE ARCHIVED ON 13:05:45 Dec 16, 2024 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 11:05:44 Sep 09, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.537
  exclusion.robots: 0.064
  exclusion.robots.policy: 0.051
  esindex: 0.009
  cdx.remote: 34.729
  LoadShardBlock: 106.554 (3)
  PetaboxLoader3.datanode: 132.064 (5)
  PetaboxLoader3.resolve: 91.355 (2)
  load_resource: 146.329
  loaddict: 42.609
*/