/* ====================================================================================================

Description:	Screen CSS
Version:		v1.0
	
Company:		Semper - Tuck Beckstoffer Wines
				http://www.semperwines.com

==================================================================================================== */

/* Imports */
@import "base.css";

/* Google Font Directory */
@import url(http://fonts.googleapis.com/css?family=IM+Fell+Great+Primer);
@import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz);
@import url(http://fonts.googleapis.com/css?family=Josefin+Sans+Std+Light);
@import url(http://fonts.googleapis.com/css?family=IM+Fell+French+Canon+SC);

/* ====================================================================================================				
	Generic Classes
==================================================================================================== */

/* Headings */
h1 { font-size: 40px; line-height: 40px; margin: 0 0 10px 0; color: #333333; }
h2 { font-size: 30px; line-height: 30px; margin: 0 0 10px 0; color: #333333; }
h3 { font-size: 20px; line-height: 20px; margin: 0 0 10px 0; color: #333333; }
h4 { font-size: 14px; line-height: 20px; margin: 0 0 10px 0; color: #333333; }
h5 { font-size: 12px; line-height: 20px; margin: 0 0 10px 0; color: #333333; }
h6 { font-size: 10px; line-height: 20px; margin: 0 0 10px 0; color: #333333; }

/* Typography */

body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea { font-family: 'Lucida Grande', Tahoma, Verdana, sans-serif; }
body { font-size: 12px; line-height: 19px; }
p { color: #333333; }
blockquote { font-family: Georgia, serif; }

/* Links */
a:link, 
a:visited { color: #840b15; text-decoration: none; }
a:hover { color: #000000; text-decoration: underline; }

/* Selection */
::-moz-selection { background: #b10000; color: #fff; }
::selection { background: #b10000; color: #fff; }

/* ====================================================================================================				
	Site Specific CSS
==================================================================================================== */

/* Body & Wrapper
---------------------------------------------------------------------------------------------------- */
body { margin: 0 0 20px 0; background: #ffffff; }
#wrapper { width: 1000px; margin: 0 auto; background: #ffffff; }


/* Header
---------------------------------------------------------------------------------------------------- */
/* Header
---------------------------------------------------------------------------------------------------- */

#header { margin: 0 0 18px 0; }

/* Mega Drop Down Menu, based on jDiv - http://www.skyrocketlabs.com */
#wine-hidden-div.hidden-div { display: none; position: absolute; z-index: 199; top: 55px; margin: 0 0 0 15px; padding: 15px 15px 15px 15px; background: #ffffff; border: 1px solid #f5f5f5; -webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.5); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
#wine-hidden-div-links h3 { font-family: 'IM Fell Great Primer', Georgia, serif; text-transform: uppercase; font-size: 11px; line-height: 20px; margin: 0 0 8px 0; }
#wine-hidden-div-links.hidden-div-links { text-align: left; }
#wine-hidden-div-links.hidden-div-links ul { list-style: none; overflow: hidden; margin: 0 0 0 0; padding: 0 0 0 0; }
#wine-hidden-div-links.hidden-div-links ul li a { font-family: Palatino, Georgia, serif; text-transform: normal; display: block; font-size: 13px; line-height: 14px; color: #333333; text-decoration: none; margin: 0 0 0 0; padding: 6px 0; }
#wine-hidden-div-links.hidden-div-links ul li a:hover { color: #b10000; text-decoration: none; font-weight: normal; }

/* Brand Navigation */
.brand-navigation a { font-size: 15px; font-style: italic; font-family: Palatino, Georgia, serif; text-transform: normal; }
.brand-navigation a:link,
.brand-navigation a:visited { color: #840b15; padding: 10px; margin: 0; line-height: 80px; text-decoration: none; } 
.brand-navigation a:hover { color: #bc6904; }
.brand-navigation a.current { color: #bc6904; }

/* Logo */
.brand-logo { text-align: center; margin-top: 20px; margin-bottom: 10px; }
.brand-logo-two { text-align: center; margin-bottom: 30px; }

/* Content
---------------------------------------------------------------------------------------------------- */
/* Placement */
#inner-wrapper { margin-top: 0; margin-bottom: 30px; }
.overview #content { margin-top: 0; }
.wines #content { margin-top: 30px; }
.accolades #content { margin-top: 0; }
.mailing-list #content { margin-top: 0; }
.purchase #content { margin-top: 0; }

/* Type */
#content p { font-family: Palatino, serif; font-size: 14px; font-weight: normal; line-height: 20px; }
#content span.dropcap { color: #4e0000; font-family: Palatino, Georgia, serif; font-size: 24px; margin: 12px 1px 0 0; font-style: italic; }
 
.tasting-notes h1.varietal { font-family: 'IM Fell French Canon SC',  Georgia, serif; font-style: normal; color: #4e0000; font-size: 20px; line-height: 28px; letter-spacing: 1px;  margin: 0 0 3px 0; text-transform: normal; text-align: right; }

/* Technical Information */
h2.tech-title { margin: 8px 0 10px 0; display: inline; font-family: 'IM Fell French Canon SC', 'Josefin Sans Std Light', arial, serif; font-weight: bold; color: #4e0000; font-size: 14px; line-height: 14px; letter-spacing: 1px; margin: 0 5px 0 0; text-transform: normal; font-weight: normal; text-transform: normal; }
.tasting-notes { text-align: left; font-style: italic; font-family: Palatino, Georgia, serif; }
.technical-information ul { list-style-type: none; }
.technical-information ul li { margin: 0 0 18px 0; color: #333333; font-family: Palatino, Georgia, serif; font-size: 13px; letter-spacing: 0px; line-height: 17px; font-weight: normal; text-transform: normal; }


/* Vineyards
---------------------------------------------------------------------------------------------------- */

.vineyard-listing { margin-bottom: 40px; padding: 0 0 0 0; }
.vineyard-listing img { margin: 20px 0; -ms-interpolation-mode: bicubic; }
.vineyard-listing h1 { text-align: center; font-family: 'IM Fell French Canon SC', Georgia, serif; font-style: normal; color: #4e0000; font-size: 20px; line-height: 28px; letter-spacing: 1px;  margin: 0 0 10px 0; text-transform: normal; }
.vineyard-listing p { text-align: center; font-style: italic; font-family: Palatino, Georgia, serif; }


/* Accolades
---------------------------------------------------------------------------------------------------- */
.accolade-listing { margin: 20px 0 40px 0; padding: 20px 0 0 0; border-top: 1px dotted #dddddd; }
.accolade-listing h1 { font-family: 'IM Fell Great Primer', Georgia, serif; font-size: 18px; }
.accolade-listing img { margin: 0 20px 20px 0; width: 100px; -ms-interpolation-mode: bicubic; }
.accolade-listing em { font-family: 'IM Fell Great Primer', Georgia, serif; font-size: 13px; }
.accolade-listing a.view-pdf:link { color: #b10000; font-size: 11px; }


/* Wines
---------------------------------------------------------------------------------------------------- */
#content span.vintage-title { font-family: 'IM Fell Great Primer', Georgia, serif; color: #999999; font-size: 13px; line-height: 18px; margin: 0 15px 3px 0; letter-spacing: 2px; text-transform: uppercase; text-align: center; display: inline; }
#content span.varietal { font-family: 'IM Fell Great Primer', Georgia, serif; color: #999999; font-size: 13px; line-height: 18px; margin: 0 15px 10px 0; letter-spacing: 2px; text-transform: uppercase; display: block; }
#content span.production-title { font-family: 'IM Fell Great Primer', Georgia, serif; color: #999999; font-size: 11px; line-height: 18px; margin: 0 0 3px 0; letter-spacing: 2px; text-transform: uppercase; text-align: center; display: inline; }

#content .bottle-shot { text-align: center; margin-bottom: 30px; }
#content img.bottle { width: 130px; -ms-interpolation-mode: bicubic; }

.purchase #content { text-align: center; }






/* Miscellaneous
---------------------------------------------------------------------------------------------------- */

/*
Name: Sliding Login Panel with jQuery 1.3.2
Author: Jeremie Tisseau
Author URI: http://web-kreation.com/
Date: March 26, 2009
Version: 1.0

Copyright 2009 Jeremie Tisseau
"Sliding Login Panel with jQuery 1.3.2" is distributed under the GNU General Public License version 3:
http://www.gnu.org/licenses/gpl-3.0.html
*/

/* Panel Tab/button */
.tab {  }
.tab ul.login { display: block; position: relative; float: left; clear: left; height: 20px; width: auto; line-height: 20px; margin: 0; }
.tab ul.login li { text-align: left; margin: 0 0 0 15px; padding: 10px 0; display: block; float: left; height: 20px; }

/* Sliding Panel */
#toppanel { position: relative; /* relative pushes content, absolute overlays on content */ top: 0; width: 100%; z-index: 999; text-align: center; margin-left: auto; margin-right: auto; }
#panel { width: 100%; height: 100px; color: #333333; background: #f1f1f1; border-bottom: 1px solid #dfdfdf; overflow: hidden; position: relative; z-index: 3; display: none; }


/* Footer
---------------------------------------------------------------------------------------------------- */
#footer { width: 960px; margin: 0 auto; margin-top: 20px; text-align: center; padding: 0 15px 0 15px; font-size: 9px; }
#footer p.brand { font-family: 'Yanone Kaffeesatz', tahoma, sans-serif; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; }
#footer p { margin-top: 4px; color: #333333; margin: 0 0 5px 0; }
#footer p em { margin: 0 2px 0 0; font: italic 10px Georgia, serif; color: #b10000; }
#footer a:link,
#footer a:visited { color: #333333; text-decoration: none; }
#footer a:hover { text-decoration: underline; }