/*
	CSS files kept in the 'styles' directory can be used to
	customize your K2 installation without having to mess
	with the core K2 files. This in turn makes it easier to
	upgrade to new K2 version as well as debug any problems
	that might occur.

	You select styles from the K2 Options page in the
	'Presentation' section of your WordPress administration.

	For more information on how to use custom styles:
		http://code.google.com/p/kaytwo/wiki/K2CSSandCustomCSS
	
	Author Name	: Hamilton Partners
	Author Site	: http://www.hamparts.com
	Style Name	: Blackbox
	Style URI	:
	Version		: 1.0
	Comments	:
*/

/*- Typography */

body {
        font-family: Georgia, Times, serif;
	font-size: 62.5%; /* Resets 1em to 10px */
	color: #444;
	background: black;
	text-align: center;
	}

strong, em, b, i {
        font-family: Georgia, Times, serif;
	}

h1, h2, h3, h4, h5, h6, .blog-title {
        font-family: Georgia, Times, serif;
	}

.blog-title { /* This sends the the blog name off the page. */
        text-indent:-9999px;
	}

#header .description { /* Sends the description below the blog name off the page. */
        text-indent:-9999px;
	}

.content {
	}

ul, li {
        font-family: Tahoma, Helvetica, Arial, sans-serif;
        font-size:1.1em;
        }

#page { /* The entire design is contained within the 'page' id */
        background: transparent;
	text-align: left;
	margin: 0 auto;
        padding:0;
	position: relative;
	border: none;
	clear: both;
        z-index:888;
	}

body.columns-two #primary-wrapper {
        background:#f0f0f0 url("/wp-content/uploads/2009/05/black-box-page-column-gradient.png") no-repeat bottom;
	float: right;
	margin:75px 46px 0 0; /* Positions primary column on page. */
        padding:0;
	width: 655px;
	}

body.columns-two #primary {
	}

body.columns-two #primary #columnTopCurve { /* The curve at the top of each column. */
        position:absolute;
        top:-22px;
        }

body.columns-two .secondary {
	float: right;
	}

.columns-two #page {
	width: 950px;
	}

#header { /* Contains the H1 and menu */
	position: relative;
	height: 50px;
	background-color: transparent;
	}
	
#primary-wrapper #primary { /* Contains the main column */
        width:100%;
        padding:0;
        margin:0;
	}

#start-content {
        display:none;
        }

.content {
	padding:0;
        margin:0;
	}

#current-content {
        margin-bottom:150px;
        }

#startcontent {
        padding:0;
        margin:0;
        }

.page .entry-head { /* Changing this to absolute positioning collapses it on the top of each page column, freeing up space. */
        position:absolute;
        }

.entry-head .entry-edit {
        display:none;
        }

.page h1.entry-title { 
        height:35px;
        width:100%;
        padding:0;
        margin:0; 
        text-indent:-5000px; /* Moving the h1 off the page. */
        }

.page-head {
        padding:0;
        margin:0;
        }
.page-head h1 {
		color:#999999;
		font-size:1.5em;
		font-weight:normal;
		text-align:left;
		}
		
.page .entry-content {
        width:100%;
        position:relative;
	font-size: 1.3em;
	line-height: 1.8em;
	text-align: left;
	color: #444;
        padding:0;
        margin:0;
        background:transparent;
	}

.page .entry-content p { /* Configures the paragraphs on most pages. */
        padding:0 0 10px 40px;
        margin:0;
        width:300px;
        }

.page .entry-content h4 {
        margin-left:38px;
        margin-bottom:5px;
        }

.page .entry-foot {
        }

.entry-content p.hanaPlayer {
        margin-left:-12px;
        padding-bottom:10px;
        }

#sidebar-2 {
	clear: none;
        position:absolute;
        left:700px;
        top:160px;
	}

#blogCallOutImg {
        }

#homeLogoLink { /* This allows an invisible, clickable box to lie across the logo. */
        position:absolute;
        left:35px;
        top:67px;
        }

.post .entry-head,
.post .entry-content,
.post .entry-foot,
.page-head,
.comments {
        width:400px;
        padding-left:40px;
        }

.post .entry-head {
        }

.post .entry-content {
        }

.post .entry-foot {
        padding-bottom:10px;
        }

/*- Main Menu in Header */

/* Remove the home link from the nav bar. */
ul.menu li a strong {
        font-family: Tahoma, Helvetica, Arial, sans-serif;
        font-weight:bold;
	}

.menu .blogtab { display:none }

ul.menu {
	position: absolute;
	top: 0;
	margin: 0;
        padding:0;
        letter-spacing:1px;
	}

