html
{
	margin: 0;
	padding: 0;
}
body {
	position: relative;
	width: 100%;
	height: 100%;
	font-family: 'RockwellBold', serif;
	font-size: 14px;
	overflow-x: hidden;
	background-image: url('../images/footer_bg.jpg');
	margin: 0;
	padding: 0;
}

.block0, .block1, .block2, .block3, .block4, .block5, .block6, .block7, .block8, .block9, .block10, .block11, .block12, .block13, .block14, .block15, .block16 {/*display: none !important;*/}

a:hover {
	color: #8B232B;
}

div#wrapper
{
	position: relative;
	min-width: 100%;
	min-height: 100%;
}

div#background {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	min-width: 1280px;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	-ms-background-size: 100%;
	background-size: 100%;
	background-repeat: no-repeat;
}

#gradient
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	min-width: 1700px;
	background-image: url(../images/backgrounds/Redhood_background_gradient_2775px.png);
	background-repeat: repeat-x;
	
	width: 100%;
	height: 750px;
}

.page-home #gradient { background-image: url(../images/backgrounds/Redhood_background_gradient_1480px.png) !important; height: 400px !important;}
.page-about #gradient { background-image: url(../images/backgrounds/Redhood_background_gradient_1480px.png) !important; height: 400px !important;}

#homeList
{
	top: 0;
	left: 60% !important;
	width: 700px !important;
}

/* .page-home #footer {display: none !important;} */

#page
{
	min-width: 1065px !important;
	min-height: 500px;
	position: relative;
	z-index: 3;
	margin-bottom: 50px;
}

/** Blog Page **/
.page-blog #page {
	background: url('../images/page_main.png') repeat-y 50px 106px transparent;
	padding: 0 10px 10px 50px;
	width: 1065px;
	margin-bottom: 50px;
	overflow: hidden;
}
.page-happenings #page {
	background: url('../images/happenings_bg.png') no-repeat 50px 0 transparent;
	padding: 15px 10px 10px 60px;
	width: 1065px;
	height: 800px;
}
.page-breweries #page {
	background: url("../images/page_main.png") repeat-y scroll 50px 106px transparent;
	padding: 15px 10px 10px 60px;
	margin-bottom: 50px;
	width: 1065px;
	min-height: 800px;
	overflow: hidden;
}
.page-calendar #page {
	background: url('../images/calendar_bg.png') no-repeat 50px 0 transparent;
	margin: 20px 0 0;
	padding: 15px 10px 10px 60px;
	position: relative;
	width: 1164px;
	height: 720px;
}
/** Event Modals **/
#eventModal {
	width: 450px;
	background: url("../images/page_main.png") repeat-y bottom right transparent;
	position: absolute;	
	z-index: 999;
	padding: 10px;
	display: none;
	-webkit-box-shadow: 0px 0px 5px #050000;
	-moz-box-shadow: 0px 0px 5px #050000;
	box-shadow: 0px 0px 5px #050000; 
    overflow: hidden;
}
ul.events li {
	cursor: pointer;
}
#eventModal .modalTitle {
	color: #be232a;
    font-size: 20px;
	font-family: 'RockwellBold';
	width: 455px;
    background-color: #050000;
    background-color: rgba(201,159,86,.5);
	margin: -10px 0 10px -10px;
    padding: 8px;
}
#eventModal .modalDate, #eventModal .modalAddress, #eventModal .modalPhone, #eventModal .modalCost {
	color: #725b3d;
    font-size: 12px;
	font-family: 'RockwellBold';
	margin: 10px 0;
}
#eventModal .modalText {
    color: #725b3d;
    font-size: 12px;
	font-family: 'RockwellRegular';
	line-height: 14px;
}
#eventModal .modalMap {
	display: block;
	margin-top: 10px;
}
#eventModal .closeModal {
    position: absolute;
    top: 9px;
    right: 10px;
}

/** Individual Beer **/
.individual-beer #page {
	background: url("../images/product_bg3.png") repeat-y scroll 50px 0 transparent;
	padding: 15px 10px 10px 60px;
	width: 1065px;
	height: 800px;
	position: relative;
}

#header {
	background: url('../images/header_bg.png') no-repeat 0 0 transparent;
	height: 147px;
	position: relative;
	z-index: 9;
	min-width: 1700px;
}
#logo {
	position: absolute;
	top: 50px;
	left: 5px;
}
h1, h2 {
	color: #FFF;
}
h1 {
	background: url('../images/h1_bg.png') no-repeat 0 0 transparent;
	text-align: center;
	line-height: 54px;
	font-size: 28px;
	height: 54px;
	width: 241px;
	margin: 20px 0 0 50px;
	text-transform: uppercase;
	text-shadow: 0px 0px 2px #666;
}

#pageTitleContact {
	color: #8b232b;
	line-height: 54px;
	font-size: 30px;
	height: 54px;
	width: 960px;
	margin: 25px 0 0 50px;
	text-transform: uppercase;
	text-shadow: 0px 0px 2px #666;
}

#pageTitleNewsletter {
	color: #8b232b;
	line-height: 54px;
	font-size: 40px;
	height: 54px;
	width: 700px;
	margin: 5px 0 0 50px;
	text-transform: uppercase;
	text-shadow: 0px 0px 2px #666;
}

#pageSubTitleNewsletter
{
	color: #c0232a;
	line-height: 24px;
	font-size: 20px;
	height: 24px;
	width: 700px;
	margin: 0 0 0 50px;
	text-shadow: 0px 0px 2px #666;
}

.page-happenings h1, .page-breweries h1 {
	margin: 10px;
}
a {
	color: #c0232a;
	text-decoration: none;	
}
p, span {
	color: #6b5333;
	line-height: 20px;
}
#age-gate-content p {
	line-height: 60px;
}
.clr {
	clear: both;
}

/** Header background Extension **/
#extension {
	height: 119px;
	position: absolute;
	top: 0;
	left: 1000px;
	right: 0;
	background-color: #000;
	z-index: -1;
	background: url('../images/extension.png') repeat-x 0 0 transparent;
}

