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

	Description:	Screen CSS
	Version:		v1.0 | 2009-09-19
	
	Company:		Company
					http://www.company.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: 20px 0 20px 0; background: #f50f0e url('../images/common/bg.png') repeat-x; min-width: 960px; }
#wrapper { margin: 0 auto; }

.hours-of-operation { margin-top: -5px; padding-top: 13px; padding-bottom: 13px; color: #ffffff; text-align: left;
					background: #669933 url('../images/common/bg-green.png') repeat-y; }
.hours-of-operation span.phone { font: bold 19px 'Helvetica Neue', Helvetica, Arial, sans-serif; margin: 0 105px 0 20px; }
.hours-of-operation span.hours { font: normal 15px 'Helvetica Neue', Helvetica, Arial, sans-serif; }

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

/* Sitewide Navigation */
ul.navigation { margin: 0 0 0 20px; padding: 0; }
ul.navigation li { list-style: none; margin: 0 0 5px 0; padding: 0; }

ul.navigation li a { font: bold 16px 'Helvetica Neue', Helvetica, Arial, sans-serif; line-height: 26px; }
ul.navigation li a:link,
ul.navigation li a:visited { padding: 5px; display: block; color: #333333; text-decoration: none; }
ul.navigation li a:hover { color: #f90f0e; }
ul.navigation li a.current { color: #f90f0e; }

/* Content
---------------------------------------------------------------------------------------------------- */
#content { background: #ffffff url('../images/common/bg-curve.png') top left no-repeat; padding-top: 20px; -moz-border-radius-bottomright:1px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; }
#sidebar p { color: #ffffff; }

span.red { color: #f50f0e; }

#content h1 { color: #000000; margin: 0 0 10px 0; font-size: 22px; }

.menus { font-size: 11px; }
.menus p { font-size: 11px; margin: 0 0 5px 0; line-height: 14px; }
.menus h2 { background: #000000; color: #ffffff; margin: 0 0 20px 0; padding: 0px 8px; font-size: 12px; font-weight: bold; text-transform: lowercase; }
.menus h3 { color: #f50f0e; margin: 0 0 3px 0; font-size: 14px; }
.menus hr { margin: 20px 0 20px 0; }

.wines { font-size: 11px; }

.wines table { width: 100%; }

.wines p { font-size: 11px; margin: 0 0 5px 0; line-height: 14px; }
.wines h2 { background: #000000; color: #ffffff; margin: 0 0 20px 0; padding: 0px 8px; font-size: 12px; font-weight: bold; text-transform: lowercase; }
.wines h3 { color: #000000; display: inline; margin: 0 0 3px 0; font-size: 10px; }
.wines .wine-price { text-align: right; }
.wines hr { margin: 20px 0 20px 0; }
 
span.quote { font-family: Georgia, serif; font-size: 13px; }
span.byline { font-size: 10px; }

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


/* Footer
---------------------------------------------------------------------------------------------------- */
#footer { margin-top: 20px; padding-top: 15px; font-size: 10px; text-align: center; border-top: 1px solid #eeeeee; }

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