/*
THEME NAME: Monteith's 2009
THEME URI: http://monteiths.com/nz/
VERSION: <em>1.0</em>
AUTHOR: <a href="http://workworkwork.co.nz/">Work Work Work</a>
*/

/* Eric Meyer's Reset Reloaded *//* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}/* remember to define focus styles! */:focus {outline: 0;}/* remember to highlight inserts somehow! */ins {text-decoration: none;}del {text-decoration: line-through;}/* tables still need 'cellspacing="0"' in the markup */table {border-collapse: collapse;border-spacing: 0;}


/*  --------------------------------------------------------
	
=COLOURS

Base Text: 	#563b0d
Links:		#597922
Hover:		#c9651c
Light:		#b49460
Heading:	#c9651c
Subhead:	#9e6a17

--------------------------------------------------------*/


body {
	background: #454031;
	padding: 10px 10px 0 10px;
	color: #563b0d;
	}

#wrapper {
	width: 994px;
	background: #e9e4c3;
	position: relative;
	}
	
#header {
	z-index: 100;
	position: absolute;
	top: 70px;
	left: 22px;
	}

#access {
	z-index: 200;
	background: #efecd4;
	border-top: 3px double #c2b89a;
	border-bottom: 3px double #c2b89a;
	position: absolute;
	top: 18px;
	left: 22px;
	}

#container {
	width: auto;
	overflow: hidden;
	padding-bottom: 40px;
	}

#content {
	background: #fdfdfb;
	min-height: 500px;
	width: 708px;
	margin-right: 22px;
	float: right;
	border: 1px solid #d8c5a6;
	padding: 28px 0 28px 0;
	position: relative;
	}
	
#aside.sidebar {
	width: 220px;
	margin-left: 22px;
	float: left;
	background: url(_i/bg-aside.png) top left no-repeat;
	min-height: 270px;
	}	
	
#footer {
	background: #dcdaba;
	border-top:1px solid #d6d1b2;
	padding: 0 22px 50px 22px;
	width: auto;
	overflow: hidden;
	clear: both;
	}

	

/* Pages with no lefthand nav */

#content.nonav {
	}

#aside.nonav {
	background: none;
	}

/* Pages Full Width */


#content.fullwidth {
	width: auto;
	margin-left: 22px;
	float: none;
	}
	
#content.fullwidth .entry-content, #content.fullwidth .post {
	width: 580px;
	}


a {
	color: #597922;
	-webkit-transition-duration: 0.2s, 0.5s;
  	}
	
a:hover, a:focus {
	color: #c9651c;
	}


/*	Comment back in and adjust if inheritance is not right here
a:visited {
color: inherit;
	} */

a.post-edit-link {
	display: block;
	z-index: 9999;
	background: url(_i/edit.png) left top no-repeat;
	text-indent: -999em;
	width: 30px;
	height: 31px;
	position: fixed;
	top: 10px;
	right: 0px;
	-webkit-transition: none;
	}
	
	a.post-edit-link:hover {
		background-position: left bottom;
		}

#hero {
	margin-left: 22px;
	min-height: 180px;
	position: relative;
	}
	
#hero #featured-beers, #hero #home-features {
	height: 495px;
	overflow: hidden; /*Hides additional slides from non-JS users but it's fluffy stuff so not vital */
	}

#hero #featureNav {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 50;
	padding: 10px 10px 10px 3px;
	}
	
#hero #featureNav span {
	float: left;
	font-size: 10px;
	font-weight: bold;
	line-height: 13px;
	text-transform: uppercase;
	color: #ab8f63;
	padding-right: 10px;
	}	

#hero #featureNav a {
	display: block;
	height: 13px;
	width: 13px;
	float: left;
	margin-right: 6px;
	background: url(_i/ft-nav.png) left top no-repeat;
	text-indent: -999em;
	text-decoration: none;
	opacity: 0.4;
	filter: alpha(opacity = 40);
	}
	
#hero #featureNav a:hover, #hero #featureNav a.activeSlide {
	opacity: 1;
	filter: alpha(opacity = 100);
	}
	
	
#content .page, #content .post {
	margin: 0 32px;
	}
	
#content .post {
	padding: 0 0 30px 0;
	}	
	
#aside {
	font-family: Arial, sans-serif;
	}
	
h2 {
	font: normal 24px/28px 'GothamHTF-Book','Gotham-Book','HelveticaNeue-Light', Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	color: #c9651c;
	margin-bottom: 20px;
	font-weight: normal;
	}
	
	.blog h2 {
		margin-bottom: 5px;
		}
	
h2.page-title, h2.entry-title {
	border-bottom: 1px solid #e6dec5;
	padding-bottom: 10px;
	padding-right: 100px;
	}
	
h3 {
	font: bold 13px/20px Arial, sans-serif;
	text-transform: uppercase;
	color: #9e6a17;
	margin: 20px 0 5px 0;
	}
	
h4 {
	font: bold 11px/20px Georgia, serif;
	text-transform: uppercase;
	margin: 20px 0 5px 0;
	}
	
p {
	margin-bottom: 10px;
	}
	
small {
	color: #b49460;
	font-size: 11px;
	line-height: 14px;
	}
	
hr {
	border: 0;
	height: 1px;
	background-color: #e6dec5;
	margin: 20px 0;
	}

	
#content .entry-content {
	padding-bottom: 20px;
	}
	
#content {
	font: 14px/20px Georgia, serif;
	color: #563b0d;
	}
	
#content .entry-content h2, #content .entry-content h3, #content {
	clear: both;
	}
	
	
#content .post h2.page-title, #content .page h2.page-title, {
	margin-left: 0;
	}
	
