/*
Theme Name: Bradford Mountain
Theme URI: http://www.bradfordmountain.com/
Description: Wordpress them for Braford Mountain Winery, Spring 2010.
Author: Jumping Fences Design, SF (http://www.jfdsf.com)
Version: 1.0
*/

/* ********************************************************************** */
/*  BROWSER RESET
/* ********************************************************************** */

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;
	vertical-align: baseline;
	background: transparent;
}

/* ********************************************************************** */
/*  MAIN STRUCTURE
/* ********************************************************************** */

	html, body{
		height: 100%;
	}

	div#shim{
		width: 100%;
		height: 50%;
		margin-top: -385px;
		float: left;
	}

	/* Hide from IE5mac \*//*/
		div#shim {
			display: none;
		}
		html, body {
			height: auto;
		}
	/* end hack */

	div#wrapper{
		width: 960px;
		height: 692px;
		border: 8px solid #000;
		clear: both;
		position: relative;
		left: 50%;
		margin-left: -488px;
	}

	div#header{
		padding: 8px 24px 24px 24px;
		height: 106px;
		background-color: #000;
	}

	div#content{
		height: 515px;
		padding: 15px 24px 24px 24px;
		background-repeat:no-repeat;
		background-position:center bottom;
		background-image: url(images/bg_boar.jpg);
	}
	
	/* CART BADGE */
		div#cart-badge{
			width: 240px;
			height: 30px;
			background:url('images/cart-badge_bg.png');
			z-index: 999;
			float:right;
			position: absolute;
			right: 0;
			margin-right: 15px;
		}
		
		p.cart-info{
			padding-left: 18px;
			padding-top: 4px;
		}
		
		p.cart-info a{
			font-size: 0.8em;
			text-transform: uppercase;
			text-decoration: none;
			color: #000;
		}
		
		a.cart-icon{
			float: right;
			margin-top: -2px;
			margin-right: 12px;
		}
		
		
	
	/* MOVING THE PAGE CONTENT UNDER ITS MENU ITEM */
		div#content.distributor{
			padding-left: 458px;
		}
		
		div#content.wines{
			padding-left: 116px;
		}
		
		div#content.wine-post{
			padding-left: 116px;
		}
		
		div#content.contact{
			padding-left: 346px;
		}
		
		div#content.purchase{
			margin-left: 195px;
		}
		
		div#content.checkout{
			width: 912px;
			overflow: auto;
		}

	
	/* BACKGROUND IMAGES FOR PAGES */
		div#content.home{
			background-color: #f9fdff;
			background-image:url('images/home_bg-img.jpg');
		}
		
		div#content.winemaker{
			background-image:url('images/winemaker_bg-img.jpg');
		}
		
		div#content.winemaking{
			background-image:url('images/winemaking_bg-img.jpg');
		}
		
		div#content.contact{
			background-image:url('images/contact_bg-img.jpg');
			background-position: right bottom;
		}
		
		div#content.wines{
			background-image:url('images/wines_bg-img.jpg');
			background-position: right bottom;
		}
		
		div#content.purchase{
			background-image:url('images/purchase_bg-img.jpg');
			background-position: right bottom;
		}
		
	/* Structure for Wine posts */
		div#information{
			float: left;
			width: 560px;
		}
		
		div#details #col-1{
			float:left;
			width: 200px;
			padding-right: 22px;
		}
		
		div#details #col-2, div#details #col-3{
			float:left;
			width: 160px;
		}
		
		div#details #col-3{
			padding-left: 14px;
		}
		
		div#bottle{
			float:right;
			margin-right: 58px;
			z-index: 998;
			position: absolute;
			right: 0;
			z-index:10;
		}
		
		div.wine-post div#general, div.wine-post div#details{
			opacity:0;
		}
		
		input.addtocart{
			border: 1px solid #dadada;
			font-size: 0.7em;
			font-weight: bold;
			text-transform:uppercase;
			color: #000;
			margin-top: 8px;
			background: #fff;
		}
	
	div#footer{
		height: 20px;
		bottom: 0px;
		padding-top: 10px;
	}

	div#footer .copyright{
		float: left;
		padding-top: 6px;
	}

	div#footer .meta{
		float: right;
	}

	img.logo{
		margin-left: 128px;
	}
		
	div#social{
		position: fixed;
		bottom: 0;
		height: 42px;
		width: 191px;
		z-index: 100;
		text-align: center;
		left: 50%;
		margin-left: 268px;
		background: url('images/home_social-banner02.png');
		display:none;
	}

	div#fb-join{
		cursor: pointer;
		width: 32px;
		height: 20px;
		float:left;
		margin-left: 42px;
		margin-top: 15px;
	}
	
	div#fb-like{
		cursor: pointer;
		margin-top: 17px;
		width: 80px;
		float:right;
		margin-right: 5px;
	}

	div#social-close{
		margin-top: 10px;
		margin-right: 3px;
		height: 10px;
		width: 10px;
		cursor: pointer;
		float: right;
	}
	
	/* ********************************************************************** */
	/*  NAVIGATION
	/* ********************************************************************** */

		div.menu-main-nav-container{
			margin: 0px;
			padding: 0px;
		}

		div.menu-main-nav-container ul{
			margin: 0px;
			position: absolute;
		}

		div.menu-main-nav-container li{
			position: relative;
			display: block;
			float: left;
		}
		
		div.menu-main-nav-container ul li ul li{
			margin-top: 8px;
		}

		div.menu-main-nav-container li a{
			color:#fff;
			font-weight: 200;
			font-size: 0.8em;
			letter-spacing: 0.12em;
			text-decoration: none;
			text-transform: uppercase;
			margin-right: 58px;
		}

		div.menu-main-nav-container li a:hover{
			color: #eb6e1f;
		}
		
		div.menu-item a:hover{color: #eb6e1f;}
		
		img.logo{
			float:right;
			border: none;
			margin-top: 3px;
		}
		
		ul.sub-menu{width:210px; padding-top: 4px;}
		
		ul.sub-menu li{opacity:0;}
				
		/* ********************************************************************** */
		/*  MODAL CONTACT FORM (NOT USED)
		/* ********************************************************************** */
		div#mask{
			position: absolute;
			z-index:9000;
			background-color: #000;
		}
		
		div#contact-wrapper div.window{
			position: absolute;
			width: 330px;
			height: 400px;
			display: none;
			z-index: 9999;
			padding: 40px;
		}
		
		div#contact-wrapper div#contact-form{
			width: 330px;
			height: 400px;
		}
		
		a.contact-btn{
			color: #000;
			text-transform: uppercase;
			font-size: 0.76em;
			font-weight: bold;
			text-decoration: none;
			padding-top: 30px;
		}

		a.contact-btn:hover{
			text-decoration: underline;
		}
		
		
		div#contact-form{background-color: #000;}
		
		div#contact-form p{color:#fff;}

