/* -----  Engagin Events : BASE STYLE SHEET   --------    */


@import "reset.css";
@import "type.css";
@import "grid.css";

/*  Engaging Events colors:

brown: #75532d;
aqua blue: #96b9bd;
darker aqua [text]: #558b8d;
tan [text]: #ad9e8b;
tan header: #ede9e6;
tan background: #fefefe;

*/


/* universals */

abbr {
	text-transform: none;
	font-size: 1em;
	letter-spacing: 0;
}

strong {font-weight: bold;}

a {
	color: #558b8d;
	text-decoration: none;
	}

a:hover {
	color: #999;
	}

p {
	font-family: Georgia, helvetica, arial, sans-serif;
	font-size: 1.3em;
	color: #444;
	line-height: 21px;
	padding: 0px 0px 5px 0px;
	margin: 5px 0px 16px 0px;
}

select {
	font-size: 1.3em;
	margin: 0px;
	padding: 1px 0px;
}

option {
	margin: 0px;
	padding: 1px 0px;
}

h1 {
	font-family: Georgia, helvetica, arial, sans-serif;
	font-weight: normal;
	color: #805f37;
	font-size: 2em;
	padding: 7px 0px;
	margin: 0px;
	line-height: 25px;
}

	h1 a {color: #805f37;}
	
	h1 a:hover {
		color: #977751;
	}

h2 {
	font-size: 1.7em;
	font-weight: bold;
	font-family: 'helvetica neue', helvetica, arial, sans-serif;
	color: #AE9D8C;
	padding: 5px 0px 2px 0px;
	margin: 10px 0px 10px 0px;
	line-height: 20px;
	border-bottom: 4px solid #ede8e4;
}

	h2 a {color: #558b8d;}
	
	h2 a:hover {color:#82abad;}

h3 {
	font-family: helvetica, arial, sans-serif;
	color: #333;
	line-height: 20px;
	font-weight: bold;
	padding: 5px 0px 5px 0px;
	margin: 9px 0px;
}	

h4 {
	color: #8D7659;
	font-size: 1.4em;
	font-weight: bold;
	font-family: 'helvetica neue', helvetica, arial, sans-serif;
	margin: 0px;
	padding: 0px;
}


h5 {
	font-size: 1.1em;
	font-family: 'helvetica neue', helvetica, arial, sans-serif;
	margin: 10px 0 0;
	padding: 0px;
	color: #8D7659;
}

h6 {
	color: #558b8d;
	font-size: 1.5em;
	line-height: 21px;
	font-weight: normal;
	font-family: 'helvetica neue', helvetica, arial, sans-serif;
	margin:0px 0px 16px 0px;
	padding: 20px 30px 20px 40px;
	background-image: url(../_images/pullquote.jpg);
	background-repeat: repeat-y;
	background-color: #fff;
}

	h6 a {
		font-weight: bold;
	}
	
	hr{
		color: #ddd;
		background-color: #ddd;
		margin: 1em 0;
	}

/* -------  lists -------- */

ul {
	list-style: none;
}

ul li {
	font-size: 12px;
	font-weight: normal;
	color: #333;
	font-family: helvetica, arial, sans-serif;
	background-image: url(../_images/square.gif);
	background-position: 0px;
	background-repeat: no-repeat;
	line-height: 15px;
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 10px 12px;
}

	ul li a {
		color: #000;
		border-bottom: 1px solid #ccc;
	}

	ul li a:hover {
		color: #999;
		border-bottom: 1px solid #eaeaea;
	}
	
		ul li ul {
			margin: 5px 0px 15px 0px;
			list-style: disc;
		}
		
		ul li ul li {
			font-size: 11px;
			
		}
	
	
ol {
	margin: 0px;
	padding: 4px 0px;
}

ol li {
	font-size: 12px;
	font-weight: normal;
	color: #333;
	font-family: helvetica, arial, sans-serif;
	line-height: 15px;
	padding: 0px 0px 0px 4px;
	margin: 0px 0px 10px 26px;
}

	ol li a {
		color: #000;
		border-bottom: 1px solid #ccc;
	}

	ol li a:hover {
		color: #999;
		border-bottom: 1px solid #eaeaea;
	}	
	
	
/* blog blockquote */

div#rightcol #content .blog-entry blockquote{
	color: #81684d;
	background: none;
	font-size: 1.5em;
	padding: 0px 15px 15px 15px;
	margin: 0px;
	}

blockquote {
	margin: 0px 0px 10px 18px;
	color: #fff;
	background-image: url(../_images/openquote.jpg);
	background-repeat: no-repeat;
	font-family: Georgia, "trebuchet MS", "times new roman", serif;
	font-size: 2em;
	line-height: 25px;
	padding: 20px 33px 33px 22px;
}

	blockquote span {
		display: block;
		color: #fff;
		font-family: Georgia, "trebuchet MS", "times new roman", serif;
		font-size: 0.8em;
		line-height: 15px;
		margin: 12px 0px 0px 15px !important;
		padding: 0px !important;
	}

div#leftcol blockquote {
	min-height: 200px;
	}


dl {
	margin: 0px 0px 0px 10px;
	padding: 0px;
}

dt {
	font-family: tahoma, helvetica, arial, sans-serif;
	font-size: 1.2em;
	line-height: 16px;
	color: #00539B;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}

dd {
	font-family: tahoma, helvetica, arial, sans-serif;
	font-size: 1.2em;
	line-height: 16px;
	color: #555;
	font-weight: normal;
	margin: 0px 0px 14px 0px;
}





/* left column styles */

div#leftpromo p {
	margin: 5px 0px;
	padding: 0px;
	color: #fff;
	font-size: 1.2em;
	line-height: 18px;
	font-family: 'helvetica neue', helvetica, arial, sans-serif;
}

	div#leftpromo div#search p {
		letter-spacing: 0.2em;
		font-family: tahoma, arial, helvetica, sans-serif;
		font-size: 0.9em;
		text-transform: uppercase;
		margin: 0px 0px 3px 0px;
		padding: 0px;
		color: #ccc2b9;
	}
	
	div#leftcol input  {
		float: left;
		display: inline;
		margin: 0px 8px 0px 0px;
		font-size: 1.2em;
		width: 166px;
		height: 14px;
		padding: 3px;
		color: #555;
		border: 1px solid #bbb;
		font-family: 'lucida grande', tahoma, helvetica, arial, sans-serif;
		background-color: #fff;
	}

	/* --- search at bottom --- */
	div#search a#searchbutton, div#search-left a#searchbutton {
		background-image: url(../_images/searchbutton.gif);
		background-repeat: no-repeat;
		float: left;
		display: inline;
		width: 66px;
		height: 22px;
		margin-top: 0px;
	}

	div#search a#searchbutton:hover, div#search-left a#searchbutton:hover {
		background-position: 0px -30px;
	}
	
	/* --- search for blog pages --- */
	div#search-left a#searchbutton {
		background-image: url(../_images/searchbutton.gif);
		background-repeat: no-repeat;
		float: left;
		display: inline;
		width: 66px;
		height: 25px;
		margin-top: 1px;
		background-position: 0px -30px;
	}
	
	div#search-left a#searchbutton:hover {
		background-position: 0px 0px;
	}
	
	a#submitbutton {
		background-image: url(../_images/submitbutton.gif);
		background-repeat: no-repeat;
		background-position: 0px 0px;
		float: right;
		display: inline;
		width: 66px;
		height: 24px;
	}
	
	a#submitbutton:hover {
		background-position: 0px -41px;
	}
	




