/*
	HOTPRESS FRAMEWORK
	Site:
	By:Steven Waller
	Created:
*/

/* Background
----------------------------------------------------------------------------------------------------*/
body{
	background:#000 url(images/bg-metal.jpg) repeat center top;
}
#container{
	background:#ffffff;
	overflow:hidden;
	margin-top:20px;
	margin-bottom:20px;
	padding-bottom:20px;
}
/* Header
----------------------------------------------------------------------------------------------------*/
#header{
	height:248px;
	padding-top:14px;
	position:relative;
	z-index:1;
	background: url(images/bg-header.jpg) repeat-x center top;
}
	#image-bar{
		height:185px;
		background-position: center top;
		background-repeat: repeat-x;
	}
	#image-bar-2{
		height:185px;
		background:url(images/header-1.jpg) repeat-x center top;
		
	}
		#logo{
			width:942px;
			overflow:hidden;
			margin:0 auto;
		}
			#logo a:link,
			#logo a:visited{
				float:left;
				display:block;
				width:155px;
				height:185px;
				background:url(images/logo.jpg) no-repeat left top;
				text-indent:-9999px;
			}
			#logo a:hover,
			#logo a:active{
				background-position:left bottom;
			}

/* Main Navigation
----------------------------------------------------------------------------------------------------*/
#main-nav{
	width:960px;
	margin:0 auto;
	overflow:hidden;
	padding-top:5px;
}
	#main-nav ul{
		margin:0;
	}
		#main-nav li{
			display:block;
			float:left;
			list-style:none;
			padding:0;
		}
			#main-nav li a:link,
			#main-nav li a:visited{
				display:block;
				background-repeat:no-repeat;
				background-position:17px 13px;
				text-indent:-9999px;
				padding:10px 9px;
			}
			#main-nav li a:hover,
			#main-nav li a:active{
				background-position:17px -20px;
			}
			#main-nav li#nav-home a:link,
			#main-nav li#nav-home a:visited{
				width:53px;
				background-image:url(images/nav-home.png);
				padding-left:0px;
				background-position:0 13px;
			}
			#main-nav li#nav-home a:hover,
			#main-nav li#nav-home a:active{
				background-position:0 -20px;
			}
			#main-nav li#nav-menus a:link,
			#main-nav li#nav-menus a:visited{
				width:60px;
				background-image:url(images/nav-menus.png);
			}
			#main-nav li#nav-photos a:link,
			#main-nav li#nav-photos a:visited{
				width:61px;
				background-image:url(images/nav-photos.png);
			}
			#main-nav li#nav-reservations a:link,
			#main-nav li#nav-reservations a:visited{
				width:128px;
				background-image:url(images/nav-reservations.png);
			}
			#main-nav li#nav-about a:link,
			#main-nav li#nav-about a:visited{
				width:56px;
				background-image:url(images/nav-about.png);
			}
			#main-nav li#nav-news a:link,
			#main-nav li#nav-news a:visited{
				width:137px;
				background-image:url(images/nav-news.png);
			}
			#main-nav li#nav-news-events a:link,
			#main-nav li#nav-news-events a:visited{
				width:137px;
				background-image:url(images/nav-news-events.png);
			}
			#main-nav li#nav-store a:link,
			#main-nav li#nav-store a:visited{
				width:52px;
				background-image:url(images/nav-store.png);
			}
			#main-nav li#nav-shop a:link,
			#main-nav li#nav-shop a:visited{
				width:45px;
				background-image:url(images/nav-shop.png);
			}
			#main-nav li#nav-contact a:link,
			#main-nav li#nav-contact a:visited{
				width:71px;
				background-image:url(images/nav-contact.png);
			}
			#main-nav li#nav-private-parties a:link,
			#main-nav li#nav-private-parties a:visited{
				width:146px;
				background-image:url(images/nav-private-parties.png);
			}
			#main-nav li#nav-large-parties a:link,
			#main-nav li#nav-large-parties a:visited{
				width:119px;
				background-image:url(images/nav-large-parties.png);
			}
			