/** Inside Header **/
#newsletter {
	position: absolute;
	left: 300px;
	top: 10px;
	width: 420px;
}
#newsletter h3 {
	color: #f1eedc;
	font-size: 12px;
	position: absolute;
	top: 5px;
	left: 0;
	text-transform: uppercase;
	-webkit-transform: rotate(-2deg); 
	-moz-transform: rotate(-2deg);
	-o-transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);
}
#newsletter #signup label {
	background: url('../images/signup.png') no-repeat 0 0 transparent;
	display: block;
	width: 82px;
	height: 37px;
	line-height: 37px;
	color: #412a21;
	text-align: center;
	text-transform: uppercase;
	-webkit-transform: rotate(-1.5deg); 
	-moz-transform: rotate(-1.5deg);
	-o-transform: rotate(-1.5deg);
	-ms-transform: rotate(-1.5deg);
	position: absolute;
	top: 25px;
	left: 0;	
}
#newsletter #signup input#email {
	position: absolute;
	top: 32px;
	left: 90px;
	line-height: 15px;
	text-transform: uppercase;
	background-color: rgba(97,5,12,.19);
	border: none;
	-webkit-box-shadow: inset 0px 0px 3px #050000;
	-moz-box-shadow: inset 0px 0px 3px #050000;
	-o-box-shadow: inset 0px 0px 3px #050000;
	-ms-box-shadow: inset 0px 0px 3px #050000;
	box-shadow: inset 0px 0px 3px #050000;
	color: #6c0209;
	width: 180px;
	height: 15px;
	padding: 5px;
	font-family: 'Dinot', 'Verdana', sans-serif;
	font-size: 16px;
}
#newsletter #signup input#join {
	background: url('../images/join.png') no-repeat 0 0 transparent;
	border: none;
	text-indent: -9999px;
	line-height: 0;
	position: absolute;
	top: 32px;
	left: 285px;
	width: 33px;
	height: 24px;
	cursor: pointer;
}
#newsletter #archiveLink {
	position: absolute;
	top: 35px;
	right: 0;
	color: #f1eedc;
	text-decoration: none;
	text-transform: uppercase;
}
#newsletter #archiveLink:hover {
	color: #8B232B;	
}
#search {
	position: absolute;
	left: 780px;
	top: 39px;
	width: 263px;
	height: 27px;
	background: url('../images/search_bg.png') no-repeat 0 0 transparent;
}
.searchAlt {
	width: 273px;
	height: 27px;
	background: url('../images/search_bg.png') no-repeat 0 0 transparent;
}
#search input, .searchAlt input {
	background: none;
	border: none;
}
#search input#searchTerm, .searchAlt input.searchTerm {
	width: 235px;
	height: 27px;
	line-height: 27px;
	padding-left: 5px;
	text-transform: uppercase;
	color: #9c1e22;
	font-family: 'Dinot', 'Verdana', sans-serif;
	font-size: 16px;
}
#search input#searchForm {
	text-indent: -9999px;
	line-height: 0;
	width: 27px;
	height: 27px;
	padding: 0;
	margin: 0;
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 0;
}
 .searchAlt input.searchForm {
	text-indent: -9999px;
	line-height: 0;
	width: 27px;
	height: 27px;
	padding: 0;
	margin: 0;
	cursor: pointer;
}
#social {
	position: absolute;
	left: 1150px;
	top: 20px;
	width: 139px;
}
#social li {
	display: block;
	float: left;
	padding-bottom: 10px;
}
#social li:first-child {
	padding-left: 8px;
}
#social li:last-child {
	padding-left: 18px;
}
/** Header Nav **/
#nav {
	position: absolute;
	top: 105px;
	left: 200px;
	width: 1000px;
}
#nav li {
	display: block;
	float: left;
	margin: 0 -6px;
}
#nav li a {
	color: #FFF;
	display: block;
	text-decoration: none;
	font-size: 14px;
	line-height: 43px;
	text-align: center;
	background: url('../images/navs/breweries.png') no-repeat 0 -2px transparent;
	width: 153px;
	height: 43px;
	text-transform: uppercase;
	text-shadow: 0px 0px 2px #666;
}
#nav li.happenings a {
	background: url('../images/navs/happenings.png') no-repeat 0 5px transparent;
	width: 147px;
	-webkit-transform: rotate(-1.3deg); 
	-moz-transform: rotate(-1.3deg);
	-o-transform: rotate(-1.3deg);
	-ms-transform: rotate(-1.3deg);
}
#nav li.happenings a:hover, #nav li.happenings a.selected {
	background-position: 0 -35px;
}
#nav li.gallery a {
	background: url('../images/navs/gallery.png') no-repeat 0 0 transparent;
	width: 111px;
	-webkit-transform: rotate(1deg); 
	-moz-transform: rotate(1deg);
	-o-transform: rotate(1deg);
	-ms-transform: rotate(1deg);
}
#nav li.gallery a:hover, #nav li.gallery a.selected {
	background-position: 0 -45px;
}
#nav li.ourBrews a {
	background: url('../images/navs/our_brews.png') no-repeat 0 -3px transparent;
	width: 127px;
	-webkit-transform: rotate(0.3deg); 
	-moz-transform: rotate(0.3deg);
	-o-transform: rotate(0.3deg);
	-ms-transform: rotate(0.3deg);
}
#nav li.ourBrews a:hover, #nav li.ourBrews a.selected {
	background-position: 0 -45px;
}
#nav li.breweries a {
	-webkit-transform: rotate(-1deg); 
	-moz-transform: rotate(-1deg);
	-o-transform: rotate(-1deg);
	-ms-transform: rotate(-1deg);
	margin-top: -6px;
}
#nav li.breweries a:hover, #nav li.breweries a.selected {
	background-position: 0 -45px;
}
#nav li.meetRedhook a {
	background: url('../images/navs/meet_redhook.png') no-repeat 0 0 transparent;
	width: 170px;
	-webkit-transform: rotate(1.3deg); 
	-moz-transform: rotate(1.3deg);
	-o-transform: rotate(1.3deg);
	-ms-transform: rotate(1.3deg);
	margin-top: -5px;
}
#nav li.meetRedhook a:hover, #nav li.meetRedhook a.selected {
	background-position: -1px -43px;
}
#nav li.beerFinder a {
	background: url('../images/navs/beer_finder.png') no-repeat 0 -3px transparent;
	width: 152px;
	-webkit-transform: rotate(0deg); 
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	margin-top: -10px;
}
#nav li.beerFinder a:hover, #nav li.beerFinder a.selected {
	background-position: 0 -46px;
}
#nav li.store a {
	background: url('../images/navs/store.png') no-repeat -3px -4px transparent;
	width: 82px;
	-webkit-transform: rotate(-1.3deg); 
	-moz-transform: rotate(-1.3deg);
	-o-transform: rotate(-1.3deg);
	-ms-transform: rotate(-1.3deg);
	margin-top: -10px;
}
#nav li.store a:hover, #nav li.store a.selected {
	background-position: -3px -46px;
}
#nav li.blog a {
	-webkit-transform: rotate(3deg); 
	-moz-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	margin-left: -5px;
}

/** Bottles **/
#productList {
	width: 1050px;
	overflow: hidden;
	margin-left: 50px;
	padding-bottom: 35px;
}
#productList li {
	display: block;
	position: relative;
	float: left;
	width: 260px;
	height: 350px;
	margin-top: 30px;
	padding-bottom: 20px;
}


#productList li img.beerTab
{
	display: none;
	position: absolute;
	z-index: -1;
	left: 75px;
	top: 0;
}

#productList li:hover img.beerTab {
	display: inline;
}

#productList li:hover h2 a {
	color: #8B232B;
}
#productList li h2 a {
	color: #FFF;
	display: block;
	width: 165px;
	height: 41px;
	line-height: 40px;
	text-decoration: none;
	background: url('../images/beer_name_bg.png') no-repeat 0 0 transparent;
	text-align: left;
	text-indent: 15px;
	text-transform: uppercase;
	font-family: 'Dinot', 'Verdana', sans-serif;
	font-size: 24px;
	-webkit-transform: rotate(-3deg); 
	-moz-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	overflow: visible;
}
#productList li.copperhook h2 a {
	-webkit-transform: rotate(1.5deg); 
	-moz-transform: rotate(1.5deg);
	-o-transform: rotate(1.5deg);
	-ms-transform: rotate(1.5deg);
}
#productList li.ipa h2 a {
	-webkit-transform: rotate(3deg); 
	-moz-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
}
#productList li.winterhook h2 a {
	-webkit-transform: rotate(0deg); 
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
}
#productList li.pilsner h2 a {
	-webkit-transform: rotate(3deg); 
	-moz-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
}
#productList li.wit h2 a {
	-webkit-transform: rotate(0g); 
	-moz-transform: rotate(0);
	-o-transform: rotate(0);
	-ms-transform: rotate(0);
}
#productList li.blueline h2 a {
	-webkit-transform: rotate(-1deg); 
	-moz-transform: rotate(-1deg);
	-o-transform: rotate(-1deg);
	-ms-transform: rotate(-1deg);
}
#productList li p {
	color: #FFF;
	font-size: 60px;
	line-height: 50px;
	font-family: 'Knockout';
	text-transform: uppercase;
}

/** Happenings **/
a#parentLink {
	display: block;
	margin: 40px 0 0 15px;
}
#blog {
	float: left;
	margin: 10px 0 0 10px;
	width: 480px;
	position: relative;
}
#blog ul {
	
}
#blog ul li {
	display: block;
	float: left;
	position: relative;
	border: 4px solid #f1eedc;
	margin: 3px;
}
#blog ul li.first {
	-webkit-transform: rotate(2deg); 
	-moz-transform: rotate(2deg);
	-o-transform: rotate(2deg);
	-ms-transform: rotate(2deg);
}
#blog ul li.second {
	-webkit-transform: rotate(-0.5deg); 
	-moz-transform: rotate(-0.5deg);
	-o-transform: rotate(-0.5deg);
	-ms-transform: rotate(-0.5deg);
}
#blog ul li.third {
	-webkit-transform: rotate(0.8deg); 
	-moz-transform: rotate(0.8deg);
	-o-transform: rotate(0.8deg);
	-ms-transform: rotate(0.8deg);
}
#blog ul li.fourth {
	-webkit-transform: rotate(1.5deg); 
	-moz-transform: rotate(1.5deg);
	-o-transform: rotate(1.5deg);
	-ms-transform: rotate(1.5deg);
}
#blog ul li div {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 204px;
	padding: 8px;
	background-color: rgba(255,255,255,.84);
	font-family: 'Knockout';
}
#blog ul li div h3 {
	color: #373737;
	font-size: 24px;
	text-transform: uppercase;
}
#blog a#blogLink {
	position: absolute;
	bottom: -30px;
	right: 20px;
}
#calendar {
	float: left;
	width: 517px;
	position: relative;
	margin-top: -10px;
	padding-bottom: 10px;
}
.page-happenings h2 {
	font-size: 41px;
	color: #400003;
	margin-bottom: 10px;
	text-transform: uppercase;
	text-indent: 10px;
}
.page-happenings a {
	text-transform: uppercase;
}
#calendar #galleryLink {
	background: url('../images/gallery_link.png') 0 0 transparent;
	width: 201px;
	height: 58px;
	line-height: 58px;
	text-align: center;
	text-transform: uppercase;
	font-size: 16px;
	color: #FFF;
	top: 0;
	right: 0;
	-webkit-transform: rotate(0.5deg); 
	-moz-transform: rotate(0.5deg); 
	-o-transform: rotate(0.5deg); 
	-ms-transform: rotate(0.5deg); 
	text-shadow: 0px 0px 2px #666;
}
#calendar > a {
	position: absolute;
	bottom: 0;
	right: 0;
}
#calendar .date {
	background: url('../images/calendar_date_long.png') 0 0 transparent;
	display: block;
	line-height: 28px;
	width: 200px;
	height: 30px;
	text-indent: 10px;
	color: #FFF;
	font-size: 14px;
}
#calendar ul#dates {
	border-left: 1px solid #c0232a;
	padding-left: 20px;
}
#calendar ul#dates > li {
	border-bottom: 1px solid #89765c;
	margin-bottom: 10px;
	padding-bottom: 8px;
}
#calendar ul.events li {
	font-size: 12px;
	font-family: georgia, serif;
	position: relative;
	width: 500px;
	height: 35px;
	margin: 5px 0;
	padding: 5px;
}
#calendar ul.events li:hover
{
	background-color: #c3ad90;
}
#calendar ul.events li h4 {
	color: #6b5333;
}  
#calendar ul.events li:hover h4, #calendar ul.events li:hover b
{
	color: #6b5333;
}
#calendar ul.events li a {
	position: absolute;
	top: 0;
	left: 200px;
	text-decoration: underline;
	text-transform: uppercase;
}
#calendar ul.events .locate {
	text-align: right;
	position: absolute;
	right: 0; 
	top: 0;
}
#calendar ul.events li b
{
	position: absolute;
	right: 35px;
	bottom: 5px;
}