#content .entry-content p {
	width: auto;
	overflow: hidden;
	}
	
#content .entry-content p a {
	}

#content .entry-content img.size-medium {
	width: 188px;
	}
	
#content .entry-content ul, #content .entry-content ol, #content .entry-content dl {
	margin: 10px 30px 20px;
	}
	
#content .entry-content ul {
	list-style-type: disc;
	}
	
#content .entry-content ol {
	list-style-type: decimal;
	}
	
#content .entry-content .intro {	
	font-size: 16px;
	line-height: 22px;
	border-bottom: 1px solid #e6dec5;
	padding-bottom: 20px;
	}

/*  --------------------------------------------------------
	BLOG
	--------------------------------------------------------*/


h2 a {
	text-decoration: none;
	color: #c9651c;
	}	
	
.blog #content h2.entry-title, .single #content h2.entry-title {
	border: 0;
	}
	
.blog #content, .single #content {
	padding-bottom: 0;
	}
	
.entry-meta {
	border-top: 3px double #e6dec5;
	position: relative;
	color: #b49460;
	text-transform: uppercase;
	font-size: 11px;
	line-height: 11px;
	margin-bottom: 30px;
	}
	
.entry-meta p {
	margin: 0 0 0 10px;
	padding: 0 5px;
	background: #fff;
	position: absolute;
	top: -8px;
	}
	
.entry-meta p a {
	color: #b49460;
	}
	
.entry-meta p a:hover, .entry-meta p a:focus {
	color: #c9651c;
	}
	
.entry-meta em, .entry-meta span.comments-link {
	font-style: italic;
	text-transform: none;
	}

.entry-meta span.comments-link a {
	text-decoration: none;
	}
	
a.more-link {
	display: block;
	margin: 10px 0;
	}
	
/* POST NAVIGATION */

#nav-below .nav-previous {
	margin-bottom: 6px;
	}

#nav-below {
	margin: 0 32px;
	padding: 20px 0 24px 0;
	border-top: 1px solid #e6dec5;
	width: auto;
	overflow: hidden;
	}	

#nav-below span.meta-nav {
	color: #563b0d;
	text-decoration: none;
	font-style: italic;
	text-indent: -999em;
	width: 17px;
	height: 17px;
	background-image: url(_i/navicons.png);
	background-repeat: no-repeat;
	float: left;
	margin: 2px 5px 0 0;
	}
	
#nav-below .nav-next span.meta-nav {
	background-position: right top;
	}
	
#nav-below .nav-previous span.meta-nav {
	background-position: left top;
	}
	
	
	
	
	
/* TAG CLOUD */

#content #tag-cloud a {
	margin-right: 6px;
	line-height: 1.6;
	}
	
#content #tag-cloud a:hover {
	color: #c9651c!important;
	}



/*  --------------------------------------------------------
	COMMENTS
	--------------------------------------------------------*/

#comments {
	background: #f2f1e2;
	width: auto;
	padding: 32px;
	overflow: hidden;
	position: relative;
	}

#comments h3 {
	margin-top: 0;
	padding-right: 30px;
	font: 16px/20px 'GothamHTF-Book','Gotham-Book','HelveticaNeue', Helvetica, Arial, sans-serif;
	color: #c9651c;
	
	}

ul.comment-list {
	border-bottom: 3px double #e4ddc1;
	font: 11px/16px Arial, sans-serif;
	margin-bottom: 30px;	
	}	
	
li.comment {
	border-top: 1px solid #e4ddc1;
	padding: 20px 0 0 0;
	width: auto;
	overflow: hidden;
	}
	
#comments li.bypostauthor {
	background: #f9f8f1;
	}
 

	
li.comment .comment-meta {
	width: 170px;
	float: left;
	overflow: hidden;
	padding-bottom: 20px;
	}
	
li.comment .comment-body {
	width: 432px;
	float: right;
	padding-bottom: 20px;
	}
	
li.bypostauthor .comment-body {
	margin-right: 20px;
	width: 412px;
	}
	
li.bypostauthor .comment-meta {
	margin-left: 20px;
	}
	
ul.children li.bypostauthor .comment-meta {
	margin-left: 0;
	}
	
li.comment p {
	margin-bottom: 6px;
	}
	
#comments ul.children {
	border-bottom: 0;
	clear: both;
	padding-top: 20px;
	}
	
#comments ul.children li.comment {
	border-top: 1px solid #e4ddc1;
	border-bottom: 0;
	padding: 20px 0 0 50px;
	width: auto;
	overflow: hidden;
	background: url(_i/reply.png) 10px center no-repeat;
	}

#comments ul.children li.bypostauthor {
	background: #f9f8f1 url(_i/reply.png) 15px center no-repeat;
	}	
			
	#comments ul.children li.comment .comment-body {
		width: 402px;
		}
	
	#comments ul.children li.bypostauthor .comment-body {
		width: 382px;
		}

#comments .comment-meta img, #comments .comment-meta cite, #comments .comment-meta a {
	float: left;
	display: inline;
	}
	
#comments .comment-meta img {
	margin-right: 10px;
	}
	
#comments .comment-meta cite {
	font-style: normal;
	clear: right;
	font-weight: bold;
	}
	
#comments .comment-meta a {
	text-decoration: none;
	}
	
#comments .comment-meta .comment-date a {
	font-family: Georgia, serif;
	color: #563b0d;
	}
	
#comments .comment-meta .comment-date a:hover, #comments .comment-meta .comment-date a:focus {
	font-family: Georgia, serif;
	color: #563b0d;
	}
	
#comments .comment-meta p {
	float: none;
	clear: both;
	padding-top: 10px;
	}
	
