/* LAST UPDATED 10.16.08 */

/*

	Table of Contents

	I. GENERAL
	II. NAVIGATION MENUS
	III. STRUCTURE & TYPOGRAPHY
	IV. FORM ELEMENTS
	V. HEADINGS

*/

/* -----------------------------------------------------------
		I. GENERAL
----------------------------------------------------------- */

* {
	margin: 0;
	padding: 0;
	outline: none;
}

body {
	background: #520000 url('../images/bg.jpg') center top no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000;
}

p, ul { padding: 0 0 10px 0; }

a {
	color: #597017;
	text-decoration: underline;
	position: relative;
	cursor: pointer;
		/* get rid of link outlines in firefox */
		outline-color: invert;
		outline-style: none;
		outline-width: medium;
}

a:hover { color: #51004b; }

a img { border: 0; }

.small { font-size: 90%; }

ul, ol { margin-left: 20px; list-style-type: none; }

.alignRight {
	float: right;
	border: 2px #ceb07e solid;
	margin: 0 0 1px 14px;
}

.alignLeft {
	float: left;
	border: 2px #ceb07e solid;
	margin: 0 14px 1px 0;
}

.large { font-size: 130%; }

/* -----------------------------------------------------------
		II. NAVIGATION MENUS
----------------------------------------------------------- */

#nav ul {
	padding: 30px 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	text-align: center;
	background: url('../images/fancy.gif') bottom center no-repeat;
}

#nav li { padding: 17px 0; }

#nav a {
	font-family: "Adobe Garamond Pro", Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	color: #51004b;
	text-decoration: none;
}

#nav a:hover { text-decoration: underline; color: #597017; }

#story #nav li#story a { text-decoration: underline; color: #597017; }
#wine #nav li#wine a { text-decoration: underline; color: #597017; }
#winery #nav li#winery a { text-decoration: underline; color: #597017; }
#contact #nav li#contact a { text-decoration: underline; color: #597017; }
#blog #nav li#blog a { text-decoration: underline; color: #597017; }
#calendar #nav li#calendar a { text-decoration: underline; color: #597017; }
#gallery #nav li#gallery a { text-decoration: underline; color: #597017; }
#conduct #nav li#conduct a { text-decoration: underline; color: #597017; }
#newsletter #nav li#newsletter a { text-decoration: underline; color: #597017; }
#card #nav li#card a { text-decoration: underline; color: #597017; }

/* -----------------------------------------------------------
		III. STRUCTURE & TYPOGRAPHY
----------------------------------------------------------- */

/* Use percentages on font-sizes on block elements, not em or px and NOT on the paragraph element */

#superWrap { /* This is necessary so that the wrap with the png transparency isn't positioned relatively (so links work in IE 6) */
	position: relative;
	margin: 0 auto;
	width: 1134px;
}

	#logo { /* This needs to be in a relatively positioned container to go over the top of other containers */
		position: absolute;
		top: 0;
		left: 415px;
		width: 300px;
		height: 302px;
	}

#wrap {
	margin: 0 auto;
	padding-top: 121px;
	width: 1134px;
	background: transparent url('../images/wrap.png') top center no-repeat;
}

	#content {
		margin: 0 auto;
		padding: 87px 70px 0 42px;
		width: 836px;
		background: #FDF8E5 url('../images/content.jpg') no-repeat;
	}

		#sidebar {
			float: left;
			width: 229px;
			background: url('../images/fancy.gif') top center no-repeat;
		}

			#sidebar #hours {
				margin-bottom: 10px;
				padding: 22px 0 27px;
				text-align: center;
				background: url('../images/fancy.gif') bottom center no-repeat;
			}

		#mainContent {
			float: right;
			width: 605px;
			font-size: 90%;
			line-height: 1.6em;
		}

			#mainContent #header {
				padding: 10px 0 0 415px;
				width: 147px;
				height: 108px;
				text-align: center;
				color: #51004b;
			}

			#mainContent #subHeader {
				height: 228px;
				background: url('../images/subHeader.jpg') no-repeat;
			}

			#mainContent .blurb {
				padding: 25px 0 0 15px;
				width: 586px;
				height: 155px;
			}

				#mainContent .blurb .image {
					float: left;
					padding: 0 20px 10px 0;
				}

					#mainContent .blurb .image img { border: 2px #ceb07e solid; }

			#mainContent .contentPadding {
				padding: 15px 20px 0 10px;
			}

#footer {
	margin: 0 auto;
	padding-top: 8px;
	width: 1134px;
	height: 150px;
	font-size: 85%;
	color: #897a61;
	text-align: center;
	background: transparent url('../images/footer.png') top center no-repeat;
}

/* -----------------------------------------------------------
		IV. FORM ELEMENTS
----------------------------------------------------------- */



/* -----------------------------------------------------------
		V. HEADINGS
----------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
	font-family: Times, "Times New Roman", serif;
	font-weight: bold;
	padding: 0 0 10px 0;
	margin: 0;
	line-height: 1;
	color: #51004b;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: underline; }

/* Use px on font sizes for headings to ensure cross-browser compatibility, especially with IE */

h1 { font-size: 20px; font-stretch: wider; font-style: italic; font-weight: lighter; } 

	#logo h1 { display: inline; }

	#logo h1 a {
		text-indent: -4440px;
		display: block;
		width: 300px;
		height: 302px;
		background: url('../images/logo.png') no-repeat;
	}

h2 { font-size: 21px; font-stretch: wider; }

	#hours h2 {
		font-style: italic;
		font-weight: normal;
		font-size: 19px;
	}

h3 { font-size: 16px; }

	#hours h3 {
		font-size: 15px;
		padding: 0 0 3px 0;
	}

	#hours h3 a {
		font-size: 15px;
		padding: 0 0 3px 0;
color: #597017;
	}

#hours h3 a:hover { text-decoration: underline; color: #51004B; }

#blog #hours a.blog {
color:#51004B;
text-decoration:underline;
}

#conduct #hours a.conduct {
color:#51004B;
text-decoration:underline;
}

#calendar #hours a.calendar {
color:#51004B;
text-decoration:underline;
}

#gallery #hours a.gallery {
color:#51004B;
text-decoration:underline;
}

h4 { font-size: 16px; font-weight: lighter; }

	#hours h4 {
		font-size: 15px;
		font-weight: normal;
	}

h5 { font-size: 100%; }

	#mainContent h5 {
		font-family: Arial, Helvetica, sans-serif;
		color: #7f653e;
		line-height: 1.6em;
		padding: 0;
	}

#bottomNav #nextBLink, #bottomNav #prevBLink {
display:none;
}

/* -----------------------------------------------------------
		CLEARFIX
----------------------------------------------------------- */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hide from IE Mac \*/
.clearfix { display: block; }
/* End hide from IE Mac */