/* Main Container
----------------------------------------------------------------------------------------------------*/
#main-content{
	position:relative;
	z-index:2;
	background:url(images/bg-paper.jpg) left top;
}
	#main-container{
		width:960px;
		margin:0 auto;
		padding-bottom:30px;
	}

	/* Column-1
	----------------------------------------------------------------------------------------------------*/
	#column-1{
		width:200px;
		float:left;
		padding-top:40px;
	}
		/* Sub Nav
		----------------------------------------------------------------------------------------------------*/
		#sub-nav ul{
			margin:0;
		}
			#sub-nav li{
				list-style:none;
				
				display:inline;
			}
				#sub-nav a:link,
				#sub-nav a:visited{
					color:#843101;
					font-weight:bold;
					text-decoration:none;
					display:block;
					padding:5px 10px;
					background:url(images/sub-nav-underline.gif) repeat-x left bottom;
				}
				#sub-nav a:hover,
				#sub-nav a:active{
					color:#000;
				}
				#sub-nav li#title a{
					font-size:31px;
					color:#000;
					font-weight:bold;
				}
				
		/* Calls to action
		----------------------------------------------------------------------------------------------------*/
		#column-1 #cta-join,
		#column-1 #cta-gift-card,
		#column-1 #cta-cookbook{
			margin:20px 0;
		}
		
	
	/* Column-2
	----------------------------------------------------------------------------------------------------*/
	#column-2{
		width:490px;
		float:left;
		margin-left:-135px;
	}
		#column-2 h1{
			background:url(images/paint.png) no-repeat left bottom;
			font-size:96px;
			color:#000;
			width:490px;
			padding-left:10px;
			padding-right:230px;
			line-height:18px;
			margin-top:15px;
		}
	/* Column-3
	----------------------------------------------------------------------------------------------------*/
	#column-3{
		width:175px;
		float:left;
		position:relative;
		top:-33px;
		right:-566px;
	}
		/* Make a Reservation
		----------------------------------------------------------------------------------------------------*/
		#reservation{
			display:block;
			width:175px;
			height:290px;
			background:url(images/reservation.png) no-repeat left top;
		}
			#reservation #OT_searchWrapperAll{
				width:170px;
			}
			#reservation #OT_searchWrapper{
				margin:80px 0 0 25px;
			}
				#reservation h3{
					display:block;
					height:1px;
					margin:0;
					text-indent:-9999px;
				}
				#reservation #OT_partySizeLbl,
				#reservation #OT_dateLbl,
				#reservation #OT_timeLbl{
					font-weight:bold;
					color:#cb9a63;
					font-size:14px;
				}
				#reservation #OT_submitWrap{
					padding-top:10px;
				}
					#reservation #OT_submitWrap input{
						display:block;
						width:101px;
						height:0px;
						background:url(images/btn-find-a-table.gif) no-repeat left top;
						text-indent:-9999px;
						padding-top:26px;
						overflow:hidden;
					}
				#reservation table{
					margin-bottom:0;
					background:transparent;
				}
				#OT_submitWrap a img{display:none;}
		/* Contact Information
		----------------------------------------------------------------------------------------------------*/
		#contact-info{
			padding-left:20px;
		}
			#contact-number{
				display:block;
				width:107px;
				height:14px;
				background:url(images/contact-number.gif) no-repeat left top;
				text-indent:-9999px;
				margin-top:15px;
			}
			#contact-address{
				margin-top:0;
			}
				#contact-address a:link,
				#contact-address a:visited{
					display:block;
					width:145px;
					height:57px;
					background:url(images/contact-address.gif) no-repeat left top;
					text-indent:-9999px;
				}
				#contact-address a:hover,
				#contact-address a:active{
					background-position:left bottom;
				}
			#contact-hours{
				display:block;
				width:155px;
				height:35px;
				background:url(images/contact-hours.gif) no-repeat left top;
				text-indent:-9999px;
				margin-top:0;
			}
			
/* twitter box
----------------------------------------------------------------------------------------------------*/
.home-feed {
    float: left;
    padding: 0;
    width: 175px;
}
.home-feed .twtr-doc {
    font-size: 12px;
    width: 175px !important;
}
.home-feed .twtr-tweet-text p {
    background: url("images/icon-vesta-twitter.png") no-repeat scroll left top transparent;
    font-size: 15px;
    padding-top: 33px !important;
    text-indent: 30px;
}
#twtr-widget-1 .twtr-avatar, #twtr-widget-1 .twtr-user {
    display: none;
}
.twtr-hd, .twtr-ft {
    display: none;
}
#twtr-widget-1 .twtr-new-results, #twtr-widget-1 .twtr-results-inner, #twtr-widget-1 .twtr-timeline{
	background:none !important;
}
#twtr-widget-1 .twtr-tweet a {
    color: #843101 !important;
}
/* Footer
----------------------------------------------------------------------------------------------------*/
#footer{
	background:url(images/footer-top.gif) repeat-x center top;
	overflow:hidden;
	padding:25px 0 40px 0;
}
	#footer-info{
		width:960px;
		margin:0 auto;
	}
		#footer-info ul{
			margin:0;
			float:left;
			width:580px;
		}
			#footer-info li{
				float:left;
				display:inline;
				list-style:none;
				background:url(images/footer-divider.gif) no-repeat left 6px;
				padding:0 6px;
			}
			#footer-info li#footer-first{
				padding-left:0;
				background:none;
			}
				#footer-info li a:link,
				#footer-info li a:visited{
					color:#000;
					text-decoration:none;
					font-size:11px;
				}
				#footer-info li a:hover,
				#footer-info li a:active{
					color#d6b68e;
				}
		#hotpress-link{
			margin:0;
			float:right;
			width:350px;
			padding-top:4px;
		}
			#hotpress-link a{
				display:block;
				width:129px;
				height:13px;
				background:url(images/hotpress.gif) no-repeat left top;
				text-indent:-9999px;
			}
