/* == Reset == */
@import url("reset.css");

/* == Generic styles ======== */
body {font-size:62.5%; color:#444; background: #FFF url(../images/paper-background.jpg) repeat-x top left;}

h1,h2,h3,h4,h5 {
font-family: "palatino linotype", "book antiqua", palatino, georgia, "times new roman", times, serif; font-weight: bold;
}

h1 {margin:0;}
h1 {font-size:3em; margin-bottom:0.666667em; /*line-height:1.333333em;*/}
h2 {font-size:2em; margin-bottom:.5em; line-height:1em;}
h3 {font-size:1.9em;}

p {font-family: verdana, arial, sans-serif; }

/* Links */
a:link {color:#84334e;}
a:visited {color:#84334e;}
a:hover {color:#ab5454; text-decoration: underline;}
a:active {color:#ab5454;}

h3 a {text-decoration:none;}

/* Reusable classes */
.bullets {list-style: disc inside;}

.hide {left: -1000em; width: 0; height: 0; overflow: hidden;}

.hidden { display: none; }		/*used primarily for javascript hide/unhide on browse options list*/
.unhidden { display: block; }

.navigation {list-style:none; /*margin: 2em 0 0; */}
	.navigation li {display:inline;}
	.navigation a {text-decoration:none;}

.item-pagination {overflow:hidden;width:512px; margin-bottom:1.5em;border-top:1px solid #ccc; padding-top:1.5em;}
.item-pagination li.previous {display:block;float:left; width:48%;}
.item-pagination li.next {float:right; display:block;width: 48%; text-align:right}

/* textarea {width:378px; height:312px;float:right;}	*/	/* fix for Share button AddThis email box where the message textarea was inheriting from my CSS */
/*legend {display:none;}
fieldset {display:block; clear:both;}
label {font-size:1.5em;}
.field {color: black; font-size: 0.75em; border-bottom:1px solid #ccc; padding:0.75em 0; overflow:hidden; width:650px;}
.field label {float:left; width: 114px;font-weight:normal;clear:left; }
.field .textinput, .field select {float:right; width: 250px;background:#fff;}
.field select {width: 200px;}
.field input {margin:0;}
.field-value {margin:0;}
input.submitinput {margin-top:1em;}
.radioinputs {display:block; margin-bottom:0.5em; overflow:hidden;}
.radioinputs label {display:block; float:left; width: 48%; clear:none;}
input#description {width: 378px; height: 312px;}
.extended-metadata {border: 1px black;}
*/

#page textarea {width:378px; height:312px;float:right;}
legend {display:none;}
fieldset {display:block; clear:both;}
label {font-size:1.5em;}
.label {font-size:1.5em;}
.inputs {overflow:hidden;zoom:1;}
.field {border-bottom:1px solid #ccc; padding:0.75em 0; overflow:hidden; width:512px;}
.field label {float:left; width: 114px;font-weight:normal;clear:left; }
.field .label {float:left; width: 114px;font-weight:normal;clear:left; }
.field .textinput, .field select {float:right; width: 378px;background:#fff;}
.field select {width: 382px;}
.field input {margin:0;margin-left:16px;}
input.submitinput {margin-top:1em;}
.radioinputs {display:block; margin-bottom:0.5em; overflow:hidden;}
.radioinputs label {display:block; float:left; width: 48%; clear:none;}
input#description {width: 378px; height: 312px;}
.search-entry select {margin-bottom:.5em;}

p, ul {font-size:1.5em; line-height:1.33333em; margin-bottom:1.33333em;}
	li * {font-size:1em;}

strong {font-weight: bold;}	
em {font-style:italic;}
/*.field p {margin-bottom:0.5em;}*/

.inline {display: inline;}

.left {float: left;}
.right {float: right;}
.clear {clear: both;}

textarea#rights {float:none; display:none;line-height:1.33333em;width: 512px; border:none; font:1.5em "Times New Roman",Times, serif;height:31em; color:#444;padding:0; margin:0;}

div.error {font-size:1.5em; line-height:1.33333em; margin:1.33333em 0;}

/* Microformats */
.hTagcloud {margin-top:2em;}
.hTagcloud ul {list-style:none; margin-left:0; padding-left:0; line-height:1.8em;}
	.hTagcloud li {display:inline;margin-right:8px;}

	.popular {font-size:100%;}
	.v-popular {font-size:140%;}
	.vv-popular {font-size:180%;}
	.vvv-popular {font-size:220%;}
	.vvvv-popular {font-size:260%;}
	.vvvvv-popular {font-size:300%;}
	.vvvvvv-popular {font-size:320%;}
	.vvvvvvv-popular {font-size:340%;}
	.vvvvvvvv-popular {font-size:360%;}

	.popular a, .popular a:visited {color: #714271;}
	.v-popular a, .v-popular a:visited {color: #714271;}
	.vv-popular a, .vv-popular a:visited {color: #714271;}
	.vvv-popular a, .vvv-popular a:visited {color: #636;}
	.vvvv-popular a, .vvvv-popular a:visited {color: #636;}
	.vvvvv-popular a, .vvvvv-popular a:visited {color: #5D2E5D;}
	.vvvvvv-popular a, .vvvvvv-popular a:visited {color: #5D2E5D;}
	.vvvvvvv-popular a, .vvvvvvv-popular a:visited {color: #5D2E5D;}
	.vvvvvvvv-popular a, .vvvvvvvv-popular a:visited {color: #5D2E5D;}

object {
overflow: hidden;
}
	
/* =============== */
#wrap {width: 900px; margin: auto; top:0;}	
	
/* == Navigation == */
	#primary-nav {width: 550px; height: 21px; padding-top: 5px; /*position: absolute; top: 0px; left: 105px;*/}
	#primary-nav ul {margin: 0px; padding: 0; font-size: 1.5em; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; line-height:1em; }
	#primary-nav li {float: left; margin-bottom:1em;} 
		#primary-nav li.current a, #contribution #primary-nav li.nav-contribute-a-story-or-file a, #Tags #primary-nav li.nav-browse-contributions a, #items #primary-nav li.nav-browse-contributions a {color:#ffffcc; border-bottom: double 3px;}
		#primary-nav a {display:block; padding:0 1em; color: #d99f6f; padding-bottom: 3px;} 
		#primary-nav a:hover {color: #FFCC99; border-bottom: double 3px;}
	/* == Search ==*/
	#search-wrap {width: 350px; height: 25px; float: right; margin-top: -23px; padding-right: 10px;}
	#primary-nav a:hover {color: #FFCC99;}
	/*#search-wrap h2 {margin-bottom:.1em; float: left; padding-right: 1.1em;}*/
		#search-wrap form {float: left;}
		#search-wrap input {margin-top: 0;}
		#search-wrap a {margin-left: 10px; color: #d99f6f; font-size: 1.3em; margin-top: -4px; width: 75px;}

/* == Header == */
#header {height: 180px; background: url("../images/masthead.jpg") top center no-repeat; margin-top: 3px;}
	#header h1 {width: 177px; height: 59px; text-indent: -5000px; background: url("../images/logo.png") no-repeat; position: relative; left: 26px; top: 50px;}
	#header h1 a {text-decoration:none; display: block; height: 59px; background: url("../images/logo.png") no-repeat;}
	#header p {font-weight: bolder; font-size: 1.4em;}
		
/* == Content == */
#content {padding:0px 30px 48px 30px; clear: both; background:#fff;}
	#welcome  {margin-bottom: 1.5em;}
	#welcome  p {font-size: 1.4em; margin-bottom: .75em;}
	
	#sub-nav {
	float:left; 
	width:235px; 
	margin: 0 25px 25px 0; 
	border:2px dotted #bdbdbd; 
	background-color: #fdfaf3;
	padding: 4px 3px 4px 6px;
	}
	#sub-nav h2, #featured-item h2, #recent-items h2{letter-spacing: .15em; border-bottom: 1px solid #bdbdbd;}
	#sub-nav ul {margin:0;font-size:2em; line-height:1.2em; clear: both;}
	#sub-nav li {display:block; margin-bottom:.75em; font-style: italic;}
	#sub-nav a {display:block; padding:0;}
	#sub-nav a:hover {color:#9a4c0c; text-decoration: underline;}
	#sub-nav li.current a, #contribution #sub-nav li.nav-contribute-a-story-or-file a, #Tags #sub-nav li.nav-browse-contributions a, #items #sub-nav li.nav-browse-contributions a {color:#444;border-left:1em solid #444; padding-left:0.25em;}
	.descript_sub_nav {font-size:.75em; padding-left: .75em; color: #000; font-style: normal;}

	#home #primary {margin-top: 3px;}	
	

	#primary {float:left; width: 550px; margin-bottom: 30px;}
	
		#secondary-nav {margin: 2.5em 0 2.2em 0; border-bottom:1px solid #ccc;margin-bottom:0;padding:0.4em 0.5em 0.5em 0.5em; font-size:1.5em; clear: both; }
		#secondary-nav li {padding:0.5em 0;}
		#secondary-nav a {padding:0.5em 1em 0.5em; color:#666;}
		#secondary-nav .current a{border-top:1px solid #ccc;background:#fff;color:#333; font-weight:bold;border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #fff;}
	
	#browse-options {float: right; width: 200px;}
		#browse-options h3{margin-bottom: 11px; font-size: 1.4em;}
		#browse-options ul{margin-top:-11px; padding-left: 10px;}
		#browse-options li{font-size: .8em;}
		#browse-options .current a {color: orange;}
		#browse-collection, #browse-subject, #browse-feature {font-size: 1.9em;}

		.pagination ul {text-align:right; line-height:1em; padding:0.6em; }
		.pagination li {display:inline; margin-left:1em; margin-bottom:0; padding:0.5em 0;}
		.top ul {border:1px solid #ccc; border-width:0 0 1px 0;}	
		.bottom ul {/*margin-top:-1.3em;*/margin-bottom:0; }
			.pagination .next {border-left:1px solid #ccc; padding-left:1em;}
			.pagination .previous {border-right:1px solid #ccc; padding-right:1em;}
	
		#item-content img {padding:5px; border:1px solid #ccc; margin-bottom:2em;}

		#featured-item {margin-bottom:1.1em; overflow:hidden; padding-top: 4px;}
		#featured-item img {width: 100px; height:100px; padding:8px; border:1px solid #ccc; margin-right:20px; margin-bottom:15px;float:left;}

		.items-list li {border-bottom:1px dashed #ccc; margin-bottom:7px; padding-bottom: 7px;}

	#recent-items .item-added {float: right; margin-bottom: 0; padding: 2px 0 0 0; font-style: italic; font-size:.8em;}
		#recent-items p {margin-bottom: 6px;}
		#home .rss, #home .view-items-link {width: 140px; border:1px dotted #bdbdbd; background-color: #fdfaf3; padding: 2px 0 4px 0; text-align: center; font-size: 1em;}
		#home  .view-items-link, #home .rss {float: right; margin-top: -4px;}
		.rss{padding-right:5px; background: url("../images/rss-icon.gif") 8px 3px no-repeat;}
		
		.browse .item {overflow:hidden; border-bottom:1px dashed #ccc;margin-top:1.2em; clear: both;}
		.browse .item-img img {width:100px; height:100px; float:left; display:block; margin-bottom:2em; margin-right:2em; padding:6px; border:1px solid #ccc;}
		
		.tags li {display:inline;}
		.collection {margin-top: 2em; padding-bottom: .5em; border-bottom: 1px solid #ccc;}
		#browse-tags #primary {width: 625px;}
		#browse-tags .last {margin-left: 20px;} /*tags page: margin between tag columns */
	#show-items #primary p {margin-bottom: 10px; font-size: 1.2em;}
	#show-items #show-metadata {float: right; padding-right: 30px;}
	#show-items .download-file {font-size: 1.8em;}
		#show-items .download-file .zoom a {padding-left: 30px;}
	#show-items .item-file {margin-bottom: 1em;}

	#see-also {float: right; width: 250px;}
#see-also li.previous {display:block;float:left; }
#see-also li.next {float:right; display:block;text-align:right;}
	#see-also h2{padding-top: .75em;}		

	/* == Advanced search == */
	#search_choices {float: right; background: url("../images/magnifier.gif") top left no-repeat; padding-left: 19px; }
		#search_choices p {font-size: 1.4em; border-bottom: 1px solid black; margin-bottom: 4px;}
	#basic_search h3, #advanced_search h3 {margin-bottom: 6px;}
	#basic_search input {width: 250px;}
	#submit_search {margin-top: 4px;}
	#advanced_search {margin-top: 10px;}
	.search-entry {margin-bottom: 10px;}
	#search-selects {margin: 20px 0 10px 0;}
	#search-collection, #search-type {margin-bottom: 10px;}	
	#advanced_search .inputs {}
	
	#search-narrow-by-fields select {width:150 px;}
	
/* == Exhibits == */
	#exhibits .exhibit {width: 700px; border-bottom:1px solid #ccc; margin-top:1.5em; padding-bottom: 1.2em;}	
	.exhibit-sections {font-size: .8em; /*padding-right: 30px;*/}
	.exhibit-section-nav li {font-size: .6em;}
	.exhibit-item-caption {font-size: 1.1em; font-style: italic;}

	#exhibit-show .left p{font-size: 1em; margin-bottom: 30px; background: url("../images/double_arrow_left.gif") 0 3px no-repeat; padding-left: 10px;}
	#exhibit-show #sub-nav {float: none;}
	#exhibit-show .left {float: left;}
	#exhibit-show #sub-nav h3 {letter-spacing: .02em; border-bottom: 1px solid #bdbdbd; margin-bottom: 10px;}
	#exhibit-show #sub-nav li{font: .8em normal;}
	#exhibit-show #sub-nav a {text-decoration: none;}
	#exhibit-show #sub-nav a:hover {color:#9a4c0c; text-decoration: underline;}
	#exhibit-show #sub-nav .current {font-weight: bold;}
	.timeline-event-bubble-title {font-size: 1.4em;}
	.timeline-event-bubble-body {font-size: 1.2em;}
	#exhibit-show #primary .extra-image {float: right; width: 350px}
	#exhibit-show #primary .extra-image .exhibit-item-caption  p{font-size: .9em; font-variant: italics;}
	
/* == Footer == */
#footer {clear:both; width: 900px; height: 90px; font-size: 1em; background:#fff top center no-repeat; margin-top: 50px;}
	#footer p {float:left; padding: 25px 30px 0 50px}
	#footer ul {float:right; padding: 25px 50px 0 0;}
		#footer ul li {margin-left:12px;}
		
/* == begin styles for imbedded RSS Feed  in Exhibit== */

.rss-box { background-color: white; width: 550px; margin-top: 10px; padding: 4px 8px; border: solid 5px maroon }

.rss-title, rss-title a { font-size: 120%; font-family: FontName, Tahoma; font-weight: bold; letter-spacing: 1px; margin: 5px 0; padding: 0 }

.rss-items    { list-style-type: none;}

.rss-item { color: black; font-size: 75%; font-family: Tahoma; font-weight: bold; margin: 8px 0 }

.rss-item a:link, .rss-item a:visited { color: maroon; font-size: 120%; text-decoration: none }

.rss-item a:hover { color: gray; text-decoration: underline }

.rss-date { color: gray; font-size: 80%; font-weight: normal } 
/* buttons modeled from http://www.wellstyled.com/css-inline-buttons.html */

.pod-play {
   _width:12em;
   margin: 0 0.2em; padding: 0.1em 0; _padding:0;
   
   white-space:nowrap;
   text-decoration: none;
   vertical-align:middle;
   background: #fb6;
   color: black;
   }
.pod-play em {
   _width:1em; _cursor:hand;
   font-style: normal;
   margin:0; padding: 0.1em 0.5em;
   background: white;
   color: #222;
   }
.pod-play span {
   _width:1em; _cursor:hand;
   margin:0; padding: 0.1em 0.5em 0.1em 0.3em;
   }
.pod-play:hover {
   background: #666;
   color: white;
   }
.pod-play:hover em {
   background: black;
   color: white
   }