#calendar ul.events .eventLocation {
    background: none repeat scroll 0 0 transparent;
    font-size: 12px;
    padding-right: 20px;
    text-transform: none;
	float: none !important;
	position: absolute;
	right: 15px;
	top: 5px;
}
#findEvent input#submitZip {
    background: url("../images/go.png") no-repeat scroll left top transparent;
    bottom: -3px;
    height: 26px;
    left: 175px;
    line-height: 0;
    margin-left: 6px;
    position: absolute;
    text-indent: -9999px;
    text-transform: uppercase;
    width: 30px;
}
#calendar ul.events li .event {
    font-size: 12px;
}

/** Calendar Page **/
.page-calendar h1 {
	background: url('../images/h1_calendar.png') 0 0 transparent;
	width: 386px;
	height: 58px;
	line-height: 58px;
	position: absolute;
	left: 95px;
	top: 25px;
	z-index: 1;
}
.page-calendar #page #galleryLink {
	background: url('../images/gallery_link.png') 0 0 transparent;
	width: 201px;
	height: 58px;
	line-height: 58px;
	text-align: center;
	text-transform: uppercase;
	font-size: 16px;
	color: #FFF;
	position: absolute;
	top: 15px;
	right: 40px;
	-webkit-transform: rotate(1deg); 
	-moz-transform: rotate(1deg);
	-o-transform: rotate(1deg);
	-ms-transform: rotate(1deg);
	text-shadow: 0px 0px 2px #666;
}

#polaroid {
	background: url('../images/polaroid.png') 0 0 transparent;
	position: relative;
	top: 50px;
	left: 38px;
	width: 496px;
	height: 552px;
	z-index: 0;
	-webkit-transform: rotate(-1deg); 
	-moz-transform: rotate(-1deg);
	-o-transform: rotate(-1deg);
	-ms-transform: rotate(-1deg);
}

#mapHolder
{
	position: absolute;
	width: 408px;
	height: 370px;
	top: 54px;
	left: 45px;
	z-index: 999;
}

#polaroid img {
	position: absolute;
	display: block;
}

#polaroid .shadow {
	position: absolute;
	width: 408px;
	height: 370px;
	top: 54px;
	left: 45px;
	-webkit-box-shadow: inset 0px 1px 10px #000000;
	-moz-box-shadow: inset 0px 1px 10px #000000;
	-o-box-shadow: inset 0px 1px 10px #000000;
	-ms-box-shadow: inset 0px 1px 10px #000000;
	box-shadow: inset 0px 1px 10px #000000;
}

div#content
{
	position: relative;
	width: 190px;
	height: 85px;
	font-family: helvetica;
	font-size: 12px;
	
	padding: 0;
	margin: 0;
}

div#content img.icon
{
	position: relative;
	padding: 0;
	margin: 0;
	left: 10px;
	top: 15px;
	float: left;
}

div#content p
{
	top: 15px;
	position: relative;
	padding: 0;
	margin: 0 0 0 65px;
}

#polaroid h4 {
	background: url('../images/calendar_event_tab.png') no-repeat 0 0 transparent;
	display: block;
	line-height: 27px;
	height: 30px;
	font-size: 16px;
	color: #FFF;
	position: absolute;
	bottom: 85px;
	right: 65px;
	text-transform: uppercase;
	-webkit-transform: rotate(-3deg); 
	-moz-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
}
#polaroid h4 a {
	background: url('../images/calendar_event_back.png') no-repeat top right transparent;
	font-size: 16px;
	margin-left: 8px;
	padding: 4px 15px 4px 0;
	color: #FFF;
}
#polaroid span {
	position: absolute;
	bottom: 30px;
	right: 30px;
	color: #6b5333;
	text-transform: uppercase;
	max-width: 435px;
}

.prev {
	background: url('../images/previous.png') no-repeat 0 0 transparent; 
	position: absolute;
	left: 80px;
	bottom: 100px;
	display: block;
	width: 117px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	font-size: 21px;
	color: #412a21;
	text-transform: uppercase;
	-webkit-transform: rotate(-1deg); 
	-moz-transform: rotate(-1deg);
	-o-transform: rotate(-1deg);
	-ms-transform: rotate(-1deg);
}

#findEvent {
	position: absolute;
	top: 100px;
	right: 230px;
	width: 320px;
}
#findEvent label {
	color: #6b5333;
	text-transform: uppercase;
	display: block;
	width: 80px;
	font-size: 10px;
	position: absolute;
	bottom: 0;
	left: 0;
}
#findEvent input#zip {
	color: #a31a1e;
	font-family: 'Dinot', 'Verdana', sans-serif;
	background: url('../images/zip.png') no-repeat 0 0 transparent;
	border: 0;
	text-indent: 5px;
	position: absolute;
	bottom: -6px;
	left: 85px;
	width: 93px;
	height: 27px;
	line-height: 27px;
	text-transform: uppercase;
	font-size: 14px;
}
#findEvent input#submitZip {
	position: absolute;
	bottom: -3px;
	left: 175px;
	border: none;
	cursor: pointer;
}
#findEvent select {
	background: url('../images/date_select.png') no-repeat 0 0 transparent;
	border: none;
	position: absolute;
	bottom: -3px;
	right: 0;
	height: 27px;
	width: 102px;
	color: #a31a1e;
	font-family: 'Dinot', 'Verdana', sans-serif;
}
#findEvent select option {
	height: 27px;
	line-height: 27px;
	color: #a31a1e;
	font-family: 'Dinot', 'Verdana', sans-serif;
	text-indent: 5px;
	background-color: #E4E1CE;
}

.page-calendar #calendar {
	position: absolute;
	top: 140px;
	right: 55px;
	overflow-y: auto;
	width: 535px;
}
.page-calendar #calendar ul#dates {
	border: none;
}

.next {
	background: url('../images/next.png') no-repeat 0 0 transparent; 
	position: absolute;
	right: 60px;
	bottom: 100px;
	display: block;
	width: 120px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	font-size: 21px;
	color: #412a21;
	text-transform: uppercase;
	-webkit-transform: rotate(-1deg); 
	-moz-transform: rotate(-1deg);
	-o-transform: rotate(-1deg);
	-ms-transform: rotate(-1deg);
}
/** Scrollbar Stylings **/
#date-select{
    background: url("../images/date_select.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    bottom: -3px;
    color: #A31A1E;
    font-family: 'Dinot', 'Verdana', sans-serif;
    height: 27px;
    position: absolute;
    right: 0;
    width: 102px;
    cursor: pointer;
}
#label{
    position: relative;
    
}
.handle{
    display: block;
    padding: 2px 14px;
    height: 20px;
    overflow:hidden;
}
.choices{
    background: none repeat scroll 0 0 #be232a;
    color: #FFFFFF;
    display: none;
    left: 11px;
    position: absolute;
    top: 24px;
    width: 83px;
    z-index:9999;
}
.choices li{
    cursor: pointer;
    padding: 3px;
    margin: 3px;
}
.choices li:hover{
    background: #fff;
    color: red;
}
#sortDate{display:none;}


#scrollbar1 {
    height: 400px;
    overflow-y: hidden;
    overflow-x: hidden;
    position: absolute;
    right: 55px;
    top: 130px;
    width: 535px;}
