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

Description:	Screen CSS
Version:		v1.0
	
Company:		Portalupi Wine
				http://www.portalupiwine.com

Author:			Design Vineyard, a division of Everflight LLC
				http://www.designvineyard.com

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

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

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

/* Typography */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea { font-family: 'Times New Roman', Times, Georgia, serif; }
body { font-size: 12px; line-height: 19px; }
p { color: #333333; }
blockquote { font-family: Georgia, serif; }

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

/* Selection */
::-moz-selection { background: #dddddd; color: #333333; }
::selection { background: #dddddd; color: #333333; }

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

/* Body & Wrapper
---------------------------------------------------------------------------------------------------- */
body { margin: 0 0 20px 0; background: #000000; }
#wrapper { width: 960px; margin: 0 auto; background: #ffffff; }
.checkout #wrapper { width: 980px; }

/* Header
---------------------------------------------------------------------------------------------------- */
#header { margin-top: 20px; margin-bottom: 20px; }

/* Sitewide Navigation */
#header ul.navigation { margin: 0 -10px 0 0; padding: 0; float: right; /* This float aligns the navigation */ }
#header ul.navigation li { float: left; list-style: none; margin: 0 3px 0 0; padding: 0; }

#header ul.navigation li a { font-family: Georgia, serif; text-transform: uppercase;  font-size: 9px; line-height: 30px; letter-spacing: 2px; text-transform: uppercase; }
#header ul.navigation li a:link,
#header ul.navigation li a:visited { padding: 0 8px; margin: 20px 0 0 10px; color: #f1f1f1; text-decoration: none; }
#header ul.navigation li a:hover { color: #ffffff; }
#header ul.navigation li a.current { color: #ffffff; text-decoration: underline; }

/* Sub Navigation */
.sub-navigation { position: absolute; top: 28px; right: 22px; }
.sub-navigation { color: #999999; }
.sub-navigation ul { list-style-type: none; }
.sub-navigation li { display: inline; margin: 0 0 0 0px; font-size: 16px; }
.sub-navigation h3 { font-family: Georgia, serif; text-transform: uppercase; letter-spacing: 1px; font-size: 11px; margin: 0 0 5px 0; line-height: 18px; }
.sub-navigation a:link,
.sub-navigation a:visited { font-size: 10px; letter-spacing: 0px; margin: 0 0px; text-transform: normal;  color: #333333; }
.sub-navigation a.current { color: #000000; font-weight: bold; }

/* CSS Drop Down */
.sub-navigation ul { list-style-type: none; list-style-position: outside; margin-top: -1px; padding: 0px; }
.sub-navigation ul li { display: inline; margin: 0px 15px 0px 0px; position: relative; }
.sub-navigation ul li a:link,
.sub-navigation ul li a:visited { font-size: 13px; color: #333333; text-decoration: none; }
.sub-navigation ul li a:hover { color: #3e290e; }
.sub-navigation ul li a.current { color: #000000; }
.sub-navigation ul li ul { display: none; position: absolute; background-color: #ffffff; top: 20px; left: -20px; padding: 10px 20px 10px 20px; z-index: 2000; border-bottom: 1px solid #999; border-right: 1px solid #999; border-top: 1px solid #eee; border-left: 1px solid #eee; }
.sub-navigation ul li ul h3 { white-space: nowrap; }
/*.sub-navigation ul li ul { display: none; position: absolute; background-color: #ffffff; top: 20px; left: -20px; padding: 20px 20px 10px 20px; z-index: 2000; border: 1px solid #000000; border-bottom: 1px solid #000000; }*/
.sub-navigation ul li ul li { display: block; white-space: nowrap; text-align: left; padding: 0 0 0 0; margin: 0 0 8px 0; }
.sub-navigation ul li ul li a:link,
.sub-navigation ul li ul li a:visited { color: #454e29; display: block; text-decoration: none; }
.sub-navigation ul li ul li a:hover { color: #a10000; }
/*.sub-navigation ul li:hover ul { display: block; z-index: 2000; }*/

/* Cart Navigation */
ul.navigation-cart { position: absolute; z-index: 10; top: 48px; right: 24px; height: 20px; }
ul.navigation-cart li a { font-family: Georgia, serif; text-transform: uppercase;  font-size: 8px; letter-spacing: 2px; text-transform: uppercase; }
ul.navigation-cart li a:link, ul.navigation-cart li a:visited { color: #888888; text-decoration: none; }
ul.navigation-cart li a:hover { color: #ffffff; }
ul.navigation-cart  { list-style-type: none; }
ul.navigation-cart li { display: inline; margin: 0 0 0 15px; font-size: 16px; }

/* Content
---------------------------------------------------------------------------------------------------- */
#content { position: relative; z-index: 5; }
#home #wrapper { background: #000000; }

.title { text-align: center; margin: 0 0 30px 0; }
.title h1 { font: italic 19px 'Times New Roman', Georgia, serif; color: #a10000; }

#content .intro { margin-bottom: 40px; }
#content .intro p { font-style: italic; font-size: 28px; color: #666666; text-align: justify; line-height: 34px; }

#content .thankyou h1 { font-family: 'Times New Roman', Times, Georgia, serif; font-size: 20px; letter-spacing: 2px; text-transform: uppercase; margin: 0 0 15px 0; text-align: left; }
#content .thankyou { margin-bottom: 40px; }
#content .thankyou p { font-style: italic; font-size: 18px; color: #666666; text-align: justify; line-height: 26px; }


#vineyards #content .intro p { font-style: italic; font-size: 16px; color: #999999; text-align: justify; line-height: 22px; }
#content .intro h1 { font-family: 'Times New Roman', Times, Georgia, serif; font-size: 20px; letter-spacing: 2px; text-transform: uppercase; margin: 0 0 15px 0; text-align: left; }

/* Wines */
#wine p.intro { font-size: 15px; line-height: 24px; margin: 0 0 20px 0; }
#wine span.vintage { color: #333333;  margin: 0 5px 0 0; }
#wine span.tasting-title { text-transform: uppercase; color: #a10000; font-size: 11px; letter-spacing: 1px; }

.tasting-notes p { font-size: 15px; font-style: italic; }
.tasting-notes h1 { font-family: 'Times New Roman', Times, Georgia, serif; font-size: 36px; line-height: 36px; font-style: italic; margin: 0 0 25px 0; }
.tasting-notes h1 span.subtitle { font-size: 26px; color: #999999; margin: 0 0 0 25px; }
.tasting-notes h2 { font-size: 22px; font-style: italic; color: #777777; margin: 0 0 25px 0; }
img.bottle-shot { width: 120px; margin: 0px 0 50px 0; -ms-interpolation-mode: bicubic; }

.add-to-cart { width: 190px; color: #777777; background: #ffffff; border: 1px solid #eeeeee; padding: 10px; font-family: 'Lucida Grande', Tahoma, sans-serif; }
.add-to-cart strong { font-size: 16px; color: #333333; margin: 0 0 0 0; display: block; }
.add-to-cart table td { width: 50%; }
.buynow { color: #333333; padding: 0; margin: 0 0 0 0; }
.buynow .price { font-size: 13px; font-weight: bold; margin: 0 5px 0 0; color: #333333; }
.add-to-cart hr { background: #dddddd; color: #dddddd; }
.buynow span.size { font-size: 10px; font-weight: normal; color: #777777; font-style: italic; }

img.vineyards { margin: 0 0 20px 0; }

img.story { margin: 0 0 20px 0; }
#tasting-room #content .intro p { font-size: 17px; line-height: 24px; margin: 0 0 20px 0; }
.story #content .intro p { font-size: 17px; line-height: 24px; margin: 0 0 20px 0; }
#contact #content .intro p { color: #333333; font-style: normal; font-size: 15px; line-height: 21px; margin: 0 0 20px 0; }

/* Wine Listing */
ul.wine-listing { text-align: center; margin: 20px 0 50px 0; }
ul.wine-listing img { height: 220px; margin: 0 0 10px 0; -ms-interpolation-mode: bicubic; }
ul.wine-listing li { width: 120px; }
ul.wine-listing a:link,
ul.wine-listing a:visited { font-style: italic; color: #777777; font-size: 14px; line-height: 18px; margin: 25px 0 20px 0; text-transform: normal; text-decoration: none; }
ul.wine-listing a:hover { color: #000000; }

/* Bottle Navigation */
.bottle-navigation {  margin-bottom: 50px; padding: 0 0 0 0; }
.bottle-navigation ul { width: 820px; margin: 40px auto 0px auto; text-align: center; }
.bottle-navigation ul li { display: inline-block; list-style-type: none; text-align: center; width: 230px; margin: 0 20px; }
.bottle-navigation ul li a:link,
.bottle-navigation ul li a:visited { font-size: 16px; font-style: italic; line-height: 16px; color: #777777; text-decoration: none; text-transform: normal; }
.bottle-navigation ul li a:hover { color: #000000; }
.bottle-navigation ul li a.current { color: #000000; }
.bottle-navigation ul li img { height: 200px; margin: 0 0 10px 0; -ms-interpolation-mode: bicubic; }

/* Label Navigation */
.label-navigation {  margin-bottom: 50px; padding: 0 0 0 0; }
.label-navigation ul { width: 820px; margin: 40px auto 0px auto; text-align: center; }
.label-navigation ul li { display: inline-block; list-style-type: none; text-align: center; width: 130px; margin: 0px 0px; }
.label-navigation ul li a:link,
.label-navigation ul li a:visited { font-size: 15px; font-style: normal; line-height: 14px; color: #666666; text-decoration: none; text-transform: normal; }
.label-navigation ul li a:hover { color: #000000; }
.label-navigation ul li a.current { color: #000000; }
.label-navigation ul li img { height: 120px; margin: 0 0 5px 0; -ms-interpolation-mode: bicubic; }

/* Club Signup */
.club-signup { background: #f1f1f1; border: 1px solid #dedede; padding: 20px;}
form#club-form label { padding-top: 1px; margin: 0 5px 0 0; float: left; display: block; font-weight: bold; text-transform: uppercase; font-size: 11px; letter-spacing: 1px; }
.appassionato p { font-size: 12px; }

/* Cart */
.phone p { color: #333333; font-family: Georgia, serif; margin: 18px 0 0 10px; }

.shipping-map { margin-top: 20px; }
.shipping-info { margin-top: 20px; }
.shipping-map img { border: 0px; }
.shipping-info h2 { color: #666666; font-family: Georgia, serif; font-size: 12px; line-height: 12px; text-transform: uppercase; margin: 0 0 5px 0; letter-spacing: 2px; }
.shipping-info p { color: #333333; font-family: 'Lucida Grande', Tahoma, sans-serif; font-size: 11px; line-height: 15px; }
.shipping-info table { width: 100%; font-family: 'Lucida Grande', Tahoma, sans-serif; font-size: 11px; }
.shipping-info table tr td { height: 15px; }
.shipping-info table a:link { text-decoration: underline; }

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

/* Buttons */
.signup-button { margin-top: 15px; padding: 7px 14px; border: 0px; background: #444444; color: #ffffff; }

.place-order-button { margin: 15px 0 0 0; background: #222222; display: inline-block; color: #ffffff; text-decoration: none; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border:0px; position: relative; cursor: pointer; }
.place-order-button:hover { background-color: #111111; color: #ffffff; text-decoration: none; }
.place-order-button:active { top: 1px; }

.huge.place-order-button, .huge.place-order-button:visited { width: 640px; font-size: 18px; padding: 16px; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }


/* Social */

.twitter-button { float: left; margin-top: 6px; }
.facebook-button { float: left; margin-top: 6px; }

a[href$='http://www.facebook.com/portalupiwine'] { display:inline-block; padding-left:18px; line-height:16px; background:transparent url(../images/social/facebook.png) center left no-repeat; }
a[href$='http://www.twitter.com/portalupiwine'] { display:inline-block; padding-left:18px; line-height:16px; background:transparent url(../images/social/twitter.png) center left no-repeat; }

/* Footer
---------------------------------------------------------------------------------------------------- */
#footer { width: 960px; margin: 0 auto; margin-top: 0px; text-align: left; }
#footer p { font-family: Georgia, serif; font-size: 11px; margin-top: 0; padding: 15px 0; text-align: left; line-height: 23px; color: #999999; }
#footer span.copyright { font-family: 'Lucida Grande', Tahoma, sans-serif; font-size: 9px; }

#footer a:link,
#footer a:visited { color: #999999; text-decoration: none; }
#footer a:hover { color: #ffffff; text-decoration: none; }

#footer .capsule { height: 90px; width: 220px; background: transparent url('../images/footer/footer.jpg') no-repeat top left; }
#home #footer .capsule { display: none; }