span.comments-rss {
	position: absolute;
	top: 34px;
	right: 32px;
	display: block;
	width: 15px;
	height: 17px;
	}
	
span.comments-rss  a{
	display: block;
	width: 15px;
	height: 17px;
	text-indent: -999em;
	background: url(_i/rss-comments.png) top left no-repeat;
	}
	
	
#comments em.comment-message {
	display: block;
	padding: 10px;
	background: #d6f0ea;
	border: 1px solid #a0d3d5;
	margin-bottom: 15px;
	color: #61aaaa;
	text-align: center;
	font-family: Georgia, serif;
	}	
	

#respond {	
	width: auto;
	overflow: hidden;
	position: relative;
	}
	
#respond h3 {	
	margin-bottom: 15px;
	}
	
#commentform {	
	
	}

#commentform p.form-field {	
	display: inline;
	float: left;
	width: 200px;
	margin-right: 10px;
	}
	
#commentform p.form-field label {	
	display: block;
	}
	
#commentform p.form-field input {
	display: block;	
	width: auto;
	font-size: 13px;
	font-weight: bold;
	line-height: 16px;
	padding: 4px 3px;
	width: 190px;
	}
	
#commentform textarea {
	display: block;
	clear: both;	
	width: 608px;
	font-size: 13px;
	font-weight: bold;
	line-height: 16px;
	color: #563b0d;
	padding: 4px;
	border: 1px solid #d8c5a6;
	font-family: Arial, sans-serif;
	background: #e3dfcc;
	margin: 0;
	}
	
#commentform label.error {
	color: #ff7229;
	}
	
#commentform input.error, #commentform textarea.error {
	background-color: #feffc9;
	border-color: #ffe0c3;
	}
	
#commentform p.submission {
	float: left;
	} 

#commentform p.subscribe-to-comments {
	float: left!important;
	clear: none!important;
	padding: 0 0 0 10px;
	margin: 0;
	line-height: 33px;
	font-size: 11px;
	}
	
#respond h3 a {	
	text-decoration: none;
	font-family: Georgia, serif;
	text-transform: none;
	font-weight: normal;
	font-size: 16px;
	font-style: italic;
	padding-left: 5px;
	color: #563b0d;
	}
	
	#respond h3 a:hover {	
		color: #c9651c;
		}
	
div.cancel-comment-reply {
	position: absolute;
	top: 5px;
	right: 0px;
	}

p.solo-subscribe-to-comments {
	clear: both;
	}
	
a.btn-mini, a.comment-reply-link  {
	color: #a1917e;
	font-size: 10px;
	line-height: 1;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding: 2px 4px 2px 4px;
	border: 1px solid #d8c5a6;
	font-family: Arial, sans-serif;
	background: #e3dfcc;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	text-align: center;
	}
	
a.btn-mini:hover, a.comment-reply-link:hover  {
	color: #c9651c;
	border-top-color: #ae9e86;
	}
	
a.comment-reply-link {
	float: left;
	width: 52px;
	padding: 2px 0;	
	}
	
/*  --------------------------------------------------------
	ARCHIVE PAGES
	--------------------------------------------------------*/	
	
#content .archive-meta {	
	margin: 0;
	}	
	
.tag #content ul {
	margin-bottom: 30px;
	}



/*  --------------------------------------------------------
	SEARCH
	--------------------------------------------------------*/	
	
#searchform input#s {
	width: 415px;
	background-color: #fff;
	margin-left: 20px;
	margin-right: 5px;
	}
	
#searchform {
	background: #e3dfcc;
	padding: 20px 0;
	margin-top: 20px;
	margin-bottom: 20px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	}	
	
	
.search-results h2.page-title {
	margin-left: 32px;
	margin-right: 32px;
	}
	
.search-meta {
	margin-left: 32px;
	width: 580px;
	}
	
p.results-info {
	font-family: Arial, sans-serif;
	font-size: 12px;
	}
	
	p.results-info em {
		font-family: Georgia, serif;
		font-size: 13px;
		}
	
.search-results #content .post, .search-results #content .page {
	width: 580px;
	border-top: 1px solid #e6dec5;
	padding: 0
	}
	
.search-results h3 em {
	font-family: Georgia, serif;
	font-weight: normal;
	text-transform: none;
	color: #563b0d; 
	}

.search-results a.permalink {
	font-family: Arial, sans-serif;
	font-size: 12px;
	}
	
	
/*  --------------------------------------------------------
	THE HEADER + MENU
	--------------------------------------------------------*/

#blog-title a span {
	display: block;
	width: 230px;
	height: 85px;
	background: url(_i/logo.png) top left no-repeat;
	text-indent: -999em;
	}
	
body.age-gate #blog-title {
	display: block;
	width: 230px;
	height: 85px;
	background: url(_i/logo.png) top left no-repeat;
	text-indent: -999em;
	}
	
#blog-title a img {
	display: none;
	}

.skip-link, #blog-description {
	display: none;
	}

#menu {
	font: bold 11px/29px Arial,sans-serif;
	text-transform: uppercase;
	}
	
#menu ul {
	width: 950px;
	overflow: hidden;
	}

#menu li {
	float: left;
	}
	
#menu li a {
	text-decoration: none;
	-webkit-transition: none;
	}
	
	
#menu li a {
	display: block;
	height: 29px;
	text-indent: -999em;
	background-position: 0 0;
	background-repeat: no-repeat;
	}
	
#menu li a:hover, #menu li a:focus {
	background-position: 0 -40px;
	}
	
#menu li.current_page_item a, #menu li.current_page_parent a, #menu li.current_page_ancestor a {
	background-position: 0 -80px;
	}
	
