@import url(/stylesheets/elements.css);
@import url(/stylesheets/classes.css);

body { font-family: tahoma, arial, sans-serif; font-size: 14px; margin: 0; color: #222; text-align: center; /* ie container centering hack */ }

a.icon, a img { border: none !important; }
td form { margin: 0; }

h1, h2, h3 { font-weight: normal; font-family: Georgia, Serif; }
	h1 a, h2 a, h3 a, h4 a { text-decoration: none; }
h1 { padding: 10px 0; margin: 0; font-size: 2.3em; }
h2 { font-size: 2em; padding: 10px 0; margin: 0; }
h3 { font-size: 1.7em; }
h4 { font-size: 1.4em; }

p { margin: 0; padding: 10px 0 5px; }
label:hover { cursor: pointer; color: #fff; }
td, th { padding: 8px; }

#wrapper-outer { margin: 0 0 20px 0; }
#wrapper-middle { width: 900px; margin: 0 auto; border: 1px solid; border-top: none; background: #fff; }
#wrapper-inner {  }
	#header-outer {  }
	  .top-logo #header-outer { clear: both; }
		#header-inner { width: 900px; margin: 0 auto; text-align: left; }
		  #logo { margin-right: 10px; float: left; }
		    #logo h1 { padding: 15px; margin: 0; }
		#menu-outer { clear: both; }
			#menu-middle { height: 39px; margin: 0 auto; background: repeat-x center -78px; padding: 0 15px; }
			  .inline-logo #menu-middle { height: 98px; }
			    .inline-logo #logo { float: left; margin: 3px 3px 3px 0 }
			#menu-inner { list-style: none; padding: 0; margin: 0; height: 39px; font-size: 1em; float: left; }
		    #menu-inner #logo { float: left; display: block; height: 93px; position: relative; top: -58px; }
		      #menu-inner #logo a { padding: 0 !important; }
			#menu-inner li { display: block; float: left; margin: 0 5px 0 0; line-height: 47px; }
			  .inline-logo #menu-inner li { margin-top: 64px; }
				#menu-inner li a { display: block; float: left; line-height: 39px; padding: 0 12px; text-decoration: none; }
					#menu-inner li.selected { background: no-repeat left top;  }
						#menu-inner li.selected a { background: no-repeat right -39px; }
		.submenu-outer { min-height: 12px; background: repeat-x center -140px; border-bottom: 1px solid #fff; }
		.submenu-middle { height: 35px; background: repeat-x center -117px; border-bottom: 1px solid #fff; }
		.submenu-inner { list-style: none; padding: 0; margin: 0; font-size: .85em; }
			.submenu-inner li { display: block; float: left; }
				.submenu-inner li a { display: block; float: left; line-height: 34px; padding: 0 13px; text-decoration: none; }
					.submenu-inner li.selected a { color: #fff; }
	#pre-content-outer { background: repeat-x center -153px; }
		#pre-content-middle {  width: 900px; margin: 0 auto; }
			#pre-content-inner { text-align: left; padding: 0 15px; }
				#crumb { margin: 0; font-size: .85em; line-height: 2.5em; }
	#banner { margin: 0; }
		#banner-content {  }
			#banner-content h1 {  }
			#banner-content a {  }
				#banner-content a:hover {  }
	#content-inner, #footer { line-height: 1.7em; }
	#home #smoothGallery { height: 300px !important; width: 550px !important; margin: 0 0 20px 0; }
	#content-outer { background: #FEFEFF repeat-x center -181px; }
		#content-middle { width: 900px; margin: 0 auto; text-align: center }
		#content-inner { min-height: 600px; padding: 0 15px 20px; text-align: left; }
			.with-side-column #main-column, .with-side-columns #main-column { float: left; width: 550px; }
			.with-side-column-2 #main-column { float: left; width: 705px; }
			#side-column { float: right; width: 300px;}
      #side-column-2 { float: left; margin: 0 15px 0 0; width: 150px; }
			  .with-side-columns #side-column { width: 150px; }
				.sidebar-box { margin: 0 0 40px; width: 100%; }
					.sidebar-box h1 { font-size: 1.8em; }
					.sidebar-box h2 { font-size: 1.4em; line-height: 1em; margin: 0; }
						.sidebar-box h2 a { text-decoration: none; }
					.sidebar-box-content { margin: 0; }
						.sidebar-box-content p { margin: 0; font-size: .9em; }
						.sidebar-box ul { list-style: none; margin: 0; padding: 0; line-height: 2em; }
							.sidebar-box ul.categories a { font-size: 1.2em; text-decoration: none; }
							.sidebar-box a:hover { color: #fff; }
              .sidebar .submenu-inner { height: inherit; }
              .sidebar .submenu-inner li { float: none; }
              .sidebar .submenu-inner li a { float: none; line-height: 1.4em; padding: 5px; color: #8B0D0D; }
              .sidebar ul.submenu-inner ul { margin: 0 0 0 10px; padding: 0; }
	#error, #notice { font-size: 1.2em; color: #fff; padding: .5em .75em; font-weight: bold; }
	#error { background: #b00; }
	#notice { background: #0b0; }
	#errorExplanation { border: 2px solid #f00; padding: 0; margin: 20px 0; color: #f00; }
	#errorExplanation p { padding: 0 10px; }
	#errorExplanation h2 { color: #fff; background-color: #f00; padding: 8px; margin-top: 0; }
	
	#footer-outer { height: 160px; clear: both; }
	#footer-inner { padding: 15px; text-align: left; font-size: .85em; margin: 0 auto; height: 100px; }
		#footer-inner img {float: right;}
			#footer-inner div {width: 550px;}
		#footer-inner a { }
		#footer-menu { list-style: none; margin: 0; padding: 0; line-height: 30px; width: 100%; display: block; height: 30px; }
			#footer-menu li { display: block; float: left; margin: 0 20px 0 0; }
	#smoothGallery { width: 880px !important; height: 650px !important; z-index: 999; }
	#smoothGallery a { border: none !important; }
	#smoothGallery a:hover { background: none; }

	#google-map { width: 248px; height: 300px; overflow: hidden; margin-top: 10px; border: 1px solid #77a8c7; }

/* Basic Classes used throughout the site */
.date { color: #737373; font-size: .9em; display: block; margin: 5px 0 0; }
a.red:hover { background: #f00 !important; color: #fff !important; }
a.red { border-bottom: 2px solid #f00 !important;}
span.hmenu { margin-right: 1em; }
.full-width { width: 100%; }
.strike { text-decoration: line-through; color: #777; }
.icon { vertical-align: baseline; }
.top { vertical-align: top; }
.endrow { margin-right: 0 !important; }
.bold { font-weight: bold; }
.center { text-align: center; }
.right { text-align: right; }
.clear { clear: both; }
.clear-left { clear: left; }
.noborder { border: none; }
.nopad { padding: 0; }
.item-for-box { margin-bottom: 10px; }
.item { margin-bottom: 4px; }
.item h2 { margin-bottom: 5px; }
.item .blurb { margin-top: 2px; }
.tag-clound { }
	.tag-cloud li { display: block; float: left; clear: none !important; margin: 0 5px; }  
		.tag-cloud li a { text-decoration: none; }
		.cloud1 { font-size: .8em; }
		.cloud2 { font-size: 1.1em; }
		.cloud3 { font-size: 1.3em; }
		.cloud4 { font-size: 1.6em; }
		.cloud5 { font-size: 1.7em; }
.panel-overlay h2 { font-size: 1.4em; }
.events h3 { margin-bottom: 10px; }



#menu-middle, #menu-inner li.selected, #menu-inner li.selected a, .submenu-outer, .submenu-middle, #pre-content-outer, #content-outer { background-image: url(http://s3.amazonaws.com/ameravant-Robl-on-Wines-Santa-Barbara-County-production/files/4/original.gif);  }
body { background: #d6d1c4; }
#wrapper-middle { border-color: #681a05; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; -moz-box-shadow: 0 0 10px #111; -webkit-box-shadow: 0 0 10px #111; box-shadow: 0 0 10px #111; }
a { color: #8B0D0D; }
  a:visited { color: #7a0909; }
  a:hover { color: #a8903b; }
#menu-inner a { color: #591e17; font-family: Georgia, Times, Serif; font-size: 1.1em; }
  #menu-inner li a:hover { color: #70231a; }
  #menu-inner li.selected a { color: #fff5d7; }
.submenu-inner a { color: #fff5d7; font-family: Georgia, Times, Serif; font-size: 1.2em; }
  .submenu-inner a:hover { color: #fff; }
h1, h2, h3, h4, h5 { color: #5F3023; }

.testimonial blockquote { font-family: Georgia, Times, Serif; }