/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*               CSS for Wineries Refined                  */
/*                 initial build nov 2009                  */
/*          david a taylor / burning fish design           */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


/* BROWSER CLEANUP */
body, div, p, ul, ol, li, img, h1, h2, h3, a {margin:0;padding:0;border:0;outline: none;}

	/* Set defaults */
	ul li, ol li {margin-left: 40px;}
	a {color: #bcbfc9; text-decoration: none;}
	a:hover, a:active {color: #dddfef; text-decoration: underline;}
	h1, h2, h3, h4 {font-family: "Times New Roman", serif; font-weight: normal; text-transform: uppercase;}
	h1, h2 {line-height: 1;}
	h2, h3 {color: #e5cc57;}
	h1 {font-size: 15px; margin: 0;}
	h2 {font-size: 15px; margin: 4px 0 0 0;}
	h3 {font-size: 15px; margin: 4px 0 0 0;}
	h4 {margin: 6px 0 0 0;}
	
	p {margin: 0.9em 0;}
	address {font-size: 13px; line-height: 1.2; margin-left: 14px;}

	/* for descriptives pages */
	h2 a {color: #e5cc57} /* but make them not links */
	
/* COMMON STYLES */
.clear {clear: both; height: 0; line-height:0;}
.lowercase {text-transform: lowercase;}
.subhead {color:#fff;
font-family:arial;
font-size:0.8em;
font-style:italic;
text-transform:capitalize;}
.stress {font-variant: small-caps; font-weight: bold; font-family: "Times New Roman", Times, serif; color: #e5cc57;}
.teaser {font-style: italic;}
.instruction {font-style: italic; padding: 0 36px; font-size: 15px; text-align: center;}
.signature {font-size: 1.1em; line-height: 1.2;}
	.signature em {color: #e5cc57;}

.logo {font-family: "Times New Roman", Times, serif; font-variant: small-caps; font-weight: normal;}

.error-header, .error-stress, .required-mark {color: #c00;}
.error-stress {font-weight: bold;}

/* Scrollbars */
body {scrollbar-face-color: #747171; scrollbar-highlight-color: #A8A1A1; scrollbar-3dlight-color: #D5D4D4; scrollbar-shadow-color: #292727; scrollbar-darkshadow-color: #000000; scrollbar-arrow-color: #FFFFFF; scrollbar-track-color: #FFFFFF;
}

/* All Nav */
.nav, .nav ul, .nav li {list-style-type: none; margin: 0; font-family: "Times New Roman", Times, serif; text-transform: uppercase;}
.nav li {text-align: center; float: left; border-right: 1px #fff solid;}
.nav li a {display: block; color: #fff; text-decoration: none;}
.nav li a:hover, .nav li a:active {text-decoration: underline;}


/* BASIC PAGE STRUCTURE - ALL PAGES */
body {background: #000; color: #fff; font-family: "Optima Regular", "Myriad Pro", helvetica, arial, sans-serif;}

#content {width: 843px; margin: 20px auto; text-align: center; text-align: left;}

		
	/* Header */
#header {height: 137px; margin-bottom: 11px; background: transparent url(/images/_site-structure/wineries-refined-header.gif) center top no-repeat; position: relative;}

		/* Top Navs */
		#main-nav, #persistent-nav {height: 25px; margin-top: 1px; padding-top: 4px; font-size: 16px;}
		#main-nav li, #main-nav li a, #persistent-nav li, #persistent-nav li a {height: 17px; line-height: 17px;}
		#main-nav li a, #persistent-nav li a {padding: 0 14px;}	
		
		/* Main Nav */
		#main-nav {clear: both; float: left; width: 29em; position: relative;}
				
		/* Dropdowns */

		#main-nav li.top-level ul, #main-nav li.top-level ul li, #main-nav li.top-level ul li a {margin:0; padding:0; text-align: left; line-height: 1; color: #d6d6d6;}
		#main-nav li.top-level ul {position: absolute; z-index:20; top: 22px; font-size: 13px; text-transform: capitalize; background: transparent url(/images/_site-structure/dropdown-bg.png) top left repeat; padding-top: 3px;}
		*:first-child+html #main-nav li.top-level ul {background: #61a3c4 url(/images/_site-structure/dropdown-bg.png) top left repeat;}
		#main-nav li.top-level ul, #main-nav li.top-level ul li {width: 8.5em;}
		#main-nav li.top-level ul li {background: #4d4d4d; border: none; border-top: 1px solid #000;}
		#main-nav li.top-level ul li, #main-nav li.top-level ul a {height: 100%; text-align: center;}
		#main-nav li.top-level ul li a {display: block; padding: 5px 12px 5px 15px; border: none;}
		#main-nav li.top-level ul li a span {text-decoration: none; margin-left: 4px;}
		#main-nav li.top-level ul a:hover, #main-nav li.top-level ul a:active {background-image: url(/images/_site-structure/dropdown-bg-active.png); color: #fff;}
		
		#main-nav li.top-level ul {display: none;}
		#main-nav li.top-level ul ul {left: 8.5em; top: 1.85em; display: none;}
		#main-nav li.tasting-li ul ul {top: 0;}

			/* multi-level dropdowns*/
		#main-nav li ul ul {margin: -2.1em 0 0 10em;}
		#main-nav li:hover ul ul, #main-nav li:hover ul ul ul, #main-nav li.sfhover ul ul, #main-nav li.sfhover ul ul ul {display: none}

			/* show dropdowns on hover */
		#main-nav li:hover ul, #main-nav li li:hover ul, #main-nav li li li:hover ul, #main-nav li.sfhover ul, #main-nav li li.sfhover ul, #main-nav li li li.sfhover ul {display: block;}
		
		
		/* Top-Right Nav */
		#persistent-nav {float: right;}		
		
		/* Side Nav for pages with Sub-Nav */
		#sub-page-nav {position: absolute; left: 8px; top:0;}
			#sub-page-nav li {clear: left; border: none; margin-bottom: 7px;}
			#sub-page-nav li, #sub-page-nav li a {font-size: 15px; line-height: 1; color: #e5e5e5;}
			#sub-page-nav li a {border-bottom: 2px #7d7d7d solid;}
			#sub-page-nav li a:hover, #sub-page-nav li a:active {border-color: #fff; color: #fff; text-decoration: none;}

		
#content-area-full {font-size: 13px; line-height: 1.6; position: relative;}	
		
#main-article, #features-area {float: left; min-height: 585px; height: 585px; background: rgb(26,26,26);}
html>body #main-article, html>body #features-area {height: auto;}
	#main-article h1, #features-area h1 {background: rgb(141,141,141); height: 29px; line-height: 29px; padding: 0 10px;}
	#main-article .article-body, #features-area .article-body {overflow-x: hidden; padding: 0; position: relative;}
	.article-body-inner {padding: 10px 16px 8px;}
	
#main-article, #main-article-foot {width: 455px; margin-right: 10px;}

#features-area, #features-area-foot  {width: 378px;}
	#features-area h1 {text-align: right;}
	
#content-footer {clear: both; line-height: 0;}
	#main-article-foot, #features-area-foot {float: left; height: 6px; background: rgb(141,141,141);}

#footer {clear: both; position: relative; font-size: 14px;}
	#footer p {}	
	#footer #legal, #footer #design-credit, #footer p a {color: #dedede; text-decoration: none;}
		#footer p a:hover, #footer p a:active {text-decoration: underline;}

	#social-media-nav {float: left; margin: 0; font-size:14px; width: 430px; letter-spacing: normal;}
		#social-media-nav li {margin: 5px 0; padding: 0 17px;}
		#social-media-nav li, #social-media-nav li a {height: 14px; line-height: 14px;}	
	
	#footer #legal, #footer #design-credit {float: right; clear: right; text-align: right; font-size: 11px; margin: 6px 0 0; line-height: 1.2;}
	#footer #design-credit {padding: 0 6px; width: 220px;}
	#footer #design-credit a {color: #b4ccec;}
	
	#footer p span {padding: 0 6px;}
	
	
	/* right-hand most nav items */
	.nav li.leisure-li, .nav li.contact-li, .nav li.suscription-li {border: none;}
	/* #main-nav li.contact-li {border: none;} */
	
	
/* STYLES FOR VARIOUS TYPES OF LAYOUTS */

/* 1-column pages */
body#contact #main-article, body#about #main-article, body#subscribe #main-article,
body#contact #main-article-foot, body#about #main-article-foot, body#subscribe #main-article-foot {float: none; width: 488px; margin: 0 auto;}
body#contact #main-article h1, body#about #main-article h1, body#subscribe #main-article h1 {text-align: center;}

.directory-page .directory-body, .directory-page .descriptives-body {border-color: #747171; border-width: 0 5px 6px 5px; border-style: solid; height: 556px;}
/* Directory Pages */
.directory-page #main-article {width: 843px; margin: 0;}
.directory-page #main-article h1 {background-color: #747171; color: #fff; text-align: center; font-size: 17px;}
.directory-page .directory-body {border-color: #747171; border-width: 0 5px 6px 5px; border-style: solid; height: 556px;}

	.directory-page .directory-table {width: 100%; text-align: center; height: 558px; overflow: hidden;}
		.directory-page .directory-table th, .directory-page .directory-table table td {padding: 4px 2px 5px; border-right: 1px solid #a3a3a3;}
		.directory-page .directory-table table td {line-height: 1.2; font-size: 11px;}
		
		.directory-page .directory-table thead {background: rgb(141,141,141); height: 30px;}
		.directory-page .directory-table thead tr {}
  
			.directory-page .directory-table th {font-family: "Times New Roman", serif; font-weight: normal; text-transform: uppercase;  height: 30px; line-height: 13px; padding-bottom: 0; padding-top: 0;}

		.directory-page .directory-table tbody, .directory-page .directory-table tbody .scroll-div {height: 526px;}
		.directory-page .directory-table tbody .scroll-div {overflow-y: scroll; overflow-x: hidden;}
		.directory-page .directory-table table {height: 526px;}
			.directory-page .directory-table table tbody tr {background: #1a1a1a; height: 37px;}
			.directory-page .directory-table table tbody tr.alt {background: #484848;}
						
			.directory-page .directory-table .last-col {}
			.directory-page .directory-table td.last-col {border: none;}
			.directory-page .directory-table .empty-col {border-right-color: rgb(141,141,141);}
			.directory-page .directory-table .final-row td {border-bottom: 1px solid #484848;}
		
			.directory-table .dir-short_name {width: 166px;}
			.directory-table .dir-location {width: 121px;}
			.directory-table .dir-hours {width: 142px;}
			.directory-table .dir-tours {width: 80px;}
			.directory-table .dir-gift_shop {width: 80px;}
			.directory-table .dir-dining {width: 91px;}
			.directory-table .dir-phone {width: 102px;}
			
			.directory-table .dir-tours, .directory-table .dir-gift_shop, .directory-table .dir-dining {text-transform: capitalize;}
			/* NOT USING RIGHT NOW
			.directory-table .dir-website {width: 127px;}
			.directory-table .dir-cuisine {width: 86px;}
			.directory-table .dir-price {width: 56px;}
			.directory-table .dir-non_gluten_options {width: 80px;}
			.directory-table .dir-room_for_parties {width: 68px;}
			*/
			/* font-size changes for specific columns */
			.directory-table tbody td.dir-website, .directory-table tbody td.dir-hours {font-size: 10px;}
			.directory-table tbody td.dir-short_name .business-name {font-size: 13px; text-transform: capitalize;}
			/* split-line headers */
			/* .directory-table th.dir-phone, .directory-table th.dir-non_gluten_options, .directory-table th.dir-room_for_parties {font-size: 11px;} */

			/*  */			
			.directory-table tbody td.dir-short_name .has-desc a {color: #E5CC57; text-decoration: none;}
			
	/* Directory Description Tooltips */
	.tt-content {font-size: 12px;}
		.tt-content h3 {color: #000;}
		.tt-content a {color: #747070;}
		.tt-content address {font-size: 11px;}
		.tt-content .website {display: block; margin-top: 6px;}
	
		.tt-contact, .tt-desc {float: left;}	
			.tt-contact {width: 160px; margin-top: 8px;}
			.tt-desc {width: 310px; margin-left: 8px; padding-left: 10px; border-left: 1px solid #d4d1d1;}
				.tt-desc img {float: right; width: 140px; margin-left: 6px;}
			
			
/* Descriptive Paragraph pages */
.directory-page .descriptives-body {width: 761px; height: 536px; padding: 3px 36px 10px; overflow:auto;}
	.directory-page .descriptives-body h2.sctn-header {clear:both; border-bottom:1px solid #fff; margin-bottom:5px; padding: 14px 0 4px 0; font-size:17px; color: #fff; text-align:center;}

	.desc-row {padding: 4px 0 2px 22px; font-size: 11px; line-height: 1.3; clear: both; background: #484848;}
			.descriptives-body .alt {background: #1a1a1a;}
	
		.desc-deets {width: 482px; float: left; text-align: center}
			.desc-deets .pipe {padding: 0 9px;}
			.desc-row .desc-full_address, .desc-row .desc-phone, .desc-row .desc-website,.desc-row .desc-email {}
			.desc-row .desc-full_name {display: block; font-size: 20px; padding-bottom: 3px;}
			.desc-row .desc-description {clear: both; padding-top: 3px; text-align: left; font-size: 12px;}
			.desc-row img {float: left; width: 180px; border: 2px solid #fff; margin: 16px 0 16px 20px;}
		
		.desc-row strong {color: #9f9f9f;}

		.directory-page .descriptives-body hr {width: 76%; clear: both; margin-top: 12px; height: 1px;}
		
/* Contact / Subscription forms */
.contact-form-table {width: 414px; padding: 8px 0 14px 0; text-align: left; line-height: 1.4;}
	.contact-form-table td {padding-bottom: 2px;}
	.contact-form-table .col1 {width: 100px; text-align: right; padding-right: 5px;}
		.contact-form-table label {font-size: 12px;}
		.contact-form-table .required-mark {float: right; width: 6px;}
		.contact-form-table textarea {width: 300px; height: 156px; border-color: #999 #ccc #bbb #bbb; border-width: 1px; border-style: solid;}

#submit-td {text-align: center;}
#submit-buttons {}

.form-errors p.error-header .form-errors p.error-wrapper {font-size: 12px; line-height: 1.2;}


/* no form contact page */

	#feature-area .contact-info {text-align: left;}
		body#contact #feature-area .contact-info h2 {font-size: 26px; margin: 40px 0 28px 48px;}
		#feature-area .contact-info p {margin-left: 48px;}
		#feature-area .contact-info p, #feature-area .contact-info p a {color: #300; font-size: 16px; font-weight: bold; text-decoration: none;}
		#feature-area .contact-info p a:hover, #feature-area .contact-info p a:active {text-decoration: underline;}
	
/* Feature Pages */
body.feature #content-area-full {background: transparent url("/images/_site-structure/homepage-bg.gif") center top repeat;}

	.feature-contact-details {}
	.feature-contact-details address {font-size: 11px; font-style: normal;}
		 
	/* Main Area */
		 #main-article .feature-contact-details h2 {font-size: 20px; margin: 6px 0 14px;}
	/* Features Area */
		#features-area .feature-contact-details {text-align: center;}
			#features-area .feature-contact-details h2 {margin-top: 14px; font-size: 18px;}
			#features-area .feature-contact-details h2, #features-area .feature-contact-details address {line-height: 1.3;}
		/* Galleries */
		.jquery-gallery #gallery #controls, .jquery-gallery #gallery #caption, .jquery-gallery #thumbs .pagination {display: none;}
		
		.jquery-gallery {position: relative; height: 377px; margin-bottom: 6px; line-height: 1;}
			.jquery-gallery #gallery {position: relative; height: 238px;}
				.jquery-gallery #gallery a, .jquery-gallery #gallery a img {display: block; line-height: 0;}
				
			.jquery-gallery #thumbs {clear: both;}
				.jquery-gallery #thumbs li {list-style-type: none; float: left; width: 124px; height: 66px; margin:0; padding: 3px 3px 0 0;}
				.jquery-gallery #thumbs li.row-end {padding-right: 0;}
					.jquery-gallery #thumbs li a, .jquery-gallery #thumbs li img {display: block;}	
				.jquery-gallery span.image-wrapper {position: absolute; left:0; top:0;}

/* SPECIFIC PAGE STYLES */

/* Home Page */
body#home #content-area-full {background:  transparent url("/images/_site-structure/homepage-bg.gif") center top repeat;}

body#home #features-area h1 {height: 6px;}
body#home #features-flash {display: block; border-bottom: 6px rgb(141,141,141) solid;}

/* Events and Friends & Associates */
body#events #main-article {height:556px; overflow-y: hidden;}
	body#events .article-body-inner {padding: 0 0 0 22px;}

	/* Events */
body#events #events-wrapper {float: left; height: 556px; overflow-y:auto; width: 510px;}
body#events .events-list {margin: 10px 10px 22px 0;}
	body#events .events-list li {list-style-type: none;}
	body#events .events-list span, body#events .events-list li a {display: block;}
	
	body#events .events-list .event-info {margin-top: 14px; line-height:1.2;}
		body#events .events-list .event-date {font-size: 12px;}
		body#events .events-list .event-time {font-size: 11px;}
		body#events .events-list .event-title {font-size: 13px; padding-top:1px;}
		
		.image-highlights {float: left; width: 291px; margin-left: 0px; padding: 20px 10px 0;}
		.image-highlights img {display: block; margin: 0 auto 18px; border: 2px solid #8d8d8d;}

		/* Events - Okanagan Celebrity Wine Fest */
		#feature-ocwf .image-highlights {width: auto;}
			#feature-ocwf .image-highlights img {float: left; width: 338px;}
			#feature-ocwf .image-highlights img.landscape {width: 420px; margin-right: 24px;}
			
		#feature-ocwf #main-article a {color: #E5CC57;}
		
/* Friends */
.friend {}
	.friend-img img {}
	.friend-text {}

	/* on Friends page */
#friends #friends-wrapper .friend {float: left; margin: 22px 24px; text-align: center; height: 200px; width: 206px;}
	#friends .friend-img {}
		#friends .friend-img img {display: block; height: 182px; max-height: 182px; width: 200px; max-width: 200px; margin: 0 auto;}
		#friends .friend-img > img {height: auto; width: auto;}
	#friends .friend-text {font-size: 11px;}
	
#friends #friends-wrapper {margin: 12px 30px;}

	/* on Home page */
	#home .friend img {float: left; width: 166px; margin: 7px 12px 8px 0;}
	#home .friend p {margin: 7px 0;}
		
/* Contact */
body#contact .article-body p.instruction {padding: 0 80px;}

/* Order */
body#subscribe .article-body-inner {text-align: center;}

body#subscribe .article-body p {}
body#subscribe .article-body p.instruction {line-height: 1.3;font-size: 14px;}
body#subscribe .article-body p.stress {font-size: 18px;}

body#subscribe .article-body form {margin-bottom: 32px;}
body#subscribe .article-body form#form-2 {margin-top: 20px;}

/* About Us */
body#about #main-article, body#about #main-article .article-body, body#about #feature-area, body#about #feature-area .article-body {height: auto;}

.refined-team-profile {padding-bottom: 6px;}
.refined-team-profile img {width: 120px; float: left; margin: 2px 18px 6px 0;}
.refined-team-profile .member-role {display: block;}

#profile-rich-dale img {float: none; display: block;}
#profile-rich-dale img.headshot {width: 320px; margin: 2px auto 24px; border: 2px solid #fff;}