/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colors to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

/**
* core
**/

/*-  BASE STYLES
----------------------------------------------------------------------*/

/*- self-clearing floats ----------*/

.mod:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/*- fluid images and objects ----------*/

img,
object,
embed {max-width: 100%;}


/*- optional vanity styles ----------*/

::selection {background: #ffc600;}
::-moz-selection {background: #ffc600;}

img::selection {background: transparent;}
img::-moz-selection {background: transparent;}

@media only screen and (max-device-width: 480px) {

	html {-webkit-text-size-adjust: none}
	a {-webkit-tap-highlight-color: rgba(200,0,0,0.4);}

}

/*- Paul Irish's Bulletproof @font-face syntax: http://mky.be/font-face/bulletproof/ ----------*/

@font-face {
  font-family: 'Graublau Web';
  src: url('GraublauWeb.eot');
  src: local('☺'),
         url('GraublauWeb.woff') format('woff'), url('GraublauWeb.ttf') format('truetype');
}


/*- LET'S GET STARTED!
----------------------------------------------------------------------*/

body {
	background: #EEE url("/uploads/images/bg-body.jpg");
	color: #505050;
	font: normal 14px/20px Helvetica, Arial, Verdana, sans-serif;
	margin: 0;
	padding: 0;
}

abbr { cursor: help; }
img { display: block; }

h1, h2, h3, h4, dt { font-family: 'Arvo', serif; color: #b24711; }

p, h1, h2, h3, h4, table {margin-bottom: 1em;}

h1 { font-size: 2em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.1em; }
h4 { font-size: 1em;}


a:link, a:visited {
	color: #b24711;
	text-decoration: none;
	outline: none;
}
a:hover, a:active {
	color: #b24711;
	text-decoration: underline;
	outline: none;
}








/**
** Rounded corner
*********************************************************/
.rounded-corners {
     -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 6px;
}

 
.trans-box {
  background-color:#333;
  border: 1px solid #333;
  /* for IE */
  filter: alpha(opacity=60);
  /* CSS3 standard */
  opacity: 0.6;
} 
 
.shadow {
    -moz-box-shadow: 0px 2px 5px #333;
    -webkit-box-shadow: 0px 2px 5px #333;
    box-shadow: 0px 2px 5px #333;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#333')";
    /* For IE 5.5 - 7 */
   filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#333');

} 

#logo {float: left;}

/* all about wrap 
 * -------------------------------------------------------------------------- */

/*********************
** Helper class
*********************************************************************/
.pad-left{ padding-left: 20px;}
.pad-right{ padding-right: 20px;}
.margin-bottom {margin-bottom: 20px;}
.float-left {float: left; }
.float-right {float: right;}
.clear {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.img-left { float: left; margin: 0 20px 20px 0; }
.img-right {float: right; margin: 0 0 20px 20px }
.gray{ color: #8c8c8c; }
footer p.gray a {color: #616671;}
.serving {border-bottom: 2px #666 solid; border-top: 2px #666 solid; padding: 10px 0; font-style: italic; font-size: 0.86em}
.award-reviews { color: }
.divider {background: url("/uploads/images/footer-divider.jpg") no-repeat; height: 50px; display: block;}
.small {font-size: 0.86em;}
.tiny {font-size: 0.76em;}	
.msg {background: #fff; padding: 20px; margin-bottom: 20px; border: 1px solid #eee  }


/* Body wrap
 * -------------------------------------------------------------------------- */
#wrap-bg {
	background: url("/uploads/images/bg-wrap.jpg")0 63px repeat-x;
        width: 100%; 
	}

body#inside #wrap-bg { padding: 115px 0 20px 0; }

.wrap {
	width: 1008px;
	display:  block;
	margin:  0 auto;
	position: relative;
}


#banner-wrap {
	width: 1008px;
	height: 618px;
	background: url("/uploads/images/banner-container.jpg") 0 100px no-repeat;
	padding: 115px 15px 0 15px;
	position: relative;
}

#intro { 
	width: 222px;
	height: 563px;
	position: absolute;
	background: transparent url("/uploads/images/intro-bg.jpg") no-repeat;
	z-index: 900;
	top: 115px;
	left: 70px;
	padding: 230px 30px 30px 30px;
	/* for IE */
    filter: alpha(opacity=60);
  	/* CSS3 standard */
  	opacity: 0.6;
	font-family: Times;
	font-size: 1.3em;
	line-height: 1.5em;
	font-style: italic;
}


/* Testimonials
 * ------------------------------------------------------------------------ */

.lunch-special {
       margin: 20px 0;
       padding: 20px;
}

.lunch-box { width: 300px; float: left; padding-right: 20px;}
.lunch-box h3 {margin: 0;}

.gray-bg{background: #ccc;}

.testimonials {
	background: #dfdfdf;
	margin-bottom: 30px;
}



.testimonials-01 { 
	background: url("/uploads/images/testimonials-01-bg.png") 20px 20px no-repeat;
	width: 322px;
	float: left;
	padding: 30px 0 20px 20px;
}

.testimonials-02 { 
	width: 322px;
	float: left;
	padding: 30px 20px 20px 0;
}

.testimonials-03 { 
	background: url("/uploads/images/testimonials-03-bg.png")  right bottom no-repeat;
	width: 322px;
	float: left;
	min-height: 120px;
	padding: 30px 0 20px 0; 
}

.delivery-box {
         background: url("/uploads/images/testimonials-03-bg.png") right bottom no-repeat;
         width: 280px;
         float: left;
         min-height: 120px;
         padding: 30px 0 20px 20px;
}
.delivery-box img {
         display: inline;
}
.testimonials-01 h3, .testimonials-02 h3, .testimonials-03 h3, .delivery-box h3 { margin: 0; padding: 0;}
.testimonials-01 p, .testimonials-02 p, .testimonials-03 p, .delivery-box p,
.testimonials-01 ul, .testimonials-02 ul, .testimonials-03 ul, .delivery-box ul { font-style: italic; font-family: Times}

.testimonials-01 li, .testimonials-02 li, .testimonials-03 li, .delivery-box li {list-style: none;}

.contain-left {
	width: 332px;
	float: left;
	padding: 0px 0 20px 0px;
	margin-bottom: 20px;
	}
	
.contain-center{
	width: 312px;
	float: left;
	padding: 0px 30px 10px 10px;
	margin-bottom: 20px;
	}
	
.contain-right{	
	width: 322px;
	float: left;
	padding: 0px 0 20px 0;
	margin-bottom: 20px; 
	}


.column-left {
	width: 650px;
	float: left;
	background: url("/uploads/images/column-left-bg.jpg") bottom left no-repeat;	
	}


.column-right {
	width: 321px;
	float: right;
	background: url("/uploads/images/column-right-wrap.png") repeat-y;
	
	} 

	
	.column-right h3 {  
		font-size: 1.1em;
		margin-bottom: 0;
		}
		
	.column-right-top {
		background: url("/uploads/images/column-right-top.png") no-repeat;
		padding: 116px 20px 0 20px;
		}
	
	.column-right-bottom {
		background: url("/uploads/images/column-right-bottom.png") bottom no-repeat;
		padding: 0 0 240px 0;
		}	


.column-left li, .column-right li { 
	background: url("/uploads/images/bullet.gif") 0 7px no-repeat; 
	list-style: none;
	padding: 0 0 0 20px;  
	}

.column-right .divider {background: url("/uploads/images/divider-right.jpg") repeat-x; height: 40px; display: block;}



 
/* nav wrap
* -------------------------------------------------------------------------- */
#nav-wrap {
	background: url("/uploads/images/nav-bg.jpg") repeat-x  !important;
	position: fixed;
	height: 63px;
	width: 100%;
        display: block;
	z-index: 999; 
	margin-bottom: 60px;
	opacity: 0.95;
	filter: alpha (opacity = 95);
}

nav { 
	width: 610px; 
	float: right;
}




#nav { 
	background: url("/uploads/images/nav.png") no-repeat; 
	width: 609px; 
	height: 63px; 
	margin-bottom: 0; 
	
	}

#nav span { display: none; }

#nav li, #nav a { height: 63px; display:block; }

#nav li { float:left; list-style:none; _display:inline; }

#nav-01 { width: 70px;}
#nav-02 { width: 68px;}
#nav-03 { width: 84px;}
#nav-04 { width: 69px;}
#nav-05 { width: 133px;}
#nav-06 { width: 89px;}
#nav-07 { width: 96px;}

/*-------------- (-79px) X position of button / (-30px) height of image from above ------------- */
#nav-01 a:hover {background: url("/uploads/images/nav.png")  0px -63px no-repeat;}
#nav-02 a:hover {background: url("/uploads/images/nav.png") -70px -63px no-repeat;}
#nav-03 a:hover {background: url("/uploads/images/nav.png") -138px -63px no-repeat;}
#nav-04 a:hover {background: url("/uploads/images/nav.png") -222px -63px no-repeat;}
#nav-05 a:hover {background: url("/uploads/images/nav.png") -291px -63px no-repeat;}
#nav-06 a:hover {background: url("/uploads/images/nav.png") -424px -63px no-repeat;}
#nav-07 a:hover {background: url("/uploads/images/nav.png") -513px -63px no-repeat;}



/* social media
 * --------------------------------------------------------------------- */
 
#social { 
	background: url("/uploads/images/footer-icons-2.jpg") no-repeat; 
	width: 326px; 
	height: 43px; 
	margin: -10px 0 0 0; 
	padding: 0;
	float: right;
	}

#social span { display: none; }

#social li, #social a { height:43px; display:block; }

#social li { float:left; list-style:none; _display:inline; border: none; padding:0}

#social-01 { width: 34px;}
#social-02 { width: 36px;}
#social-03 { width: 41px;}
#social-04 { width: 215px;}

#social-05 {margin-left: 110px;}


/*-------------- (-79px) X position of button / (-30px) height of image from above ------------- */
#social-01 a:hover {background:url("/uploads/images/footer-icons-2.jpg")  0px -43px no-repeat;}
#social-02 a:hover {background:url("/uploads/images/footer-icons-2.jpg") -34px -43px no-repeat;}
#social-03 a:hover {background:url("/uploads/images/footer-icons-2.jpg") -70px -43px no-repeat;}
#social-04 a:hover {background:url("/uploads/images/footer-icons-2.jpg") -111px -43px no-repeat;}



/* Son of Suckerfish: Horizontal Sprite Nav
 * ------------------------------------------------------------------------- */

#nav li ul {
	position: absolute;
	left: -9999px;
	background-color: #222;
	opacity: 0.85;
	filter: alpha(opacity = 85);
	
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;	
		/* Background color of drop down nav - add more styles (i.e. background image) if you want */
	}

#nav li ul li { 
	height: 30px; 				/* Height of each drop down nav item */
	border-bottom: 1px solid #666;
	/* for IE */
    filter: alpha (opacity=70);
  	/* CSS3 standard */
  	opacity: 0.7;

	}	

#nav li ul li a {
	width: 100%;
	height: 30px;				/* Height of each drop down nav item, should match above */
	line-height: 30px;			/* Height of each drop down nav item again, should match above */
	}

