@charset "UTF-8";

/* 
Style: TreasureValleyStorytellers.com
Author: Laura Hawkley
*/

body 
{
background:#fff;
text-align:center;
color:#1a1c21;
}

#container 
{
width:920px;
background:#fff;
margin:20px auto 20px auto;
border:none;
text-align:left;
}

#header 
{
background:#fff url(images/vectorlogo.gif) no-repeat;
width:920px;
height:116px;
text-align:right;
}

	#header p {margin:0; height:36px;}

#sitename 
{
width:506px;
height:57px;
float:left;
margin:8px 0 0 145px;
}

#tabs
{
height:36px;
width:660px;
margin:43px 0 0 255px;
}

	#tabs img, #tabs div
	{
	float:left;
	margin:0 5px 0 5px;
	padding:3px 8px 0 8px;
	border:2px solid #80BFEB;
	border-width:2px 2px 0 2px;
	display:inline;
	}
	
		#tabs img {height:34px; background-color:#fff;}
	
		#tabs div {height:32px; background-color:#ebeef3;}
	
	#tabs div:hover, #tabs div:focus
	{
	height:32px;
	background-color:#fff;
	}
	
	#tabs a
	{
	float:left;
	margin:0;
	padding:0;
	height:32px;
	display:inline;
	}
	
	#tabs a.home {background-repeat:no-repeat; width:59px;} /* Preloads the hover image. */
	
		#tabs a.home:link, a.home:visited {background-image:url("images/home2.gif");}
	
		#tabs a.home:hover, a.home:focus {background-image:url("images/home.gif");}
	
	#tabs a.about {background-repeat:no-repeat; width:66px;}
	
		#tabs a.about:link, a.about:visited {background-image:url("images/about2.gif");}
	
		#tabs a.about:hover, a.about:focus {background-image:url("images/about.gif");}
	
	#tabs a.storytellers {background-repeat:no-repeat; width:117px;}
	
		#tabs a.storytellers:link, a.storytellers:visited {background-image:url("images/storytellers2.gif");}
	
		#tabs a.storytellers:hover, a.storytellers:focus {background-image:url("images/storytellers.gif");}
		
	#tabs a.events {background-repeat:no-repeat; width:93px;}
	
		#tabs a.events:link, a.events:visited {background-image:url("images/calendar2.gif");}
	
		#tabs a.events:hover, a.events:focus {background-image:url("images/calendar.gif");}
		
	#tabs a.links {background-repeat:no-repeat; width:54px}
	
		#tabs a.links:link, a.links:visited {background-image:url("images/links2.gif");}
	
		#tabs a.links:hover, a.links:focus {background-image:url("images/links.gif");}
		
	#tabs a.contact {background-repeat:no-repeat; width:83px;}
	
		#tabs a.contact:link, a.contact:visited {background-image:url("images/contact2.gif");}
	
		#tabs a.contact:hover, a.contact:focus {background-image:url("images/contact.gif");}

#mainContent 
{
padding:20px;
background:#fff;
border:2px solid #80BFEB;
min-height: 300px;
}

	#mainContent fieldset
	{
	border:2px solid #999;
	background-color:#dcdcdc;
	}

#footer 
{
padding:0;
background:#fff;
text-align:right;
font-size:80%;
}

	#footer p 
	{
	margin:0;
	padding:10px 0;
	}

/* text links */

a:link, a:visited 
{
color:#51b1ed;
font-weight:bold;
text-decoration:none;
}
	 
a:hover, a:focus 
{
text-decoration:underline;
}

/* general, universal classes */

p.underheading
{
margin-left:40px;
margin-top:5px;
}

img.mic
{
vertical-align:top;
}

img.heading
{
margin-top:15px;
}

/* Index */
	
#upcoming
{
float:right;
text-align:center;
padding:1em;
margin-left:20px;
display:inline;
}

	#upcoming img {margin-bottom:10px;}

	div.upcoming_event {height:5em;}
	
		div.upcoming_event p {margin:0 .5em 0;}
			
		div.date_outside
		{
		width:3.5em;
		border:.13em solid #b8b8b8;
		margin:0 .5em .5em 0;
		background-color:#c7c7c7;
		text-align:center;
		float:left;
		clear:left;
		display:inline;
		}

			div.date_bottom
			{
			background-color:#fff;
			font-size:1.75em;
			}

				b.rtop, b.rbottom{display:block; background: #c7c7c7;}
				b.rtop b, b.rbottom b{display:block; height: 1px; overflow: hidden; background: #fff}
				b.r1{margin: 0 2px}
				b.rtop b.r2, b.rbottom b.r2{margin: 0 1px; height: 1px}
	
.join
{
float:left;
margin:0 20px 20px 0;
text-align:center;
}
	
	.join p {margin:0 1em 1em;}

	.join img.people {margin:10px 0 0;}
	.join img.caption {padding-right:10px;}

/* Storytellers */
	
#teller_list {height:410px;}
		
	#teller_list .spotlight
	{
	width:150px;
	margin:0 12px 0 12px;
	text-align:center;
	float:left;
	display: inline;
	}
		
		.photo
		{
		float:left;
		margin:0;
		display: inline;
		height:150px;
		width:150px;
		border:solid 1px #80BFEB;
		padding:3px;
		text-align:center;
		}

			.photo img
			{
			width:150px;
			height:150px;
			}

#info
{
margin-left: 180px;
width: 690px;
}

	#info h2
	{
	margin-top: 0;
	margin-bottom: .5em;
	font-variant: small-caps;
	font-family: Courier New, serif;
	}


/* Calendar */

#visualplanning
{
float:right;
margin:20px;
padding:20px;
display:inline;
border:2px solid #CEC6B9;
background-color:#F2EFE9;
}

.calendar 
{
width:280px;
margin:0;
padding:0;
text-align:center; 
font-size:14pt; 
background:#fff; 
}

	caption {width:280px;text-align:center;}

	td, th {background:#F2EFE9;}
	 
	th {color:#CEC6B9; padding:2px;}
	
	.calendar-month {font-weight: bold;}

/* Monthly Meeting */

#map
{
width:500px;
height:400px;
float:right;
display:inline;
}

#meeting
{
width:340px;
height:400px;
}

/* Contact */

.contact
{
float:right;
padding:20px;
margin:20px;
text-align:left;
line-height:1.6;
display:inline;
}

/* Black Bar Stool */

div.stool
{
background:url(images/stool.jpg) no-repeat;
width:200px;
height:280px;
float:right;
display:inline;
}