#menu li.current_page_item a:hover, #menu li.current_page_item a:focus {
	cursor: default;
	background-position: 0 -80px;
	}
		
#menu li.current_page_parent a:hover, #menu li.current_page_ancestor a:hover {
	background-position: 0 -40px;
	cursor: pointer;
	}

	
	
#menu li.page-item-30 a { /** HOME **/
	width: 61px;
	background-image: url(_i/nav_home.png);
	}
	
	body.page-id-30 #menu li.page-item-30 a {
		background-position: 0 -80px;
		cursor: default; 
		}
	
				

#menu li.page-item-6 a { /** BEERS **/ 
	width: 112px;
	background-image: url(_i/nav_beer.png);
	}
		

#menu li.page-item-8 a { /** BLOG **/ 
	width: 123px;
	background-image: url(_i/nav_blog.png);
	}

	body.blog #menu li.page-item-8 a, body.parent-pageid-8 #menu li.page-item-8 a, body.single #menu li.page-item-8 a {
		background-position: 0 -80px;
		cursor: default; 
		}
		
		body.parent-pageid-8 #menu li.page-item-8 a:hover, body.parent-pageid-8 #menu li.page-item-8 a:focus,
		body.single #menu li.page-item-8 a:hover, body.single #menu li.page-item-8 a:focus {
			background-position: 0 -40px;
			cursor: pointer; 
			}

#menu li.page-item-10 a { /** BREWERY **/ 
	width: 111px;
	background-image: url(_i/nav_brewery.png);
	}
	

#menu li.page-item-11 a { /** ABOUT **/ 
	width: 141px;
	background-image: url(_i/nav_about.png);
	}
	

#menu li.page-item-12 a { /** WHERE **/ 
	width: 144px;
	background-image: url(_i/nav_where.png);
	}
	

#menu li.page-item-14 a { /** FOOD **/ 
	width: 92px;
	background-image: url(_i/nav_food.png);
	}
	

#menu li.page-item-13 a { /** FRIENDS **/ 
	width: 75px;
	background-image: url(_i/nav_friends.png);
	}
	

#menu li.page-item-15 a { /** TRADE **/ 
	width: 61px;
	background-image: url(_i/nav_trade.png);
	}
	

#menu li.page-item-16 a { /** SEARCH **/ 
	width: 30px;
	background-image: url(_i/nav_search.png);
	}
				


/*  --------------------------------------------------------
	NAV 2
	--------------------------------------------------------*/


/* Typography and Styling */


div#nav2 {
	padding: 20px 0 34px 24px;
	}
	
#nav2 a {
	text-decoration: none;
	display: block;
	}
	
#nav2 li.current_page_item a {
	color: #9e6a17;
	}

	#nav2 a.current_page_item:hover, #nav2 li.current_page_item a:hover {
		color: #c9651c;
		cursor: default;
		}

/** TOP LEVEL **/

#aside #nav2 h3 {
	margin: 0 0 4px 0;
	}

#nav2 h3 a { 
	font-size: 14px;
	color: #563b0d;
	}
	
#nav2 h3 a.current_page_item {
	color: #563b0d;
	}
	
#nav2 h3 a.current_page_item:hover {
	color: #563b0d;
	}
	
#nav2 h3 a.current_page_parent:hover, #nav2 h3 a.current_page_ancestor:hover {
	color: #c9651c;
	}

/** 2nd LEVEL **/
	
#nav2 ul {
	background: url(_i/nav2-div.png) top left no-repeat;
	}

#nav2 li {
	background: url(_i/nav2-div.png) bottom left no-repeat;
	}

#nav2 li a { 
	font-size: 13px;
	font-weight: bold;
	line-height: 16px;
	padding: 8px 0;
	}
	
#nav2 li.current_page_item a:hover {
	color: #9e6a17;
	}
			
/** 3rd LEVEL **/
	
#nav2 li ul {
	padding-bottom: 10px;
	}

#nav2 li li, #nav2 li ul {
	background: none;
	}

#nav2 li li a, #nav2 li.current_page_item li a { 
	font-size: 11px;
	line-height: 14px;
	padding: 3px 0 7px 15px;
	font-weight: normal;
	color: #597922;
	}
	
#nav2 li li a:hover, #nav2 li li a:focus {
	color: #c9651c;
	}
	
#nav2 li li.current_page_item a {	
	color: #9e6a17;
	cursor: default;
	font-weight: bold;
	}
	
#nav2 li li.current_page_item a:hover, #nav2 li li.current_page_item a:focus {	
	color: #9e6a17;
	}
	
	
/** 4th LEVEL **/
	

#nav2 li li li a { /*standard link */
	text-indent: -8px;
	margin-left: 8px;
	}

	
#nav2 li li.current_page_item li a { /*standard link */
	font-weight: normal;
	color: #597922;
	}
	
#nav2 li li li a:before { /*standard link */
	content: '- ';
	}
		
#nav2 li li li.current_page_item a {	
	color: #9e6a17;
	cursor: default;
	font-weight: bold;
	}
	
#nav2 li li.current_page_item a:hover, #nav2 li li.current_page_item a:focus {	
	color: #9e6a17;
	}
	
	
/* Display Fixes for buggy plugin (doesn't like 4th level) */
	
#nav2 li ul {
	display: none;
	}
	
#nav2 li.current_page_item ul {
	display: block;
	}
	
	#nav2 li.current_page_parent ul {
		display: block;
		}
		
		#nav2 li.current_page_ancestor ul {
			display: block;
			}
			
		#nav2 li.current_page_ancestor li ul {
			display: none;
			}
			
		#nav2 li.current_page_ancestor li.current_page_item ul {
			display: block;
			}
			
			#nav2 li.current_page_ancestor li.current_page_parent ul {
				display: block;
				}
	


	
