/*
Theme Name: Driftwood Brewing 2.0
Theme URI: http://www.driftwoodbeer.com
Description: A custom-built theme for the Driftwood Brewing Co. of Victoria, BC, Canada
Version: 2.0
Author: Hired Guns Creative
Author URI: http://www.hiredgunscreative.com/
Tags: tan, sand, wood, gray, beer, micro-brewery, craft brewery
*/


html {
	background:#48443c;
	}
	
body {
	margin:0; padding:0;
	background: #e7ded0 url(images/body-bg.jpg) no-repeat top center;
	font-family:"Times New Roman", Times, serif;
	color:#48443c;
	font-size: 11pt;
	}
	
	body.home {
		background:#e9e1d3 url(images/body-home-bg.jpg) no-repeat center top;
		}
	
h1, h2, h3, h4 {
	margin:0 0 20px;
	font-family:"Times New Roman", Times, serif;
	color:#333;
	}
	
h1 {font-size: 17pt; text-transform:uppercase; font-weight:normal;}
h2 {font-size: 14pt; text-transform:uppercase; font-weight:normal;}
h3 {font-size: 14pt;}
h4 {font-size: 12pt;}


/* images and misc. */

img{ border: none; }
img a{border:none;}

img.left{ float: left; border: none; }
img.right{ float: right; border: none; }

blockquote{ margin:15px; padding:0 12px 0 12px;}

code{ margin:10px; font-family:"Courier New", Courier, monospace;}
	
.clear { clear:both;}


/* links */

a{ color:#48443c; text-decoration:underline; border: none; font-weight:bold;}
a:hover{color:#27241d; text-decoration: underline; border: none;}
a.pdf { padding:3px 3px 5px 20px; background: url(images/icn-pdf.gif) no-repeat 0 3px; }


/* container */


#page {
	width: 960px;
	margin: 0 auto; padding:0 0 40px;
	overflow: hidden;
	}
	
	
/* main menu */

#menu {
	width:960px; height:65px;
	margin:0; padding:14px 0 0 7px;
	}
	
	body.home #menu {
		padding-top:0;
		padding-left:3px;
		}

	#menu ul {
		margin:0; padding:9px 0 12px;
		list-style:none;
		}
		
		body.home #menu ul {
			margin-top:55px;
			}


/* Superfish (dropdown) menu Essential Styles (DO NOT CHANGE THESE) */

.sf-menu, .sf-menu * {
	margin:	0; padding:	0;
	list-style:	none;
	}
	
.sf-menu {
	line-height: 1.0;
	}
	
	.sf-menu ul {
		width: 162px; /* left offset of submenus need to match (see below) */
		position: absolute;
		top: -999em;
		}
		
		.sf-menu ul li {
			width: 100%;
			}
			
			.sf-menu li:hover {
				visibility: 	inherit; /* fixes IE7 'sticky bug' */
				z-index:		2000;
				}

			.sf-menu li {
				float:			left;
				position:		relative;
				}
				
			.sf-menu a {
				display:		block;
				position:		relative;
				}
				
			.sf-menu li:hover ul,
			.sf-menu li.sfHover ul {
				left:			-4px;
				top:			39px; /* match top ul list item height */
				z-index:		9000;
				}	
				
			ul.sf-menu li:hover li ul,
			ul.sf-menu li.sfHover li ul {
				top:			-999em;
				}
				
			ul.sf-menu li li:hover ul,
			ul.sf-menu li li.sfHover ul {
				left:			162px; /* match ul width */
				top:			0;
				}
				
			ul.sf-menu li li:hover li ul,
			ul.sf-menu li li.sfHover li ul {
				top:			-999em;
				}


