/* Matthew Bivins

		colors here:
		
		background brown: #675b42
		header texts: #3d2915
		reds: #660000
		cream: #f7f3da
		

*/

/*	RESET
*/

*				{ margin: 0; padding: 0; }
html			{ overflow-y: scroll; }
html, body		{ height: 100%; }
body			{ font-size: 62.5%; font-family: Arial, sans-serif; color: #272727; background-color: #675b42; }
ul				{ list-style: square inside; }
ol				{ list-style: decimal inside; }
a				{ outline: none; text-decoration: none; }
a img			{ border: none; }
img				{ vertical-align: middle }
table			{ border-collapse: collapse; }

/*	UTILITY
*/

.floatLeft		{ float: left; }
.floatRight		{ float: right; }
.clear			{ clear: both; }
.button			{ border: 1px solid #272727; background: white; padding: 3px 8px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #272727; }
.button:hover	{ background: #990000; color: white; }

/*  STRUCTURE
*/

#page-wrap		{ width: 980px; margin: 0px auto; 
					min-height: 100%; height: auto !important; height: 100%; 
					}
					


#top-bar		{ height: 196px; width: 980px; margin: 0 0 0 1px; }					

.banner1		{background: url(images/headers/header1.png) no-repeat;  }

.banner2		{background: url(images/headers/header2.png) no-repeat;  }

.banner3		{background: url(images/headers/header3.png) no-repeat;  }

.banner4		{background: url(images/headers/header4.png) no-repeat;  }

.banner5		{background: url(images/headers/header5.png) no-repeat;  }

.banner6		{background: url(images/headers/header6.png) no-repeat;  }

.banner7		{background: url(images/headers/header7.png) no-repeat;  }

.banner8		{background: url(images/headers/header8.png) no-repeat;  }

.banner9		{background: url(images/headers/header9.png) no-repeat;  }

.banner10		{background: url(images/headers/header10.png) no-repeat;  }

#imagebar		{ background: url(images/topbarimages.jpg) no-repeat; text-indent: -9999px; height: 91px; }


#main-col		{ display: block; float: left; width: 440px; height: 100%; }
#sidebar		{ display: inline; float: left; width: 415px; height: 100%;  }

body.news #content		{ background: url(images/home_grapes.png) top center no-repeat;  min-height: 596px; }
body.about #content		{ background: url(images/about_grapes.png) top center no-repeat;  min-height: 581px; }
body.contact #content	{ background: url(images/contact_grapes.png) top center no-repeat; min-height: 666px; }
body.events-2 #content		{ background: url(images/events_grapes.png) top center no-repeat; min-height: 531px; }
body.locations #content	{ background: url(images/locations_grapes.png) top center no-repeat; min-height: 628px; }
body.wine-club #content	{ background: url(images/wineclub_grapes.png) top center no-repeat; min-height: 628px; }




					
/*  HEADER
*/



/*  MENU
*/
#menu-bar					{ padding: 15px 0px 4px 0px;  }
#menu-bar ul				{ text-align: center; margin-top: 81px; }
#menu-bar ul li				{ display: inline; margin-left: 10px;  }
#menu-bar ul li a  			{ text-transform: uppercase; font-size: 13px; color: #675b42; padding: 18px;  }
#menu-bar ul li a:hover  	{ color: #660000; }




@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";


/*  CONTENT
*/

#content-wrap		{ position: relative; background: url(images/content_bg.jpg) repeat-y; padding: 30px;  }

#content			{ padding: 10px 30px 30px 30px; width: 855px;}

h2.upcoming		{ display: block; height: 22px; padding-bottom: 5px; margin-left: 20px; background: url(images/upcomingeventsNEW.png) no-repeat; text-indent: -9999px;  }

#upcomingtitle      { width: 445px; border-left: 1px #c1b38e solid; border-right: 1px #c1b38e solid; border-top: 1px #c1b38e solid; padding: 5px 0 5px 0; }

#blogtitle      { width: 445px; border-left: 1px #c1b38e solid; border-right: 1px #c1b38e solid; border-bottom: 1px #c1b38e solid; padding: 5px 0 5px 0; }

#signuptitle      { width: 408px; border-bottom: 1px #c1b38e solid; border-right: 1px #c1b38e solid; border-top: 1px #c1b38e solid; padding: 5px 0 5px 0; }

#featurestitle      { width: 408px; margin: 65px 0 0 6px;  border-left: 1px #c1b38e solid; border-right: 1px #c1b38e solid; border-top: 1px #c1b38e solid; padding: 5px 0 0 0; }

h2.signup		{ display: block; height: 22px; padding-bottom: 5px; margin-left: 249px; background: url(images/signuptitle.png) no-repeat; text-indent: -9999px;  }

h2.features			{ display: block; height: 26px; width: 173px; padding-bottom: 5px; margin-left: 213px; background: url(images/featurestitle.png) no-repeat; text-indent: -9999px;  }

h2.blog		{ display: block; height: 22px; padding-bottom: 5px; margin-left: 20px; background: url(images/blogtitle.png) no-repeat; text-indent: -9999px;  }







/*	WIDGETS
*/

#events_block		{ float: left; border: 1px #c1b38e solid; padding: 10px; width: 425px; height: 209px;  }

#upcomingevents		{ height: 110px; }

#upcomingevents p	{ display: block; padding-top: 2.6em; padding-left: 20px;text-transform: uppercase;  }

#upcomingevents a	{ color: #f7f3da; font-size: .9em }
#upcomingevents a:hover { color: #660000; }

#upcomingevents ul	{ text-align: left; }

#upcomingevents li	{ padding-top: 15px; padding-left: 15px; list-style: none; text-transform: uppercase; font-family: Arial; font-size: 1em; color:#f7f3da;  }

#upcomingevents li a { color: #660000; }
#upcomingevents li a:hover { color: #000; }

#upcomingevents li span				{ font-size: 1.3em; font-weight: bold;  }

form.subscribe		{ padding-top: 20px; margin-left: 0px; }

.ccform input.submitbutton	{ float: left; background: url(images/submit_button.png) no-repeat; text-indent: -9999px;  height: 27px; width: 83px; border: none; text-align: center; margin: 8px 0 0 3px;  }

.ccform input.submitbutton:hover  { color: #660000; background: url(images/submit_buttonhover.png) no-repeat;  }

.ccform .submitfield			{ float: left; background: url(images/newsletter_field.png) no-repeat; height: 63px; width: 188px; margin-left: 5px; }

.ccform input.submit	{ border: none; height: 26px; width: 178px; margin: 6px 0 0 5px; font-family: Arial, sans-serif; font-size: 1.4em; background-color: #f7f3da;  }

#newsletter			{  margin-left: 6px; width: 375px;  }






#feature-one	{ position: relative; margin-left: 6px; border: 1px #c1b38e solid; padding: 10px; width: 388px; min-height: 300px; height: 100%; z-index: 50;  }

#feature-two		{ position: relative; border-left: 1px #c1b38e solid; border-right: 1px #c1b38e solid; border-bottom: 1px #c1b38e solid; padding: 10px; width: 388px; margin-left: 6px; height: 100%; min-height: 300px; z-index: 50;  }

#feature-three		{ position: relative; border-left: 1px #c1b38e solid; border-right: 1px #c1b38e solid; border-bottom: 1px #c1b38e solid; padding: 10px; width: 388px; margin-left: 6px;  height: 100%; min-height: 300px; z-index: 50;  }

#feature-four		{ position: relative; border-left: 1px #c1b38e solid; border-right: 1px #c1b38e solid; border-bottom: 1px #c1b38e solid; padding: 10px; width: 388px; margin-left: 6px;  height: 100%; min-height: 300px; z-index: 50;  }

.post-meta			{ display: block; float: left; }

.post-meta-key		{ font-family: Arial, sans-serif; font-size: 1.2em; }


.titleprice		{ text-transform: uppercase; letter-spacing: 0.1em; font: 14px Arial, sans-serif; color: #f7f3da; padding-bottom: 10px; display: block; float: left; min-width: 300px;  }

.photo		{ float: right; border: 1px solid #f7f3da; }

.description	{ font: 12px Arial, sans-serif; color: #f7f3da; display: block; float: left; width: 200px;  }

.description img { display: block; position: absolute; left: 220px; border: 1px solid #f7f3da;}



#social			{ height: 40px; margin-left: 13px; width: 108px; display: block; float:left;   }
#social p		{ font-family: Arial, sans-serif; text-transform: uppercase; color: #f7f3da; }
.twitter		{ display: block; float: left; background: url(images/twitterbutton.png); width: 34px; height: 33px; background-position: bottom center; text-indent: -9999px; }
.facebook		{ display: block; float: left; background: url(images/facebookbutton.png); width: 34px; height: 33px; background-position: bottom center; text-indent: -9999px; margin-left: 3px; }
.rss			{ display: block; float: left; background: url(images/rssbutton.png); width: 34px; height: 33px; background-position: bottom center; text-indent: -9999px; margin-left: 3px; }

.twitter:hover, .facebook:hover, .rss:hover	{ background-position: top center; }



/* ABOUT PAGE */

h2.est2004			{ display: block; height: 21px; width: 142px; padding-bottom: 5px; margin-left: 20px; background: url(images/est2004.png) no-repeat; text-indent: -9999px; }

h2.est2007			{ position: absolute; top: 40px; right: 90px; display: block; height: 21px; width: 142px; padding-bottom: 5px; margin-left: 20px; background: url(images/est2007.png) no-repeat; text-indent: -9999px; z-index: 100; }

#printersimage	{ display: block; float: left; padding: 10px; width: 401px; height: 298px;  }

#gentilesimage	{ display: block; float: right; height: 389px; height: 298px; padding: 10px;  }

.aboutcontent	{ font: 12px Arial, sans-serif; color: #f7f3da; padding: 40px 10px 10px 10px; font-style: normal; margin-top: 300px; }

.aboutcontent h3 {padding: 10px 0 10px 0; }

.aboutcontent p { padding: 5px 0 5px 0; }


.piclenselink	{ display: none; }



/* CONTACT PAGE */

h2.staff			{ display: block; height: 26px; width: 103px; padding-bottom: 15px; margin-left: 5px; background: url(images/staff-title.png) no-repeat; text-indent: -9999px; text-align: center;   }

.staffname		{ color: #3d2915; font-size: 22px;  }

.staff p, .staff a		{ color: #f7f3da; font-size: 22px; }

.staff a:hover	{ color: #660000; }

/* GALLERY PAGE 

.ngg-gallery-thumbnail {
float:left;
margin-right:2px;
text-align:center;
}

.ngg-gallery-thumbnail img {
background-color:#FFFFFF;
border:1px solid #A9A9A9;
display:block;
margin:0 0 4px;
padding:1px;
position:relative;
}

*/

/* LOCATIONS PAGE */

#locationspage		{ min-height: 500px; }

h2.mapPrinters			{ display: block; height: 71px; width: 269px; padding-bottom: 20px; margin-left: 20px; background: url(images/mapPrinters.png) no-repeat; text-indent: -9999px; }

h2.mapGentiles			{ display: block; height: 71px; width: 202px; padding-bottom: 20px; margin-left: 20px; background: url(images/mapGentiles.png) no-repeat; text-indent: -9999px; }

#locationPrinters	{ display: block; float: left; padding: 10px 10px 10px 30px; height: 168px;  }

.locationaddress		{ letter-spacing: 1px; color: #f7f3da; font-size: 28px; text-align: center;  }

#locationGentiles	{ display: block; float: right; padding: 10px 30px 10px 10px; height: 168px;  }



.map			{ border: 2px solid #3d2915; height: 260px; width: 260px;}

.locationdates	{ font-size: 14px; color: #f7f3da; text-align: center;}


/* WINE CLUB PAGE */

#wineclubpage			{ min-height: 570px; }

#jointitle      { width: 408px; border-bottom: 1px #c1b38e solid; border-top: 1px #c1b38e solid; padding: 5px 0 5px 0; }

h2.join			{ display: block; height: 26px; width: 364px; margin-left: 20px; background: url(images/joinwineclubtitle.png) no-repeat; text-indent: -9999px; }

a.joinbutton			{ display: block; height: 252px; width: 257px; padding-bottom: 20px; margin-left: 100px; background: url(images/joinwineclubbutton.png) no-repeat; text-indent: -9999px; }

h2.only399			{ display: block; height: 34px; width: 428px; margin: 10px; background: url(images/only-39-month-title.png) no-repeat; padding: 20px 0 0 0;  text-indent: -9999px; }

.membershipbox		{display: block; height: 277px; width: 429px; margin: 20px 0 0 20px; background: transparent url(images/membershipboxNEW.png) no-repeat;}

#columnone		{ display: block; float: left; padding: 10px 10px 10px 5px; height: 168px; width: 387px;   }


	
#columntwo		{ display: block; float: right; padding: 0 30px 10px 10px; height: 300px; width: 413px;  }

.clubcontent	{ font: 12px Arial, sans-serif; color: #f7f3da; padding: 40px 10px 10px 10px; font-style: normal; margin-top: 10px; }

.clubcontent h3 {padding: 10px 0 10px 0; }

.clubcontent p { padding: 5px 0 5px 0; }

#wine-club-form-box		{ background: url(images/join-up-box.png) no-repeat; width:450px; height: 277px; padding: 2px; margin: 10px 0 0 0;  }

.club-form			{ width: 430px; display: block; height: 175px; margin: 9px 5px 5px 5px; padding: 10px; }

.label_left			{ color: #f7f3da; font-size: 12px; }

.club-form select				{ float: left; margin-top: 10px; width: 200px;  }

.club-form input.submitbutton	{ background: url(images/add-to-cart-button-up.png) no-repeat; height: 34px; width: 106px; margin: 6px 0 0 15px; text-indent: -9999px; border: none;   }

.club-form input.submitbutton:hover { background: url(images/add-to-cart-button-down.png); }




.map			{ border: 2px solid #3d2915; height: 260px; width: 260px;}
.locationaddress		{ letter-spacing: 1px; color: #f7f3da; font-size: 28px; text-align: center;  }
.locationdates	{ font-size: 14px; color: #f7f3da; text-align: center;}


/* EVENTS PAGE */


#eventspage		{}

#eventspage p	{ display: block; font-size: .8em; padding-top: 6px; color: #f7f3da; width: 450px; text-align: left; }

#eventspage a	{ color: white; }
#eventspage a:hover { color: #660000; }

#eventspage ul	{ text-align: left; }

#eventspage li	{ padding-top: 40px; padding-left: 20px; font: 2.0em bold Arial; list-style: none; text-transform: uppercase; font-family: Arial; font-size: 2.0em; color: #f7f3da;  }

#eventspage li a { color: #660000; }
#eventspage li a:hover { color: #000; }

#eventspage li p.eventdate		{ color: #3d2915; }

#eventspage li p.eventlocation		{ color: #3d2915; font-size: .6em; }
	

#eventspage li p.eventtitle		{ color: #3d2915; font-size: 1.2em; }

#eventspage li p.eventdescription		{ color: #f7f3da; font-size: .8em; }


/* clearfix */

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



/*	POSTS	*/

#posts_block		{ float: left; border-left: 1px #c1b38e solid; border-right: 1px #c1b38e solid; border-bottom: 1px #c1b38e solid; width: 445px; min-height: 100%; }

#posts_block h2		{ padding-top: 20px; color: white; font-size: 2em; }

#posts_block a		{ text-decoration: none; color: #f7f3da; }


#posts_block a.posttitle	{ font: 20px Arial, sans-serif; color: #f7f3da; text-transform: uppercase; letter-spacing: 0.075em; }
#posts_block a:hover	{ color: #660000; }

.posts		{ padding: 0 10px 30px 10px; border-bottom: 1px solid #c1b38e; width: 425px; }



img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

.postcontent	{ font: 12px Arial, sans-serif; color: #f7f3da; padding: 10px 0 10px 0; font-style: normal; margin-left: 57px;  }

.categories		{ font: 12px Arial, sans-serif; color: #f7f3da; text-transform: uppercase; letter-spacing: 0.1em; }
.categories a	{ color: #f7f3da; }

.datebox		{ -webkit-box-shadow: 0px 2px 4px #333333; -moz-box-shadow: 0px 2px 4px #333333; width: 36px; float: left; padding: 5px; background: #675b42; color: #f7f3da; text-align: center; margin: 10px 10px 0 0; -moz-border-radius: 15px; -webkit-border-radius: 15px; border: 2px solid #f7f3da;  }

.day		{ font-size: 3.4em; font-weight: bold; margin: 0; }
.month		{ font-size: 1.8em; font-weight: bold; text-transform: uppercase; margin: 0; }
.year		{ font-size: 1.6em; font-weight: bold; margin: 0; }





/*   FOOTER
*/

#footer						{ background: url(images/footer_banner.jpg) no-repeat; height: 60px; clear: both;}
#address					{ padding: 60px 0 20px 40px; width: 900px;}
#address p					{ letter-spacing: 0.75px; text-align: center; color: #fff; padding-top: 5px; }
#footer a:hover				{ color: #660000; }
#footer a					{ color: #f7f3da; }



/* FOXYCART /*