/* Restaurant Theme CSS */



body {

	font-family:Arial, Helvetica, sans-serif;

	color:#e1caaa;

	margin:0;

	padding:0;

	background:#592D00 url('../graphics/body_bg.jpg') top center no-repeat }

	

a {

	color:#fcc779;

	text-decoration:none }

	

a:hover {

	color:#fff;

	text-decoration:none }



.content {

	position:relative;

	width:940px;

	margin:0 auto;

	padding:0 }

	

img { border:0 }

.clear { clear:both; display:block; height:1px; font-size:1px }

	

/* ------------------------------------- */

/* Header                                */



#header {

	position:relative;

	width:100%;

	border-bottom:1px solid #703f06 }

	

	#header.homepage { height:458px }

	#header.subpage { height:116px }

	

	#header h1 {

		margin:0; padding:20px 0;

		color:#f3e6d7;

		font-size:45px;

		letter-spacing:-0.03em }

		

		#header h1 a {

			color:#f3e6d7;

			text-decoration:none }

			

		#header h1 span {

			color:#D2B28D;

			letter-spacing:-0.01em;

			display:block;

			margin:0;

			padding:0;

			font-size:20px }

			

	#header .address {

		font-size:12px;

		position:absolute;

		top:30px;

		right:0 }

			



/* ------------------------------------- */

/* Navigation                            */



#navigation {

	position:absolute;

	right:3px;

	top:53px;

	width:642px;

	height:20px;

	z-index:50;

	font-size:20px

}

	

	#navigation.subpage {

		top:-97px !important }

	

	#navigation ul {

	width:640px;

	height:20px;

	list-style:none;

	display:block

}

	

	#navigation ul li {

		margin:0 0 0 30px;

		position:relative;

		display:inline;

		padding:0 0 5px 0;

		float:right }

		

	#navigation ul li a {

		height:20px;

		padding:0 0 20px 0 }

	

	/* SUCKERFISH DROPDOWNS */

	#nav li ul { display:none; position:absolute; top:30px; left:-27px }

	#nav li > ul { top:auto; left:auto }

	#nav li:hover ul, #nav li.over ul { display:block !important; z-index:20; padding:10px 0 2px 0; position:absolute; top:30px; left:-27px }

	/* END SUCKERFISH DROPDOWNS */

	

	#nav li ul { z-index:20; width:150px; height:auto; padding:15px 0 2px 0; margin:0; border-top:5px solid #FCE8CB;

	background:#281303 url('../graphics/dropdown_arrow.gif') no-repeat top center; opacity:.95; filter: alpha(opacity=95); -moz-opacity: 0.95 }

	

	#nav li ul li { float:none; width:150px; margin:0; padding:0 !important; display:block }

	#nav li ul li a { display:block; padding:6px 10px !important; height:auto !important; margin:0 2px; border-bottom:1px solid #281303; border-top:1px solid #281303 ; background:none; text-align:left; font-size:16px; text-transform:uppercase }

	#nav li ul li a:hover { background:#394f5d; border-bottom:1px solid #526a7a; border-top:1px solid #526a7a }



#featured-item {

   width: 661px; /* important to be same as image width */

   height: 310px; /* important to be same as image height */

   position: relative; /* important */

   background:#FCE8CB;

   float:left;

   margin:0 0 20px 0;

   display:block;

   overflow: hidden; /* important */

}



#featured-itemContent {

   width: 661px; /* important to be same as image width or wider */

   position: absolute; /* important */

   top: 0; /* important */

   margin:0; padding:0;

   list-style:none;

   margin-left: 0; /* important */

}



.featured-itemImage {

	border:8px solid #FCE8CB; width:645px; height:294px;

   	float: left; /* important */

   	position: relative; /* important */

   	display: none; /* important */

}



.featured-itemImage span {

   position: absolute; /* important */

   left: 0;

   font: 10px/15px Arial, Helvetica, sans-serif;

   width: 645px;

   background-color: #412002;

   filter: alpha(opacity=90); /* here you can set the opacity of box with text */

   -moz-opacity: 0.9; /* here you can set the opacity of box with text */

   -khtml-opacity: 0.9; /* here you can set the opacity of box with text */

   opacity: 0.9; /* here you can set the opacity of box with text */

   color: #fff;

   display: none; /* important */



   bottom: 0; 		/* if you put

   					top: 0; -> the box with text will be shown at the top of the image

       

	   				if you put

       				bottom: 0; -> the box with text will be shown at the bottom of the image */ }

					

