/*
Theme Name: Charlie Hoopers
Description: A slick site design for this classic Brookside bar.
Version: 1.0
Author: Eason Pritchard
Author URI: http://www.turnstilemedia.com/

	Charlie Hooper's 1.0
	This theme was designed by Eason Pritchard, eason@turnstilemedia.net.
	Code implementation by Justin Kramp, justin.kramp@gmail.com.

*/

/* red copy  #851700 */
/* body copy #9f8e77 */
/* green bg #605444 */

html {
	height:100%;
}
body {
	margin:0;
	color:#9f8e77;
	font:16px/18px Georgia, Helvetica, serif;
	background:#010101 url('images/back2.jpg') fixed repeat-x;
	height:100%;
}
img {
	border:0;
	display:block;
}
a {
	color:#996633;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
a:active {
	outline: none;
}
a:focus {
	-moz-outline-style: none;
}

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

input, textarea, select {
	vertical-align:middle;
}
form, fieldset {
	margin:0;
	padding:0;
	border-style:none;
}
#contact fieldset {
	margin-top: 15px;
}
#wrapper {
	width:900px;
	margin:0 auto;
	min-height:100%;
}
* html #wrapper {
	height:100%;
}
#tabs {
	position: absolute;
	right: 10px;
	width: 500px;
	z-index: 9999;
}
#emailus, #menus {
	float: right;
	margin-right: 5px;
	outline: none;
}
div.tab-box {
	display:none;
	background: transparent url(images/bg_tab_box.gif) no-repeat scroll left top;
	width: 300px;
	height: 185px;
	position: relative;
	margin-top: -15px;
	margin-left: -165px;
	padding: 10px 0 10px 10px;
	float: both;
}
.tab-box a {
	font-size: 13px;
}
.tab-box input, textarea {
	margin-bottom: 5px;
	font:12px/14px Georgia, Helvetica, serif;
}