/* ********************************************************************** */
/*  TYPOGRAPHY
/* ********************************************************************** */

	body{
		font-family: Arial, sans-serif;
		font-size: 0.825em;
	}
	
	h2{
		padding: 10px 0px 0px 0px;
		margin: 0px;
		font-family: Palatino, Palatino Linotype, 'Cardo', Garamond, Hoefler Text, serif;
		font-size: 1.8em;
		font-variant:small-caps;
		letter-spacing: 0.135em;
		color: #eb6e1f;
		font-weight: normal;
	}
	
	div.page-content p.details{
		color: #000;
		font-family: Palatino, Palatino Linotype, 'Cardo', Garamond, Hoefler Text, serif;
		font-variant: small-caps;
		font-weight: bold;
		line-height: 1.9em;
		font-size: 1em;
		letter-spacing: 0.2em;
		margin-top: 20px;
		opacity:0;
		display:none;
	}
	

	/*Multi-columns*/
	div.double-col{	
		/*text-align: justify;*/
		-moz-column-gap: 40px;
		-moz-column-count: 2;
		-webkit-column-count: 2;
		-webkit-column-gap: 40px;
	}

	div.single-col{
		-moz-column-count: 1;
		-webkit-column-count: 1;	
	}

	
	div.page-content div.details-wrapper{
		width: 436px;
		height: 110px;
	}

	div.page-content p, div#information p{
		color:#636466;
		font-size: 1.01em;
		line-height: 1.3em;
		margin-bottom: 12px;
	}
	
	p.subtitle, p.subtitle a, div#information p.subtitle, div.distributor p.subtitle{
		font-size: 1.2em;
		margin: 0px;
		padding-top: 0px;
		padding-bottom: 6px;
		color: #000;
		font-weight: normal;
		text-decoration:none;
	}
	
	div#information{
		padding-top: 12px;
	}

	div#information h3{
		font-size: 1.2em;
		margin: 0px;
		padding:0px;
		color: #000;
		font-weight: normal;
	}

	div#information #details p{
		margin:0;
		padding: 0;
		line-height: 1.6em;
	}

	div#footer{
		margin-top: 5px;
		font-size: 0.7em;
		color: #666;
		text-transform: uppercase;
	}

	div#footer a{
		color: #000;
	}
	
	div#col-3 a{
		color: #000;
		text-transform: uppercase;
		font-size: 0.76em;
		font-weight: bold;
		text-decoration: none;
	}
	
	div#col-3 a:hover{
		text-decoration: underline;
	}
	
	/* For the Wine page */
	div#content.wines ul{
		list-style:none;
	}
	
	div#content.wines ul li{
		margin-top: 28px;
	}
	
	a.wine-list-item {
		text-decoration: none;
		font-size: 1.4em;
		color: #000;
		font-weight: normal;
	}
	
	a.wine-list-item:hover {
		color: #eb6e1f;
	}
	
	
	/* DISTRIBUTOR PAGE */
		div#tech-sheets{
			margin-top: 20px;
		}
		
		div.distributor p{
			margin-top: 40px;
		}
		
		div.distributor table{
			text-align: left;
	 		border-collapse:collapse;
		}
		
		div.distributor a{
			color: #000;
			text-transform: uppercase;
			font-size: 0.76em;
			font-weight: bold;
			text-decoration: none;
		}
		
		div.distributor a:hover{
			color: #eb6e1f;
		}
		
		
		div.distributor table td, div.distributor table th{
			border:1px solid #dadada;
			border-collapse:collapse;
			padding: 8px;
		}	
		
	/* MISC */
		.hidden {
			display: none;
		}
		
		.clear {
			clear: both;
		}
		
		.jScrollPaneContainer {
			overflow:hidden;
			position:relative;
			z-index:1;
		}
		
		.jScrollPaneTrack {
			margin-right: 4px;
			background:#EB6E1F none repeat scroll 0 0;
			cursor:pointer;
			height:100%;
			position:absolute;
			right:0;
			top:0;
		}
		
		.jScrollPaneDrag {
			background:#636466 none repeat scroll 0 0;
			cursor:pointer;
			position:absolute;
			padding: 3px;
			margin-left: -5px;
			border-top: 1px solid #999;
			border-left: 1px solid #888;
			border-right: 2px solid #222;
			border-bottom: 2px solid #111;
		}
		
		#age-verify {
			display: none;
			position: fixed;
			height: 100%;
			width: 100%;
			background: #000;
			top: 0;
			left: 0;
			z-index: 999;
			opacity: 0.9;
		}
		
		#age-wrapper{
			width: 530px;
			margin: auto;
			background: #FFF;
			padding: 20px;
			margin-top: 146px;
		}
		
		#shopp #age-verify form label {
			display: inline;
		}
		
		#age-verify form select {
			margin-right: 8px;
		}