#scrollbar1 .viewport { width: 500px; height: 400px; overflow: hidden; position: relative; }
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; }
#scrollbar1 .thumb .end,
#scrollbar1 .scrollbar { position: relative; float: right; width: 15px; }
#scrollbar1 .track { background: url(../images/scroll-bg.gif) top center repeat-y; height: 100%; width:13px; position: relative; padding: 0 1px; }
#scrollbar1 .thumb { background: url(../images/scroll-slider.gif) top center repeat-y; height: 20px; width: 13px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#scrollbar1 .thumb .end { background: url(../images/scroll-slider.gif) bottom center no-repeat; overflow: hidden; height: 5px; width: 13px; position: absolute; bottom: 0;}
#scrollbar1 .disable{ display: none; }
#scrollbar1 h5{ padding-left: 20px; font-size: 26px; }

.page-calendar #calendar ul#dates{margin-top: 20px;}


#pageTop {
	background: url('../images/page_top.png') no-repeat 0 0 transparent;
	width: 1065px;
	height: 106px;
	overflow: visible;
	padding-top: 5px;
}
.page-blog h1 {
	background: url('../images/h1_blog.png') no-repeat 0 0 transparent;
	width: 333px;
	height: 57px;
	line-height: 57px;
}

.page-blog #page .postContent
{
	float: left;
	width: 458px;
	height: 197px;
	border-bottom: 1px solid #6b5333;
	padding: 10px 0 0;
	position: relative;
}

.page-blog #blogLatest p
{
	font-size: 13px;
	font-family: georgia, serif;
}

.page-blog #blogLatest p strong {
	font-weight: bolder;
}

.page-blog #blogLatest p em {
	font-style: italic;
}

.page-blog #blogLatest p
{
	padding: 5px 0;
	clear: both;
}

.page-blog #blogLatest dl
{
	margin: 10px 0;
}

.page-blog #blogLatest dl dd
{
	text-align: left;
	padding: 3px 0 20px;
}

.page-blog #page .postContent a.more
{
	position: absolute;
	right: 0;
	bottom: 10px;
}

.page-blog #page img 
{
	float: left;
	padding: 10px;
	background-color: #f5edda;
	margin: 10px 15px 10px 10px;
	-webkit-box-shadow: 0px 0px 5px #666;
	-moz-box-shadow: 0px 0px 5px #666;
	-o-box-shadow: 0px 0px 5px #666;
	-ms-box-shadow: 0px 0px 5px #666;
	box-shadow: 0px 0px 5px #666;
}

.single-blog #page img {
	float: none;
}

.page-blog #page div.wp-caption  
{
	padding: 10px;
	background-color: #f5edda;
	margin: 10px 15px 10px 0;
	-webkit-box-shadow: 0px 0px 5px #666;
	-moz-box-shadow: 0px 0px 5px #666;
	-o-box-shadow: 0px 0px 5px #666;
	-ms-box-shadow: 0px 0px 5px #666;
	box-shadow: 0px 0px 5px #666;
	text-align: center;
}

.page-blog #page div.wp-caption img 
{
	float: none;
	padding: 0;
	padding-left: 5px;
	margin: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	-ms-box-shadow: none;
	box-shadow: none;
}

.page-blog #page img.aligncenter, .page-blog #page div.aligncenter {
	clear: both;
	margin: 0 auto;
}

.page-blog #blogLatest p.wp-caption-text {
	font-size: 10px;
}

.page-blog #page #blogSidebar img {
	float: none;
}

#blogSidebar img {
	padding: 10px;
	background-color: #f5edda;
	margin: 10px 15px 10px 10px;
	-webkit-box-shadow: 0px 0px 5px #666;
	-moz-box-shadow: 0px 0px 5px #666;
	-o-box-shadow: 0px 0px 5px #666;
	-ms-box-shadow: 0px 0px 5px #666;
	box-shadow: 0px 0px 5px #666;
}

.single-blog #page img
{
	float: none;
	display: block;
	margin: 10px 15px 10px 0;
}

#blogSidebar {
	float: right;
	width: 250px;
	margin-right: 40px;
	padding: 15px;
	background-color: rgb(255,255,255);
	background-color: rgba(255,255,255,.63);
}
#blogSidebar li {
	margin: 10px 0 30px;
}

#blogSidebar ul ul {
	margin-left: 10px;
}
#blogSidebar li ul li{
	margin: 3px 0;
}

#blogSidebar h3 {
	background: url('../images/h3_sidebar.png') no-repeat 0 0 transparent;
	line-height: 53px;
	text-indent: 20px;
	margin: 15px 0 15px -10px;
	width: 208px;
	height: 46px;
	-webkit-transform: rotate(-3deg); 
	-moz-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	text-shadow: 0px 0px 2px #666;
	text-transform: uppercase;
	color: #FFF;
}
#blogSidebar img {
	margin: 10px 0;
}
.vintageLink
{
	display: block;
	margin: 0;
}
#blogSearch {
	background: url('../images/blog_search.png') no-repeat 0 0 transparent;
	line-height: 27px;
	width: 246px;
	height: 27px;
	position: relative;
	margin: 10px 0 40px;
}
#blogSearch input#blogSearchBtn {
	cursor: pointer;
    height: 27px;
    margin: 0;
    padding: 0;
    position: absolute;
    background: none;
    border: none;
    right: 0;
    text-indent: -9999px;
    line-height: 0;
    top: 0;
    width: 27px;
}
#blogSearch input#blogSearchBox {
	color: #8f7a5a;
	text-transform: uppercase;
	font-size: 16px;
	border: none;
	position: absolute;
	top: 0;
	left: 0;
	padding: 0;
	background: url('../images/blog_search.png') no-repeat 0 0 transparent;
	line-height: 27px;
	text-indent: 5px;
	font-family: 'Dinot', 'Verdana', sans-serif;
	width: 215px;
	height: 27px;
}
#blogLatest {
	float: left;
	padding-left: 20px;
}
.page-blog #blogLatest {
	width: 680px;
}
#blogLatest > div 
{
	clear: left;
	margin: 20px 0 20px 0;
}
#blogLatest div span {
	display: block;
	text-transform: uppercase;
	margin: 10px 0;
}
#blogLatest div.postTitle h3 {
	background: url('../images/title_back.png') no-repeat top right transparent;
	color: #FFF;
	display: inline;
	font-size: 18px;	
	font-weight: normal;
	height: 33px;
	margin: 0;
	padding: 5px 25px 7px 0;
	line-height: 31px;
}
#blogLatest div.postTitle {
	background: url('../images/title_tab.png') no-repeat 0 0 transparent;
	padding-left: 15px;
	clear: both;
	height: 33px;
}

/** Breweries Page **/
.brewery .book {
	position: absolute;
	top: 4px; 
	right: 0;
}
#booking-select {
	cursor: pointer;
	width: 118px;
}
#booking-select .handle {
	background: url('../images/booking_primary.png') no-repeat 0 0 transparent;
	font-size: 10px;
	width: 156px;
	height: 33px;
	margin: 0;
	padding: 0 0 0 6px;
	line-height: 33px;
	color: #a31a1e;
	text-transform: uppercase;
}
#booking-select .choices {
	width: 118px;
	margin: 0;
	padding: 0;
	top: 33px;
	left: 0;
}
#booking-select .choices li {
	padding: 0 0 0 3px;
	margin: 0;
	
}
#booking-select li ul li {
	background: url('../images/booking_secondary.png') no-repeat 0 0 transparent;
	font-size: 10px;
	width: 156px;
	height: 42px;
}
#booking-select li ul li a {
	color: #e2dfcc;
	display: block;
	width: 118px;
	height: 32px;
	line-height: 42px;
	padding-left: 6px;
	text-transform: uppercase;
}
#booking-select li ul li a:hover {
	text-decoration: underline;
}
#booking-select .choices {
	background: none;
}
.page-breweries h1 {
	background: url('../images/h1_breweries.png') no-repeat 0 0 transparent;
	width: 269px;
	height: 55px;
}
div.brewery {
	width: 480px;
	margin-top: 50px;
	float: left;
	padding: 10px;
	color: #400003;
	position: relative;
}
.brewery p {
	font-size: 12px;
	font-family: georgia, serif;
}

div.brewery img {
	border: 4px solid #f1eedc;
	-webkit-box-shadow: 0px 0px 5px #666;
	-moz-box-shadow: 0px 0px 5px #666;
	-o-box-shadow: 0px 0px 5px #666;
	-ms-box-shadow: 0px 0px 5px #666;
	box-shadow: 0px 0px 5px #666;
	margin: 0 5px;
}
div.brewery h2 a{
	color: #400003;
	font-size: 36px;
	text-transform: uppercase;
	text-shadow: 0px 0px 2px #666;
}
.brewery div.upcoming {
	border-top: 1px solid #a21a1d;
	border-bottom: 1px solid #a21a1d;
	padding: 30px 0 5px;
	position: relative;
}
.brewery .upcoming a {
	position: absolute;
	top: 5px;
	right: 0;
}
.brewery .upcoming h3 {
	font-size: 24px;
	color: #a21a1d;
	text-transform:  uppercase;
}
.brewery a.book {
	position: absolute;
	top: 4px; 
	right: 0;
	color: #FFF;
	background: url('../images/book_btn.png') no-repeat 0 0 transparent;
	height: 32px;
	line-height: 32px;
	width: 146px;
	text-align: center;
}
.brewery h4 {
	color: #891c24;
	font-size: 18px;
	margin-top: 15px;
}
.brewery #breweryInfo p {
	margin-top: 15px;
}
#breweryInfo p.address {
	width: 250px;
	cursor: pointer;
}
div.brewery > a {
	font-size: 12px;
	margin-top: 8px;
	float: right;
	text-transform: uppercase;
}

