@charset "UTF-8";
/* CSS Document */

/**************************************************/
/************************Main**********************/
/**************************************************/

body{
/*	background-color:#bf2e1a; */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
}

.container{
	width:900px;
	margin:auto;
	clear:both;
}

h1{
	font-size:24px;
	font-family:Comic Sans MS, Verdana, Arial, Helvetica, sans-serif; 
	color:#bf2e1a;
	margin:0;
	padding:0;
	white-space:nowrap;
}

h2{
	font-size:20px;
	font-family:Comic Sans MS, Verdana, Arial, Helvetica, sans-serif; 
	margin:0;
	padding:0;
}

.subhead1{
	color:#ffb011;
	font-weight:bold;
}

.subhead2{
	color:#bf2e1a;
	font-weight:bold;
}

.subhead3{
	color:#663300;
	font-weight:bold;
}

a{
	color:#993300;
	text-decoration:underline;
}

a:hover{
	color:#000;
	text-decoration:none;
}

/**************************************************/
/**********************Header**********************/
/**************************************************/

.all-border{
	border:1px solid #000;
}

.header-text{
	text-align:center;
	font-size:24px;
	color:#FFFFFF;
	font-family:Comic Sans MS, Verdana, Arial, Helvetica, sans-serif;
	line-height:24px;
}

.header-text .small-text{
	font-size:18px;
}

/**************************************************/
/********************Navigation********************/
/**************************************************/

.navigation{
	color:#FFFFFF;
	font-family:Comic Sans MS, Verdana, Arial, Helvetica, sans-serif;
	background-image:url("images/templates/navbar-background.png");
	background-repeat:repeat-x;
	height:50px;
	margin:auto;
	width:902px;
}

.navigation ul{
	margin:auto;
	padding:0;
	list-style:none;
	position:relative;
	width:900px;
}

.navigation ul li{
	padding:0;
	margin:0;
	float:left;
	
}

.navigation a{
	color:#FFFFFF;
	font-size:18px;
	line-height:28px;
	text-decoration:none;
	display:block;
	padding:10px 32px 10px 32px;
	white-space:nowrap;
}

.navigation a:hover{
	color:#fec72e;
	font-size:18px;
}

ul.centered{
	width: 55em;
	margin: auto;
}


.home:hover, .about:hover, .menu:hover, .catering:hover, .location:hover, .contact:hover {
	color:#fec72e;
}

/**************************************************/
/*********************Content**********************/
/**************************************************/


.content{
	background-image:url("new/images/templates/background.jpg");
	background-repeat:repeat-y;
	margin:0;
	padding:16px;
	min-height:600px;	
	width:611px;
	font-size:12px;
	background-color:#FFFFFF;
}

.content p{
	line-height:18px;
	margin-top:0;
	padding-top:0;	
}

h1.menu-header {
	color:#ffc731;
/*	padding:0 0 0 100px; */
	margin:0;
	/*background-image:url(images/menu-headers/burger-bonanza.gif);*/
	background-repeat:no-repeat;
	background-position:left middle;
/*	line-height:90px; */
	
}

h1.product-header {
	color:#bf2e1a;
	margin:0 0 0 100px;
	padding:0;
	/*background-image:url(images/menu-headers/burger-bonanza.gif);*/
	background-repeat:no-repeat;
	background-position:left middle;
	border-bottom:5px dotted #fff;
	white-space:normal;
}

h1.burger-bonanza {
	color:#ffc731;
	padding:0 0 0 100px;
	background-image:url("new/images/menu-headers/burger-bonanza.gif");
	background-repeat:no-repeat;
	background-position:left middle;
	line-height:90px;
}

.menu-table{
	margin:0 0 0 100px;
}

.menu-table td{
	/*border-bottom:10px dotted #fff;*/
	font-size:14px;
}

.menu-table td table td{
	border-bottom:none;
	font-size:14px;
	color:#330f02;
	padding-bottom:15px;
}

.menu-table td table td em{
	font-size:9px;
	}
	
	
.menu-table td table td img{
	margin-left:20px;
}

.menu-categories{
	margin:0;
}

.menu-categories td{
	font-size:12px;
	padding-bottom:15px;
}

.menu-categories h2{
	font-size:14px;
}

.menu-categories td td{
	border-bottom:none;
	font-size:12px;
	padding-bottom:15px;
}

.pagging{
	font-size:12px;
	margin:0 0 0 100px;
}

.category-description{
	padding:0 0 10px 0;
	margin:0 0 0 100px;
	font-size:14px;
	font-style: italic;
	line-height:16px;
	min-height:14px;
}