ul.menu li {
        padding:0;
        margin:0;
        }

ul.menu li a:hover {
	background: transparent;
	color: white;
	text-decoration: none;
	}

ul.menu li.current_page_item a,
ul.menu li.current_page_item a:hover,
ul.menu li.current_page_ancestor a,
ul.menu li.current_page_ancestor a:hover {
	color: white;
	background: transparent;
	text-decoration: none;
	}

ul.menu li a { /* Removing the rounded corners from the tabs. */
	display: block;
	padding: 1px 36px; /* Controls the spacing around the menu link elements. */
        margin:4px 0;
	font-size: 1em;
	color: #999;
        border-left:1px solid white;

	border-top-left-radius: 0;
	border-top-right-radius: 0;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 0;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	}

ul.menu li.page-item-51 a { /* Removes the separator line from the left of the THE STORY tab in header nav. */
        border:none;
        }

#sidebar-1 { /* The first sidebar */
        position:absolute; /* This positions the wine page sub-menu. */
        top:225px;
        left:87px;
        z-index:1;
	}

#sidebar-2 {
	/* The second sidebar */
	}

.secondary {
	/* Contains both sidebars */
	}

#footer {
	clear: both;
	margin: 0 auto;
	padding: 20px 0;
	text-align: left;
	color: #ddd;
        width:950px;
	}

#footer a:hover {
	border: none;
	text-decoration: none;
	color: #aaa;
	}

#customFooter {
        text-align:right;
        width:905px;
        padding:0;
        }

#customFooter #ygbBug {
        float:left;
        padding-left:250px; /* This is a janky way to do it. But it works in IE6! */
        }

#pleaseDrink {
        font-size:1.3em;
        padding:10px 0;
        }

/*- Links */

.entry-title, .entry-title a, .entry-title a:visited,
h2, h2 a, h2 a:visited,
h3, h3 a, h3 a:visited,
h4, h4 a, h4 a:visited {
	color: #999;
	}

#skip a, #skip a:hover, #skip a:visited
{
	position: absolute;
	left: 0px;
	top: -500px;
	width: 1px;
	height: 1px;
	overflow: hidden;
	}
 
#skip a:focus
{
	position: static;
	width: auto;
	height: auto;
	} 

#primary a:hover, #primary a:visited:hover,
.secondary a:hover, .secondary a:visited:hover {
	text-decoration: underline;
        color:#ab8355;
	}

.secondary a:hover, .secondary a:visited:hover {
	text-decoration: none;
        }

h2 a:hover, h2 span a:hover {
	color: #aaa !important;
	}

a {
	color: #AB8355;
	text-decoration: none;
	}

.entry-content a:visited {
	color: #ab8355;
	}

/* The link colors on the blog pages. */
.post .entry-head a {
	color: #ab8355;
	text-decoration: none;
	}

.post .entry-head h3.entry-title a,
.post .entry-head h1.entry-title a {
	color: #444;
	text-decoration: none;
        }

.post .entry-head h3.entry-title a:hover {
	color: #444 !important;
        }

/* The content for the main pages and the top wine page. */
.entry-content p.mainPage {
        position:relative;
        top:-5px;
        left:34px;
        padding:0 0 10px 6px;
        margin:0;
        width:584px;
        }

.entry-content p.mainPage img#mainPageTop {
        position:relative;
        padding:0 0 10px 0;
        margin:0;
        }

#theStoryDropCap {
        margin-right:-40px;
        }

#theBoxDropCap {
        margin-right:-30px;
        }

#faqList {
		width:400px;
		}

#faqList li, #faqList li a {
        font-family: Georgia, Times, serif;
        list-style-type:none;
        padding-bottom:10px;
        font-size:1em;
        line-height:1.1em;
        color:#444;
        }

#faqList li.header, #faqList li.header a {
        font-size:1.3em;
        line-height:1.1em;
        }
#faqList .menu_body {
        display:none;
        padding-left:20px;
        }


.entry-content .legalList li, .entry-content .legalList li, .entry-content .legalList li a {
        width:300px;
        font-family: Georgia, Times, serif;
        padding-left:15px;
        padding-bottom:5px;
        font-size:1em;
        list-style-type:none;
        }

/* The wine child pages. */

#contentMapThumb {
        position:absolute;
        top:290px;
        right:10px;
        }

img#wineHero {
        position:absolute;
        right:20px;
        top:-47px;
        }

img#wineTitle {
        position:relative;
        top:-5px;
        left:-35px;
        }

/* The Box page */
#hana_flv_flow_1 {
        text-align:center;
        }

#faqList .benBox {
        padding:0;
        margin:0;
        }

