/* This CSS file is created for you to create or override any of the existing CSS styles used in this theme */

/* header */

#header					{ background: #000000; border-bottom: 5px solid #383332; }

.logo					{ max-width: 590px; float: left; font-weight: 700; font-family: 'Segoe UI', Arial, Helvetica, sans-serif; text-transform: uppercase; }

.blog-name				{ font-size: 22px; letter-spacing: 1px;  }

.blog-name a:link, .blog-name a:visited	{ color: #FFF; text-decoration: none; }

.blog-name a { background: url(https://borravineyards.com/images/borra_header.jpg) no-repeat; width: 990px; height: 80px; display: block; }

.blog-description		{ font-size: 11px; color: #7d716d; }



/* top menu */

#top-menu  { background: #111; border-bottom: 1px solid #333; }

#top-menu-content  { height: 25px; padding: 3px 0; }

#top-menu-content .sf-menu  { text-transform: uppercase; margin: 0 2px; }

#top-menu .sf-menu a  { display: block; text-decoration: none; padding: 7px 10px 8px; color: #AAA; font-size: 10px; border-right: 1px solid #333; }

#top-menu .sf-menu ul a  { border: none; }

#top-menu .sf-menu ul li  { border: 1px solid #333; margin-top: -1px; }

#top-menu .sf-menu a:hover, #top-menu .sf-menu li:hover, #top-menu .sf-menu li.sfHover, #top-menu .sf-menu ul li  { color: #FFF; background: #111; }

#top-menu .sf-menu ul a:hover, #top-menu .sf-menu ul li.sfHover, #top-menu .sf-menu ul li:hover { color: #373331; background: #FFF; }

#top-menu .sf-menu ul li.sfHover a.sf-with-ul { color: #373331; }

#top-menu .sf-menu li li a  { padding: 7px 10px; line-height: 1; height: auto; font-size: 10px; }

#top-menu .sf-menu .sf-with-ul  { padding-right: 15px; }

#top-menu .sf-sub-indicator  { background: url(../../images/dropdown.png) no-repeat; width: 5px; height: 5px; text-indent: -9999px; display: inline-block; position: relative; left: 7px; top: 0; vertical-align: middle; }

#top-menu .sf-menu ul .sf-sub-indicator	{ display: none; }

#top-menu .sf-menu li:hover ul, #top-menu .sf-menu li.sfHover ul { top: 2.4em; }

#top-menu ul.sf-menu li li:hover ul, #top-menu ul.sf-menu li li.sfHover ul, #top-menu ul.sf-menu li li li:hover ul, #top-menu ul.sf-menu li li li.sfHover ul { top: 0; }



/* main navigation */

#nav  { background: url(../../images/topnav.jpg) repeat-x bottom #322C2C; min-width: 990px; }

#nav-content  { margin: 0 auto; width: 978px; }

#nav .sf-menu  { float: left; line-height: 1.1; max-width: 770px; }

#nav .sf-menu a  { display: block; text-decoration: none; padding: 8px 12px 11px; color: #AAA; font-size: 14px; }

#nav .sf-menu ul li  { border: 1px solid #474331; margin-top: -1px; }

#nav .sf-menu a:hover, #nav .sf-menu li:hover, #nav .sf-menu li.sfHover, #nav .sf-menu ul li  { background: #373331; color: #FFF; }

#nav .sf-menu ul a:hover, #nav .sf-menu ul li.sfHover, #nav .sf-menu ul li:hover { color: #373331; background: #FFF; }

#nav .sf-menu ul li.sfHover a.sf-with-ul { color: #373331; }

#nav .sf-menu li li a  { padding: 7px 10px; line-height: 1; height: auto; font-size: 12px; }

#nav .sf-menu .sf-with-ul  { padding-right: 15px; }

#nav .sf-sub-indicator  { background: url(../../images/dropdown.png) no-repeat; width: 5px; height: 5px; text-indent: -9999px; display: inline-block; position: relative; left: 7px; top: 0; vertical-align: middle; }

#nav .sf-menu ul .sf-sub-indicator	{ display: none; }

#nav .quick-nav li  { padding-top: 8px; }



.quick-nav li			{ padding: 5px 0 0 8px; }

.quick-nav a:link, .quick-nav a:visited	{ display: block; text-indent: -9000px; width: 16px; height: 16px; float: left; clear: left; opacity: 0.6; }

.quick-nav a:hover  { opacity: 1; }



.quick-nav #rss			{ background: url(../../images/rss.png) no-repeat; }

.quick-nav #twitter		{ background: url(../../images/twitter.png) no-repeat; }

.quick-nav #facebook	{ background: url(../../images/facebook.png) no-repeat; }

.price {
	font-weight: bold;
	text-align: left;
}

A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}
A:hover {text-decoration: none; color: blue;}
 
 