/* Home Page Styles
----------------------------------------------------------------------------------------------------*/
#body-home #column-1{
	padding-top:12px;
	width:740px;
}
	#body-home #flash{
		display:block;
		width:740px;
		height:289px;
		background:url(images/flash-bg.jpg) no-repeat left top;
		overflow:hidden;
		padding:16px 0 0 21px;
	}
	#body-home #bottom-links{
		background:url(images/bottom-bg.jpg) no-repeat left top;
		height:325px;
		overflow:hidden;
	}
		
		#body-home #ctas{
			float:left;
			width:160px;
			display:inline;
			margin-left:23px;
			margin-top:15px;
		}
			#body-home #cta-join{
				margin-top:0;
			}
			#body-home #cta-gift-card{
				margin-top:0;
			}
		#body-home #social-media{
			float:left;
			width:140px;
			margin-left:10px;
			margin-top:15px;
                        margin-right: 15px;
			display:inline;
			margin-bottom:0;
		}
		#body-home #cta-stubens{
			float:left;
			margin-left:10px;
			display:inline;
		}
			#body-home #cta-stubens a{
				display:block;
				width:92px;
				height:77px;
				background:url(images/logo-stubens.gif) no-repeat left top;
				text-indent:-9999px;
			}
		#body-home #cta-dinr{
			float:left;
			margin-left:10px;
			margin-top:10px;
			display:inline;
		}
			#body-home #cta-dinr a{
				display:block;
				width:106px;
				height:186px;
				background:url(images/eat-denver-logo.png) no-repeat left top;
				text-indent:-9999px;
			}
		#body-home #cta-rib{
			float:left;
			margin-left:10px;
			margin-top:50px;
                        margin-right: 5px;
			display:inline;
		}
			#body-home #cta-rib a{
				display:block;
				width:139px;
				height:36px;
				background:url(images/icon-chef-blog.png) no-repeat left top;
				text-indent:-9999px;
			}
#body-home #column-2{
	width:175px;
	float:right;
	position:relative;
	top:-33px;
	right:19px;
	margin:0;
}
	#OT_searchWrapperAll{
		width:170px;
	}
/* Blog Styles
----------------------------------------------------------------------------------------------------*/
.blog-post-container{
	padding-bottom:30px;
	margin-bottom:30px;
	background:transparent url(images/sub-nav-underline.gif) repeat-x scroll left bottom;
}
.blog-post-container .comments textarea.cat_listbox_small{
	width:500px;
	height:150px;
}
.BlogRecentPost li, 
.BlogTagList li, 
.BlogPostArchive li{
	font-size:12px;
}
#column-2 h1.post-title{
	background:none;
	padding-left:0;
	line-height:.1em;
}
	#column-2 h1.post-title a:link,
	#column-2 h1.post-title a:visited{
		font-size:37px;
		color:#000;
	}
	#column-2 h1.post-title a:hover,
	#column-2 h1.post-title a:active{
		color:#843101;
		text-decoration:none;
	}
#blog-side-bar h3{
	color:#000;
	font-size:31px;
	background:transparent url(images/sub-nav-underline.gif) repeat-x scroll left bottom;
}
	#blog-side-bar h3#recent-posts-title{
		margin-top:0;
	}
/* Calls to Action
----------------------------------------------------------------------------------------------------*/
#body-inside #ctas{
	padding-bottom:10px;
}
#cta-join,
#cta-gift-card{
	margin:0;
}
#cta-join a:link,
#cta-join a:visited{
	display:block;
	width:154px;
	height:41px;
	background:url(images/cta-join.png) no-repeat left top;
	text-indent:-9999px;
}
#cta-join a:hover,
#cta-join a:active{
	background-position:left bottom;
}