/* Superfish (dropdown) menu Skin */

				.sf-menu li {
					margin:0; padding:0;
					display:inline;
					}
	
					.sf-menu a {
						margin: 0; padding:8px 15px 19px !important;
						color:#fff !important;
						font-family:"Times New Roman", Times, serif;
						font-size:12px !important;
						text-decoration:none;
						text-transform:uppercase;
						overflow:hidden;
						font-weight:lighter;
						outline:none;
						background:url(images/menu-a-bg.png) no-repeat center top;
						}
						
						body.home .sf-menu a {
							background-image:none;
							padding-bottom:8px;
							}
					
						.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
							color: #fff;
							}
							
						.sf-menu li a:hover {
							background-position: center -39px;
							color:#c9b99f;
							}
							
						.sf-menu li:hover, .sf-menu li.sfHover,
						.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
							outline: none;
							color:#c9b99f!important;
							}
							
							.sf-menu li ul {
								margin:0 !important; padding:0 0 31px !important;  /* for use with rounded bottom on ul */
								background:url(images/dropdown-ul-bg.png) no-repeat center bottom;
								}
								
								.sf-menu li li {
									}
						
									.sf-menu li li a {
										width:130px;
										margin: 0 6px; padding: 12px 10px !important;
										background:#f8f5f1  !important;
										color:#32302a !important;
										text-transform:none !important;
										}
										
										.sf-menu li li a:hover {
											color:#32302a !important;
											background-color:#dad0bd !important;
											background-image:none !important;
											}
											
											.sf-menu li li ul {
												display:none;
												}

				/* arrows */
				.sf-sub-indicator {
					display:none;
					}
				
				/* apply hovers to modern browsers */
				a:focus > .sf-sub-indicator,
				a:hover > .sf-sub-indicator,
				a:active > .sf-sub-indicator,
				li:hover > a > .sf-sub-indicator,
				li.sfHover > a > .sf-sub-indicator {
					background-position: -10px -100px; /* arrow hovers for modern browsers*/
					}

/* Social Networking links */

ul#social {
	margin:0; padding:0;
	list-style:none;
	position:relative;
	top:-54px; left:877px;
	}
	
	body.home ul#social {
		left:862px;
		}
	
	ul#social li {
		width:25px; height:25px;
		margin:0 0 0 8px; padding:0;
		float:left;
		}
	
		ul#social a {
			width:25px; height:25px;
			margin:0; padding:0;
			display:block;
			text-indent:-999em;
			background:url(images/social-networking3.png) no-repeat;
			}
		
			ul#social li#facebook a {
				background-position: 0 0;
				}
				
				ul#social li#facebook a:hover {
					background-position:0 -25px;
					}
			
			ul#social li#twitter a {
				background-position:-25px 0;
				}
				
				ul#social li#twitter a:hover {
					background-position:-25px -25px;
					}
					

			ul#social li#instagram a {
				background-position:-50px 0;
				}

				ul#social li#instagram a:hover {
					background-position:-50px -25px;
					}

							
							
																	
	
/* header */

#header {
	width:960px; height:215px;
	text-align:center;
	}
	
	body.home #header {
		height:137px;
		position:relative;
		top:160px;
		}
	
	#header h1 {
		width:267px; height:155px;
		margin:10px auto 0; padding:0;
		}
		
		body.home #header h1 {
			margin:10px 0 0 361px;
			}
		
		#header h1 a {
			width:267px; height:155px;
			background:url(images/header-logo.png) no-repeat 0 0;
			display:block;
			text-indent:-999em;
			outline:none;
			position:relative;
			z-index:20;
			}
			
			body.home #header h1 a {
				width:238px; height:137px;
				background:url(images/header-logo-home.png) no-repeat 0 0;
				}
		
	#header h2 {
		width:960px; height:109px;
		margin:0 0 0 -5px; padding:0;
		text-indent:-999em;
		background:url(images/header-h2-bg.png) no-repeat 0 0;
		position:relative;
		top:-140px;
		z-index:10;
		}
		
		body.home #header h2 {
			height:137px;
			margin:-155px 0 0;
			background:url(images/header-h2-home-bg.png) no-repeat center top;
			top:0;
			}
		
		body.splash #header h2 {
			margin-top:-138px;
			}
		

/* content */

