/*	Desc: The Pub
	Author: five19design
	Date: 1/1/09
	
	
/* === === === === === === === === === ===
=RESET
=== === === === === === === === === === */

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td, hr 
{ margin : 0; padding : 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes list-style from lists */
li,ol,ul { list-style : none; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }

/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }

/* Removes outline from a */
a { outline: none; text-decoration:none; }

/* === === === === === === === === === ===
=STRUCTURE
=== === === === === === === === === === */

html { 
	margin: 0; padding: 0; 
	width: 100%;
	}


body {
	margin: 0; padding: 0;
	font: 62.5%/1.5 Georgia, 'Times', serif; 
	color: #6c7785; /* default font color */
	position: relative;
	width: 100%;
	text-align: left;
	background: #1F0D06 url(../img/body-bgd.jpg) repeat-x 0 0;
	}

#container {
	position: relative;
	width:960px;
	margin:0 auto;
	}
	
h2 { 
	font: italic 24px/28px SketchRockwell, Georgia,serif; 
	color:#233347; 
	margin-bottom:10px;
	}
	
h2.welcome { 
	text-indent:-99999px; 
	background: url(../img/headline.gif) no-repeat left 0;
	width:301px; height:26px;
	display:block;
	margin-bottom:20px;
	}
	
h2.headline { 
	text-indent:-99999px; 
	background: url(../img/headline.gif) no-repeat left -26px;
	width:301px; height:33px;
	display:block;
	}
	
h3 { 
	font: bold 18px/24px Georgia,serif; 
	color:#9f4a0f; 
	margin-bottom:5px;
	}
	
h5 { 
	font: bold 12px/24px Georgia,serif; 
	color:#9f4a0f; 
	margin-bottom:5px;
	}
	
		
p	{ font-size:13px; line-height:18px; padding-bottom:10px; }
	
.hide { text-indent:-999999px; font-size:1%; display:none; }

.left 	{ float:left; margin-right:45px; }
.right	{ float:right; margin:230px 0 0 0;}
.clear	{ clear:both; }

