/* ============= Imports  ================= */
@import url('reset.css');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic');


/* ============= Top  ================= */
body { font: 14px/20px Georgia, serif; color: #333; min-width: 960px; background: url(../images/header_bg.png) no-repeat center top #DDDDDD; }
#top-bar { position: fixed; top: -20px; left: 0; width: 100%; height: 50px; z-index: 150; }


/* ============= Header ================= */
#header-wrap { padding: 55px 0 35px 0; }
#header { width: 960px; margin: 0 auto; }
#site-title { font-family:Georgia, serif; color: #000; float: left; width: 220px; font-size: 12px; font-weight: normal; font-style: italic; line-height: 20px; }
#site-title a { color:#222; font-size:20px; line-height:40px; text-transform:none; font-weight:normal; text-decoration:none; }
#site-title a:hover { text-decoration:underline; }
#site-description { color:#999; font:italic 14px Georgia, serif; }
	
	/* -------- Navigation --------*/
	#primary-nav { font-size: 12px; padding-top: 0px; border-bottom: 1px solid #DDD; overflow:auto; clear:both; }
	#primary-nav ul { padding: 0; margin: 0; margin-bottom: 40px; }
	#primary-nav .navigation li { font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 1.0625em; line-height: 2em; font-weight: 600; text-transform: uppercase; margin: 0px 30px 0px 0px; float: left; }
	#primary-nav .navigation li a { padding: 10px 0px; display: block; color: #555; line-height: 22px; text-decoration: none; }
	#primary-nav .navigation li a:hover { color: #784A4A; }


/* ============= Content  ================= */
#content-wrap { background: #fff; padding: 0 0 30px; }
#content { width: 960px; margin: 0 auto; }
#main { clear:both; padding: 24px 0px 40px 0px; }
#left-col { width: 220px; padding: 20px 0 0 0; float: left; font-size: 12px; }
#right-col { float: right; width: 220px; padding: 20px 0 0 0; font-size: 12px; }


/* ============= Main  ================= */

	/* -------- Headings -------- */
	h1, h2, h3, h4, h5, h6 { margin: 0; font-family:Georgia, serif; color: #222; font-weight:normal; line-height:normal; }
	h1 { font-size: 2em }
	h2 { font-size: 1.3em; }
	h3 { font-size: 1.2em; }
	h4 { font-size: 1.1em; }
	h5 { font-size: 1em; }
	h6 { font-size: 0.8em; }
	h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link,
	h6 a:visited { text-decoration: none; }
	h1 a:hover, h2 a:hover, h3 a:hover,
	h4 a:hover, h5 a:hover,
	h6 a:hover { text-decoration: none; }
	#main h1 { margin-bottom: 1em; line-height: normal; }
	
	/* -------- Other Elements -------- */
	p { margin-bottom: 20px; }
	img { vertical-align: bottom; -moz-force-broken-image-icon: 1; }
	hr { display: none; }
	em { font-style:italic; }
	strong { font-weight:bold; }
	a:link,
	a:visited { color: #784A4A; text-decoration:none; }
	a:hover { color: #472C31; text-decoration:none; }
	a:active { }
	#main .browse h1,
	#main .tag h1 { margin-bottom: 0em; }


/* ============= Items Page  ================= */
#featured-item h2 { font-size: 2em; margin-bottom: 1em; }
.element { display: block; margin-bottom: 5px; width: auto; clear: left; }
.element-text { display: inline; width: auto; }
.element h4 { display: inline; padding-right: 7px; font-family:'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 1em; font-weight:600; text-transform:uppercase; }

	/* --------- Item --------- */
	.item { margin-bottom: 0px; overflow: auto; padding: 25px 0; border-bottom: 1px dotted #DDD; }
	.item.odd { border-right: 1px solid #DDD; padding-right:25px; }
	.item-meta { width: auto; }
	.item-meta h2, #main .item-meta h2 { font-size: 1.3em; line-height:normal; margin-bottom: 20px; }
	.item-details { width: 420px; font-size: 90%; background: #E8E8E8; padding: 25px 25px 20px 25px; }
	.item-description { width: 460px; margin-bottom: 25px; clear: none; font-family:'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
	.item-description div { font-size: .9em; }
	.item-img { float: left; margin-right: 25px; border: 5px solid #777; }
	.item-file img { margin-right: 25px; border: 1px solid #DDD; padding: 8px; background: white; }
	.item-details-wrap { border-top: 2px solid #DDD; margin-top: 10px; padding-top:20px; }
	#item-files .full-link { font-family:'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style:italic; font-size: 0.9em; margin-top: 0.5em; display: block; }
	.item-source { clear:left; font-size: 0.8em; font-style: italic; display: inline; text-align:right; }
	.item-citation { width: 470px; }
	.item-citation .element-text { font-family:'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 0.8em; line-height:normal; display: block; }
	.item-citation h4 { display: block; margin-top: 10px; font-size: 1em; }
	.item-citation h4 a { font-size: .9em; }
	.item-citation span { text-transform:none; font-size: 0.7em; }

	.readmore { font-family:'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; display: block; text-align: right; padding-top: 10px; text-transform: uppercase; font-size: .8em; }

.plugin-items h3 { display: none; }
.plugin-items .map { width: 470px !important; height: 320px !important; }
.plugin-items .map-notification { display: none; }
#primary .column { width: 320px; margin-top: 25px; margin-right: 68px; }
#primary .column + .column { margin-right: 0px !Important; }
.divider { margin: 25px 0 0 0; border-top: 1px dashed #ddd; clear: both; display: block; }


/* ============= Exhibits Pages  ================= */
#exhibit-wrap { width: 710px; float: right; }
#exhibit-wrap h2 { font-size: 1.5em; line-height:normal; margin-bottom: 20px; }
#exhibit-wrap .exhibit-text p { font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 0.9em; }
.exhibit-item .download-file { border: 1px solid #DDD; display:block; }
.exhibit-item p { margin-bottom: 0; padding-bottom: 0; }
.exhibit-item-caption { font-size: 0.8em; font-style: italic; display: block; line-height: 130%; color: #444; margin-left: 20px; margin-bottom: 8px; padding: 8px 0 0 20px; border-left: 1px solid #ddd; }

	/* --------- Navigation --------- */
	#exhibit-nav { width: 220px; padding: 0; float: left; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; line-height: 2em; font-weight: 500; text-transform: uppercase; margin: 0px 30px 0px 0px; font-size: 0.95em; }
	.exhibit-nested-section { border-bottom: 1px solid #DDD; padding-bottom: 10px; margin-bottom: 20px; }
	.exhibit-section-title,
	a.exhibit-section-title,
	.current span { color: #555; font-size: 1.0625em; }
	.current .exhibit-section-title,
	.current span { font-weight:600; color: #784A4A; }
	.exhibit-page-nav { padding-left: 25px; }
	.exhibit-page-nav a { padding: 7px 0px; display: block; color: #555; line-height: 22px; font-size: 0.9em; text-decoration: none; }
	.exhibit-section-nav ul { display: none; }
	.exhibit-section-nav .current ul { display: block }
	#exhibit-nav .current .exhibit-section-title,
	#exhibit-nav .exhibit-page-nav li.current a,
	#exhibit-nav a:hover { color: #784A4A; }


/* ============= Home Page ================= */
#home #secondary { background: #EFEFEF; padding: 25px 25px; -webkit-border-radius: 10px; border-radius: 10px; }
.homepage-text { font-size: 1.5em; line-height: normal; padding: 0 25px 25px 25px; font-style: italic; color: #784A4A; border-bottom: 1px solid #DDD; margin-bottom: 25px; }

	/* -------- Teasers --------- */
	#teasers { margin-bottom: 5px; padding-bottom: 25px; }
	.teaser-item { width: 200px; float: left; margin: 10px 25px 10px 25px; }
	.teaser-item a { display: block; }
	.teaser-item img { width: 190px; height: 190px; border: 5px solid #777; box-shadow: 0 4px 4px -4px gray; }
	.teaser-item span { font-family:'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; text-transform:uppercase; padding-top: 20px; margin-top: 10px; text-align:center; display: block; background: url(../images/star.png) no-repeat center top; }
	
	.view-stories-link { font-family:'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; line-height: normal; width: 185px; height: 200px; float:right; margin: 10px 0px 10px 0px; position:static; padding-left: 25px; }
	.view-stories-link .arrow { float:right; display: block; position:relative; top: 81px; left: -45px;}
	.view-stories-link span { display: block; float: left; width: 105px; top: 85px; position: relative; line-height:15px; font-size:12px; font-weight: 600; text-transform: uppercase; text-align:left; }
	
	/*---------- Items ---------- */
	#home .item-img img { width: 100px; height: 100px; }
	#home .item { border-bottom: none; float: left; margin-right: 10px; padding-bottom: 0px; }
	.view-items-link { font-family:'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 12px; line-height: normal; font-weight: 600; text-transform: uppercase; text-align: left; float:left; margin-top: 25px;}
	.view-items-link a { display:block; padding: 0 0 0 20px; height: 100px; width: 125px; line-height:101px; background: #f3f3f3 url(../images/right-arrow-red.png) no-repeat right center }
	.view-items-link a:hover { background-color: #f8f8f8; cursor:pointer; }


/* ============= Tag Clouds ================= */
.hTagcloud { margin-top: 20px; }
#secondary-nav + .hTagcloud { padding-top: 25px; margin-top: 25px; border-top: 2px solid #784A4A; font-size: 200%; line-height: normal; }
.item-tags .hTagcloud { width: 470px; }
.hTagcloud ul { list-style:none; margin-left:0; padding-left:0; }
.hTagcloud li { display:inline; }
.popular a { font-size: 0.7em; }
.v-popular a { font-size: 0.8em; }
.vv-popular a { font-size: 0.9em; }
.vvv-popular a { font-size: 1.0em; }
.vvvv-popular a { font-size: 1.2em; }
.vvvvv-popular a { font-size: 1.4em; }
.vvvvvv-popular a { font-size: 1.6em; }
.vvvvvvv-popular a { font-size: 1.8em; }
.vvvvvvvv-popular a { font-size: 2.2em; }


/* ============= Navigation ================= */
.navigation { }
.items-nav { display:block; position: relative; top: -23px; float:right; right:0px; }
.items-nav li { display: block; float:left; margin-left:15px; }
.items-nav li a { display: inline; padding: .5em; border: 1px solid #DDD; background: #F9F9F9; cursor:pointer; }
#pagination-bottom { margin-top: 25px; }
#pagination-bottom.item-pagination,
#pagination-bottom.exhibit-pagination { border-top: 1px dotted #ddd; padding-top:25px; }
#pagination-top { border-bottom: 2px solid #784A4A; }
.pagination { font-family:'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; display: block; height:30px; width:100%; font-size: 0.875em; line-height: normal; padding: 0 0 20px 0; margin-bottom: 20px; font-weight: 600; text-transform: uppercase; clear:both; }
.pagination_list li a { display:block; float:left; margin-right: 5px; display: inline; padding: 4px 6px; border:1px solid #DDD; background: #f3f3f3; }
.pagination_range a:hover,
.pagination_next a:hover,
.pagination_last a:hover { background: #f8f8f8; cursor:pointer; }
.pagination_current { background: #f8f8f8; display:block; float:left; margin-right: 5px; display: inline; padding: 4px 6px; border:1px solid #f4f4f4; }
.pagination_current:hover { background: #f8f8f8; }
.line { margin-top: 25px; padding-top: 25px; border-top: 2px solid #784A4A; }


/* ============= Search ================= */
#search-wrap { background:transparent; float: right; width: 220px; padding: 9px 0; border: 1px solid #ccc; border-width: 1px 0; }
#search-wrap { /* ++++++ For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FDDDDDD, endColorstr=#7FDDDDDD)"; /* ++++++ Fallback for web browsers that do not support RGBa */
	background: rgb(221, 221, 221); /* ++++++ RGBa with transparency */
	background: rgba(221, 221, 221, 0.5); 	/* ++++++ For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FDDDDDD, endColorstr=#7FDDDDDD);
}
#search-wrap h2 { font-size: 10px; text-transform: uppercase; line-height: 13px; font-weight: 600; letter-spacing:1px; display: block; margin-top: 5px; color: #555; }
#search-wrap h2.search-simple { font-size: 0.9em; letter-spacing: .05em; display:block; margin-bottom: 5px; margin-top: 0px; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
#search-wrap .textinput { width: 170px; }
#search-wrap #submit_search { height:31px; width:31px; display:block; border: 0 none; float:right; cursor:pointer; border:none !important; padding:0px; }


/* ============= Footer  ================= */
#footer-wrap { padding: 30px 0 0; z-index: 50; }
#footer { width: 960px; margin: 0 auto; min-height:40px; }
#footer .navigation li { float:left; display:block; margin-right:10px; }
#footer .omeka { display:none; }
#copyright,
#credit { text-transform: uppercase; letter-spacing: 1px; font-size: 10px; }
#copyright { min-height: 40px; padding-bottom: 20px; }
#credit { margin-bottom: 0; height: 40px; text-align: right; }


/* ============= Misc Classes  ================= */
input, textarea { padding: 7px 0 7px 7px; border-color: #EFEFEF #ccc #CCCCCC #efefef; border-width:1px; border-style:solid; }
input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="file"] { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 6px 10px; font-weight: bold; font-size:13px; margin-top: 15px; cursor:pointer; }
.error { color: #F00; font-weight:bold; margin-bottom: 20px; }
.left, .previous { float: left; }
.right, .next { float: right; }
.tab { margin-left: 40px; }
.p { text-indent:40px; }


/* ============= Images  ================= */
#main_lightbox { position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#main_lightbox a img { border: none; }
#main_outerImageContainer { position: relative; background-color: #FFF; width: 250px; height: 250px; margin: 0 auto; }
#main_imageContainer { padding: 10px; }
#main_loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; background: transparent center url(../images/lightbox/loading.gif) no-repeat; }
#main_hoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#main_imageContainer>#main_hoverNav { left: 0; }
#main_hoverNav a { outline: none; }
#main_prevLink,
#main_nextLink { width: 49%; height: 100%; background: transparent url(../images/lightbox/blank.png) no-repeat; /* Trick IE into showing hover */ display: block; }
#main_prevLink { left: 0; float: left; }
#main_nextLink { right: 0; float: right; }
#main_prevLink:hover,
#main_prevLink:visited:hover { background: url(../images/lightbox/prev.png) left 55% no-repeat; }
#main_nextLink:hover,
#main_nextLink:visited:hover { background: url(../images/lightbox/next.png) right 55% no-repeat; }
#main_imageDataContainer { background-color: #FFF; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% }
#main_imageData { padding:0 10px; color: #666; }
#main_imageData #main_imageDetails { width: 70%; float: left; text-align: left; }
#main_imageData #main_caption { font-weight: bold; }
#main_imageData #main_numberDisplay { display: block; clear: left; padding-bottom: 1.0em; }
#main_imageData #main_bottomNavClose { float: right; margin:  0 0 0.7em 0; }
#main_overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }