/*Ensemble Cellars Stylesheet v.1
Sept. 2005 Garnet Web */


* { /*Remove margin and padding from everything so we get predictable layout results across multiple platforms.*/
	margin:0;
	padding:0;
}

body {
	background:#D1E0E1 url(../images/backgroundTile.gif) repeat-y 50% 0;
	color:#6E534C;
	font-family:Helvetica, Arial, sans-serif;
	font-size:70%;/*Setting how big 1em is*/
}

#container {
	font-size:1em;
}



/*Header styles*/
#skipLink {
	height:0;
	left:0;
	position:absolute;/*Absolute positioning is used to remove it from page flow so IE doesn't leave empty space for it.*/
	top:0;	
	text-indent:-9999px;
}

#header {
	background:#F5EACF url(../images/creamTexture.gif);
}

h1 {
	background:url(../images/logotype.gif) no-repeat 50% 0;
}

h1 a {
	display:block;
	height:138px;
	margin:0 auto;
	text-decoration:none;
	text-indent:-9999px;
	width:180px;
}

h2 {
	background-repeat:no-repeat;
	height:225px;	
	position:absolute;
	right:4px;
	top:0;
	text-indent:-9999px;
	width:688px;
}




/*General formatting styles*/
p {
	margin:1em 0;
}

a {
	color:#79716B;
}

.floatright { float:right; }
.floatleft { float:left; }

.question {
	font-weight:bold;
	margin-bottom:-1.5em;
	margin-top:1.5em;
}

.note { font-size:10px; }


/*Content styles*/
.splashImage {
	background:url(../images/top_bar.jpg) repeat-x 100% 0;
	height:86px;
	text-indent:-9999px;
}

#content {
	line-height:2.0em;
	margin:0 auto;
	padding:255px 70px 0 205px;
	position:relative;
	width:515px;
}

/*body#directions #content {
	width:700px;
	padding:255px 0 0;
}*/

#content ul {
	margin:1.5em;
}

#content dl {
	margin:1.5em;
}
#content dd {
	text-indent:1.5em;
}

body#whatshappening #content {
	padding:30px 205px 0 30px;
}

#content.widecolumn {
	position:relative;
	top:-30px;
	left:50px;
}

.inlineSubhead {
	font-size:1.1em;
	font-weight:bold;
}

.pullout {
	float:left;
	margin-left:-200px;
	margin-top:3px;	
	width:200px;
}

.pullquote {
 	height:250px; 
 	text-indent:-9999px;
	width:200px;  	
}

	
/*The following clears .pullout entirely in the stylesheet without extra markup in the XHTML. See: http://positioniseverything.net/easyclearing.html*/
	#footer:before {
			content: "."; 
			display: block; 
			height: 0; 
			clear: both; 
			visibility: hidden;
	}
	
	#footer {display: inline-table;}
	
	/* Hides from IE-mac \*/
	* html #footer {height: 1%;}
	#footer {display: block;}
	/* End hide from IE-mac */
/*End .pullout clear*/

.pulloutImg {
	margin-left: -202px;
	margin-right:0;
}


/* Don't think we're using this DIV anymore, but just in case we come back to it.
#sidebar {
	left:20px;
	position:absolute;
	top:30px;
	width:150px;
}*/

body#whatshappening #sidebar { /*Wordpress however DOES have its own sidebar*/
	position:absolute;
	top:20px;
	left:590px;
	width:190px;
}



/*Footer styles*/
#footer {
	margin:50px auto 20px auto;
	position:relative;
	text-align:center;
	width:600px;
}

#footer p {
	display:inline;
	margin-right:30px;
}

#footer a {
}

#wpLogin {
	color:#6E534C;
}
#wpLogin:hover {
	color:#6E534C;
	text-decoration:none;
}

.sitebywrap {
	background:url(../images/siteBy.gif) -0px -19px no-repeat;
	width:27px;
	height:13px;
	position:absolute;
	right:125px;
	top:-2px;
}

.siteby {
	background:url(../images/siteBy.gif) no-repeat;
	display:block;
	text-decoration:none;
	text-indent:-9999px;
	width:30px;
	height:27px;
}

#home .siteby {
	background:url(../images/siteBy-home.gif) no-repeat;
	display:block;
	text-decoration:none;
	text-indent:-9999px;
	width:30px;
	height:27px;
}

.siteby:hover {
	background-position:bottom;
}

#home .siteby:hover {
	background-position:bottom;
}