/* right column styles */

div#rightcol h1.pagetitle {
	border-bottom: 1px solid #AE9D8C;
	padding: 0px;
	margin: 10px 0px 14px 0px;;
}


/*============ home page ================*/

div#welcome p {
	margin-bottom: 22px;
}

div#welcome a.findoutmore {
	font-family: Georgia, helvetica, arial, sans-serif;
	font-size: 1.2em;
	font-weight: normal;
	background-image: url(../_images/arrow.jpg);
	background-repeat: no-repeat;
	background-position: 95% 6px;
	color: #75532d;
	padding: 3px 21px 3px 5px;
	border: 1px solid #a2907a;
	background-color: #fff;
	margin: 12px 0px 0px 0px;
}

div#welcome a.findoutmore:hover {
	color:#558b8d;
	border: 1px solid #558b8d;
	background-position: 95% -14px;
}

div#bloghp h2 {
	color: #333;
	font-family: 'helvetica neue', helvetica, arial, sans-serif;
	margin: 4px 0px 0px 0px;
	padding: 0px;
	border: 0px;
	clear: none;
}

div#bloghp .blog-entry p.date {
	font-family: 'helvetica neue', helvetica, arial, sans-serif;
	color: #AE9D8C;
	font-weight: bold;
	font-size: 1.2em;
	line-height: 16px;
	margin: 0px 0px 5px 0px;
	padding: 0px;
}

	div#bloghp .blog-entry p.date a {
		color: #AE9D8C;
	}
	
	div#bloghp .blog-entry p.date a:hover {
		color: #9cc4c6;
	}
	