#nav li ul li a span {
	display: block;
	padding-left: 10px;
	}

/* Drop down link styles */
#nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
	font-size: 1.0em;
	color: #FFF;
	text-decoration: none;
	}

#nav li:hover ul, #nav li.sfhover ul	{ left: auto; }

/* Hover styles for drop down items */
#nav-02 ul a:hover{ 
	background-image: none;
	background-color: #666;
	color: #ffae00;
	text-decoration: none;
	}

/* width of drop down nav - choose width that allows items to display on one line */
#nav-02 ul, #nav-02 li { width: 220px; }		
ul li#last {border: none;}


/* index banner
 * ---------------------------------------------------------------- */


#banner-index{ width: 978px; height: 563px;}




/* Locations
 * ---------------------------------------------------------------- */
.location-01 {
	width: 194px; 
	float: left;
	background: url("/uploads/images/img-map-hillcrest.jpg") no-repeat;
	padding-left: 110px;
        height: 150px;
	}
	
.hours { 
	width: 180px; 
	float: left;
	padding: 0 10px;
}


.location-02 {
	width: 194px; 
	float: left; 
	background: url("/uploads/images/img-map-delmar.jpg") no-repeat;
	padding-left: 110px;
	}

/* Footer
 * ---------------------------------------------------------------- */