/** CURRENT HIGHLIGHTING FIXES FOR SOME BLOG PAGES **/

.blog #nav2 li.current_page_parent a, .page-id-105 li.page-item-105 a, .page-id-106 li.page-item-106 a  {
	color: #9e6a17;
	}

.blog #nav2 li.current_page_parent a:hover, .page-id-105 li.page-item-105 a:hover, .page-id-106 li.page-item-106 a:hover  {
	color: #9e6a17;
	cursor: default;
	}
	

	
		
/*  --------------------------------------------------------
	PAGE CHILDREN
	--------------------------------------------------------*/

.page-children {
	margin: 0 32px 0 32px;
	padding: 30px 0 30px 0;
	border-top: 3px double #e6dec5;
	width: auto;
	overflow: hidden;
	}
	
.page-children h3 {
	clear: both;
	margin: 0;
	display: block;
	}
	
.page-children .child-page {
	float: left;
	width: 290px;
	margin: 20px 32px 30px 0;
	height: 140px;
	font-family: Arial, sans-serif;
	}
	
.page-children .child-page a.thumb-link {
	float: left;
	display: inline;
	margin: 8px 10px 4px 0;
	width: 100px;
	overflow: hidden;
	padding: 2px;
	border: 1px solid #d8c5a6;
	background: #fff;
	}
	
.page-children .child-page a.thumb-link img {
	width: 100%;
	padding: 0;
	border: 0;
	}

.page-children .child-page h3 a {
	text-decoration: none;
	font-family: Georgia, serif;
	font-size: 16px;
	font-weight: normal;
	text-transform: none;
	}
	
.page-children .child-page p {
	font-size: 11px;
	line-height: 1.5;
	padding-top: 5px;
	}
	
/* Beer Specific */


.page-children .child-beer h3 {
	float: left;
	margin: 0;
	clear: right;
	}

.page-children .child-beer a.thumb-link {
	display: inline;
	margin: 0 10px 10px 0;
	width: auto;
	overflow: visible;
	padding: 2px;
	border: 0;
	background: none;
	}
	
.page-children .child-beer a.thumb-link-pack {
	margin-bottom: 40px;
	}
	
.page-children .child-beer a.thumb-link img {
	width: auto;
	padding: 0;
	border: 0;
	}
	
.page-children .child-beer {
	height: 120px;
	}

	
	

	
/*  --------------------------------------------------------
	BEER PAGES	
	--------------------------------------------------------*/
	


#nav-below a.thumb-link,#nav-above a.thumb-link {	
	float: left;
	display: inline;
	}
	
#nav-below a.thumb-link img, #nav-above a.thumb-link img {	
	border: 0;
	}
	
#nav-above {
	width: auto;
	overflow: hidden;
	margin: -5px 0 15px;
	}

	

/*  --------------------------------------------------------
	HOMEPAGE
	--------------------------------------------------------*/


.home #content {
	background: none;
	min-height: none;
	width: auto;
	margin: 0;
	float: none;
	border: 0;
	padding: 0;
	}
	
.home #content .page {
	margin: 0 22px;
	padding: 0;
	font-size: 18px;
	line-height: 1.3;
	text-shadow: 0 1px #f4f2e1;
	}
	
.home #content .entry-content {
	padding: 0 6px;
	}
	
.home #content .page p {
	padding: 0 0 20px 0;
	}
	
#latest {
	background: #fdfdfb;
	width: 948px;
	margin-left: 22px;
	margin-bottom: 22px;
	border: 1px solid #d8c5a6;
	padding: 22px 0;
	}
	
#latest-entries {
	background: url(_i/latest-div.png) top left repeat-y;
	width: 948px;
	overflow: hidden;
	}
	
#latest .entry {
	width: 266px;
	margin: 0 25px;
	float: left;
	font-size: 13px;
	line-height: 1.5;
	display: inline;
	}
	
#latest .entry a { 
	display: inline;
	float: left;
	margin: 7px 10px 4px 0;
	}
	
	
#latest .entry h3 {
	font-size: 10px;
	line-height: 1.1;
	margin: 0 0 4px 0;
	color: #597922;
	}
	
#latest .entry h5 {
	color: #9e6a17;
	font-family: Arial, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 10px;
	}
	
#latest .entry h5 a {
	color: #9e6a17;
	text-decoration: none;
	float: none;
	margin: 0;
	}
	
#latest .entry h5 a:hover {
	color: #c9651c;
	}	

#latest .entry h3 a { 
	float: none;
	margin: 0;
	font-family: Georgia, serif;
	font-weight: normal;
	text-transform: none;
	font-size: 18px;
	text-decoration: none;
	}
	
#latest .entry h3 a:hover { 
	color: #c9651c;
	}
	
/** PROMO TILES **/	
	
.home .tiles {
	width: auto;
	overflow: hidden;
	}
	
.home .tile {
	width: 220px;
	margin: 0 2px 0 21px;
	float: left;
	font-size: 13px;
	line-height: 1.5;
	display: inline;
	}
		
.home .tile a.thumb-link {
	height: 152px;
	overflow: hidden;
	}
	
.home .tile a.thumb-link img {
	width: 209px;
	}
	
.home .tile h3 {
	color: #563b0d;
	font-family: Georgia, serif;
	font-weight: normal;
	text-transform: none;
	font-size: 16px;
	margin: 0 0 6px 0;
	padding: 0 10px 0 0;
	height: 2.4em;
	text-shadow: 0 1px #f4f2e1;
	}
	
