/* -----  threewalls BASE STYLE SHEET   --------    */


@import "reset.css";
@import "type.css";
@import "grid.css";
@import "sIFR-screen.css";

/* threewalls colors:

teal: #007c88;
light teal: #dbebeb;
brown: #735026;

*/

strong {font-weight: bold;}

a {
	color: #007c88;
	text-decoration: underline;
}

a:hover {
	color: #3db1bb;
}

p {
	font-size: 1.2em;
	color: #333;
	margin: 0px;
	padding: 0px 0px 3px 0px;
}

ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

ul li {
	margin: 0px;
	padding: 0px;
}

h1 {
	margin: 10px 0px 12px 0px;
	padding: 0px 0px 4px 0px;
	font-size: 2em;
	font-weight: bold;
	color: #333;
	font-family: helvetica, arial, sans-serif;
}

h2 {
	margin: 12px 0px 6px 0px;
	padding: 0px;
	font-size: 2em;
	line-height:  24px;
	font-weight: normal;
	color: #333;
	font-family: "helvetica neue", helvetica, arial, sans-serif;
	
}

h3 {
	margin: 6px 0px 10px 0px;
	padding: 0px;
	font-size: 1.5em;
	line-height: 20px;
	font-weight: normal;
	color: #222;
	font-family: "helvetica neue", helvetica, arial, sans-serif;
}

	h3 a {
		background-image: url(../_images/chrome/tealsq.gif);
		background-repeat: no-repeat;
		background-position: 0px 6px;
		padding: 0px 0px 0px 10px;
		margin: 0px 0px 0px 10px;
	}
	#header h3 a{
		background:0;
		padding:0;
		margin:0;
	}
	
h4 {
	margin: 6px 0px 10px 0px;
	padding: 0px;
	font-size: 1.3em;
	line-height: 20px;
	font-weight: normal;
	color: #77512c;
	font-family: "helvetica neue", helvetica, arial, sans-serif;
}
	
	
h1#pagetitle {
	height: 36px;
	
	color: #f8f8f8;
	padding: 0px;
	margin: 40px 0px 0px 0px;
	
}





/* ------------  id specific styles --------------- */

#header p {
	font-family: "Trebuchet MS", helvetica, arial, sans-serif;
	font-size: 1.2em;
	color: #333;
	line-height: 20px;
	margin: 0px;
	padding: 0px;
}


/* -- replaced by sifr -- */
#upcomingevents h1 {
	height: 38px;
	color: #000;
	margin: 30px 0px 10px 0px;
	padding: 0px;
}


/* calendar */
#upcomingevents ul {
	margin: 0px;
	padding: 0px;
}

	#upcomingevents ul li {
		font-size: 1.4em;
		line-height: 15px;
		font-family: helvetica, arial, sans-serif;
		color: #333;
		margin: 0px !important;
		padding: 0px !important;
		border-bottom: 1px solid #f8f8f8;
	}
	
		#upcomingevents ul li a {
			display: block;
			background-image: url(../_images/chrome/tealsq.gif);
			background-repeat: no-repeat;
			background-position: 0px 11px;
			padding: 6px 100px 6px 10px;
			margin: 0px 10px 0px 10px;
			margin-bottom: 0px !important;
			border-bottom: 1px dotted #abcccf;
			text-decoration: none;
		}
		
#upcomingevents p {
	font-family: verdana, Tahoma, helvetica, arial, sans-serif;
	font-size: 1.1em;
	margin: 16px 0px 0px 0px;
}

	#upcomingevents p a {
		color: #fff;
		background-color: #007c88;
		text-decoration: none;
		padding: 4px 9px;
		margin: 0px 0px 0px 10px;
	}
	
	#upcomingevents p a:hover {
		color: #ccc;
		background-color: #000;
	}



div#maincontent p {
	margin-bottom: 14px;
	line-height: 19px;
	padding-bottom: 10px;
}

div#maincontent ul {
	margin-bottom: 12px;
}

div#maincontent ul li {
	display: block;
	font-size: 1.2em;
	color: #333;
	line-height: 16px;
	padding: 3px 0px 3px 10px;
	background-image: url(../_images/chrome/graysq.gif);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	margin: 0px 0px 0px 10px;
}

div#rightcol .static h2 {
	text-transform: lowercase;
	font-weight:  bold;
	}






/* ----------------------------------------------------------------------
----------------------------  THE BLOG STYLINGS   -----------------------  */


div#maincontent .blog-entry h1 {
	margin: 14px 0px 2px 0px;
	padding: 0px;
	border: 0px;
}

	div#maincontent .blog-entry h1 a {
		color: #111;
		text-decoration: none;
	}
	
		div#maincontent .blog-entry h1 a:hover {
			color: #007c88;
		}
		
		div#maincontent p.bottomtags a {
			text-decoration: none;
		}

div#maincontent p.details {
	font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 10px 0px;
	font-size: 1.1em;
	line-height: 14px;
	color: #666;
}

div#maincontent p.comment-count {
	font-size: 1.1em;
	line-height: 14px;
	font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
}

div#maincontent p.comment-count a {
	background-color: #e2f3f5;
	color: #017b86;
	text-decoration: none;
	padding: 2px 4px;
	border: 1px solid #d5ebee;
	margin: 0px 10px 0px 0px;
	}
	
	div#maincontent p.comment-count a:hover {
	background-color: #017b86;
	color: #fff;
	}

div#maincontent p.findoutmore {
	font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
	font-size: 1.1em;
	clear: left;
	margin: 12px 0px 0px 0px;
}

p.findoutmore a {
	padding: 5px 8px;
	background-color: #fff;
	border: 1px solid #ccc;
	text-decoration: none;
}

	p.findoutmore a:hover {
		color: #fff;
		background-color: #007c88; 
	}