.tab-content, .tab-content p {margin-top: 15px;}
.tab-content p {font-size:14px;}
#header {
	width:901px;
	height:228px;
	overflow:hidden;
	position: relative;
}
#header h1 {
	background:transparent url(images/logo.gif) no-repeat scroll left bottom;
	height:184px;
	margin:0;
	overflow:visible;
	position:absolute;
	width:320px;
	z-index:99999;
}
h1 a {
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	height: 150px;
}
#nav {
	background: transparent url("images/bg_nav.gif") no-repeat 0 0;
	bottom:0px;
	float:left;
	height:78px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
	top: 150px;
	position:absolute;
	width:900px;
	z-index: 9998;
	overflow:hidden;
}
#nav li span {
	margin-left: -99999px;
}
#nav li {
	float:left;
	list-style-type: none;
}
#nav li.back {
	background: url("images/nav_lavalamp.gif") no-repeat 25px 47px;
	height: 78px;
	z-index: 999999;
	position: absolute;
}
#nav li.back .left {
	background: url("images/nav_lavalamp.gif") no-repeat 30px 45px;
	height: 80px;
	z-index: 999999;
	position: absolute;
	outline: none;
}
#nav li a {
	height: 25px;
	position: relative;
	height: 70px;
	top: 10px;
	z-index: 99999910;
	letter-spacing: 0;
	float: left;
	display: block;
	margin: auto 17px;
}
#main {
	width:900px;
	margin:0 auto;
	background-color:#29241d;
	position: relative;
	top: 0px;
}
.container {
	width:100%;
	background: transparent url(images/bg_container.jpg) repeat-y 0 0;
}
.container:after {
	display:block;
	clear:both;
	content:"";
}
#content {
	width:582px;
	float:left;
	overflow:hidden;
	background-color: #f0efdd;
}
#content .hr {
	background: transparent url(images/divider.gif) no-repeat 0 0;
	border: none;
	height: 50px;
	width: 550px;
	display: block;
	clear: both;
}
#content hr {
	display:none;
}
#bannerContent span em {
	font-style: normal;
	padding-right: 30px;
}
#beer #content {
	width: 100%;
}
#beer #main {
	background-color: #eae4ce;
}
.searchform-param select {
	background-color: #eae4ce;
	border: 1px solid #9f8e77;
	padding: 5px;
	color: #9f8e77;
	font-family: Georgia, Tahoma, serif;
	font-size: 16px;
	margin: 0 0 10px 10px;
	width: 175px!important;
	height: 30px;
	float: left;
}
.searchform-param {
	clear: none;
}
.searchform-label {
	display:none;
}
#beer_results {
	clear:both;
	float:left;
	margin:20px auto 20px auto;
}
#beer_results h3 {
	font-size: 16px;
	line-height: 18px;
}
#beer_results img.first {
	float: left;
	margin: 20px 0 0 10px;
}
#beer_results img.result {
	margin: 20px 0 0 20px;
	float: left;
}
.beer_item {
	background: transparent url(images/bg_beer_item.gif) no-repeat scroll left top;
	color:#EAE4CE;
	float:left;
	height:290px;
	margin:0 0 10px 10px;
	padding:3px 10px;
	position:relative;
	width:140px;
}
.beer_item h3 {
	margin-top: 5px;
}
.beer_item a {
	color:#EAE4CE;
}
.beer_item img.flag {
	float: left;
	margin-right: 5px;
	height:24px;
}
.beer_item ul {
	font-size: 12px;
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
	padding-bottom: 5px;
	clear: both;
	height: 1%;
}
.beer_item ul li {
	margin-bottom: 5px;
	clear: both;
}
span.more_beer {
	position:absolute;
	bottom: 10px;
	right: 10px;
	white-space: nowrap;
}
#beer .more {
	margin-bottom: 25px;
}
img.flag {
	display:inline;
	vertical-align:middle;
}
.gallery {
	width:520px;
	padding:15px;
	background:#FFF;
	margin:10px 0 20px 15px;
}
.info-block {
	/*	border:1px solid #986633; */
	padding:8px 9px 10px;
	margin:0 0 24px 15px;
	width: 530px;
}
.info-block img {
}
.page.info-block {
	border: none;
	margin-left: 8px;
	width: 550px;
}
#beer .page.info-block {
	width: 865px;
}
.beer_color_swatch {
	float:left;
	height:70px;
	text-align:center;
	width:60px;
}
.beer_color_swatch img {
	margin: 0 auto;
}
.beer_light {
	margin-left: 20px;
}
.beer_medium {
	margin-left: 15px;
}
.beer_dark {
	margin-left: 15px;
}
h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	color: #851700;
	margin-bottom: 10px;
}
.text-holder {
	margin-top: 5px;
	padding: 10px 5px 5px 10px;
}
h4, h4 a {
	margin: 15px 0 5px 0px;
	font:22px Georgia, Helvetica, serif;
	color:#851700;
}
.text-holder p {
	margin:0 0 10px;
}
.price-holder {
	/*	padding:8px;
	overflow:hidden;
	height:1%; */
	clear:both;
}
.price {
	float:right;
	font-size:14px;
}
.shoes {
	padding-bottom: 20px;
	margin-top: 10px;
}
.more {
	background-color:#605444;
	color:#F0EFDD;
	float:right;
	line-height:18px;
	padding:5px 10px;
	vertical-align:top;
}
form.map {
	background-color: #eae4ce;
	padding: 5px;
}
.map-holder {
	margin:0 1px 8px;
}
.search {
	border:1px solid #986633;
	overflow:hidden;
	height:1%;
	padding:7px 9px;
}
.search label {
	float:left;
	padding:6px 4px 0 0;
}
.txt {
	width:320px;
	border:0;
	padding:4px 5px;
	margin:0 4px 0 0;
	background:none;
}
.text-input {
	float:left;
	overflow:hidden;
	background:url("images/bg-search.gif") no-repeat;
}
.go-btn {
	float:left;
}
#sidebar {
	width:283px;
	float:right;
	background-color: #eae4ce;
	padding: 0 15px 0 15px;
}
#sidebar .more {
	margin-right: 10px;
}
#sidebar .featured {
	margin: 10px 0 10px 0px;
}
#sidebar .featured .img img {
	width: 280px;
	height: 420px;
	margin-top: 5px;
}
.subscribe-form {
	padding:2px 0 0;
	width:100%;
	overflow:hidden;
	margin:5px 0 46px 0px;
	background: transparent url(images/label_beintheknow.gif) no-repeat 10px 140px;
	height: 200px;
}
.pers-info {
	border:1px solid #9F8E77;
	width:265px;
	margin:0 0 10px 0px;
	background:none;
	color: #9F8E77;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	padding:3px 6px 7px;
}
.submit-btn {
	float: right;
	margin-right: 5px;
	color: #9F8E77;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	background-color: #EAE4CE;
	border: 1px solid #9F8E77;
	height:30px;
}
#info .entry .alignleft {
	width: 270px;
	background: transparent url('images/vert_divider.gif') no-repeat top right;
}
img#map {
	background:#FFFFFF none repeat scroll 0 0;
	margin:10px 0 20px 0;
	padding:15px;
}
.info {
	width:100%;
	margin:0 0 34px;
}
.info p {
	margin: 5px 0px 0px 0px;
	padding:0 0 13px;
}
.info:after {
	display:block;
	clear:both;
	content:"";
}
.beer {
	float:right;
	margin:-5px 0px 0 0;
	position:relative;
}
.beer img {
	display:block;
	padding-right: 8px;
	margin-bottom: 10px;
}
.wrapper-footer {
	height:250px;
	position:relative;
}
#footer {
	background:transparent url('images/bg-footer.gif') no-repeat 0 0;
	height: 250px;
	margin:0 auto;
	padding:17px 20px 38px;
	width:860px;
}
#footer h4 {
	font:22px Georgia, Helvetica, serif;
	color:#851700;
	margin: 0 0 5px 0;
	clear: both;
}
#footer p {
	margin:0 0 15px 0;
}
#footer p a {
	color:#9F8E77;
}
#footer p.fnav {
	text-transform: uppercase;
}
#credits {
	float:right;
	text-align: right;
	width: 300px;
}
#credits p.addy {
	margin: 15px 0px 0px auto;
	text-align:right;
	font-size:14px;
	line-height: 14px;
	float: right;
}
.myspace img {
	float:left;
	margin:0 0 15px 17px;
	display:inline;
}
.facebook img {
	float:left;
	margin:0 0 15px 0px;
	display:inline;
}
/* specials */
.special_set {
	padding: 5px;
	margin: 0 0 5px 20px;
}
.special_item {
	margin: 0 0 10px 20px;
	clear: both;
}
.special_title {
	font-weight: bold;
}
.special_block h4, .event_title h4 a {
	text-transform: capitalize;
	font-size: 22px;
}
.special_block h5 {
	color:#851700;
	font-weight: normal;
	margin: 10px 0px 5px 10px;
}
.special_block {
	margin-bottom: 5px;
	padding: 10px 5px 5px 10px;
}
.row0, .alt {
	background-color: #eae4ce;
}
.event_title {
	float: left;
	width: 320px;
	display:inline;
}
.event_date {
	text-align: right;
	float: right;
	color:#851700;
}
.event_item {
	padding: 5px;
	clear: both;
	min-height: 80px;
}
.event_item p {
/* jlk 8.31.10	float: left; */
clear: both;
}
/* layout utility */
.floatleft, .alignleft {
	float: left;
}
.floatright, .alignright {
	float: right;
}
.aligncenter {
	text-align:center;
}
/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix {
	zoom: 1;
} /* IE6 */
*:first-child+html .clearfix {
	zoom: 1;
} /* IE7 */
/* comments  */
.commentlist {
	list-style-type: none;
}
img.avatar {
	float: left;
	margin-right: 8px;
}
.rating_summary {
	clear: both;
	font-size: 10px;
}
.rating_summary img {
	height: 18px;
}