footer { 
	 
	margin: 0 auto; 
	display: block; 
	background: url("/uploads/images/footer-bg.jpg") bottom left repeat-x !important;
	font-size: .86em;
	padding: 20px 0 30px 0;
        width: auto;
        overflow: hidden;
	}
	 
	 
	 
footer p { margin-bottom: 0px; }
footer li { float: left; list-style: none; _display: inline;  padding: 0 10px; border-left: 1px solid #fbc91c;}
footer li.first { padding-left: 0; border: none;}


.footer-wrap {width: 650px; float: left}


/*
footer a:link, footer a:visited {
	color: #fbc91c;
	text-decoration:  none;
}
footer a:hover, footer a:active {
	color: #fbc91c;
	text-decoration:  underline;
}
footer h2 a: link, footer h2 a: visited {
	color: #fbc91c;
	text-decoration: underline;
	outline: none;
}
*/



/* INFO GRID - Menu
 * --------------------------------------------------------------------- */


.info-col { float: left; width: 150px; height: 100%; padding: 10px 0 0 0; }
.info-col h2 { text-align: center; font-weight: normal; padding: 10px 0; }
.image { height: 120px; text-indent: -9999px; display: block; border-right: 1px solid white; }
.appetizers { background: url("/uploads/images/menu-img-appetizers.jpg") center center no-repeat; }
.desserts { background: url("/uploads/images/menu-img-dessert.jpg") center center no-repeat; }
.fish { background: url("/uploads/images/menu-img-fish.jpg") center center no-repeat; }
.rice { background: url("/uploads/images/menu-img-rice.jpg") center center no-repeat; }
.entrees { background: url("/uploads/images/menu-img-entrees.jpg") center center no-repeat; }

.info-col p{ font-size: 0.86em; font-style: italic; color: #FFF; }
.info-col h4, .info-col h3, .info-col h2 {color: #FFF; margin: 0}


.info-col h2 {background: #444; margin-bottom: 10px; }
.info-col h2.drinks {background: #fff; color: #444}

dt { padding: 5px; background: #900; color: white; border-bottom: 1px solid white; border-right: 1px solid white; }
dd { position: absolute; left: -9999px; top: -9999px; width: 329px; background: #900; padding: 10px; color: white; border-right: 1px solid white; }
dt:nth-of-type(1) { background: #9e2111; }
dd:nth-of-type(1) { background: #9e2111; }
dt:nth-of-type(2) { background: #9e3c11; }
dd:nth-of-type(2) { background: #9e3c11; }
dt:nth-of-type(3) { background: #f78723; }
dd:nth-of-type(3) { background: #f78723; }
dt:nth-of-type(4) { background: #c2a25c; }
dd:nth-of-type(4) { background: #c2a25c; }
dt:nth-of-type(5) { background: #4c443c; }
dd:nth-of-type(5) { background: #4c443c; }
dt:nth-of-type(6) { background: #656b60; }
dd:nth-of-type(6) { background: #656b60; }
.curCol { -moz-box-shadow: 0 0 10px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2); z-index: 1; position: relative; }

h4.sides {margin-bottom: 1em;}

/* Table styling
----------------------------------------------------------------------- */
table tr th {padding: 5px 10px; background: #e88800; font-size: 1.1em; font-weight: 700; color: #fff;  font-family: arvo; text-align: left;}
table tr td {padding: 5px 10px; text-align: left;}
table tr:hover {background-color: #fcdbac; }
.even { background-color: #FFF; padding: 5px; }
.odd { background-color: #eee; padding: 5px; }

table.brown {width: 660px;}

/* coupon
----------------------------------------------------------------------- */
.coupon {border: 5px dashed #b14f03; padding: 20px 0; background: #FFF url("/uploads/images/coupon-bg.jpg") 0px 150px no-repeat;}
.coupon-header {font-size: 3em; text-align: center; padding: 0 20px;}
.coupon p {padding: 0 20px 10px 170px;}

/* widgets 
----------------------------------------------------------------------- */
.widget-plus-front {width: 80px; float: right;  }
.widget-fb-front {width: 420px; float: right;}

.widget-plus {width: 80px; float: left;  }
.widget-fb {width: 420px; float: left;}



/**
 * Small
 */

small {font-size: 0.86em;}



.btn {
  background: #d96e34;
  background-image: -webkit-linear-gradient(top, #d96e34, #b8682b);
  background-image: -moz-linear-gradient(top, #d96e34, #b8682b);
  background-image: -ms-linear-gradient(top, #d96e34, #b8682b);
  background-image: -o-linear-gradient(top, #d96e34, #b8682b);
  background-image: linear-gradient(to bottom, #d96e34, #b8682b);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  text-shadow: 1px 1px 3px #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 12px;
  background: #3498db;
  padding: 5px 15px 5px 15px;
  text-decoration: none;
}

.btn:hover {
  background: #fcb63c;
  background-image: -webkit-linear-gradient(top, #fcb63c, #d98934);
  background-image: -moz-linear-gradient(top, #fcb63c, #d98934);
  background-image: -ms-linear-gradient(top, #fcb63c, #d98934);
  background-image: -o-linear-gradient(top, #fcb63c, #d98934);
  background-image: linear-gradient(to bottom, #fcb63c, #d98934);
  text-decoration: none;
}

#postmates-container {
  float:right; 
  margin-bottom: 10px;
}


ul.delivery li {
  margin-bottom: 20px;

}

ul.delivery li a img {
display: inline;
}