div#bloghp .blog-entry p {
	color: #666;
	font-family: helvetica, arial, sans-serif;
	font-size: 1.2em;
	line-height: 17px;
	margin: 4px 0px 10px 0px;
}

	div#blogbtm a {
		display: block;
		height: 50px;
		background-image: url(../_images/visittheblog.jpg);
		background-repeat: no-repeat;
	}
		
		div#blogbtm a:hover {
			background-position: 0px -92px;
		}
	
		div#blogbtm a span {
			display: none;
		}
	




/* =============== blog ====================== */

/* ---- left column ----- */

div#leftcol div.blogleft h1 {
	font-size: 1.5em;
	color: #fff;
	text-align: right;
	background-image: url(../_images/blog-top-curve.jpg);
	background-repeat: no-repeat;
	background-color: #b2a18f;
	border-bottom: 4px solid #ebe6e0;
	padding: 10px 20px 4px 20px;
	font-family: 'futura', 'helvetica neue', 'trebuchet ms', arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
}

div#leftcol div.blogleft h2 {
	text-align: right;
	font-size: 1.8em;
	line-height: 30px;
	border: 0px;
	margin: 5px 0px 0px 0px;
	padding: 0px;
}
	
	div#leftcol div.blogleft h2 a {
		background-color: #f3f0ee;
		color: #a79480;
		padding: 4px 4px 2px 4px;
	}
	
		div#leftcol div.blogleft h2 a:hover {
			background-color: #dde5e5;
			color: #678a8c;
			padding: 4px 4px 2px 4px;
		}
		
#content h2 {
	clear: left;
}
		
		
		
div#leftcol div.blogleft p {
	text-align: right;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-family: 'helvetica neue', helvetica, arial, sans-serif;
	color: #555;
}		





div#leftcol div.blogleft ul {
	text-align: right;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	list-style: none;
}

	div#leftcol div.blogleft ul li {
		display: inline;
		margin: 0px;
		padding: 0px;
		background: none;
		line-height: 23px;
	}
	
	div#leftcol div.blogleft ul li a {
		border: 0px;
		color: #568A8D;
		background-image: url(../_images/square.gif);
		background-repeat: no-repeat;
		background-position: 97% 5px;
		padding-right: 11px;
	}
	
	div#leftcol div.blogleft ul li a:hover {
		color: #B6D1D1;
	}
	
	div#leftcol div.blogleft ul.tagcloud li a {
		border: 0px;
		font-weight: bold;
		background: none;
		padding-right: 2px;
	}
	
/* ==== tag cloud  ==== */
		
div#leftcol ul.tagcloud li a.c8 {font-size: 0.9em; color: #80acaf;}
div#leftcol ul.tagcloud li a.c7 {font-size: 1.0em; color: #80acaf;}
div#leftcol ul.tagcloud li a.c6 {font-size: 1.1em; color: #80acaf;}
div#leftcol ul.tagcloud li a.c5 {font-size: 1.2em; color: #769da3;}
div#leftcol ul.tagcloud li a.c4 {font-size: 1.3em; color: #769da3;}
div#leftcol ul.tagcloud li a.c3 {font-size: 1.4em; color: #588990;}
div#leftcol ul.tagcloud li a.c2 {font-size: 1.5em; color: #588990;}
div#leftcol ul.tagcloud li a.c1 {font-size: 1.6em; color: #588990;}

div#leftcol ul.tagcloud li a.c1:hover, div#leftcol ul.tagcloud li a.c2:hover, div#leftcol ul.tagcloud li a.c3:hover, div#leftcol ul.tagcloud li a.c4:hover, div#leftcol ul.tagcloud li a.c5:hover, div#leftcol ul.tagcloud li a.c6:hover, div#leftcol ul.tagcloud li a.c7:hover, div#leftcol ul.tagcloud li a.c8:hover {color: #a7937e;}








/* ---- right column ----- */
	
