/* Mr. Sushi */

/* BASIC ELEMENTS
------------------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, 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, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption { margin:0; padding:0; }

table, th, td { margin:0; }

a:link { color:#e51b24; text-decoration:underline; }
a:visited { color:#e51b24; text-decoration:underline; }
a:hover, a:active { color:#e51b24; text-decoration:none; }

abbr { border-bottom:1px dotted #ccc; cursor:help; }

/* CONTENT
------------------------------------------------------------------------------------- */
body { font:normal 12px/16px arial,sans-serif; }
body.overlay { padding:10px; background:#fff; }
.overlay h1 { margin:10px 0 0; }

#overlay { margin:25px 0 0; width:720px; height:485px; overflow:hidden; background:#fff; }


/* MISC. CLASSES & IDS
------------------------------------------------------------------------------------- */
#skip { display:none; }
.show { display:block; }
.hide { display:none; }
.clear { clear:both; }
br.clear { line-height:0; height:0; }
.last { border:none !important; }
.col { float:left; display:inline; }
.title { display:none; }

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
/* PLEASE LEAVE BOTH THESE LINES, FIX FOR IE7 */
.clearfix { display:inline-block; }
.clearfix { /*\*/display:block;/**/ }

.floatleft { float:left; }
.floatright { float:right; }

img.floatleft { margin:0 10px 5px 0; }
img.floatright { margin:0 0 5px 10px; }

/* SPAN STYLES MAINLY ADDED FOR IE PNGFIX SUPPORT. PNGFIX REPLACES THE <IMG> WITH <SPAN> */
span.floatleft { margin:0 10px 5px 0; }
span.floatright { margin:0 0 5px 10px; }

/* TABLE [tbl-]
------------------------------------------------------------------------------------- */
.tbl-yelp { width:680px; border-collapse:collapse; }
.tbl-yelp td { padding:10px; border-bottom:1px solid #ccc; vertical-align:top; }
.tbl-yelp img { margin-right:10px; }
.tbl-yelp .avatar { margin:0 40px 2px 0; }
.tbl-yelp .user a { color:#6666cc; font-size:11px; text-decoration:none; }
.tbl-yelp .user a:hover { text-decoration:underline; }
.tbl-yelp .date { font:italic 11px/13px arial,sans-serif; }
.tbl-yelp .content { margin:10px 0 0; }


/* COLORBOX (JQUERY) OVERLAY CONTROL
------------------------------------------------------------------------------------- */
/* 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;}
#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;}

/* ColorBox 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:#a1a1a1; }

#colorbox{}

#cboxContent{ margin:22px; padding:0; z-index:100; }

#cboxTopLeft { position:absolute; top:0; left:0; width:22px; height:22px; background:url(../images/bg-colorbox-x.png) no-repeat 0 0; }
#cboxTopCenter { position:absolute; top:0; left:22px; height:22px; background:url(../images/bg-colorbox-x.png) repeat-x 0 -60px; }
#cboxTopRight { position:absolute; top:0; right:44px; width:22px; height:22px; background:url(../images/bg-colorbox-x.png) no-repeat 0 -30px; }

#cboxMiddleLeft { position:absolute; top:22px; left:0; width:22px; background:url(../images/bg-colorbox-y.png) repeat-y 0 0; }
#cboxMiddleRight { position:absolute; top:22px; right:44px; width:22px; background:url(../images/bg-colorbox-y.png) repeat-y -24px 0; }

#cboxBottomLeft { position:absolute; bottom:44px; left:0; width:22px; height:22px; background:url(../images/bg-colorbox-x.png) no-repeat 0 -96px; }
#cboxBottomCenter { position:absolute; bottom:44px; left:22px; height:22px; background:url(../images/bg-colorbox-x.png) repeat-x 0 -156px; }
#cboxBottomRight { position:absolute; bottom:44px; right:44px; width:22px; height:22px; background:url(../images/bg-colorbox-x.png) no-repeat 0 -126px; }

#cboxLoadingOverlay { background:#fff; }

#cboxLoadedContent { padding:0; background:#f1f1f1; }

#cboxTitle { position:absolute; top:-20px; left:0; color:#ccc; }
#cboxCurrent { position:absolute; top:-20px; right:0px; color:#ccc; }
#cboxSlideshow { position:absolute; top:-20px; right:90px; color:#fff; }

/*#cboxPrevious { position:absolute; top:50%; left:5px; margin-top:-32px; background:url(images/controls.png) top left no-repeat; width:28px; height:65px; text-indent:-9999px; }
#cboxPrevious.hover { background-position:bottom left; }
#cboxNext { position:absolute; top:50%; right:5px; margin-top:-32px; background:url(images/controls.png) top right no-repeat; width:28px; height:65px; text-indent:-9999px; } */
#cboxNext.hover { background-position:bottom right; }
#cboxLoadingOverlay { background:#f1f1f1; }
/*#cboxLoadingGraphic { background:url(images/loading.gif) center center no-repeat; }*/
#cboxClose { position:absolute; top:-23px; right:-29px; padding:6px 0 0; width:44px; height:44px; display:block; color:#aaa8a8; font-size:15px; background:url(../images/bg-colorbox-close.png) no-repeat 100% 0; }
#cboxClose.hover {}


/* COLORBOX - IE6
------------------------------------------------------------------------------------- */
* html #cboxOverlay { }
* html #cboxContent {  margin-left:8px; }
* html #cboxLoadedContent { overflow:hidden !important; }

* html #cboxTopLeft,
* html #cboxTopCenter,
* html #cboxTopRight,
* html #cboxMiddleLeft,
* html #cboxMiddleRight,
* html #cboxBottomLeft,
* html #cboxBottomCenter,
* html #cboxBottomRight { display:none;  }

* html #cboxClose { top:5px; right:5px; background:url(../images/bg-close.gif) no-repeat 100% 0; }


/* FLEXCROLL STYLES
------------------------------------------------------------------------------------- */
.scrollbox { position:relative; }
.scrollbar { position:absolute; top:0; right:0; width:9px; cursor:pointer; background:#0081b7; }

.scrollgeneric {line-height:1px;font-size:1px; position:absolute; top:0; left:0; z-index:1; cursor:pointer}
.vscrollerbar {width:12px; background:#cc262a;}
.vscrollerbase {width:12px; background:#e2e2e2;}
.vscrollerbasebeg { display:none; height:10px !important; width:12px; background:#ccc; z-index:3; }
.vscrollerbaseend { display:none; height:10px; width:12px; background:#ccc; z-index:3; }