.featured-itemImage span strong {

	font-weight:normal;

	font-size:20px; letter-spacing:-1px;

	display:block;

	color:#fff !important;

	margin:15px 0 5px 15px !important; padding:0 }



.featured-itemImage span b {

	font-weight:normal;

	display:block;

	color:#D2B28D;

	margin:3px 0 12px 15px !important; padding:0;

	line-height:18px; font-size:14px;

	width:450px }

	

.featured-itemImage span em.price {

	font-style:normal;

	display:block;

	height:30px;

	padding:5px 0;

	font-size:30px; color:#FFF; letter-spacing:normal;

	position:absolute; right:15px; top:18px }



.featured-itemImage span em.more-info {

	font-style:normal;

	font-size:14px;

	font-weight:bold;

	display:block;

	position:absolute; right:15px; top:52px }



.clear { clear: both } 





/* ------------------------------------- */

/* Homepage Right                        */



#homepage-right {

	line-height:25px;

	float:left;

	margin:0 0 0 30px;

	padding:23px 0;

	height:264px;

	width:249px }

	

	#homepage-right h3 {

		color:#F3E6D7;

		font-size:22px;

		font-weight:bold;

		margin:0; padding:0;

		letter-spacing:-0.01em }

		

	#homepage-right p {

		font-size:18px;

		color:#d2b28d;

		padding:0; margin:0 0 20px 0 }

		

		#homepage-right p.hours {

			font-size:14px; line-height:19px }

			

			p.hours strong { color:#FFF }

		

		#homepage-right p.phone {

			padding:0 0 0 30px;

			margin:0 0 5px 0;

			background:url('../graphics/icon_phone.gif') no-repeat 0 2px }

			

		#homepage-right p.email {

			padding:0 0 0 30px;

			background:url('../graphics/icon_email.gif') no-repeat 0 2px }

		

		#homepage-right p span { color:#F3E6D7 }





/* ------------------------------------- */
/* ------------------------------------- */

/* Homepage Right Mailing List           */



#homepage-right-mc {

	line-height:25px;

	float:left;

	margin:0 0 0 30px;

	padding:1px 0;

	height:264px;

	width:249px }

	

	#homepage-right-mc p {

		font-size:18px;

		color:#000000;

		padding:0; margin:0 0 20px 0 }

		

		




/* ------------------------------------- */

/* Main Content                          */



#main-content {

	position:relative;

	width:100%;

	border-top:1px solid #00040f;

	border-bottom:1px solid #000a14;

	padding:30px 0 30px 0;

	background:#06131C url('../graphics/main_content_bg.jpg') top center no-repeat }

	

#main-content h2 {

	font-size:22px;

	font-weight:normal;

	color:#fdf3e4;

	margin:0 0 10px 0;

	padding:0 }

	

	#main-content h2.menu-title { width:660px; position:relative }

	#main-content h2.menu-title span {

		position:absolute;

		right:0;

		top:5px;

		font-size:12px }

		

	#main-content h2.menu-title .print {

		text-indent:-9999px;

		display:block;

		width:134px;

		height:23px;

		background:url('../graphics/button_print.gif') no-repeat }

	

#main-content h3 {

	font-size:16px;

	line-height:24px;

	color:#f0d7b4;

	display:block;

	font-weight:normal;

	margin:0 0 20px 0;

	padding:0 }

	

#main-content p {

	margin:0 0 15px 0;

	padding:0;

	font-size:14px;

	line-height:22px }

	

	

/* ------------------------------------- */

/* Form Styling                          */