.category-description p{
	padding:0;
	margin:0 0 10px 0;
	line-height:16px
}


.comic-sans-red{
	font-family:Comic Sans MS, Verdana, Arial, Helvetica, sans-serif; 
	color:#bf2e1a;
}

.comic-sans-black{
	font-family:Comic Sans MS, Verdana, Arial, Helvetica, sans-serif; 
	color:#000;
}

.comic-sans-yellow{
	font-family:Comic Sans MS, Verdana, Arial, Helvetica, sans-serif; 
	color:#ffb011;
}

.verdana-red{
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	color:#bf2e1a;
}

.verdana-brown{
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	color:#5d1c05;
}

.verdana-yellow{
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	color:#ffb011;
}

/**************************************************/
/*********************right-side*******************/
/**************************************************/
.right-side{
	background-color:#5d1c05;
	width:257px;
	font-family:Comic Sans MS, Verdana, Arial, Helvetica, sans-serif;
}

a.order-online,a.order-online:hover{
	font-size:24px;
	color:#FFFFFF;
	display:block;
	background-image:url("new/images/templates/menu-icon.gif");
	background-repeat:no-repeat;
	text-decoration:none;
	padding-left:70px;
	padding-top:23px;
	padding-bottom:23px;
}

.menu-items {
	margin:0;
	padding:0;
}

.menu-items li{
	margin:0;
	padding:0;
	list-style:none;
	line-height:35px;
}
.menu-items a{
	font-size:15px;
	color:#ffc62f;
	display:inline-block;
/*	line-height:35px; */
/*	padding:8px 0 8px 46px;*/
	/*padding:7px 0 18px 45px;*/
	text-decoration:none;
	background-image:url("new/images/menu-icons/eggs.gif");
	background-repeat:no-repeat;
	background-position:top left;
}

.menu-items a:hover {
	color:#FFFFFF;
}

a.eggs-icon{
	background-image:url("new/images/menu-icons/eggs.gif");
	background-repeat:no-repeat;
	background-position:top left;
}

a.bacon-icon{
	background-image:url("new/images/menu-icons/bacon.gif");
	background-repeat:no-repeat;
	background-position:top left;
}

a.griddle-icon{
	background-image:url("new/images/menu-icons/griddle.gif");
	background-repeat:no-repeat;
	background-position:top left;
}

a.appetizers-icon{
	background-image:url("new/images/menu-icons/onion-rings.gif");
	background-repeat:no-repeat;
	background-position:top left;
}

a.burger-icon{
	background-image:url("new/images/menu-icons/burger.gif");
	background-repeat:no-repeat;
	background-position:top left;
}

a.panni-icon{
	background-image:url("new/images/menu-icons/panini.gif");
	background-repeat:no-repeat;
	background-position:top left;
}

a.wraps-icon{
	background-image:url("new/images/menu-icons/wraps.gif");
	background-repeat:no-repeat;
	background-position:top left;
}

a.salad-icon{
	background-image:url("new/images/menu-icons/salad.gif");
	background-repeat:no-repeat;
	background-position:top left;
}

a.specialty-icon{
	background-image:url("new/images/menu-icons/sandwiches.gif");
	background-repeat:no-repeat;
	background-position:top left;
}

a.entree-icon{
	background-image:url("new/images/menu-icons/knife-fork.gif");
	background-repeat:no-repeat;
	background-position:top left;
}

a.drink-desserts-icon{
	background-image:url("new/images/menu-icons/drinks.gif");
	background-repeat:no-repeat;
	background-position:top left;
}


/**************************************************/
/*********************Bottom***********************/
/**************************************************/


.text-links{
	color:#FFFFFF;
	font-size:12px;
	margin:18px auto 18px auto;
}

.text-links a{
	color:#FFF;
	text-decoration:underline;
	margin-left:.5em;
	margin-right:.5em;
}

.text-links a:hover{
	color:#FFF;
	text-decoration:none;
}

.address{
	text-weight:bold;
	color:#FFFFFF;
	font-size:10px;
	float:left;
	width:49%;
	margin-left:.5em;
}

.credit{
	text-weight:bold;
	color:#FFFFFF;
	font-size:10px;
	text-align:right;
	float:right;
	width:49%;
	margin-right:.5em;
}

.credit a{
	color:#FFFFFF;
	text-decoration:underline;
}

.credit a:hover{
	color:#FFFFFF;
	text-decoration:none;
}


/* New stuff */


.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: -360px; /*position where enlarged image should offset horizontally */
z-index: 50;
}