/*
	TITLE: Small Tabs dot com website design and code
	AUTHOR: Matthew Mesker - matt@mesker.org
	COPYRIGHT: 2009 Matthew Mesker. All rights reserved.
*/

@import url("reset.css");
@import url("smoothbox.css");

img, div { behavior: url(iepngfix.htc) }

body {
	font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #30271a;
	background-color: #f5f1ed;
}

p { margin: 0px 0px 20px 0px; }

	p.headline {
		font-size: 18px;
		font-weight: bold;
		line-height: 24px;
	}

ul { margin: 0px 0px 20px 20px;	list-style: disc; }

ul li p { margin: 0px 0px 12px 0px; }

ol { margin: 0px 0px 20px 20px;	list-style: decimal-leading-zero; }

a {
	color: #009ec0;
	font-weight: bold;
	text-decoration: none;
}

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

h1 {
	font-size: 30px;
	font-weight: bold;
	line-height: 40px;
	margin: 0px 0px 20px 0px;
	color: #30271a;
}

h2 {
	font-size: 24px;
	font-weight: bold;
	line-height: 32px;
	margin: 0px 0px 2px 0px;
	color: #009ec0;
}

	h2 span.subtitle {
		font-size: 18px;	
	}
	
	h2 a {
		color: #009ec0;
		text-decoration: none;
	}
	
	h2 a:hover {
		color: #57c5dd;
		text-decoration: none;
	}

h3 {
	font-size: 18px;
	font-weight: bold;
	line-height: 26px;
	margin: 0px 0px 0px 0px;
}

	h3.marginbottom {
		margin: 0px 0px 8px 0px;
	}

h4 {
	font-size: 14px;
	font-weight: bold;
	line-height: 26px;
	margin: 0px 0px 0px 0px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

h5 {
	font-size: 14px;
	font-weight: bold;
	margin: 0px 0px 12px 0px;
}

h6 {
	font-size: 14px;
	font-weight: bold;
	margin: 20px 0px 10px 0px;
	color: #b69e7b;
}

/* Basic <div> Styles */

#header {
	width: 100%;
	height: 180px;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 20px 0px;
	background: url(header-bg.gif) top center repeat-x;	
}

#announcement {
	width: 100%;
	padding: 10px 0px;
	background: url(announcement-bg.png);
	color: #907c60;
	font-size: 12px;
	line-height: 18px;
}

.container {
/*	overflow: auto;*/
	width: 940px;
	margin: 0px auto;
}

#logo {
	float: right;
	width: 302px;
	padding: 100px 0px 0px 0px;	
}

#sidebar {
	float: left;
	width: 300px; /* FOUR columns wide */
	margin: 0px 0px 20px 60px;
	_margin: 0px 0px 20px 57px;
}

.sidebarbox {
	width: 278px;
	padding: 10px;
	margin: 0px 0px 20px 0px;
	background-color: #FFFFFF;
	border: 1px solid #d3bfa2;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#content {
	float: left;
	width: 580px; /* SEVEN AND A HALF columns wide */
	margin: 0px 0px 20px 0px;
}

	body#details #content {
		width: 940px;
		margin: 0px 0px 20px 0px;
	}

#subfooter {
	clear: both;
	width: 100%;
	background-color: #fdbb11;
	border-top: 1px solid #cf9500;
}

#subfooter div.container {
	padding: 20px 0px 10px 0px;
	background: url(bubbles.png) top right no-repeat;
}

#subfooter div.container span a {
	float: right;
	display: block;
	width: 198px;
	padding: 10px;
	margin: 5px 0px 0px 0px;
	background: url(subfooter-button-bg.png) bottom left repeat-x;
	background-color: #FFFFFF;
	border: 1px solid #cf9500;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #008dac;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
}

#subfooter div.container span a span { color: #30271a; }

#subfooter div.container span a:hover { color: #30271a; text-decoration: none; }

/*#subfooter div.container span a:hover { background-color: #F4F4F4; text-decoration: none; }*/

#footer {
	clear: both;
	width: 100%;
	min-height: 100px;
	padding: 10px 0px;
	background: #30271a;
	font-size: 12px;
	color: #b59c7a;
}

	#footer a {
		color: #e2b271;
	}
	
	#footer a:hover {
		color: #f4ae4f;
	}
	
	#footer h4 {
		color: #FFFFCC;
		letter-spacing: 2px;
	}

	#footer div.container .column {
		float: left;
		width: 220px; /* THREE columns wide */
		margin: 0px 20px 0px 0px;
		padding: 0px;
	}
	
	#footer div.container .lastcolumn {
		float: left;
		width: 220px; /* THREE columns wide */
		margin: 0px 0px 0px 0px;
		padding: 0px;
	}
	
	#footer div.container .lastcolumn:after {
		clear: both;
	}
	
/* Column Sizes */	

.threecolumns {
	float: left;
	width: 220px;
}

	.threecolumns a.button {
		float: none;
	}

.fourcolumns {
	float: left;
	width: 300px;
}

.fivecolumns {
	float: left;
	width: 380px;
}

.wrapper {
	overflow: auto;
	width: 560px;
	padding: 10px;
	margin: 0px 0px 10px 0px;
	border: 1px solid #d3bfa2;
	background: #FFFFFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.label {
	float: left;
	width: 50px;
	font-weight: bold;
	color: #645239;
}
	