.hrule { border-bottom:1px solid #b5b4b4; margin-bottom:15px;}

span.top { display:block; width:75px; height:19px; }
span.top a { text-indent:-9999px; display:block; width:73px; height:21px; background:transparent url(../img/top-link.gif) no-repeat left 0; }

/*=BRANDING
=== === === === === === === === === === */

#branding	{ position:relative; margin:0 auto 45px auto; height:234px; }

#branding h1	{ text-indent:-99999px; font-size:1%; background: transparent url('../img/H1-logo.jpg') no-repeat 50% 0; width:430px; height:212px; margin:0 auto; }


/* === === === === === === === === === ===
=MAIN NAVIGATION
=== === === === === === === === === === */

ul#main-nav { position:absolute; top:190px; left:0; width:960px; }
    #main-nav li { position:relative; display:inline; font-size:16px; font-style:italic; line-height:20px; margin-right:20px; }
    #main-nav li a:link, #main-nav li a:visited { color: #CBB49C; }
    #main-nav li a:focus, #main-nav li a:hover, #main-nav li a.current { color: #b4cecd; }
    #main-nav li.specials-nav { position:absolute; top:-4px; right:250px; }
    	#main-nav li.specials-nav a:link, #main-nav li.specials-nav a:visited { width:109px; height:33px; display:block; background:transparent url(../img/special-nav.gif) no-repeat left 0; text-indent:-999999px;}
    	#main-nav li.specials-nav a:hover, #main-nav li.specials-nav a.current  { background-position: left -33px;}

/*=MENU NAVIGATION
=== === === === === === === === === === */

ul#menu-nav	{ position:absolute; top:-20px; left:0; z-index:999999; height:100px; padding:22px 0 0 10px; width:576px; background:transparent url(../img/menu-bgd.png) no-repeat left 0; }

#menu-nav li	{ float:left; display:inline; height:28px; text-indent:-999999px; }

#menu-nav li a	{ display:block; height:50px; background:transparent url(../img/menu-sprite.gif) no-repeat; }

	#menu-nav li.starters a	{ width:118px; background-position:0 0;  }
	#menu-nav li.sandwiches a	{ width:106px; background-position:-118px 0; }
	#menu-nav li.steaks a	{ width:127px; background-position:-224px 0; }
	#menu-nav li.entree a	{ width:108px; background-position:-351px 0; }
	#menu-nav li.desserts-bev a	{ width:87px; background-position:-459px 0; }
	
	#menu-nav li.starters a:hover, #menu-nav li.starters.ui-tabs-selected a	{ background-position:0 -48px;  }
	#menu-nav li.sandwiches a:hover, #menu-nav li.sandwiches.ui-tabs-selected a	{ background-position:-118px -48px; }
	#menu-nav li.steaks a:hover, #menu-nav li.steaks.ui-tabs-selected a	{ background-position:-224px -48px; }
	#menu-nav li.entree a:hover, #menu-nav li.entree.ui-tabs-selected a	{ background-position:-351px -48px; }
	#menu-nav li.desserts-bev a:hover, #menu-nav li.desserts-bev.ui-tabs-selected a 	{ background-position:-459px -48px; }


/*=FEATURED POST { HOME PAGE }
=== === === === === === === === === === */

#featured-post	{ position:absolute; top:355px; left:0; width:491px; background:url(../img/homeblog-top-trans.png) no-repeat left top; z-index:5; }	
	#featured-post ul	{ position:relative; background: url(../img/homeblog-middle-trans.png) repeat-y left 0; z-index:5; margin: 90px 0 0 0; padding:25px 0 20px 80px; }
	
	#featured-post ul li a { font-size:14px; line-height:24px; color:#3b536b; }
	#featured-post ul li a:hover { text-decoration:none; color:#8c4a37; }
	#featured-post ul li span { font-size:14px; color:#9f4a0f; margin-right:3px; }
	
#featured-post-bottom	{  position: relative; background: url(../img/homeblog-bottom-trans.png) no-repeat left 0; height:150px; }



/*=CONTENT
=== === === === === === === === === === */

#page-wrap	{ position: relative; width: 960px; margin: 0 auto; background: url(../img/page-bottom-trans.png) no-repeat left bottom;  padding:0 0 168px 0;}

#page-top	{ position: absolute; top:-30px; left:0; width: 960px; height:198px; background: url(../img/page-top-trans.png) no-repeat left 0; z-index:1; }

#page-middle	{  background: url(../img/page-middle-trans.png) repeat-y left 0; overflow:hidden; min-height:270px; height:1%;  }
	
#content	{ position:relative; z-index:3;  margin:0 115px 0 60px; overflow:hidden; }
	
#main-content, #ginfo	{ position:relative; z-index:9; width:515px; min-height:150px; padding:30px 0 50px 0; }
	#main-content p	{ font-size:14px; line-height:20px; }
 
.home-photo	{ position: absolute; z-index:99; top:267px; left:600px; background: url(../img/photo-frame-trans.png) no-repeat left 0; width:366px; height:300px; }
	.home-photo img	{ margin: 25px auto 0 auto; display:block; }

a.cinfo { color:#3b536b;}
a.cinfo:hover { color:#9f4a0f; text-decoration:none; }


/*=MENU-ITEMS
=== === === === === === === === === === */

#starters, #sandwiches, #entree, #desserts-bev, #cheesesteaks	{padding-top:90px; clear:both;}

.menu-list-container { width:230px; }

.menu-list-container h4.cat_description { padding-bottom:15px; margin-bottom:15px; font-size:12px; color:#9f4a0f; background: transparent url(../img/continue-btm-trans.png) no-repeat left bottom;}

.menu-entry	{ margin-bottom:25px;}

.menu-list-container h3 { margin-bottom:20px; padding-bottom:5px; background: transparent url(../img/continue-btm-trans.png) no-repeat left bottom; }

.menu-entry h4 { padding-bottom:5px; font-size:14px; color:#3b536b;}

.price { margin:-5px 0 20px 0; background: transparent url(../img/continue-btm-trans.png) no-repeat left bottom; padding-bottom:15px; }

.price p { font: bold italic 11px/18px Georgia,serif; color:#8c4a37; margin-bottom:0; padding-bottom:2px; }

span.additional-info {font:italic 11px/11px Georgia,serif; color:#3b536b; }

#content.specials {margin-top:-45px;}



/*=BLOG
=== === === === === === === === === === */

#blog-content	{ width:521px; padding:30px 0 30px 0; clear:both;}

.blog-title h4 a	{ 
background: url(../img/arrow.gif) no-repeat left 50%; 
padding:0 0 0 15px;
font: italic  12px/20px Georgia,serif;
color:#9f4a0f;
display:block;
}

h3.title a {
margin:5px 0;
font: italic bold  24px/28px Georgia,serif;
color:#233347;
}

.posted	{margin-top:10px;}
.posted em, .posted a{ color:#9f4a0f;}

.post-body { overflow:hidden; background: url(../img/post-boby-top-trans.png) no-repeat left 0; padding:10px 0;}
.post-body p { font-size:13px; line-height:18px; }
.post-body a { color:#9f4a0f; underline:none; }

.post-image { float:left; background:url(../img/blog-photo-trans.png) no-repeat left 0; width:213px; height: 177px; padding:18px 0 0 16px; margin-bottom:-15px;}
	.post-image img { background-color:black;   }


p.continue-reading a { position:relative; z-index:9999; display:block; width:100px; height:15px; text-indent:-999999px; background:transparent url(../img/continue-reading.gif) no-repeat left 0; clear:both;}

.post-nav { margin-top:10px; background:url(../img/continue-btm.gif) no-repeat left top; padding-top:15px; overflow:hidden;}
p.next-link, p.prev-link { margin:0; padding:0; }
p.next-link a {display: block; padding:5px 0; float:right; font: italic bold  12px/14px Georgia,serif; color:#3b536b; }
p.prev-link a {display: block; padding:5px 0; float:left; font: italic bold  12px/14px Georgia,serif; color:#3b536b; }
	p.next-link a:hover, p.prev-link a:hover {text-decoration:none; color:#9f4a0f; }
	 
.rss	{float: right; margin:15px 40px 0 0;}


/*SIDEBAR*/

.sidebar-wrap	{ position: absolute; z-index:99; top:267px; left:615px; }
#sidebar	{ position:relative; width:286px; background:url(../img/sidebar-top-trans.png) no-repeat left 0; padding-top:64px; }
.widget { width:286px; background:url(../img/sidebar-bgd-trans.png) repeat-y left 0;}

.widget-bottom { width: 286px; height:56px; clear:both; background:url(../img/sidebar-bottom-trans.png) no-repeat left 0;}

	.widget a { color: #222; text-decoration: none; }
	.widget a:hover { color: #009; text-decoration: underline; }
	
	.tabnav {
	margin-top:-15px;
	position:absolute;
	top:64px;
	left:30px;
	z-index:99;
	}
	
	.tabnav li {
	float: left;
	display:inline;
	list-style: none;
	height:20px;
	}
	
		.tabnav li a {
		text-indent:-999999px;
		display:block;
		height:20px;
		background: transparent url(../img/blog-nav.gif) no-repeat left 0;
		}
		
		.tabnav li.search a { background-position: 0px 0px; width:58px; }
		.tabnav li.search a:hover, .tabnav li.search.ui-tabs-selected a {background-position: 0px -20px;}
		
		.tabnav li.category a { background-position: -58px 0; width:77px; }
		.tabnav li.category a:hover, .tabnav li.category.ui-tabs-selected a  {background-position: -58px -20px;}
		
		.tabnav li.month a { background-position: -136px 0; width:54px; }
		.tabnav li.month a:hover, .tabnav li.month.ui-tabs-selected a {background-position: -136px -20px;}
		
		
	.tabdiv { padding:15px 0 15px 30px;}
	
		.tabdiv li a { color:#3b536b; line-height:22px; font-size:12px;}
		.tabdiv li a:hover { color:#9c440e; text-decoration:none;}

.ui-tabs-hide { display: none; }
#search p {margin:0; padding:0;}
#search p input { float:left; background-color:#3b536b; padding:6px; border:none; color:#a3b1bf; outline:none; margin-top:5px; }

p input#search_button { float:left; width:55px; padding:6px 0; background: transparent url(../img/search-button.gif) no-repeat left 50%; cursor:pointer; margin-left:5px;}

.continue-btm {background: transparent url(../img/continue-btm.gif) no-repeat left 0; width:100%; height:11px; margin-bottom:15px;}


/*=FOOTER
=== === === === === === === === === === */

#footer { width: 960px; margin: 0 auto; }