#main-content form {

	background:#1F384A;

	border:1px solid #37596F;

	margin:0;

	padding:20px }

	

	form .input-text{

		border:1px solid #fff;

		color:#1F384A;

		font-size:12px;

		background:#EFF9FF;

		font-family:Arial, Helvetica, sans-serif;

		padding:7px;

	}

	

	form textarea {

		width:250px;

		line-height:18px;

		height:100px }

	

	form label{

		display:block;

		margin-bottom:10px;

		color:#FDF3E4;

	}

	

	form label span{

		display:block;

		float:left;

		padding:7px 10px 0 0;

		width:70px;

		font-size:12px;

		text-transform:uppercase;

		text-align:right;

		font-weight:bold;

	}

	

	form .submit-button{

		background:#F0D7B4;

		padding:0px 6px;

		border-top:1px solid #F5E8D6;

		border-left:1px solid #F5E8D6;

		height:24px;

		line-height:24px;

		color:#4F3B1D;

		font-size:11px;

		text-transform:uppercase;

		font-weight:bold;

		margin:0 0 0 80px;

		display:inline-block;

		text-decoration:none;

	}

	

	.photo {

		margin:0;

		border:5px solid #FCE8CB }

		

		.nocaption { margin:0 0 15px 0 }

		

	.caption {

		text-align:center;

		font-size:11px;

		display:block;

		margin:3px 0 15px 0 }





/* ------------------------------------- */

/* Subpage Only                          */



.address {

	border-bottom:1px solid #23475F;

	color:#B5CEDF;

	font-size:14px;

	margin:0 0 20px;

	padding:0 0 10px }

	

	.address .sidebar { text-align:right }

	.address strong { color:#FFF }

	

.left-side {

	float:left;

	width:661px }

	

	

/* ------------------------------------- */

/* Menu Styling                          */



#menu-skin {

	background:#FCE8CB url('../graphics/menu_skin_bg.jpg') no-repeat;

	padding:20px }

	

	#menu-skin h2 { font-style:italic; color:#06131C; font-weight:bold; margin:0 0 15px }



.left-menu {

	float:left;

	width:532px;

	padding:0 }

	

.right-menu {

	float:right;

	width:318px;

	border-left:1px solid #BFA583;

	display:block;

	padding:0 0 0 20px;

	margin:0 0 0 20px }



dl { display:block; overflow:auto; margin: 0 0 0.7em 10px; background: url('../graphics/dot.gif') repeat-x 0 14px }

dt,dd.price { font-size:130%; font-weight:bold }

dt { font-size:16px; background:#FCE8CB; font-weight:normal; float:left; padding-right:5px; color:#3F2808 }

dd { margin:0 }

dd.price { font-weight:normal; font-size:16px; float:right; padding-left:5px; color:#406F0D; background:#FCE8CB }

dd.ingredients { font-size:14px; font-style:italic; font-weight:normal; line-height:20px; float:left; width:100%; padding: 3px 0; color:#8F6A35 }



span.new, span.special {

	color:#FFF8EF;

	font-size:11px;

	font-weight:bold;

	padding:1px 3px 0;

	position:relative;

	text-transform:uppercase;

	top:-2px }

	

span.special { background:#579F09 }

span.new { background:#EF1E0E }



span.big-separator { display:block; height:26px; margin:20px 0; background:url('../graphics/big_menu_separator.gif') no-repeat top center }

span.sm-separator { display:block; height:25px; margin:20px 0; background:url('../graphics/sm_menu_separator.gif') no-repeat top center }


/* ------------------------------------- */

/* Andrew's Tweaks                       */


.blinkytext {
     font-family: Arial, Helvetica, sans-serif;
     font-size: .2em;
     text-decoration: blink;
     font-style: normal;
 }
	

/* ------------------------------------- */

/* Sidebar                               */



#main-content .sidebar {

	float:right;

	width:249px;

	display:block;

	margin:0 0 0 30px }

	

	.sub-sidebar {

		margin:6px 0 15px 30px !important }

	

	.sidebar .sm-featured-item {

		width:239px;

		height:179px;

		position:relative;

		margin:0 0 30px 0;

		border:5px solid #FCE8CB }

		

		.sidebar .sm-featured-item img { display:block; margin:0 }

		

		.sidebar .sm-featured-item.bottom { margin:0 0 12px 0 !important }

		

	.sidebar .sm-featured-item h2 {

		position:absolute;

		top:0; left:0;

		font-size:16px !important;

		background:#412002;

		border-bottom:1px solid #2F1803;

		text-align:center;

		width:239px;

		padding:12px 0 !important;

		opacity:.90; filter: alpha(opacity=90); -moz-opacity: 0.9

	}

	

/* ------------------------------------- */

/* Footer                                */



#footer {

	font-size:14px;

	background:#1f384a;

	width:100%;

	padding:15px 0 20px 0;

	border-top:1px solid #244156 }

	

	#footer .content { position:relative }

	

	#footer .right {

		position:absolute;

		right:0; top:0 }

		

	#footer .right em { color:#fff }