#cta-gift-card a:link,
#cta-gift-card a:visited{
	display:block;
	width:142px;
	height:48px;
	background:url(images/cta-gift-card.png) no-repeat left top;
	text-indent:-9999px;
}
#cta-gift-card a:hover,
#cta-gift-card a:active{
	background-position:left bottom;
}

#cta-cookbook a:link,
#cta-cookbook a:visited{
	display:block;
	width:164px;
	height:51px;
	background:url(images/cta-cookbook.png) no-repeat left top;
	text-indent:-9999px;
}
#cta-cookbook a:hover,
#cta-cookbook a:active{
	background-position:0px -62px;
}

#cta-look-cookbook a:link,
#cta-look-cookbook a:visited{
	display:block;
	width:264px;
	height:116px;
	background:url(images/cta-look-inside-cookbook.png) no-repeat left top;
	text-indent:-9999px;
}
#cta-look-cookbook a:hover,
#cta-look-cookbook a:active{
		-moz-opacity:0.9;
		-khtml-opacity: 0.9;
		opacity: 0.9;
}

#social-media{
	margin-bottom:30px;
	background: url(images/sub-nav-underline.gif) repeat-x left top;
}
#cta-facebook{
	background: url(images/sub-nav-underline.gif) repeat-x left bottom;
	margin:0;
	padding:8px 0 8px 8px;
}
	#cta-facebook a:link,
	#cta-facebook a:visited{
		display:block;
		width:124px;
		height:42px;
		background:url(images/cta-facebook.png) no-repeat left top;
		text-indent:-9999px;
	}
	#cta-facebook a:hover,
	#cta-facebook a:active{
		background-position:left bottom;
	}

#cta-twitter{
	background: url(images/sub-nav-underline.gif) repeat-x left bottom;
	margin:0;
	padding:8px 0 8px 8px;
}
	#cta-twitter a:link,
	#cta-twitter a:visited{
		display:block;
		width:110px;
		height:42px;
		background:url(images/cta-twitter.png) no-repeat left top;
		text-indent:-9999px;
	}
	#cta-twitter a:hover,
	#cta-twitter a:active{
		background-position:left bottom;
	}
/* Menu Styles
----------------------------------------------------------------------------------------------------*/
table.menu{
width:100%;
}
table.menu.left{
	width:48%;
	float:left;
}
table.menu.right{
	width:48%;
	float:right;
}
	table.menu td{
	padding-right:20px;
	}
	table.menu td.itemDescription{
	padding-bottom:25px;
	}
	
	table.menu td.itemName{
	font-weight:bold
	}
	table.menu td.itemDescription span.suggestedSauces{
	text-transform:uppercase;
	}
		.itemName{
			font-size:20px;
			line-height:1;
		}
		.suggestedSauces{
			font-weight:bold;
			font-size:10px;
			letter-spacing:.1em;
		}
.menu-new p{
	clear:both;
}
h2.menu-title{
	clear:both;
	overflow:hidden;
	padding:10px 0 0;
	margin:0 0 15px;
}
.col-1{
	float:left;
	width:230px;
	overflow:hidden;
	border-right:1px solid #D0B99E;
	padding-right:10px;
	clear:right;
	padding-bottom:15px;
}
.col-2{
	float:right;
	width:230px;
	overflow:hidden;
	padding-bottom:15px;
}
.col-3{
	overflow:hidden;
	clear:both;
	padding-bottom:15px;
}
.col-4{
	float:right;
	width:200px;
	overflow:hidden;
	background:#EEB26C;
	padding:13px;
	color:#3C2103;
	text-align:center;
	padding-bottom:15px;
}
	.col-4 h4{
		margin:0 0 5px;
		font-size:18px;
	}
		.col-4 p{
			margin:0;
		}
.col-5,
.col-6{
	float:left;
	width:30%;
	padding-right:11px;
	border-right:1px solid #D0B99E;
	margin-right:11px;
}
.col-7{
	float:left;
	width:30%;
}
/* Photo Galleries
----------------------------------------------------------------------------------------------------*/
.photogalleryItem img,
.grunge{
	padding:5px;
	background:url(images/photo-grunge.jpg) left top;
}

.align-right{
	float:right;
	margin:10px 0 15px;
	width:auto;
}
/* Just one rib
----------------------------------------------------------------------------------------------------*/
h3.jor-topics {
       display:none;
}
#jor-banner {
       height: 200px;
       padding-top: 25px;
       width: 710px;
}
#jor #column-3 {
       top: -259px;
}