#faqList .ben_head strong {
        font-size:1.5em;
        padding-top:0;
        }

#faqList .revealHide {
        padding-top:0;
        padding-bottom:0;
        }

#faqList .ben_blurb {
        }

/* The sub menus for the wine pages and for the blog pages. */
ul#subMenu {
        display:block;
        width:150px;
        background:transparent url("/wp-content/uploads/2009/05/black-box-css-list-background-1px.png") repeat-y ;
        }

ul#subMenu li a {
        display:block;
        width:150px;
        color:white;
        padding:8px;
        background:transparent url("/wp-content/uploads/2009/05/black-box-css-list-background.png") no-repeat 0px -31px;
        }

ul#subMenu li:hover,
ul#subMenu li a:hover { 
        color:black;
        background:transparent url("/wp-content/uploads/2009/05/black-box-css-list-background.png") no-repeat 0px 0px;
        }

ul#subMenu li.current_page_item a {
        color:black;
        background:transparent url("/wp-content/uploads/2009/05/black-box-css-list-background.png") no-repeat 0px 0px;
        }

ul#noMenu li {
        display:inline;
        color:white;
        padding:8px;
        }

/* The sub menu for the asides inside the primary column on the wine pages. */
ul#wineAsides {
        padding-top:10px;
        padding-right:30px;
        float:left;
        }

ul#wineAsides li, ul#wineAsides li a, ul#wineAsides li a:hover {
        list-style-type:none;
        display:block;
        height:24px;
        width:130px;
        font-family: Georgia, Times, serif;
        font-size:.9em;
        }

ul#wineAsides li a {
        background:transparent url("/wp-content/uploads/2009/05/black-box-css-list-bg-asides.gif") no-repeat 0px -24px;
        color:#444;
        padding-left:20px;
        padding-top:1px;
        }

ul#wineAsides li a:hover {
        background:transparent url("/wp-content/uploads/2009/05/black-box-css-list-bg-asides.gif") no-repeat 0px 0px;
        text-decoration:none;
        color:#444;
        }

.entry-content .wineAside {
        float:left;
        padding:13px 0 0 0;
        margin:0;
        }

.entry-content .wineAside p {
        width:250px;
        padding:8px;
        margin:0;
        background-color:#f0f0f0;
        }

.selected {
        }

.comments input[type=text], .comments textarea, code {
        font-family: Tahoma, Helvetica, Arial, sans-serif;
	}

/* Home page styles. */

.page .entry-content p.home {
        position:relative;
        left:-24px;
        width:640px;
        padding:0;
        margin:0;
        }

img#boxShotHome {
        position:absolute;
        right:0px;
        top:-62px;
        }

.page .entry-content p#ygbAd {
        padding-top:27px;
        text-align:center;
        }

/* Age Verification Page styles */
body#ageVerificationPage {
        background:black url("/wp-content/uploads/2009/05/black-box-css-age-verification-background.jpg") no-repeat top center;
        }

#ageVerificationPage h1 {
        text-indent:-9999px; /* Moving the h1 off the page. */
        }

#primaryColumnAge {
        width:862px;
	font-size: 1.4em; 
        line-height: 1.6em;
        margin:0 auto;
        }

#primaryColumnAge #primaryContent {
        width:610px;
        margin:0 0 0 75px;
        margin-top:230px;
        background:transparent;
        }

#primaryColumnAge #primaryContent p.top {
        padding-bottom:10px;
        }

#primaryColumnAge p span, #primaryColumnAge p span strong {
        font-family: Tahoma, Helvetica, Arial, sans-serif;
        }
        
#primaryColumnAge p span.white {
        font-family: Tahoma, Helvetica, Arial, sans-serif;
        color:#fff;
        }
        
#primaryColumnAge #primaryContent p.cookieWarning {
        margin:50px auto 100px;
        }

#primaryColumnAge form {
        padding-bottom:30px;
        }

#primaryColumnAge #primaryColumnAgeFooter {
        text-align:center;
        }

span.white a {
        color:#fff;
        text-decoration:underline;
        }

span.white a:hover {
        color:#aaa;
        text-decoration:none;
        }

span.dropCap {
        display:none;
        }
        
/* Styles for divs containing downloadable assets in a UL. Presented as columns. */

.assets_container h4 {
	border-bottom: thin dotted #222;
	}

ul.assets {
	float:none;
	margin:0;
	list-style:none;
	padding-bottom:15px;
	}

ul.assets li {
	float:none;
	padding:4px 0 4px 4px;
	}

ul.logo-list li {
float: none;}

ul#logo-list li {
float: none;
width:450px;}

/* lame attempt at turning off comments */

.comments {
display:none;
}