/** Brewery Individual **/
.page-brewery #page {
	background: url('../images/page_main.png') repeat-y 50px 106px transparent;
	padding: 0 10px 50px 50px;
	width: 1065px;
	margin-bottom: 50px;
	overflow: hidden;
}
.page-brewery h1 {
	background: url('../images/h1_breweries.png') no-repeat 0 0 transparent;
	width: 269px;
	height: 55px;
}
.individual-brewery #breweryInfo {
	float: left;
	position: relative;
	width: 650px;
}
.individual-brewery #breweryInfo div {
	position: relative;
}
.individual-brewery .brewery {
	width: 950px;
	margin: 0 50px;
}
.individual-brewery .brewery img {
	display: block;
	margin: 0 auto;
}
.individual-brewery h2 {
	color: #400003;
	font-size: 36px;
	text-transform: uppercase;
	text-shadow: 0px 0px 2px #666;
	margin-top: 20px;
}
.individual-brewery #page h3 {
	color: #ae1a1f;
	font-size: 18px;
	margin-top: 15px;
	margin-bottom: -15px;
}
.red {
	color: #ae1a1f;
}
span.red {
	display: block;
	margin-top: 15px;
}
#brewGallery {
	float: right;
	width: 250px;
	position: relative;
}
#brewGallery div {
	margin: 10px 0;
	overflow: hidden;
}
#brewGallery img {
	display: block;
	float: left;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	-ms-box-shadow: none;
	box-shadow: none; 
	margin: 8px;
	border-bottom-width: 25px;
}
.viewLink {
	display: block;
	font-size: 12px;
	text-align: right;
	text-transform: uppercase;
}
#brewGallery .upcoming h3 {
	font-family: 'Dinot', 'Verdana', sans-serif;
	font-weight: normal;
	margin: 0;
}

/** Home Page **/
.page-home h2 {
	text-transform: uppercase;
	font-size: 60px;
	font-family: 'Knockout';
	color: #efe2c2;	
	color: rgba(239,226,194,.7);
	width: 300px;
	position: absolute;
	top: 350px;
	left: 400px;
	margin-right: 20px;
	line-height: 50px;
}
.page-home #background {
	position: absolute;
}
.page-home #page {
	margin-top: 20px;
	margin-bottom: 0px !important;
}
#homeList {
	position: absolute;
	left: 750px;
	width: 675px;
	overflow: hidden;
	padding-bottom: 100px;
}
#homeList li {
	display: block;
	width: 208px;
	height: 208px;
	float: left;
	margin: 4px;
	position: relative;
	background-color: #F5EDDA !important;
}
#homeList li.first {
	-webkit-transform: rotate(-1.2deg); 
	-moz-transform: rotate(-1.2deg);
	-o-transform: rotate(-1.2deg);
	-ms-transform: rotate(-1.2deg);
	z-index: 3;
}
#homeList li.second {
	-webkit-transform: rotate(1deg); 
	-moz-transform: rotate(1deg);
	-o-transform: rotate(1deg);
	-ms-transform: rotate(1deg);
	z-index: 2;
}
#homeList li.third {
	-webkit-transform: rotate(2deg); 
	-moz-transform: rotate(2deg);
	-o-transform: rotate(2deg);
	-ms-transform: rotate(2deg);
	z-index: 1;
}
#homeList li:last-child {
	-webkit-transform: rotate(-0.8deg); 
	-moz-transform: rotate(-0.8deg);
	-o-transform: rotate(-0.8deg);
	-ms-transform: rotate(-0.8deg);
}
#homeList li.event {
	-webkit-transform: rotate(-3deg); 
	-moz-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
}
#homeList li.twitter {
	-webkit-box-shadow: 0px 0px 5px #666;
	-moz-box-shadow: 0px 0px 5px #666;
	-o-box-shadow: 0px 0px 5px #666;
	-ms-box-shadow: 0px 0px 5px #666;
	box-shadow: 0px 0px 5px #666;
	background-color: #f1eedc !important;
	-webkit-transform: rotate(-1.2deg); 
	-moz-transform: rotate(-1.2deg);
	-o-transform: rotate(-1.2deg);
	-ms-transform: rotate(-1.2deg);
}	
#homeList li.gallery {
	-webkit-transform: rotate(1deg); 
	-moz-transform: rotate(1deg);
	-o-transform: rotate(1deg);
	-ms-transform: rotate(1deg);
}
#homeList li img {
	border: 4px solid #f1eedc;
	-webkit-box-shadow: 0px 0px 5px #666;
	-moz-box-shadow: 0px 0px 5px #666;
	-o-box-shadow: 0px 0px 5px #666;
	-ms-box-shadow: 0px 0px 5px #666;
	box-shadow: 0px 0px 5px #666;
	position: relative;
}
#homeList li span {
	position: absolute;
	top: 10px;
	right: -8px;
	color: #FFF;
	text-transform: uppercase;
	padding: 5px 15px 5px 10px;
	z-index: 99;
}
#homeList li span div {
	position: absolute;
	bottom: -8px;
	right: 0;
	width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent; 
	border-left: 4px solid transparent;
    border-right: 4px solid transparent;
}

#homeList li span div a {

}
#homeList li.blog span {
	background-color: #bf232a; 
} 
#homeList li.blog span div, #homeList li.gallery span div {
	border-top-color: #770107;
	border-left-color: #770107;
}
#homeList li.twitter span.tab {
	background-color: #02467d; 
} 
#homeList li.twitter span.tab div {
	border-top-color: #033156;
	border-left-color: #033156; 
} 
#homeList li.gallery span {
	background-color: #f38f2d; 
}  
#homeList li.event span {
	background-color: #b39715; 
} 
#homeList li.event span div {
	border-top-color: #767703;
	border-left-color: #767703; 
} 
#homeList li.beer span div {
	border-top-color: #767703;
	border-left-color: #767703; 
} 
#homeList li.news span div {
	border-top-color: #961E20;
	border-left-color: #961E20; 
} 
#homeList li.sweeps span div {
	border-top-color: #333;
	border-left-color: 333; 
} 
#homeList li.sweeps span {
	background-color: #666; 
} 
#homeList li > div {
	position: absolute;
	bottom: 4px;
	left: 4px;
	width: 184px;
	padding: 8px;
	background-color: #FFF;
	background-color: rgba(255,255,255,.84);
}
#homeList li div h3 {
	color: #373737;
	text-transform: uppercase;
	font-family: 'Knockout';
	font-size: 28px;
}
#homeList li div a {
	text-transform: uppercase;
}
#homeList li.event div a {
	color: #b39715;
}
#homeList li.twitter div a {
	color: #02467D;
}
#homeList li.sweeps div a {
	color: #333;
}
#homeList li.twitter ul
{
	width: 188px;
	margin: 10px 0;
}
#twitterBox { overflow-y: hidden; height: 180px; overflow-x: hidden; background-color: #FFFFFF !important;}
#twitterBox .viewport { height: 180px; overflow: hidden; position: relative; }
#twitterBox .overview { list-style: none; position: absolute; left: 0; top: 0; }
#twitterBox .thumb .end,
#twitterBox .scrollbar { position: relative; float: right; width: 15px; }
#twitterBox .track { background: url(../images/scroll-bg.gif) top center repeat-y; height: 100%; width:13px; position: relative; padding: 0 1px; }
#twitterBox .thumb { background: url(../images/scroll-slider.gif) top center repeat-y; height: 40px; width: 13px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#twitterBox .thumb .end { background: url(../images/scroll-slider.gif) bottom center no-repeat; overflow: hidden; height: 5px; width: 13px; position: absolute; bottom: 0;}
#tweetScroller li 
{
	margin: 10px 0;
	float: none !important; 
	width: 170px;
}

#tweetScroller li a
{
	font-size: 10px;
	display: block;
}

#tweetScroller li a.profile
{
	display: block;
	margin-top: 5px;
}

#homeList li.twitter ul li
{
	height: auto;
	font-family: georgia, serif;
	font-size: 12px;
	line-height: 14px;
	background-color: #FFFFFF !important;
}

#homeList li.twitter ul li a.age
{
	font-family: arial;
	font-size: 8px;
	padding: 0;
	color: #000000;
}

#homeList li.twitter ul li a
{
	color: #bf232a;
}

#homeList li.gallery div a {
	color: #F38F2D;
}