.home .tile h5 {
	color: #9e6a17;
	font-family: Arial, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 10px;
	margin: 10px 0 0 0;
	}
	
.home .tile p {
	padding: 0 10px 0 0;
	}
	
.home #content .tile .entry-content {
	padding: 0;
	}


/*  --------------------------------------------------------
	SIDEBAR EXTRAS	
	--------------------------------------------------------*/
	
#related-posts {
	padding: 0 32px;
	font-size: 12px;
	}
	
#content #related-posts h4, #content #related-posts ul, #content #related-posts li {
	display: inline;
	margin-right: 10px;
	}
	

/*  --------------------------------------------------------
	SIDEBAR TILES	
	--------------------------------------------------------*/
	
	
	
#aside .tiles {
	}
	
#aside .tile {
	width: 221px;
	height: 152px;
	margin: 0 0 20px 8px;
	font-size: 13px;
	line-height: 1.5;
	position: relative
	}
	
#aside .tile img {
	width: 209px;
	}
	
#aside .tile a {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 141px;
	text-indent: -999em;
	}

	
#aside .tile .entry-content {
	height: 24px;
	width: 209px;
	background: #2b331e;
	opacity: 0.8;
	filter: alpha(opacity = 80);
	position: absolute;
	left: 6px;
	bottom: 5px;
	overflow: hidden;
	}
	
#aside .tile h3 {
	color: #e9e4c3;
	font-family: Georgia, serif;
	font-weight: normal;
	text-transform: none;
	font-size: 18px;
	margin: 0 0 8px 7px;
	padding: 0;
	}
	
#aside .tile h5 {
	color: #e9e4c3;
	font-family: Arial, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 10px;
	margin: 5px 0 2px 7px;
	}
	
#aside .tile:hover .entry-content {
	height: auto;
	}
	
#aside .tile.animated:hover .entry-content {
	height: 24px;
	}


/*  --------------------------------------------------------
	PAGE BOTTOM SIDEBAR
	--------------------------------------------------------*/		
	
#page-bottom {
	width: 708px;
	margin-right: 22px;
	float: right;
	clear: both;
	}	
			


/*  --------------------------------------------------------
	GOOGLE MAPS
	--------------------------------------------------------*/

#heromap {
	margin: 170px 22px 20px 0;
	padding: 10px;
	background: url(_i/wood.jpg) center center repeat;
	}

div.inline-map {
	margin: 20px 0;
	padding: 10px;
	background: url(_i/wood.jpg) center center repeat;
	}

div.inline-map small {
	display: block;
width: 100%;
text-align: center;
padding-top:4px;
	}

div.inline-map small a {
	color: #e9e3c4;
        padding-top: 4px;
text-align: center;
	}

div.inline-map small a:hover {
color: #efecd5;
}


/*  --------------------------------------------------------
	IMAGES
	--------------------------------------------------------*/

a.thumb-link {
	}

a.thumb-link img {
	display: block;
	}


img {
	padding: 5px;
	border: 1px solid #d8c5a6;
	background: #fff;
	}
	
img.noborder {
	padding: 0;
	border: 0;
	background: transparent;
	}

a img {
	opacity: 1;
	-webkit-transition: opacity 0.2s linear;
	}
	
a:hover img, a:focus img {
	opacity: 0.5;
	filter: alpha(opacity = 50);
	-webkit-transition: opacity 0.3s linear;
	}
	
#hero a:hover img, #hero a:focus img {
	opacity: 0.8;
	filter: alpha(opacity = 80);
	}

	
#hero img, #sb-container img, .page-id-6 .child-page img { /* Remove this selectively eg. Beers page */
	background: none;
	padding: 0;
	border: 0;
	}
	
img.thumbnail, img.avatar {
 	border: 1px solid #d8c5a6;
	padding: 2px;
	}
	

img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 15px 7px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
	
p.wp-caption-text {
	text-align: center;
	font-size: 12px;
line-height: 1.2;
	font-style: italic;
	}

#content div.alignleft {
	margin: 0 10px 7px 0;
	}
	

/*  --------------------------------------------------------
	MINIMAL
	--------------------------------------------------------*/

.page-template-page-minimal-php #access, .page-template-page-minimal-php #footer {
	display: none;
	}
	
body.page-template-page-minimal-php {
	background: #e9e4c3;
	}
	
body.page-template-page-minimal-php #wrapper {
	margin: 30px auto;
	width: 442px;
	}

body.page-template-page-minimal-php #header {
	position: relative;
	left: 0;
	top: 0;
	margin: 0 auto 10px;
	}
	
body.page-template-page-minimal-php #blog-title a {
	margin: 0 0 0 6px;
	}

	
body.page-template-page-minimal-php #content {
	width: auto;
	float: none;
	margin: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 5px #cecaa9;
	-webkit-box-shadow: 0 0 5px #cecaa9;
	box-shadow: 0 0 5px #cecaa9;
	min-height: 200px;	
	}
	
/* The Form */

label {
	font-size: 12px;
	color: #b49460;
	}

input {
	font-size: 18px;
	line-height: 1;
	color: #563b0d;
	padding: 8px 6px 2px 6px;
	border: 1px solid #d8c5a6;
	font-family: Arial, sans-serif;
	background: #e3dfcc;
	}
	 
   
p.message {
    padding: 10px 10px 12px 10px;
    border: 1px solid #a5d799;
    background-color: #e0fdd9;
    color: #3e9935;
    text-align: center;
    margin: 20px 0;
    font-family: "Lucida Sans", "Lucida Grande", sans-serif;
    font-size: 12px;
    line-height: 1.3;
    }
    