.specials {
	float: left;
	width: 490px;
	margin: 0px 0px 10px 20px;
}
	
.specials:after {
	clear: both;
	height: 0px;
	visibility: hidden;
}

.marginleft {
	margin: 0px 0px 0px 20px;
}

/* Sunday-Saturday Navigation Styles */

#nav {
	padding: 134px 0px 0px 0px;
	margin: 0px 0px 20px 0px;
}

#nav li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: inline;
}

#nav li a {
	font-size: 42px;
	font-weight: bold;
	color: #645239;
	text-decoration: none;
	margin: 0px 30px 0px 0px;	
}

#nav li a:hover {
	color: #FFFFFF;
}

#nav li a#current {
	color: #FFFFFF;
}

/* "See All" Button */

a.button {
	float: right;
	padding: 5px 8px;
	margin: 1px 0px 0px 2px;
	background: #009ec0;
	border: 1px solid #0180aa;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	line-height: normal;
}
	
a.button:hover {
	background: #57c5dd;
	text-decoration: none;
}	
	
a.button:after {
	clear: both;
}

/* Dropdown Menu Styles */

form#sort {
	margin: 0px 0px 20px 0px;
}

form#sort select {
	width: 300px;
	margin: 0px 0px 8px 0px;
	_margin: 0px 0px 0px 0px;
}

form#sort select option {
	border-bottom: 2px solid #F4F4F4;
}

form#sort select option.first {
	border-bottom: 0px;
}

/* Sort by Neighborhood Drop-Down */

form.sort2 {
	float: right;
	margin: 0px -1px 0px 0px;
}

form.sort2 select {
	width: 200px;
}

form.sort2 select option {
	border-bottom: 2px solid #F4F4F4;
}

form.sort2 select option.first {
	border-bottom: 0px;
}

body#sort form.sort2 {
	margin: 0px -1px 0px 0px;
}

/* Twitter Feed Styles */

#twitter_div p {
	font-size: 10px;
	margin: 0px 0px 20px 0px;
	padding: 0px;
}

#twitter_update_list {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

#twitter_update_list li {
	padding: 5px 0px;
	margin: 0px;
	border-bottom: 1px solid #CCCCCC;
}

/* Google Maps Styles */

#map_canvas {
	width: 378px;
	height: 248px;
	border: 1px solid #999999;
	margin: 0px;
}

/* Contact Form Styles */

body#form {
	padding: 20px;
	background: #FFFFFF;
	background-image: none;
}

.form {
	margin: 0px auto;
}

.form tr td {
	padding: 0px 0px 10px 0px;
}

.form tr td input {
	width: 330px;
}

.form tr td select {
	width: 400px;
}

.form tr td textarea {
	width: 400px;
}

.form tr td input#submit {
	width: 60px;
	margin: 0px auto;
}

/* Food & Drink Specials Chart */

.chart {
	margin: 0px 0px 20px 0px;
	padding: 0px;
	border: 1px solid #d3bfa2;
	border-bottom: 0px;
	background: #FFFFFF;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;	
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}

.chart tr.stripe {
	background: #F4F4F4;
}

.chart tr td {
	border-bottom: 1px solid #d3bfa2;
	padding: 5px 10px;
}

.chart tr td.title {
	font-weight: bold;
}

/* "Other Bars in $neighborhood" Stripe */

#otherbars {
	clear: both;
	width: 920px;
	padding: 10px;
	margin: 0px 0px 20px 0px;
	border: 1px solid #d3bfa2;
	background: #FFFFFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#otherbars ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#otherbars ul li {
	display: inline;
	margin: 0px 20px 0px 0px;
	padding: 0px;
}

#otherbars ul li a {
	
}

#otherbars ul li a:hover {

}

#otherbars ul li a.button {
	margin: -2px 0px 0px 0px;
}

/* Mailchimp Newsletter Form Styles */

#mc_embed_signup {
	width: 280px;
	margin: 0px;
}

input#mce-EMAIL { width: 185px; }

input#mc-embedded-subscribe { float: right; margin: -1px 0px 0px 0px; }

#mce-success-response { font-size: 12px; line-height: 18px; }

#mce-error-response { font-size: 12px; line-height: 18px; }

/* Miscellaneous Styles */

.chart2 {
	margin: 0px 0px 20px 0px;
	border-top: 1px solid #30271a;
	border-left: 1px solid #30271a;
}

.chart2 tr td {
	padding: 5px;
	border-right: 1px solid #30271a;
	border-bottom: 1px solid #30271a;
}

.chart2 tr th {
	padding: 5px;
	border-right: 1px solid #30271a;
	border-bottom: 1px solid #30271a;
	background: #30271a;
	color: #FFFFFF;
	font-weight: bold;
}

.caption {
	margin: 0px auto 10px auto;
	font-size: 11px;
	line-height: 14px;
}

.caption tr td {
	padding: 0px 0px 3px 0px;
}

.captionleft {
	float: left;
	margin: 0px 10px 10px 0px;
	font-size: 11px;
	line-height: 14px;
}

.captionleft tr td {
	padding: 0px 0px 3px 0px;
}

.captionright {
	float: right;
	margin: 0px 0px 10px 10px;
	font-size: 11px;
	line-height: 14px;	
}

.captionright tr td {
	padding: 0px 0px 3px 0px;
}

.color {
	color: #645239;
}

.nomargin {
	margin: 0px 0px 0px 0px;
}