.individual-beer #beerTitle {
	background: url('../images/beer_title_tab.png') no-repeat 0 0 transparent;
	height: 91px;
	position: absolute;
	padding-left: 93px;
	left: 520px;
	top: 40px;
	-webkit-transform: rotate(-3.5deg); 
	-moz-transform: rotate(-3.5deg);
	-o-transform: rotate(-3.5deg);
	-ms-transform: rotate(-3.5deg);
	z-index: 19;
}
.individual-beer #beerTitle h1 {
	background: url('../images/beer_title_back.png') no-repeat top right transparent;
	padding: 0 30px 0 0;
	margin: 0;
	text-indent: -60px;
	height: 91px;
	font-size: 100px;
	font-family: 'Knockout';
	color: #8b232b;
	text-align: left;
	width: auto;
	line-height: 100px;
}

.individual-beer #beerTitle h1.large
{
	background-image: none;
	text-indent: 0px;
	height: auto;
}

.individual-beer-large #beerTitle {
	background: url('../images/beer_title_back_large.png') no-repeat top right transparent;
	width: 300px;
	height: 190px;

}

#beerTagline {
	background: url('../images/tagline_tab.png') no-repeat 0 0 transparent;
	height: 91px;
	font-size: 12px;
	padding-bottom: 15px;
	text-transform: uppercase;
	position: absolute;
	left: 550px;
    top: 140px;
    -webkit-transform: rotate(-3.5deg); 
	-moz-transform: rotate(-3.5deg);
	-o-transform: rotate(-3.5deg);
	-ms-transform: rotate(-3.5deg);
}

#beerTagline h3 {
	background: url('../images/tagline_back.png') no-repeat top right transparent;
	margin-left: 12px;
  padding: 8px 15px 27px 5px;
	max-width: 330px;
}

.individual-beer #beerTitle h6
{
	display: inline;
	padding: 0;
	margin: 0;
	text-indent: -60px;
	height: 91px;
	font-size: 20px;
	font-family: 'Knockout';
	color: #8b232b;
	text-align: right;
	width: auto;
	line-height: 20px;
}
#sixpack {
	position: absolute;
	left: 105px;
	top: 330px;
}
#bottle {
	position: absolute;
	left: 420px;
	top: 205px;
	z-index: 999;
}
#beerLinks {
	position: absolute;
	top: 200px;
	left: 250px;
	text-transform: uppercase;
	width: 255px;
	z-index: 888;
}
#gfx
{
	position: absolute;
	top: 170px;
	right: 27px;
	z-index: 1;
}
#gfxSeasonal
{
	position: absolute;
	top: 150px;
	right: 27px;
	z-index: 1;
}


#beerLinks li {
	border-bottom: 1px solid #a02f3f;
	color: #a02f3f;
	font-family: 'Knockout';
	font-size: 18px;
	padding-top: 5px;
}
#beerLinks li a {
	color: #a02f3f;
}
#beerLinks li:hover a {
	color: #8B232B;
}
#flavor {
	position: absolute;
	top: 200px;
	left: 100px;
	padding-right: 35px;
}
#beerSpecs {
	position: absolute;
	right: 40px;
	top: 210px;
	width: 485px;
	z-index: 1;
}
#beerSpecs p, #beerSpecs div
{
	color: #400003;
	font-size: 13px;
	line-height: 22px;
}

#beerSpecs p
{
	font-family: georgia, serif;
}

#beerSpecs dl {
	border-top: 1px solid #a02f3f;
	padding: 20px 0 0 50px;
	margin: 20px 0 0 -50px;
}
#beerSpecs dt {
	float: left;
	display: block;
	width: 190px;
	font-size: 16px;
	line-height: 18px;
	text-transform: uppercase;
	color: #910b11;
	margin-top: 5px;
}
#beerSpecs dd { 
	float: left;
	display: block;
	width: 285px;
	line-height: 18px;
	color: #400003;
	font-size: 12px;
	margin-top: 5px;
	font-family: georgia, serif;
}
#beerSpecs dt.medals {
	width: 85px;
}
#beerSpecs dd.medals {
	width: 400px;
}

/** Page Not Found **/
#error404 {
	width: 680px;
	margin: 55px 400px;
}
#error404 h1 {
	background: url('../images/404.png') no-repeat 0 0 transparent;
	width: 469px;
	height: 140px;
	margin-left: 100px;
	font-family: 'Knockout';
	font-size: 120px;
	text-align: center;
	padding-top: 50px;
}
#error404 h1 span {
	display: block;
	font-size: 46px;
	color: #6b0209;
	line-height: 60px;
	letter-spacing: 12px;
}
#error404 p {
	font-size: 40px;
	line-height: 40px;
	color: #FFF;
	font-family: 'Knockout';
	text-align: center;
	text-transform: uppercase;
	text-shadow: 0px 0px 2px #666;
}

/** Gallery **/
.page-gallery h1 {
	background: url('../images/h1_gallery.png') no-repeat 0 0 transparent;
	width: 239px;
	height: 59px;
	line-height: 59px;
}
.page-gallery #page {
	background: url('../images/page_main.png') repeat-y 50px 106px transparent;
	padding: 0 10px 10px 50px;
	width: 1065px;
	overflow: hidden;
}
.page-gallery #blogLatest {
	width: 780px;
}
.page-gallery #blogSidebar ul li a {
	font-size: 18px;
}
.page-gallery #blogSidebar ul li ul li a {
	font-size: 14px;
}
.page-gallery #blogLatest div.postTitle h3 {
	display: block;
	width: 400px;
	line-height: 23px;
	text-indent: 12px;
}
.album {
	background: url('../images/album_back.png') no-repeat -10px -10px transparent;
	width: 250px;
	height: 180px;
	padding: 5px 0 0 5px;
	margin:  20px 0;
	-webkit-transform: rotate(-2deg); 
	-moz-transform: rotate(-2deg);
	-o-transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);
	float: left;
}
.album:hover h4 {
	color: #8B232B;
}
.album a {
	display: block;
	background-color: #FFF;
	padding: 6px;
	width: 200px;
	height: 170px;
	-webkit-box-shadow: 0px 0px 5px #CCC;
	-moz-box-shadow: 0px 0px 5px #CCC;
	-o-box-shadow: 0px 0px 5px #CCC;
	-ms-box-shadow: 0px 0px 5px #CCC;
	box-shadow: 0px 0px 5px #CCC;
	-webkit-transform: rotate(2deg); 
	-moz-transform: rotate(2deg);
	-o-transform: rotate(2deg);
	-ms-transform: rotate(2deg);
}
.album h4 {
	color: #6b5333;
	font-size: 12px;
}
#blogLatest .album span {
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #a6a6a6;
	text-transform: none;
}
.page-gallery #blogSidebar {
	margin-top: 35px;
	width: 195px;
}
#imgSearch {
	background: url('../images/image_search.png') no-repeat 0 0 transparent;
	line-height: 27px;
	width: 171px;
	height: 27px;
	position: relative;
}
#imgSearch input#imgSearchBtn {
	cursor: pointer;
    height: 27px;
    margin: 0;
    padding: 0;
    position: absolute;
    background: none;
    border: none;
    right: 0;
    text-indent: -9999px;
    line-height: 0;
    top: 0;
    width: 27px;
}
#imgSearch input#imgSearchBox {
	color: #8f7a5a;
	text-transform: uppercase;
	font-size: 16px;
	background: none;
	border: none;
	position: absolute;
	top: 0;
	left: 0;
	padding: 0;
	line-height: 27px;
	text-indent: 5px;
	font-family: 'Dinot', 'Verdana', sans-serif;
	width: 145px;
	height: 27px;
}

.imgGallery {
	float:left;
	display:inline;
	margin:20px 20px 20px 0;
}

.imgGallery a {
	display: block;
}

.imgGallery img {
	border: 8px solid #FFF;
	-webkit-box-shadow: 0px 0px 5px #666;
	-moz-box-shadow: 0px 0px 5px #666;
	-o-box-shadow: 0px 0px 5px #666;
	-ms-box-shadow: 0px 0px 5px #666;
	box-shadow: 0px 0px 5px #666;
}
/** Lightbox **/
#lightBoxPhoto {
	background-color: #050000;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
}

.loader
{
	position: absolute;
	top: 150px;
	left: 217px;
	z-index: 99;
}