p.error {
    padding: 10px 10px 12px 10px;
    border: 1px solid #e6db55;
    background-color: #ffffe0;
    color: #ffab3e;
    text-align: center;
    margin: 20px 0;
    font-family: "Lucida Sans", "Lucida Grande", sans-serif;
    font-size: 12px;
    line-height: 1.3;
    }
    
	p.error a {
	    color: #ffab3e;
	    }

.login input {
	width: 350px;
	}
	
.login .forgetmenot input {	
	width: auto;
	}
	
#content .login ul, #content .login ol {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
	
/* Age Gate */

#age-gate-content fieldset {
	background: #e3dfcc;
	padding: 10px;
	margin-top: 20px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	}	

.age-gate select {
	margin-top: 7px;
	}

input#verify-age {
	float: right;
	}
	
/* Buttons */

input[type="submit"] {
 	height: 33px !important;
 	width: 100px !important;
 	background: url(_i/btn-bg-100.png) top left no-repeat !important;
 	font-family: Georgia, serif !important;
 	font-size: 12px !important;
 	text-transform: uppercase !important;
 	letter-spacing: 1px !important;
 	text-align: center !important;
 	color: #eae6c0 !important;
 	border: 0 !important;
 	padding: 0 !important;
 	line-height: 34px !important;
	}
	
input[type="submit"]:hover {
 	background-position: bottom left !important;
 	text-shadow: 0 -1px 0 #66340f !important;
	}
	
#lostpassword-submit-tml-main, #commentform input#submit {
	width: 180px !important;
	background-image: url(_i/btn-bg-180.png) !important;
	}
	

/*  --------------------------------------------------------
	PAGE FORMS (C-Forms)
	--------------------------------------------------------*/

#content form.cform {	
	background: #e3dfcc;
	padding: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	}
	
#content form.cform input {	
	background: #fff;
	}

#content form.cform textarea {
	font-size: 14px;
	line-height: 1.2;
	color: #563b0d;
	padding: 6px;
	border: 1px solid #d8c5a6;
	font-family: Arial, sans-serif;
	background: #fff;
	}


#content form.cform ol, #content form.cform ol li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
	
#content form.cform ol li {
	margin: 0 0 10px 0;
	width: auto;
	overflow: hidden;
	}
	
#content form.cform label {
	width: 145px;
	float: left;
	line-height: 14px;
	}
	
	
	
.linklove {
	display: none;
	}

/* ERRORS */


ul.cf_li_text_err {
	display: none;
	}	
	

#content .cf_info.failure {
    padding: 10px 10px 12px 10px;
    border: 1px solid #e6db55;
    background-color: #ffffe0;
    color: #ffab3e;
    text-align: left;
    margin: 20px 0;
    font-family: "Lucida Sans", "Lucida Grande", sans-serif;
    font-size: 12px;
    line-height: 1.3;
    list-style-type: none;
    }
    
#content .cf_info.failure ol {
    margin: 10px 0 0 0;
    list-style-type: none;
    }

#content .cf_info.failure a {
    color: #ffab3e;
    }    
    

#content .cf_info ol a {
    text-decoration: none;
    } 

#content .cf_info.success {
    padding: 10px 10px 12px 10px;
    border: 1px solid #a5d799;
    background-color: #e0fdd9;
    color: #3e9935;
    text-align: center;
    margin: 20px 0;
    font-family: "Lucida Sans", "Lucida Grande", sans-serif;
    font-size: 12px;
    line-height: 1.3;
    }
    
	
/* GENERAL CONTACT FORM */

input#contact-name, input#contact-email, input#contact-site, textarea#contact-message { /*Name and Email Fields*/
	width: 260px;
	}	
	
/* FRIENDS FORM */


li#li-2-2 input, li#li-2-1 input { /*Name and Email Fields*/
	width: 260px;
	}


li#li-2-4 { /*Mobile Prefix*/
	float: left;
	clear: left;
	}
	
li#li-2-4 select {
	margin-top: 8px;
	}
	
li#li-2-4 span.reqtxt {
/*	display: none;*/
	}

li#li-2-5 { /*Mobile Digits*/
	float: left;
	clear: right;
	}
	
li#li-2-5 label {
/*	display: none;*/
	}
	
li#li-2-6 {
	float: none;
	clear: both;
	margin-bottom: 24px;
	}
	
#content form.cform input.cf-box-a, #content form.cform label.cf-after {
	float: left;
	}
	
#content form.cform label.cf-after {
	width: auto;
	line-height: 20px;
	}
	
	
/*  --------------------------------------------------------
	SHARING
	--------------------------------------------------------*/	
	
#content #sharing img, #content #more-sharing-options img {
	padding: 0;
	border: 0;
	}
	
#sharing {
	width: auto;
	overflow: hidden;
	position: absolute;
	top: 24px;
	right: 22px;
	}
			
#sharebtn-more, #sharebtn-twitter, #sharebtn-facebook {
	display: inline;
	float: left;
	width: 30px;
	height: 30px;
	}
	
#sharebtn-twitter img, #sharebtn-facebook img {
	display: none;
	}
	
span#sharebtn-more, #sharebtn-twitter a, #sharebtn-facebook a {
	display: block;
	width: 30px;
	height: 30px;
	background-image: url(_i/share.png);
	background-repeat: no-repeat;
	-webkit-transition: none;
	}
	
	#sharebtn-twitter a {
		background-position: 0 0;
		}
		
		#sharebtn-twitter a:hover {
			background-position: 0 -30px;
			}
		
	#sharebtn-facebook a {
		background-position: -30px 0;
		}
		
		#sharebtn-facebook a:hover {
			background-position: -30px -30px;
			}
		
	span#sharebtn-more {
		background-position: -60px 0;
		text-indent: -999em;
		}
		
			