div#content .blog-head h1 {
	padding: 0px;
	margin: 0px;
}

	div#content .blog-head h1 a {
		color: #ffffff;
	}
	
		div#content  .blog-head h1 a:hover {
			color: #e2e9ea;
		}

div#content .blog-head h2 {
	float: right;
	display: inline;
	color: #fff;
	font-size: 1.1em;
	font-weight: bold;
	font-family: 'helvetica neue', helvetica, arial, sans-serif;
	margin: 0px 0px 0px 50px;
	padding: 0px;
	line-height: 15px;
	border: 0px;
	text-align: right;
}

div#content div.blog-excerpt h3.tags, div#content div.blog-entry h3.tags {
	font-size: 1.2em;
	font-family: 'helvetica neue', helvetica, arial, sans-serif;
	padding: 8px 32px 7px 16px;
	background-color: #fff;
	font-weight: normal;
	color: #b9ad97;
}

	div#content div.blog-excerpt h3.tags a, div#content div.blog-entry h3.tags a {
		color: #a99980;
		font-weight: bold;
	}
	
	div#content div.blog-excerpt h3.tags a:hover, div#content div.blog-entry h3.tags a:hover {
		color: #b9ad97;
		border-bottom: 1px dotted #b9ad97;
	}
	
	div#content div.blog-excerpt .readmore {
		text-transform: uppercase;
		font-weight: bold;
		font-size: 0.8em;
	}

	div#content div.blog-excerpt .olderposts {
		text-transform: uppercase;
		font-weight: bold;
		font-size: 0.8em;
	}
	
		div#content .olderposts a {
			background-color:#56898c;
			padding: 4px 5px;
			color: #fff;
		}
		
		div#content .olderposts a:hover {
			background-color:#b9ad97;
		}
		
div#prevnext a {
	font-family: 'helvetica neue', helvetica, arial, sans-serif;
	display: block;
	background-image: url(../_images/prevnext.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	font-size: 1.1em;
	font-weight: bold;
	text-transform: uppercase;
	color: #82ACAE;
}

div#prevnext a:hover {
	background-position: 0px -29px;
	color: #fff;
}

div#prevnext a.prev {
	float: left;
	display: inline;
	width: 34px;
	padding: 7px 5px 3px 10px;
}

div#prevnext a.next {
	text-align: right;
	float: right;
	display: inline;
	width: 34px;
	padding: 7px 10px 3px 5px;
}




/* --------------- comments ------------- */

div#comments h4 {
	margin: 0px 0px 20px 0px;
	padding: 0px;
	font-weight: normal;
}

	div#comments h4 a {
		color:#333;
	}

div#comments p {
	font-family: tahoma, helvetica, arial, sans-serif;
	color: #555;
	font-size: 1.2em;
	line-height: 18px;
	margin: 10px 0px 8px 0px;
	padding: 0px;
}

#comments label {
	display:block;
	margin: 5px 0px;
	font-family: tahoma, helvetica, arial, sans-serif;
	font-size: 1.2em;
	color: #555;
}

#comments input {
	width: 240px;
	margin-bottom: 10px;
	font-size: 1.2em;
}

#comments textarea {
	width: 250px;
	height: 115px;
	display:block;
	margin: 0px 0px 10px 0px;
	font-size: 1.2em;
}

#comment-preview {
	background-color: #96bdc2;
	border: 1px solid #ccc;
	width: auto !important;
	color: #fff;
	float: none;
	font-family: tahoma, verdana, sans-serif;
	font-size: 1.2em !important;
	padding: 2px;
	line-height: 20px;
	text-transform: uppercase;
	margin-right: 5px;
}

#comment-submit{
	background-color: #578a8d;
	border: 1px solid #578a8d;
	width: auto !important;
	color: #fff;
	float: none;
	font-family: tahoma, verdana, sans-serif;
	font-size: 1.2em !important;
	padding: 2px;
	line-height: 20px;
	text-transform: uppercase;
	margin-right: 5px;
}








/* ----- associations  ------ */

div#associations p {
	font-size: 1em;
	line-height: 16px;
	font-family: tahoma, helvetica, arial, sans-serif;
	color: #8b7659;
	margin: 0px;
	padding: 0px;
}

div#associations a {
	color: #8b7659;
	border-bottom: 1px solid #ccbca9;
}

	div#associations a:hover {
		color: #a1917b;
		border-bottom: 1px solid #a1917b;
	}