#lightbox {
	position: fixed;
	z-index: 100;
	top: 30px;
	left: 160px;
	/*width: 500px;
	height: 330px;*/
	min-height: 200px;
	background-color: #FFF;
	padding: 8px;
	-webkit-box-shadow: 0px 0px 5px #666;
	-moz-box-shadow: 0px 0px 5px #666;
	-o-box-shadow: 0px 0px 5px #666;
	-ms-box-shadow: 0px 0px 5px #666;
	box-shadow: 0px 0px 5px #666;
}
#closePhoto, #flightbox-close {
	position: absolute;
	display: block;
	background-color: #FFF;
	color:#B71A2D;
	font-size: 18px;
	padding: 5px;
	right: 0;
	bottom: 0;
	width: 18px;
	height: 18px;
	cursor: pointer;
}
#flightbox-next, #nextPhoto {
	position: absolute;
	display: block;
	background-color: #B71A2D;
	color: #FFF;
	top: 20%;
	right: -8px;
	color: #FFF;
	text-transform: uppercase;
	padding: 8px 15px 8px 10px;
	outline: none;
	height:auto;
}
#flightbox-next div, #nextPhoto div {
	position: absolute;
	bottom: -8px;
	right: 0;
	width: 0;
    height: 0;
    border-top: 4px solid #770107;
    border-bottom: 4px solid transparent; 
	border-left: 4px solid #770107;
    border-right: 4px solid transparent;
}
#flightbox-prev, #lastPhoto {
	position: absolute;
	display: block;
	background-color: #B71A2D;
	color: #FFF;
	top: 20%;
	left: -8px;
	color: #FFF;
	text-transform: uppercase;
	padding: 8px 10px 8px 15px;
	outline: none;
	height:auto;
}
#flightbox-prev div, #lastPhoto div {
	position: absolute;
	bottom: -8px;
	left: 0;
	width: 0;
    height: 0;
    border-top: 4px solid #770107;
    border-bottom: 4px solid transparent; 
	border-left: 4px solid transparent;
    border-right: 4px solid #770107;
}

/** Search Results Page **/
.page-search #page {
	background: url('../images/page_main.png') repeat-y 50px 106px transparent;
	padding: 0 10px 10px 50px;
	width: 1065px;
	margin-bottom: 50px;
	overflow: hidden;
}
.page-search h1 {
	background: url('../images/h1_calendar.png') 0 0 transparent;
	width: 386px;
	height: 58px;
	line-height: 58px;
}
.page-search #page #searchTerm {
	margin-left: 200px;
}
.page-search #searchTerm h4 {
	font-size: 18px;
	color: #a31a1e;
}
.page-search #searchTerm span {
	color: #412a21;
}
#searchFilter {
	float: left;
	padding: 15px;
	margin: 20px 0 0 20px;
	background-color: #FFF;
	background-color: rgba(255,255,255,.63);
	width: 100px;
}
#searchFilter li {
	margin: 5px 0;
}
#searchFilter span {
	color: #a82728;
	font-size: 14px;
	border-bottom: 1px solid #a82728;
}
#searchFilter a {
	color: #412a21;
	font-size: 12px;
}
#searchFilter a.currentFilter, #searchFilter a:hover {
	color: #a31a1e;
}
#searchResults {
	min-height:147px;
	width: 550px;
	border-left: 1px solid #8d2830;
	margin-left: 150px;
	margin-top: 20px;
	padding-left: 30px;
	position: relative;
	left: 20px;
	z-index: 10;
}
#searchResults li {
	margin: 15px 0;
}
#searchResults p, #searchResults a {
	color: #412a21;
	font-size: 12px;
}
#searchResults a.title {
	font-size: 18px;
	text-decoration: underline;
}
#searchResults p span, #searchResults a span {
	color: #a31a1e;
}
#searchResults span.date {
	float: right;
}
#searchResults a.resultInfo {
	color: #a31a1e;
}

/** Splash Page **/
.page-splash h1 {
	background: none;
	font-size: 71px;
	font-family: 'Knockout';
	width: 400px;
	text-align: left;
	position: relative;
	top: -250px;
	left: 400px;
}
#rhUpdate {
	position: absolute;
	width: 800px;
	top: 20px;
	left: 750px;
}
#rhUpdate p {
	position: relative;
	left: 450px;
	top: -100px;
	font-family: 'Rockwell';
	font-size: 18px;
	color: #FFF;
	text-transform: uppercase;
	margin-bottom: 40px;
}
#rhUpdate p span {
	text-transform: none;
	color: #FFF;
}
#rhUpdate p.oldsite {
	font-family: 'Knockout';
}
#rhUpdate p.oldsite a {
	display: block;
	background: url('../images/oldsite.png') no-repeat 0 0 transparent;
	width: 219px;
	height: 45px;
	text-align: center;
	color: #FFF;
	font-family: 'Rockwell';
	font-size: 28px;
	line-height: 45px;
}
/** Gate Pages **/
#gateWrapper {
	background: url("../images/backgrounds/Redhook-Background_gate_2560px.jpg") repeat 0 0 #b7ae9c;
	width: 100%;
	height: 9999px;
	position: absolute;
	z-index: 999;
	top: 0;
	left: 0;		
}
.gate {
	width: 800px;
	margin: 0 auto;
	text-align: center;
	margin-top: 100px;
	font-family: 'Knockout';
	font-size: 40px;
	text-shadow: 0px 0px 2px #666;
}
.gate img {
	position: relative;
	margin: 0 auto;
	width: 349px;
}
.gate h2 {
	position: relative;
	left: 0;
	top: 0;
	margin: 25px auto;
	width: 800px;
	color: #FFF;
}
.gate h3 {
	background: url('../images/gate_tab.png') no-repeat 0 0 transparent;
	width: 328px;
	height: 99px;
	margin: 0 auto;
	font-size: 21px;
	color: #FFF;
	padding-top: 10px;
	position: relative;
	font-family: 'RockwellBold';
}
.gate a.yes {
	text-transform: uppercase;
	display: block;
	position: absolute;
	bottom: 15px;
	left: 85px;
	color: #6b0004;
	font-family: 'Knockout';
	font-size: 40px;
}
.gate span.or {
	text-transform: uppercase;
	display: block;
	position: absolute;
	bottom: 25px;
	left: 150px;
	color: #FFF;
	font-family: 'Knockout';
	font-size: 24px;
	border-bottom: 3px solid #FFF;
}
.gate a.no {
	text-transform: uppercase;
	display: block;
	position: absolute;
	bottom: 15px;
	right: 100px;
	color: #6b0004;
	font-family: 'Knockout';
	font-size: 40px;
}

#rhUpdate img {
	/*position: absolute;
		top: 0;
		left: 0;*/
	
}

/** Browser Message **/
.gate h2 span {
	display: block;
	font-size: 24px;
	color: #FFF;
}
.browserBlock {
	background: url('../images/browser_back.png') no-repeat 0 0 transparent;
	width: 203px;
	height: 144px;
	margin: 0 auto;
	text-align: center;
	text-transform: uppercase;
}
.browserBlock h3 {
	background: none;
	width: auto;
	height: auto;
	text-decoration: underline;
	font-size: 24px;
	padding-top: 10px;
}
.browserBlock li {
	font-size: 20px;
	text-align: left;
	padding-left: 30px;
	line-height: 25px;
	margin-left: 10px;
	background: url('../images/browsers.png') no-repeat 0 0 transparent;
}
.browserBlock li a {
	color: #FFF;
}
.browserBlock li a:hover {
	color: #5f060c;
}
.browserBlock li.firefox {
	background-position: 0 -29px; 
}
.browserBlock li.chrome {
	background-position: 0 -84px; 
}
.browserBlock li.ie {
	background-position: 0 -56px; 
}

/** Contact Page **/
.page-contact #page {
	background: url('../images/page_main.png') repeat-y 50px 106px transparent;
	padding: 0 10px 10px 50px;
	width: 1065px;
	margin-bottom: 50px;
	overflow: hidden;
}
.page-contact .brewery {
	width: 950px;
	margin: 0 50px;
}
.page-contact h1 {
	background: url('../images/h1_breweries.png') no-repeat 0 0 transparent;
	width: 269px;
	height: 55px;
}
#map {
	float: right;
}
#contactInfo {
	float: left;
	width: 500px;
	margin-right: 40px;
}
.page-contact .brewery h2 {
	color: #c0232a;
	font-size: 24px;
	text-shadow: none;
	filter: none; 
	margin: 10px 0;
}
.page-contact .brewery p {
	margin: 10px 0;
	color: #400003;
}
.page-contact iframe {
	-moz-box-shadow: 0 0 5px #666666;
    border: 4px solid #F1EEDC;
    margin: 0 5px;
}
.page-contact .brewery p span {
	display: block;
	color: #c0232a;
}
.location {
	background: url('../images/locate.png') no-repeat 0 0 transparent;
	float: right;
	color: #FFF;
	width: 95px;
	height: 20px;
	font-size: 9px;
	line-height: 20px;
	text-align: center;
	text-transform: uppercase;
}
.donate {
	background: url('../images/donation_btn.png') no-repeat 0 0 transparent;
	width: 171px;
	height: 32px;
	text-align: center;
	text-transform: uppercase;
	padding: 4px 10px;
	font-size: 9px;
	color: #FFF;
}
.donatelogo {
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	position: absolute;
	right: 0; top: 0;
}
.portsmouth {
	position: relative;
	left: -9999px;
}
.woodinville {
	display: block;
}
	
#rhbgimg {
	position: absolute;
	left: 600px;
	top: 480px;
	z-index: 2;
}