#more-sharing-options {
	padding: 20px;
	position: absolute;
	width: auto;
	background: #fff;
	border: 1px solid #d8c5a6;
	overflow: hidden;
	top: -5px;
	right: -5px;
	display: none;
	-moz-box-shadow: 1px 1px 3px #d8c5a6;
	-webkit-box-shadow: 1px 1px 3px #d8c5a6;
	z-index: 50;
	}
	
#more-sharing-options.animated {
	display: block;
	}
	
#more-sharing-options a {
	margin-right: 6px;
	display: block;
	float: left;
	}	
	
		

/*  --------------------------------------------------------
	FOOTER
	--------------------------------------------------------*/

#richfooter {
	border-bottom: 3px double #c6c4a7;
	padding: 10px 0;
	width: auto;
	overflow: hidden;
	clear: both;
	}

a.twollow {	
	display: block;
	float: left;
	background: url(_i/twitter-link.png) top left no-repeat;
	text-indent: -999em;
	width: 170px;
	height: 53px;
	margin-right: 20px;
	-webkit-transition: none;
	}
	
	
a.fbLink {	
	display: block;
	float: left;
	background: url(_i/fb-link.png) top left no-repeat;
	text-indent: -999em;
	width: 170px;
	height: 53px;
	-webkit-transition: none;
	}
	
a.fbLink:hover, a.twollow:hover {
	background-position: bottom left;
	}

#footer-links {	
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #6f6f51;
	width: auto;
	overflow: hidden;
	padding-top: 20px;
	clear: both;
	}
	
#footer-links a {	
	color: #6f6f51;
	}

#footer-links a:hover, #footer-links a:focus {	
	color: #c9651c;
	}

#footer-links #international-links {
	width: auto;
	overflow: hidden;
	float: left;
	}
	
#footer-links #international-links span, #footer-links #international-links ul, #footer-links #international-links li {
	float: left;
	display: inline;
	}
	
#footer-links #international-links span, #footer-links #international-links li {
	margin-right: 15px;
	padding: 5px 0;
	}


#footer-links #misc-links {
	width: auto;
	overflow: hidden;
	float: right;
	}
	
#footer-links #misc-links span, #footer-links #misc-links ul, #footer-links #misc-links li {
	float: right;
	display: inline;
	}
	
#footer-links #misc-links span, #footer-links #misc-links li {
	margin-left: 15px;
	padding: 5px 0;
	}

#footer-links #misc-links span {
	display: none;
	}



/*  --------------------------------------------------------
	WP-PAGE-NAVI
	--------------------------------------------------------*/

#content .wp-pagenavi {
	font-size: 12px;	
	}

 
#content .wp-pagenavi a, #content .wp-pagenavi a:link {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #c6c4a7;
	color: #6f6f51;
	background-color: #dcdaba;	
	}

#content .wp-pagenavi a:visited {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #c6c4a7;
	color: #6f6f51;
	background-color: #dcdaba;	
	}
	
#content .wp-pagenavi a:hover {	
	border: 1px solid #c9651c;
	color: #fff;
	background-color: #c9651c;
	}
	
#content .wp-pagenavi a:active {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #c6c4a7;
	color: #6f6f51;
	background-color: #dcdaba;	
	}
	
#content .wp-pagenavi span.pages {
	padding: 2px 4px 2px 0; 
	margin: 2px 2px 2px 0;
	color: #6f6f51;
	}
	
#content .wp-pagenavi span.current {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	border: 1px solid #6f6f51;
	color: #fff;
	background-color: #6f6f51;
	}
	
#content .wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
	border: 1px solid #c6c4a7;
	color: #6f6f51;
	background-color: #dcdaba;
	}


/*  --------------------------------------------------------
	SHADOWBOX
	--------------------------------------------------------*/
#sb-container,#sb-wrapper{text-align:left;}
#sb-container,#sb-overlay{position:absolute;top:0;left:0;width:100%;margin:0;padding:0;}
#sb-container{height:100%;display:none;visibility:hidden;z-index:999 !important;}
body>#sb-container{position:fixed;}
#sb-overlay{height:expression(document.documentElement.clientHeight+'px');}
#sb-container>#sb-overlay{height:100%;}#sb-wrapper{position:relative;}
#sb-wrapper img{border:none;}#sb-body{position:relative;margin:0;padding:0;overflow:hidden;border:1px solid #303030;}
#sb-body-inner{position:relative;height:100%;}
#sb-content.html{height:100%;overflow:auto;}
#sb-loading{position:absolute;top:0;width:100%;height:100%;text-align:center;padding-top:10px;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title-inner,#sb-info-inner{position:relative;font-family:'Lucida Grande',Tahoma,sans-serif;line-height:16px;}
#sb-title,#sb-title-inner{height:26px;}
#sb-title-inner{font-size:16px;padding:5px 0;color:#fff;}
#sb-info,#sb-info-inner{height:20px;}
#sb-info-inner{font-size:12px;color:#fff;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;}
#sb-nav-close{background-image:url(resources/close.png);background-repeat:no-repeat;}
#sb-nav-next{background-image:url(resources/next.png);background-repeat:no-repeat;}
#sb-nav-previous{background-image:url(resources/previous.png);background-repeat:no-repeat;}
#sb-nav-play{background-image:url(resources/play.png);background-repeat:no-repeat;}
#sb-nav-pause{background-image:url(resources/pause.png);background-repeat:no-repeat;}
#sb-counter{float:left;padding:2px 0;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-family:'Lucida Grande',Tahoma,sans-serif;font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}