#content {
	width:834px;
	position:relative;
	left:63px;
	overflow: hidden;
	}
	
	body.home #content {
		height:710px;
		margin-top:-145px;
		text-align:center;
		text-transform:uppercase;
		font-size:13px;
		left:0;
		}	
	
	body.home #content, 
	body.home #content h1, 
	body.home #content h2, 
	body.home #content h3 {
		color:#fff;
		}

	body.home #content h1 {
		margin-top:-2px; padding-bottom:29px;
		font-size:22px;
		}
		
	body.home #content p {
		width:420px;
		margin-left:107px;
		float:left;
	}
	
	body.home #content .homepage-call {
		width:148px; height:67px;
		margin-right:130px;
		float:right;
	}
	
		body.home #content .homepage-call a {
			width:148px; height:67px;
			display:block;
			text-indent:-999em;
			cursor:pointer;
			background:url(images/homepage-call.png) no-repeat 0 0;
		}
		
			body.home #content .homepage-call a:hover {
				background-position:0 -67px;
			}

	#content p {
		line-height:25px;
		}
					
	#content ul {
		margin-left:20px;
		}
		
	#content .alignright {
		float:right;
	}

/* sidebar */

#sidebar {
	display:none;
	}
	


/* footer */

#footer {
	width: 100%;
	margin:0; padding:0;
	text-align:center;
	clear:both;
	background:url(images/footer-bg.jpg) no-repeat center 90px;
	color:#ccc4b7;
	}
	
	body.home #footer {
		height:623px;
		margin-top:-222px;
		background:url(images/footer-home-bg.jpg) no-repeat center 269px;
		}

	#footer-wrap {
		width:960px;
		margin:0 auto; padding:0;
		}
		
		#featured-products {
			background:url(images/featured-products-bg.png) no-repeat center top;
			}
			
			body.home #featured-products {
				margin-left:4px;
				background-image:none;
				}
			
			#featured-products h3 {
				margin:0; padding:0 0 50px;
				font-size: 14pt; text-transform:uppercase; font-weight:normal;
				position:relative;
				top:-2px;
				}
				
				body.home #featured-products h3 {
					display:none;
					}

		#footer ul#footer-nav {
			margin: 184px 0 0; padding: 0;
			list-style: none;
			text-align: center;
			}
			
			body.home #footer ul#footer-nav {
				margin-top:174px;
				}
	
			#footer ul#footer-nav li {
				margin:0; padding:13px 0;
				display:inline;
				}
				
				#footer ul#footer-nav li a {
					margin:0; padding: 13px 11px;
					color:#ccc4b7;
					text-decoration:none;
					font-size:10px;
					text-transform:uppercase;
					}
					
					#footer ul#footer-nav li a:hover {
						text-decoration:underline;
						}
						
						#footer ul ul {	
							display:none;
							}
						
		#footer p { 
			margin:20px 0 40px; padding:0;
			font-size:11px;
			}
			
			#footer p a {
				color:#ccc4b7;
				text-decoration:none;
				font-weight:normal;
				}
				
				#footer p a:hover {
					text-decoration:underline;
					}
					
					
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}
					


/* footer jcarousel (jquery) */

.jcarousel-skin-tango .jcarousel-container {
	margin:-34px 0 0;
	}

	.jcarousel-skin-tango .jcarousel-container-horizontal {
		width: 842px;
		padding: 0 56px;
		}
	
		.jcarousel-skin-tango .jcarousel-clip-horizontal {
			width: 842px; height: 384px;
			}
		
			.jcarousel-skin-tango .jcarousel-item {
				width: 280px; height: 384px;
				background:url(images/jcarousel-sprite.png) no-repeat 0 0;
				margin-right:1px;
				}
				
				body.home .jcarousel-skin-tango .jcarousel-item {
					background-position:-1544px 0;
					}
				
				.jcarousel-skin-tango .jcarousel-item-placeholder {
					background: #fff;
					color: #000;
					}
					
				.jcarousel-skin-tango a.beer-logo {
					width:158px; height:158px;
					margin:0 auto;
					display:block;
					outline:none;
					}
				.jcarousel-skin-tango a.beer-logo:hover {
					background:url(images/jcarousel-sprite.png) no-repeat -283px 0;
				}
				
				.jcarousel-skin-tango a.beer-logo img {
					position:relative;
					top:18px;
				}
				
				.jcarousel-skin-tango span.beer-name {
					margin:11px 0 0; padding:0 0 13px;
					color:#e8e0d2;
					text-transform:uppercase;
					letter-spacing:3px;
					display:block;
					font-size:17px;
					background:url(images/3-dots.gif) no-repeat center bottom;
					}
					
					.jcarousel-skin-tango li.naughty-hildegard span.beer-name {
						padding-bottom:10px;
						font-size:14px;
						line-height:14px;
						}
					
				.jcarousel-skin-tango span.beer-description {
					height:98px;
					margin:0; padding:10px 9px 13px;
					overflow:hidden;
					display:block;
					color:#e8e0d2;
					background:url(images/3-dots.gif) no-repeat center bottom;
					font-size:13px;
					line-height:22px;
					}
					
					@media screen and (-webkit-min-device-pixel-ratio:0;) {
						.jcarousel-skin-tango span.beer-description {
							padding:10px 8px 13px;
							line-height:19px;
							}
						}
						
					.jcarousel-skin-tango li.naughty-hildegard span.beer-description {
						padding-top:6px;
						}
						
				.jcarousel-skin-tango a.more {
					margin:12px 0 0;
					display:block;
					text-decoration:none;
					color:#c8b599;
					text-transform:uppercase;
					font-weight:normal;
					font-size:11px;
					}
					
					.jcarousel-skin-tango a.more:hover {
						color:#e8e0d2;
						}