/** Archive Title **/
#archiveTitle {
	text-align: left;
	background: none;
	color: #8b232b;
	font-size: 40px;
	width: 850px;
}
#archiveTitle span {
	font-size: 20px;
	color: #c0232a;
	display: block;
	font-weight: normal;
	text-transform: none;
}
#pageTitle span {
	position: relative;
	top: -55px;
	left: 350px;
}
.single-newsletter #page img {
	border: 4px solid #f1eedc;
	-webkit-box-shadow: 0px 0px 5px #666;
	-moz-box-shadow: 0px 0px 5px #666;
	-o-box-shadow: 0px 0px 5px #666;
	-ms-box-shadow: 0px 0px 5px #666;
	box-shadow: 0px 0px 5px #666;
	margin: 5px;
}

/** About Page (bottle caps) 
		    
		    #bottle-caps{height: 710px;margin:0;padding: 0;position: relative;width: 745px;}
		    
		    #bottle-caps li{background: url('../images/redhook-caps.png') top left no-repeat;display: block;position: absolute;width: 130px;height: 130px;}
		    
		    #bottle-caps li.cooper-cap{background-position: 0px -570px;}
		    #bottle-caps li.esb-cap{background-position: 0px -991px;}
		    #bottle-caps li.ipa-cap{background-position: 0px -1991px;}
		    #bottle-caps li.pilsner-cap{background-position: 0px -2420px;}
		    
 
		    #bottle-caps li#thirty-years:hover{background-position: 0px 0px;}
            #bottle-caps li#nineteen81:hover{background-position: 0px -142px;}
            #bottle-caps li#ballad:hover{background-position: 0px -285px;}
            #bottle-caps li#banana:hover{background-position: 0px -430px;}
            #bottle-caps li#crab:hover{background-position: 0px -710px;Â }
            #bottle-caps li#curls:hover{background-position: 0px -845px;}
            #bottle-caps li#esberienced:hover{background-position: 0px -1140px;}
            #bottle-caps li#find-it:hover{background-position: 0px -1280px;}
            #bottle-caps li#fisherman:hover{background-position: 0px -1420px;}
            #bottle-caps li#fish-2:hover{background-position: 0px -1560px;}
            #bottle-caps li#fish-beer:hover{background-position: 0px -1700px;}
            #bottle-caps li#forecasters:hover{background-position: 0px -1850px;}
            #bottle-caps li#nh:hover{background-position: 0px -2130px;}
            #bottle-caps li#nice-beer:hover{background-position: 0px -2270px;}
            #bottle-caps li#red-hook-logo-cap:hover{background-position: 0px -2560px;}
            #bottle-caps li#rocket:hover{background-position: 0px -2700px;}
            #bottle-caps li#rocket-science:hover{background-position: 0px -2830px;}
            #bottle-caps li#live-free:hover{background-position: 0px -2960px;}
            #bottle-caps li#seattle:hover{background-position: 0px -3090px;}
            #bottle-caps li#skier:hover{background-position: 0px -3225px;}
            #bottle-caps li#ski-2:hover{background-position: 0px -3360px;}
            #bottle-caps li#transmission:hover{background-position: 0px -3490px;}
            #bottle-caps li#washes-down:hover{background-position: 0px -3620px;}
            #bottle-caps li#washington:hover{background-position: 0px -3760px;}
            #bottle-caps li#well-built:hover{background-position: 0px -3890px;}
            
#capBox{
	position: absolute;
	width: 100%;
	height: 970px;
	background-image: url('../images/lightBoxBg.png');
	position: absolute;
	z-index: 50;
	top: 148px;
	left:0;
	visibility: hidden;
}
#capContent{
	background-image: url('../images/capDetailBg.png');
	width: 695px;
	height: 430px;
	margin: 200px auto;
	font-family: 'RockwellBold';
	display: block;
}
#capClose{
	width: 100px;
	position: absolute;
	top: 370px;
	left: 580px;
}
#capClose a{
	font-size: 14px;
	font-weight: bold;
	color: #400003;
}
#capClose span{
	font-size: 20px;
	color: #400003;
}
#capClose a:hover span, #capClose a:hover {
 	color: red !important;
 }
#capTitle{
	font-size: 66px;
 	position:absolute;
 	top: 0px;
 	left: 325px;
 	font-family: 'Knockout';
 	width: 280px;
}
#capText{
	width: 360px;
	position: absolute;
	left: 325px;
	top:60px;
}
#capText p{
	font-weight: bold;
	color: #400003;
	font-size: 14px;
	line-height: 16px;
	margin-bottom: 10px;
}
#capImg{
	width: 322px;
	height: 322px;
	position: absolute;
	top:30px;
	left: 30px;
	padding-top: 30px;
}

.vintageLink {
	display: block;
	text-transform: uppercase;
	color: #6b5333;
	margin-top: 25px;
}

/** Pagination Buttons **/
.wp-pagenavi {
	margin: 0 0 10px 35px;	
}
.wp-pagenavi a, .wp-pagenavi span {
	background-color: #C0232A;
	padding: 3px 5px;
	margin: 0 2px;
	text-align: center;
	color: #FFF;
}
.wp-pagenavi a:hover {
	color: #151515;
}
.wp-pagenavi span {
	background-color: #151515;	
}

/** Footer **/
#footerBlock
{
	position: relative;
	height: 500px;
}

.page-home #footerBlock
{
	height: 165px;
}

#footer {
	position: absolute;
	bottom: 0;
	display: block;
	height: 165px;
	width: 100%;
	background-color: #b22226;
	z-index: 99;
	background: url('../images/footer_bg.jpg') repeat-x 0 0;
	margin: 0;
	min-width: 1700px;
}

#footer img
{
}

#footNav 
{
	height: 165px;
	min-width: 1700px;
}

#footNav li 
{
	display: block;
	float: left;
	position: relative;
	z-index: 2;
	line-height: 20px;
}

#footNav li.footerLogo
{
	height: 90px;
	width: 162px;
	padding: 30px;
	text-align: center;
}

#footNav li.footerBar
{
	width: 2px;
	height: 150px;
	padding: 0 30px;
	text-align: center;
	background: url('../images/footer_bar.png') repeat-y 0 0;
}

#footNav li.footerHistory
{
	height: 125px;
	width: 470px;
	padding: 20px 20px 0;
}

#footNav li.footerHistory h6
{
	font-family: 'RockwellBold', serif;
	color: #500002;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 21px;
}

#footNav li.footerHistory p
{
	font-family: georgia, serif;
	color: #f1eedc;
	font-size: 12px;
	font-weight: bold;
}

#footNav li ul#footerNavigate, #footNav li ul#footerContact, #footNav li ul#footerSocial
{
	padding: 10px 20px;
	height: 125px;
	width: 170px;
}

#footNav li ul#footerNavigate
{
	width: 270px;
}

#footNav li ul li.reset
{
	margin: 0 10px 0 0;
	clear: left;
}

#footNav li a 
{
	font-family: 'RockwellBold', serif;
	color: #f1eedc;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 12px;
}

#footNav li a:hover 
{
	color: #be232a;
}

#footNav li ul
{
	margin: 0;
	padding: 0;
}

#footNav li ul li
{
	height: 17px;
	width: 130px;
	display: block;
	float: left;
	position: relative;
	
	margin: 0;
	padding: 3px 0 1px;
}

#footNav li ul li div.line
{
	display: block;
	width: 130px;
	height: 4px !important;
	background-image: url('../images/footer_sidebar.png');
	background-repeat: repeat-x;
	background-position: bottom left;
}

#footNav li ul li.footerLinkTitle
{
	margin: 0 10px 0 0;
	font-family: 'Knockout', sans-serif;
	font-size: 25px;
	color: #500002;
	height: 20px;
	text-transform: uppercase;
}

/* RETURN TO MOBILE LINK */
#mobile-footer-link {
	margin: 0 20px;
}

#mobile-footer-link a {
	font-family: 'RockwellBold', serif;
	color: #f1eedc;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 12px;
}
/**/

p#captionPhoto
{
	font-family: georgia, serif;
	display: none;
}

p#captionPhoto small
{
	font-size: 9px;
}

#rulesCTA {
	position: absolute;
	left: 0;
	top: -35px;
}

/* Disqus Fixes */
#disqus_thread div span {
	margin: 0;
	display: inline;
}
#disqus_thread div a span {
	display: block;
}
#disqus_thread #dsq-subscribe a span {
	display: inline;
}
#disqus_thread .dsq-comment-is-collapsed span.dsq-collapsed-count {
	display: block;
}
#disqus_thread span.dsq-collapsed-count {
	display: none;
}
#disqus_thread .dsq-textarea {
	margin-left: 65px;
}
#disqus_thread .dsq-comment-body {
	padding: 0 0 0 65px;
}

/* gravity form fixes */
#page .gfield_required{
	display: inline;
}

/* clearfix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; } /* Hides from IE-mac \*/
.clearfix { display: block; }