/* ---  tags + archives  ---  */

div#contentright h1#tagtitle {
	background-image:url(../_images/title-tags.gif);
	background-repeat: no-repeat;
	display: block;
	height: 20px;
	border: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

div#contentright h1#archivetitle {
	background-image:url(../_images/title-archive.gif);
	background-repeat: no-repeat;
	display: block;
	height: 20px;
	margin: 20px 0px 0px 0px;
	border: 0px;
}

#contentright h1 {clear: left;}
#contentright h1 span {display: none;}

div#contentright ul {
	margin: 0px 0px 20px 0px;
	padding: 0px;
}

	div#contentright ul li {
		font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
		background: none;
		font-size: 1.1em;
		line-height: 15px;
		padding: 2px 0px;
		margin: 0px;
	}
	
	div#contentright p {font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
		background: none;
		font-size: 1.1em;
		line-height: 15px;
		padding: 2px 0px;
		margin: 0px;
	}
	
/*------------------ Definition lists -----------------*/	

div#maincontent dl{
	margin: 0 0 20px 0px;
	padding: 0;
	line-height: 15px;
}
	div#maincontent dl dt{
	font-size: 1.3em;
	padding: 0px 0px 6px 0px;
	margin: 1em 0 0;
	}
	
	div#maincontent dl dd{
	font-size: 1.2em;
	margin-left: .5em;
	}
	
/*------------- Forms ------------------*/
#maincontent form label{
	font-size: 1.2em;
	line-height: 18px;
}

form input{
	margin-bottom: 12px;
}

form input.submit {
	font-size: 1.3em;
}

form h2{
	clear: both;
	padding-top: 1em;
}



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

h2.comments-open-header {
	margin: 10px !important;
	padding: 0px !important;
}

div#comments h1 {
	margin: 0px 0px 10px 0px;
	padding: 12px;
	background-color: #dbebeb;
	color: #007c88; 
}

div#comments h2 {
	font-size: 1.8em;
	font-weight: bold;
	margin: 30px 0px 10px 0px;
	padding: 12px 12px 4px 12px;
	border-bottom: 3px solid #dbebeb;
	color: #007c88; 
}

div#comments div.comment-entry p {
	margin: 0px;
	padding: 0px;
}

div#comments div.comment-entry cite {
	display: block;
	font-size: 1.1em;
	font-style: normal;
	font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
	margin: 4px 0px 10px 0px;
	padding: 0px;
	color: #007c88; 
}




/* ----------------------------------------------------------------------
----------------------------  THE CALENDAR STYLINGS   -----------------------  */


div#maincontent .cal-entry h1 {
	border: 0px;
	margin: 0px 0px 8px 0px;
	padding: 0px;
}

	div#maincontent .cal-entry h1 a {
		color: #000;
		text-decoration: none;
	}
	
	div#maincontent .cal-entry h1 a:hover {
		color: #007c88; 
		text-decoration: none;
	}

div#maincontent .cal-entry h3 {
	border-bottom: 1px solid #ccc;
	margin: 0px 0px 8px 0px;
	padding: 0px;
}

div#maincontent .cal-entry p {
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

div#maincontent .cal-entry ul{
	margin: 0px;
	padding: 5px 0px 5px 0px;
}

div#maincontent .cal-entry ul li {
	margin: 0px 0px 0px 10px;
	padding: 2px 0px 2px 10px;
}

div#maincontent .cal-entry p.findoutmore {
	margin: 10px 0px 0px 0px;
}

div#maincontent a.calendarlink {
	text-decoration: none;
}


div#maincontent a .small-cal-entry h1 {
	font-size: 1.5em;
	line-height: 18px;
	border: 0px;
	margin: 0px 0px 5px 0px;
	padding: 0px;
}

div#maincontent a:hover .small-cal-entry h1 {
		color: #007c88; 
		text-decoration: none;
		border: 0px;
	}
div#maincontent a .small-cal-entry h3 {
	font-size: 1.3em;
	margin: 0px;
	padding: 0px;
}











#tag-cloud {
	margin: 8px 0px 0px 0px;
	padding: 0px;
	}

#tag-cloud ul{
	margin: 0px;
	padding: 0px 0px 10px 0px;
	border-bottom: 1px solid #fff;
}

#tag-cloud ul li{
	font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
	float: left;
	margin: 0;
	line-height: 16px;
	text-transform: lowercase;
}

#tag-cloud ul li a {
	padding: 1px;
	margin-right: 1px;
	line-height: 18px;
	text-decoration: none;
	font-weight: normal;
}

#tag-cloud ul li a:hover{
	background-color: #e2f3f5;
	color: #017b86;
}

li.rank-1 a {font-size: 1.4em; color: #333;}
li.rank-2 a {font-size: 1.3em; color: #333;}
li.rank-3 a {font-size: 1.3em; color: #666;}
li.rank-4 a {font-size: 1.2em; color: #666;}
li.rank-5 a {font-size: 1.1em; color: #888;}
li.rank-6 a {font-size: 1.1em; color: #888;}
li.rank-7 a {font-size: 1.0em; color: #999;}
li.rank-8 a {font-size: 1.0em; color: #999;}








/* ----------------------------------------------------------------------
----------------------------  THE STORE STYLINGS   -----------------------  */

div#maincontent .storecategory h3 {
	font-size: 1.6em;
	font-family: tahoma, helvetica, arial, sans-serif;
	
}

	div#maincontent .storecategory h3 a {
		background-image: none;
		background-color: #007c88; 
		text-decoration: none;
		color: #fff;
		padding: 5px 10px;
	}
	
	div#maincontent .storecategory h3 a:hover {
		background-color: #000; 
	}
	
	
#printonly{
	display: none;
}