/*
Author: tacita_morway@wgbh.org
Date: July 7, 2008
*/



/* ------------------------ RESET ------------------------ */

html, body, div, span, object,
h1, h2, h3, h4, p, blockquote, pre,
a, abbr, acronym, cite,
em, font, img,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font: normal 100% "times new roman", times, georgia, serif;
	vertical-align: baseline;
	background: transparent;
	color: #555;
	}
body {
	line-height: 1;
	background: url('../i/bg.gif') center repeat-y;
	height: 101%;
	}
ol, ul {
	list-style: none;
	}
blockquote, q {
	quotes: none;
	}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}

/* ---------------------- end RESET ---------------------- */



#wrapper { margin: 0 auto; width: 635px; }

.offScreen { margin-left: -9999px; }
.hide { display: none; }

p { margin-bottom: .75em; }

a, a:visited { color: #555; }
a:hover { color: #111; }

/* ------------------------- NAV ------------------------- */
#nav  {
	display: block;
	width: 100%;
	position: relative;
	top: 78px;
	}

#nav li {
	display: inline;
	}

#nav li a, #nav li a:visited {
	display: block;
	float: left;
	height: 26px;
	width: 95px; 
	text-decoration: none;
	text-align: center;
	color: #999;
	margin-left: 25px;
	padding-bottom: .2em;
	}

/* to activate the you are here highlighting */
#overview #nav li a#tOverview,
#history #nav li a#tHistory,
#theshow #nav li a#tImages,
#exhibits #nav li a#tExhibits,
#contact #nav li a#tContact,
#resources #nav li a#tResources {
	color: #666;
	background: #FFA;
	background: #ffa url('../i/tab.gif') no-repeat;
	}	

#nav li a:active, #nav li a:hover {
	color: #699;
	background: #FFA;
	background: #ffa url('../i/tab.gif') no-repeat;
	}


/* ----------------------- CONTENT ----------------------- */
h1 { 
	float: left;
	width: 100%;
	display: block;
	color: #333;
	margin: -10px 0 0 -7px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding: 2px 5px;
	text-align: center;
	}

h1 a, h1 a:visited {
	color: #555;
	text-decoration: none;
	font-size: 1.6em;
	letter-spacing: 1pt;
	font-family: verdana, arial, helvetica, sans-serif;
	}

.vr {	/* define "Voices Reclaimed" text */	
	margin: 0 0 0 .75em;
	color: #969;
	font-family: verdana, arial, helvetica, sans-serif;
	}	
	
#content {
	display: block;
	width: 100%;
	margin-top: 130px;	
	}
	
#content p {
	text-align: justify;
	}

#content ul li {
	margin-top: 5px;
	}

h2 {
	font-size: 1.5em;
	}


/* ------------------------ FOTER ------------------------ */
#footer {
	display: block;
	width: 100%;
	}

#footer ul {
	margin-top: 35px;
	}

#footer ul li {
	font-size:.6em;
	color:#999;
	font-family: verdana,arial,helvetica,sans-serif
	}

#footer ul {
	float: right;
	padding: 15px 0 0 0;
	}	

#footer li {
	display: inline;
	margin-left: 1em;
	}

#footer li a, #footer li a:visited {
	font-size: 1.25em;
	text-decoration: none;
	color: #8b801f;
	border-bottom: 1px dotted #8b801f;	
	}
	

/* ---------------------- LEFT COL ----------------------- */
#leftCol {
	float: left;
	width: 310px;
	}


/* ---------------------- RIGHT COL ---------------------- */
#rightCol {
	width: 300px;
	float: right;
	}

#overview #rightCol {
	text-align: right;
	padding-top: 70px;
	font-size: 1.2em;
	}

#slideShow #rightCol {
	padding-top: 70px;
	font-size: 1.1em;
	}

/* ---------------------- SLIDESHOW ---------------------- */
#slideShow #rightCol a,
#slideShow #rightCol a:visited {
	display: block;
	width: 160px;
	padding: 5px;
	background-color: #ffa;
	text-decoration: none;
	text-align: center;
	margin: 20px auto;
	color: #8b801f;
	}

#slideShow #rightCol a:hover,
#slideShow #rightCol a:active {
	color: #666;	
	}

#veil {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .6;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; 
	filter: alpha(opacity=60);
	}
	
.imageFrame {
	width: 650px;
	position: absolute;
	top: 100px;
	margin: 0 auto;
	padding-top: 10px;
	border: 1px solid #000;
	background-color: #fff;
	text-align: center;
	}

.caption {
	margin: 10px;
	}
	
.controls {
	margin: 10px;
	width: 100%;
	text-align: right;
	}


#oldSlideshow h1 {
	font-size: 1em;
	border: 0;
	margin-bottom: 1em;
	margin-left: -2px;
	}

#oldSlideshow #photo {
	text-align: center;
	}

#oldSlideshow #placeholder {
	display: inline;
	}

#oldSlideshow #controls a,
#oldSlideshow #controls a:visited {
	border: none;
	margin-bottom: 5px;
	font-size: .9em;
	color: #888;
	}

#oldSlideshow #controls a:hover {
	color: #666;
	}


/* ----------------------- CONTACT ----------------------- */
label {
	display: block;
	}

input, textarea {
	margin-bottom: 1em;
	}

.submit {
	cursor: pointer;
	margin-left: 70px;
	}

form {
	margin-bottom: 2em;
	}

/* ----------------------- ACCESS ----------------------- */
th {
	font-weight: bold;
	text-align: left;
	}
	
/* --------------------- RESOURCES ---------------------- */
dd {
	margin-bottom: 10px;
	}

/* --------------------- GUESTBOOK ---------------------- */
#guestbook .entry {
	margin-bottom: 2em;
	}
	
#guestbook .author, #guestbook .messagenumber {
	font-family: verdana, arial, helvetica, sans-serif;
	}

#guestbook .author {
	font-weight: bold;
	border-bottom: 1px solid #888; 
	padding-bottom: 10px;
	}
	
#guestbook .message {
	padding-top: 10px;
	}
	
#guestbook .message, #guestbook .date {
	margin-left: 15px;
	}