/* jcarousel nav buttons */

.jcarousel-skin-tango .jcarousel-next-horizontal, .jcarousel-skin-tango .jcarousel-prev-horizontal {
	width:56px; height:39px;
	position:absolute;
	top:75px;
	cursor: pointer;
	background:url(images/jcarousel-sprite.png) no-repeat;
	}
		
	.jcarousel-skin-tango .jcarousel-next-horizontal {
		right: 0;
		background-position: -335px -315px;
		}
	
		.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
			background-position: -335px -354px;
			}
		
			.jcarousel-skin-tango .jcarousel-next-horizontal:active {
				background-position: -335px -315px;
				}
			
			.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
			.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
			.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
				cursor: default;
				background-position: -335px -315px;
				}

	.jcarousel-skin-tango .jcarousel-prev-horizontal {
		left: 0;
		background-position: -279px -315px;
		}
	
		.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
			background-position: -279px -354px;
			}
			
			.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
				background-position: -279px -315px;
				}
			
			.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
			.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
			.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
				cursor: default;
				background-position: -279px -315px;
				}
				

/* Our Beers page */

	#content ul#our-beers {
		margin:30px 0 0; padding:0 0 30px;
		list-style:none;
		}
		
		#content ul#our-beers li {
			margin:0; padding:16px 0;
			}
			
			#content ul#our-beers li a {
				margin:0; padding:10px 15px 15px 45px;
				}
				
				#content ul#our-beers li a#our-beers-driftwood {
					background:url(/wp-content/themes/driftwood2/images/logo-driftwood-small.gif) no-repeat 0 0;
					}
					
				#content ul#our-beers li a#our-beers-farmhand {
					background:url(/wp-content/themes/driftwood2/images/logo-farmhand-small.png) no-repeat 0 0;
					}
					
				#content ul#our-beers li a#our-beers-white-bark {
					background:url(/wp-content/themes/driftwood2/images/logo-whitebark-small.png) no-repeat 0 0;
					}
				
				#content ul#our-beers li a#our-beers-blackstone {
					background:url(/wp-content/themes/driftwood2/images/logo-blackstone-small.png) no-repeat 0 0;
					}
					
				#content ul#our-beers li a#our-beers-old-cellar-dweller {
					background:url(/wp-content/themes/driftwood2/images/logo-old-celler-small.gif) no-repeat 0 0;
					}
				
				#content ul#our-beers li a#our-beers-old-barrel-dweller {
					background:url(/wp-content/themes/driftwood2/images/logo-old-barrel-small.png) no-repeat 0 0;
					}
					
				#content ul#our-beers li a#our-beers-crooked-coast {
					background:url(/wp-content/themes/driftwood2/images/logo-crooked-coast-small.png) no-repeat 0 0;
					}
					
				#content ul#our-beers li a#our-beers-brother-barts {
					background:url(/wp-content/themes/driftwood2/images/logo-brother-barts-small.gif) no-repeat 0 0;
					}
					
				#content ul#our-beers li a#our-beers-naughty-hildegard {
					background:url(/wp-content/themes/driftwood2/images/logo-hildegard-small.gif) no-repeat 0 0;
					}
					
				#content ul#our-beers li a#our-beers-belle {
					background:url(/wp-content/themes/driftwood2/images/logo-belle-small.png) no-repeat 0 0;
				}
					
				#content ul#our-beers li a#our-beers-fat-tug-ipa {
					background:url(/wp-content/themes/driftwood2/images/logo-fat-tug-small.png) no-repeat 0 0;
				}
				
				#content ul#our-beers li a#our-beers-singularity {
					background:url(/wp-content/themes/driftwood2/images/logo-singularity-small.png) no-repeat 0 0;
				}
				
				#content ul#our-beers li a#our-beers-cuvee {
					background:url(/wp-content/themes/driftwood2/images/logo-cuvee-small.png) no-repeat 0 0;
				}
				
				#content ul#our-beers li a#our-beers-spring-rite {
					background:url(images/logo-spring-rite-small.png) no-repeat 0 0;
				}
				
				#content ul#our-beers li a#our-beers-twenty-pounder {
					background:url(images/logo-twenty-pounder-small.png) no-repeat 0 0;
				}
				
				#content ul#our-beers li a#our-beers-sartori {
					background:url(images/logo-sartori-small.png) no-repeat 0 0;
				}
				
				#content ul#our-beers li a#our-beers-flanders-red {
					background:url(images/logo-flanders-red-small.png) no-repeat 0 0;
				}
				
				#content ul#our-beers li a#our-beers-son-of-the-morning {
					background:url(images/logo-son-of-the-morning-small.png) no-repeat 0 0;
				}

				#content ul#our-beers li a#our-beers-new-growth {
					background:url(images/logo-new-growth-small.png) no-repeat 0 0;
				}

				#content ul#our-beers li a#our-beers-entangled {
					background:url(images/logo-entangled-small.png) no-repeat 0 0;
				}

				#content ul#our-beers li a#our-beers-gose-uh {
					background:url(images/logo-gose-uh-small.png) no-repeat 0 0;
				}

				#content ul#our-beers li a#our-beers-obscuritas {
					background:url(images/logo-obscuritas-small.png) no-repeat 0 0;
				}

				#content ul#our-beers li a#our-beers-raised-by-wolves {
					background:url(images/logo-raised-by-wolves-small.png) no-repeat 0 0;
				}

				#content ul#our-beers li a#our-beers-pilsner {
					background:url(images/logo-pilsner-small.png) no-repeat 0 0;
				}

				#content ul#our-beers li a#our-beers-de-auras {
					background:url(images/logo-de-auras-small.png) no-repeat 0 0;
				}
				

/* Where's The Beer? page */

	#content #beer-locations h3 {
		margin:25px 0 5px;
		}
	
	#content table.location-of-beers tr {
		background:#e9e3d9;
		}
				
	#content table.location-of-beers tr.odd {
		background:none !important;
		}		

		#content #beer-locations table td {
			padding:5px;
			}
				
	#content #beer-locations hr {
		margin:30px 0;
		}

							
/* Photo Gallery page */					


/* Sales Info page */

.sales-sheet.row {
	padding:20px 100px;
	clear:both;
}

	.sales-sheet.row.odd {
	}
	
		.sales-sheet.row.odd img {
			padding:0 20px;
			float:left;
		}
	
	.sales-sheet.row.even {
		text-align:right;
	}
	
		.sales-sheet.row.even img {
			padding:0 20px;
			float:right;
		}
		
		.sales-sheet h2 {
			margin-bottom:-10px;
		}
		
		.sales-sheet .price {
			background:#ee7834;
			color:#fff;
		}



	
/* In The News page */

.post {
	padding-bottom:40px;
	}
			

/* Contact page */

	#content #contact-info {
		width:260px;
		float:left;
		}
		
	#content #contact-map {
		width:574px;
		float:right;
		}


/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */