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

	Description:	Screen CSS
	Version:		v1.0 | 2009-10-13
	
	Company:		Wine House Press: The California Directory of Fine Wineries
					http://www.californiafinewineries.com

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

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

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


/* ====================================================================================================				
	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; }

/* Lists */
ol { margin: 0 0 25px 0; }
ol li { margin: 0 0 4px 0; }
ul { list-style-type: square; margin: 0 0 25px 0; }
ul li { margin: 0 0 5px 20px; line-height: 14px; }

/* Links */
a:link, 
a:visited { color: #375b9e; text-decoration: underline; }
a:hover { color: #a10000; text-decoration: underline; }


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

/* Body & Wrapper
---------------------------------------------------------------------------------------------------- */
body { margin: 0 0 20px 0; background: #d39b22; min-width: 960px; }
#wrapper { width: 960px; margin: 0 auto; border: 1px solid transparent; background: #fbf8f1; -webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.5); }


/* Header
---------------------------------------------------------------------------------------------------- */
#header { text-align: center; }

#header table { margin-bottom: 0; }
#header table tr td { margin-bottom: 0 0 0 0; padding: 0 0 0 0; vertical-align: middle; border: none; }
#header table img { margin: 0 0 0 0; }

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

#header ul.navigation li a { font: normal 10px Georgia, 'Times News Roman', Times, serif; text-transform: uppercase; letter-spacing: 1px; }
#header ul.navigation li a:link,
#header ul.navigation li a:visited { padding: 20px 0; margin: 0 25px 0 0; color: #333333; text-decoration: none; }
#header ul.navigation li a:hover { color: #70510c; }
#header ul.navigation li a.current { color: #ffffff; }

/* Content
---------------------------------------------------------------------------------------------------- */
#content { margin-top: 25px; }

/* Home */

#home h1 { font: normal 28px Georgia, Times, serif; margin: 0 0 20px 0; }
#home #content { padding: 25px 0 25px 0; }

#home #content ul { list-style-type: none; }
#home #content ul li { margin: 0 0 0 0; padding: 0 0 0 0; }

#home #content .latest-press { margin: 20px 0 10px 0; text-align: center; }
#home #content .latest-press a:link,
#home #content .latest-press a:visited { margin: 10px 0; text-align: center; font: italic 14px Georgia, serif; color: #000; text-decoration: none; }
#home #content .latest-press a:hover { color: #a10000; }

#home #content .featured-counties { text-align: center; margin: 0 0 10px 0; }
#home #content .featured-counties a:link,
#home #content .featured-counties a:visited { margin: 0 10px; padding: 10px 0; font: normal 16px Georgia, 'Times News Roman', Times, serif; color: #000; text-decoration: none; }
#home #content .featured-counties a:hover { color: #a10000; }

/*	Home
-------------------------------------------------------------- */

.content h1 { font: normal 14px Georgia, Times, serif; margin: 0 0 20px 0; text-align: center; }

.featured-counties { text-align: center; font: normal 16px Georgia, Times, serif; margin: 0 0 10px 0; }
.featured-counties a:link,
.featured-counties a:visited { margin: 0 10px; color: #000; }
.featured-counties a:hover { color: #a10000; }

ul#quotes { list-style-type: none; padding: 0; margin: 0; }
ul#quotes li { font-size: 13px; color: #a10000; font-style: italic; line-height: 22px; }

ul#quotes li strong { font-size: 16px; font-weight: normal; color: #333; }

ul#intro { list-style-type: none; padding: 0; margin: 0 0 20px 0; }

/*	Featured Wineries
-------------------------------------------------------------- */
.wineries h1 { font: normal 18px Georgia, Times, serif; }


/*	The Books
-------------------------------------------------------------- */
.books-intro { margin-bottom: 0px; }
.books { margin-top: 50px; margin-bottom: 50px; }
.books2 { margin-top: 25px; margin-bottom: 50px; }

.books-intro h1 { font: normal 34px Georgia, Times, serif; margin: 0 0 20px 0; text-align: center; }
.books-intro h2 { font: normal 18px Georgia, Times, serif; margin: 0 0 20px 0; }
.books-intro h2 a:link,
.books-intro h2 a:visited { color: #333333; text-decoration: none; }
.books-intro h3 { font: normal 12px Georgia, Times, serif; margin: 0 0 5px 0; text-transform: uppercase; letter-spacing: 1px; }
.books-intro img.bookicon  { float: right; margin: 0 0 15px 15px; }

.books-intro p strong { font: normal 14px Georgia, Times, serif; color: #802614; }

.books2 h1 { font: normal 28px Georgia, Times, serif; margin: 0 0 20px 0; }
.books2 h2 { font: normal 18px Georgia, Times, serif; margin: 0 0 20px 0; }
.books2 h3 { font: normal 12px Georgia, Times, serif; margin: 0 0 5px 0; text-transform: uppercase; letter-spacing: 1px; }


.books h1 { font: normal 28px Georgia, Times, serif; margin: 0 0 20px 0; }
.books h2 { font: normal 18px Georgia, Times, serif; margin: 0 0 20px 0; }
.books h3 { font: normal 12px Georgia, Times, serif; margin: 0 0 5px 0; text-transform: uppercase; letter-spacing: 1px; }

.books .center { text-align: center; }

.books2 p { font-size: 12px; }
.books2 ul.books-info li { list-style-type: square; font-size: 11px; line-height: 15px; margin: 0 0 10px 15px;}
/* .books ul li { font: normal 11px Georgia, Times, serif; line-height: 18px; margin: 0 0 10px 0;} */
.books2 img.bookicon  { float: right; margin: 0 0 15px 15px; }

#gallery a { margin: 10px 15px; }
#gallery a:link img, #gallery a:visited img { border: 1px solid #d7cbb7; padding: 1px; }
#gallery a:hover img { border: 1px solid #a89f90; }


/*	Preferred Lodging
-------------------------------------------------------------- */
.lodging { margin-top: 15px; }
.lodging h1 { font: normal 28px Georgia, Times, serif; margin: 0 0 20px 0; }
.lodging h2 { font: normal 18px Georgia, Times, serif; margin: 0 0 20px 0; }
.lodging p strong { font-size: 14px; margin: 15px 0 0 0; color: #802614; text-transform: capitalize;}
.lodging ul { margin: -12px 0 30px 0; list-style-type: none; padding: 0;}
.lodging ul li { font-size: 11px; line-height: 18px; margin: 0 0 0 0; }
.lodging ul li a:link,
.lodging ul li a:visited { text-decoration: none; color: #333333; display: block; }
.lodging ul li a:hover { text-decoration: underline; color: #a10000; }

.lodging .grid-3column { width: 250px; margin: 0 20px 20px 0; float: left; }
.padding { margin: 0 10px 0 0; padding: 0 0 0 0; }

.lodging ul#decals { margin: 0 0 15px 0; }


/*	The Team
-------------------------------------------------------------- */

.team { margin-top: 50px; margin-bottom: 40px; }

.team h1 { font: normal 28px Georgia, Times, serif; margin: 0 0 20px 0; }
.team h2 { font: normal 18px Georgia, Times, serif; margin: 0 0 20px 0; }

.team p { font-size: 12px; }
.team p strong { font: normal 14px Georgia, Times, serif; color: #802614; }


/*	Reviews
-------------------------------------------------------------- */

.reviews { margin-bottom: 40px; }

.reviews h1 { font: normal 28px Georgia, Times, serif; margin: 0 0 20px 0; }
.reviews h2 { font: normal 18px Georgia, Times, serif; margin: 0 0 20px 0; }

.reviews p { font-size: 12px; }
.reviews p strong { font: normal 14px Georgia, Times, serif; color: #802614; }

.reviews .covers { margin: 0 0 20px 0; padding: 0 0 20px 0; border-bottom: 1px solid #f4f4f4; }
.reviews .covers img { margin: 0 12px 12px 0; padding: 0; }

#press .media-quotes strong { text-transform: none; font-size: 13px; }
#press .media-quotes em { display: block; font-size: 11px; font-weight: bold; margin: 5px 0 0 15px; }
#press .media-quotes p { margin: 0 0 20px 0; padding: 0 0 20px 0; border-bottom: none dotted #aaaaaa; }


/*	Press
-------------------------------------------------------------- */

#press .lodging h2 { margin: 10px 0 35px 0; }
#press .lodging ul { margin: -12px 0 30px 0; list-style-type: none; padding: 0;}
#press .lodging ul li { font-size: 11px; line-height: 18px; margin: 0 0 15px 0; }
#press .lodging ul li strong { font-size: 13px; }
#press .lodging ul li a:link,
#press .lodging ul li a:visited { font-size: 13px; text-decoration: underline; line-height: 18px; color: #333333; font-weight: bold; margin: 0 0 0 0; }
#press .lodging ul li a:hover { text-decoration: underline; color: #a10000; }


/*	Contact
-------------------------------------------------------------- */

.contact { margin-bottom: 40px; }

.contact h1 { font: normal 28px Georgia, Times, serif; margin: 0 0 20px 0; }
.contact .signupform { text-align: right; }
.contact .image img { float: right; width: 200px; margin: 0 0 20px 20px; }
.contact input.email-input { border: 1px solid #333; background: #fff; }

.contact h2 { font: normal 20px Georgia, Times, serif; margin: 0 0 20px 0; }
.contact td { border-bottom: none; vertical-align: middle; }
.contact td img { margin: 0 20px 0 0; }
.contact th { border-bottom: none; margin: 0 0 10px 0; text-align: left; font: bold 11px 'Lucida Grande', Tahoma, Verdana, sans-serif; }
.contact textarea { width: 400px; height: 60px; }

/*	Misc
-------------------------------------------------------------- */

.preferred-icon { float: right; width: 150px; border-left: 1px solid #dcd9d1; margin: 0 0 20px 20px; padding: 0 0 0 20px; font: normal 11px Georgia, serif; text-align: center; line-height: 16px; }




/* Miscellaneous
---------------------------------------------------------------------------------------------------- */
/* Search */
#search { margin: 0 0 20px 0; }

/* Mailing List */
#mailing-list { margin-bottom: 20px; font-size: 10px; }

/* Social Media */
#social-media { margin-bottom: 20px; font-size: 10px; text-align: right; }
#social-media a:link, 
#social-media a:visited { margin: 0 0 0 15px; color: #333333; text-decoration: none; }
#social-media a:hover { text-decoration: underline; }

a[href$='http://www.facebook.com/pages/California-Directory-of-Fine-Wineries/106071659444130'] {
display:inline-block;
padding-left:22px;
line-height:16px;
background:transparent url(http://www.californiafinewineries.com/public/images/social/facebook.png) center left no-repeat;
}

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

/* Footer
---------------------------------------------------------------------------------------------------- */
#footer { margin-top: 20px; height: 30px; font-size: 9px; }

#footer .column { float: left; margin: 0 0 0 0; padding: 0 15px 0 15px; height: 25px; }
#footer .column p { margin-top: 4px; color: #ffffff; }
#footer .column p em { margin: 0 2px 0 0; font: italic 10px Georgia, serif; color: #694f16; }
#footer .column.divider { border-right: 1px solid #b08017; }

#footer table td { border-bottom: none; }

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

.column p a:link,
.column p a:visited { color: #ffffff; text-decoration: none; }
.column p a:hover { color: #ffffff; text-decoration: underline; }