/* ACCESSIBILITY & HIDDEN CONTENT */

/* [ For image replacement ] */

.ir {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
  *line-height: 0;
}

.ir br { display: none }

/* [ Hide from both screenreaders and browsers: h5bp.com/u ] */

.hidden {
  display: none !important;
  visibility: hidden;
}

/* [ Hide only visually, but have it available for screenreaders: h5bp.com/v ] */

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* [ Extends the .visuallyhidden class to allow the element to be
   focusable when navigated to via the keyboard: h5bp.com/p ] */

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/* [ Hide visually and from screenreaders, but maintain layout ] */

.invisible { visibility: hidden }

/* [ Contain floats: h5bp.com/q ] */

.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}

.clearfix:after { clear: both }

.clearfix { *zoom: 1    }
/* LINKS, SELECTIONS, FORM ELEMENTS */

button, input, select, textarea {
  font-family: "ff-dagny-web-pro", "Helvetica Neue", Arial, sans-serif;
  color: #222;
  font-size: 100%;
  vertical-align: middle;
  margin: 0;
}

.btn.btn-info, .btn.btn-info:hover { 
  color: #133;
  -webkit-text-shadow: 0 1px 0 #9ef;
  -moz-text-shadow:    0 1px 0 #9ef;
  text-shadow:         0 1px 0 #9ef;
  
}

/** Header styles */
html,
body {
	background-position: center top;
	background-repeat: repeat-x;
	background-color: #4672af;
	font-family: "Hoefler Text", "Book Antiqua", "OFL Sorts Mill Goudy TT", "Goudy Old Style", Georgia, serif !important;
	font-size: 1em !important;
}
a {
	color: #664422;
}
h2 a {
	text-decoration: none;
}
a:hover {
	color: #331100;
	text-decoration: none;
}
h1 {
	font-size: 2.0em !important;
}
#wrap {
	margin-top: 25px;
}
#header {
  background: url('../images/header-texture.png') repeat scroll 0 0 #0d3268;
  background-image:
   -moz-linear-gradient(top, rgba(13, 50, 104, 0.1), rgba(13, 50, 104, 0.4)),
   url('../images/header-texture.png');
  background-image: 
   -webkit-linear-gradient(top, rgba(13, 50, 104, 0.1), rgba(13, 50, 104, 0.4)),
   url('../images/header-texture.png');
  background-image: 
   linear-gradient(top, rgba(13, 50, 104, 0.1), rgba(13, 50, 104, 0.4)),
   url('../images/header-texture.png');
/*  border-top: 1px solid rgba(255, 255, 255, 0.1);*/
  color: #eef2f8;
  border-bottom: 1px solid #0c1a32;
  border-top: 1px solid #5d769a;
  position: relative;
  z-index: 300;
  -webkit-box-shadow: 0 2px 3px rgba(120, 120, 120, 0.3), inset 0 8px 8px rgba(8, 31, 63, 0.2), inset 0 -1px 0 #5D769A;
  -moz-box-shadow:    0 2px 3px rgba(120, 120, 120, 0.3), inset 0 8px 8px rgba(8, 31, 63, 0.2), inset 0 -1px 0 #5D769A;
  box-shadow:         0 2px 3px rgba(120, 120, 120, 0.3), inset 0 8px 8px rgba(8, 31, 63, 0.2), inset 0 -1px 0 #5D769A;
	height: 90px;
	width: 100%;
}
#header .container {
	position: relative;
}
#site-title {
	background-image: url('../images/library-logo.png');
	background-position: left 33px;
	background-repeat: no-repeat;
	padding-top: 30px;
	padding-bottom: 30px;
}
#logo {
	display: block;
	height: 30px;
	overflow: hidden;
	text-indent: -1000px;
}
#bookmark {
	position: absolute;
	bottom: -10px;
	right: 40px;
	width: 66px;
	height: 420px;
	z-index: 2;
	background-image: url('../images/bookmark_motif.png');
	background-repeat: no-repeat;
}
#title-container {
	margin: 0 auto 0 auto;
	text-align: center;
	background-image: url('../images/content_bg_tile-x.png');
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #e4ebfd;
	padding-bottom: 14px;
}
#title-container .container h1 {
	float: right;
	width: 700px; 
	margin-right: 175px;
	font-family: Georgia;
	font-variant: small-caps;
	color: #990000;
	letter-spacing: .05em;
	font-weight: bold;
}
#title-container .height-320 {
	height: 320px;
}
#title-container .height-168 {
	height: 168px;
}
#content {
	background-position: center top;
	background-repeat: repeat-x;
	background-color: #fff;
}
#content .container {
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 16px;
	padding-bottom: 20px;
}
.container {
	background: transparent;
}
#sidebar {
	background-color: #eeeedd;
	border-top: #997755 4px solid;
	color: #331100;
}
#sidebar p {
	margin: .75em 1em 1em 1em;
}
#sidebar a {
	color: #997755;
	text-decoration: underline;
}
#sidebar a:hover {
	text-decoration: none;
}
#sidebar-title {
	background-color: #331100;
	margin-bottom: .75em;
	padding: .75em 0 .75em 0;
	border-bottom: #997755 solid 2px;
}
#sidebar-title h3 {
	margin: 0 1em 0 1em;
	color: #eeeedd;
}
#primary-nav {
	background-color: #eeeedd;
}
#primary-nav > .navigation {
	border-top: 4px solid #997755;
/*	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #997755;*/
}
#primary-nav .navigation {
	padding: 0 0 .5em 0;
	margin: 0;
	font-family: arial, sans-serif;
}
#primary-nav .navigation li {
	list-style-type: none;
}
#primary-nav .navigation > li a {
	display: block;
	padding: .5em 0.5em .5em 1em;
}
#primary-nav .navigation a {
	text-decoration: none;
	background-color: #331100;
	color: #eeeedd;	
}
#primary-nav .navigation a:hover {
	background-color: #664422;
	color: #eeeedd;
}
#primary-nav #secondary-nav.exhibit-page-nav a {
	background-color: #eeeedd;
	color: #331100;
}
#primary-nav #secondary-nav.exhibit-page-nav a:hover {
	text-decoration: underline;
	color: #331100;
}
#primary-nav a.nav-all-exhibits {
	border-bottom: 1px solid #997755;
}

#primary-wrap {
	float: left;
	width: 670px;
	margin-left: 20px;
}
#primary-wrap.yellow {
	background-image: url('../images/yellow-bg.png');
	background-repeat: no-repeat;
	background-position: center top;
}
#primary {
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}

#primary h1.main-title {
	border-bottom:3px solid #990000; 
	padding-bottom: 0.5em;
}

#primary>h2 {
	text-shadow: 1px 1px 2px #aaaaaa;
	margin-bottom: 0.25em;
}
#primary-wrap.yellow #primary {
	background-color: #fff;
}
#viewing {
	text-align: center;
}

/* Contact Us styles */
.contact-container {
  background: url('../images/contact-texture.png') repeat scroll 0 0 transparent;
  border-top: 1px solid rgba(0,0,0,0.3);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  vertical-align: middle;
  padding: 0.5em 0;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
	font-family: "ff-dagny-web-pro","Helvetica Neue",Arial,sans-serif;
  font-size: 1.6rem;
  line-height: 1.231em;
}

.contact-container h2 {
  color: #fafbfc !important;
  font-family: "prenton", "Helvetica Neue", Arial, sans-serif;
  font-size: 19px;
  font-size: 1.25rem;
  font-weight: normal;
  text-transform: uppercase;
}

.contact-container .contact-info { text-align: center }

.contact-container .contact-info address, .contact-container .contact-info h2, 
.contact-container .contact-info .vcard, .contact-container a {
  color: #fff;
  display: inline;
  font-style: normal;
}

.contact-container .contact-info .vcard {
  font-size: 15px;
  padding: 0 1.33em;
}

.contact-container .contact-info address { 
	font-size: 16px; 
	font-size: 1.0rem; 
	font-style: normal; 
	line-height: 24px; 
	overflow: hidden; 
	padding: 2px 1.3em 2px 37px; 
}
.contact-container .contact-info .contact {
	background-image: url("../images/sprite.png"); 
	background-repeat: no-repeat; 
	height: 32px; 
}
.contact-container .contact-info .phone { background-position: 0 -82px;  }
.contact-container .contact-info .email { background-position: 0 -41px;  }
.contact-container .contact-info .chat { background-position: 0 0; }

/* Footer style info */
.btn.btn-info, .btn.btn-info:hover {
	color: #133;
	text-shadow: 0 1px 0 #9ef;
}

nav ul, nav ol {
    list-style: none outside none;
}

footer {
	font-family: "ff-dagny-web-pro","Helvetica Neue",Arial,sans-serif;
  background: url('../images/header-texture.png') repeat scroll 0 0 #0d3268;
  background-image:
   -moz-linear-gradient(top, rgba(13, 50, 104, 0.1), rgba(13, 50, 104, 0.4)),
   url('../images/header-texture.png');
  background-image: 
   -webkit-linear-gradient(top, rgba(13, 50, 104, 0.1), rgba(13, 50, 104, 0.4)),
   url('../images/header-texture.png');
  background-image: 
   linear-gradient(top, rgba(13, 50, 104, 0.1), rgba(13, 50, 104, 0.4)),
   url('../images/header-texture.png');
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  color: #eef2f8;
  padding: 5px 0 3em;
}

footer p {
	margin: 0;
	padding: 0;
	line-height: 1.4em;
}

footer a {
	color: #e6e8f5;
}

footer .footer-nav, footer .legal {
  margin-top: 1.67em;
  margin-bottom: 0.67em;
}

footer .footer-nav ul { padding-left: 20px }

footer .footer-nav li { margin-bottom: 0.5em }

footer .footer-nav .btn-give { 
	font-size: 1.rem; 
	font-weight: bold; 
	margin-top: 0.25em; 
	text-decoration: none; 
	text-transform: uppercase; 
}

footer .legal .copy {
  color: #EEE;
  margin-bottom: 1em;
}

footer .gov { margin-bottom: 1em; }
#fdlp-badge { background: url("../images/sprite.png") no-repeat scroll 0 -124px transparent; float: left; height: 36px; margin: 0 0.33em 0 0; text-indent: -9999px; width: 41px; }

/** Index styles */
#home .item {
	margin-bottom: 1em;
}
#home .item h3 {
	margin-bottom: .5em;
}
#home #primary ul {
	margin: 0px;
	padding: 0 0 0 20px;
	border-left: 3px solid #990000;
}
#home #primary li {
	list-style: none;
}

/** Collection styles */
.collection .element {
	padding-left: 20px;
}
#collection-items {
	padding-left: 20px;
	border-left: 3px #990000 solid;
	margin-bottom: 20px;
}
#collection-items h3,
.collection .element h3 {
	margin-bottom: .5em;
}
#collection-items .item-description {
	margin-bottom: .75em;
}
#collections.show h2 {
	margin-bottom: .4em;
}

/** Simple seach styles */
#search-wrap {
	background-image: url('../images/title_shadow.png');
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-top: 10px;
	padding-bottom: 25px;
	padding-left: 10px;
	padding-right: 10px;
}
#simple-search {
	text-align: left;
	padding: .1em .7em .1em .7em;
	margin: 0px;
}
#simple-search fieldset {
	border: none;
	padding: 0px;
	margin: 0px;
}
#simple-search #search {
	padding: .4em .5em .4em .5em;
	width: 510px;
	margin-right: 10px;
	font-size: 1.2em;
}
#simple-search #submit_search {
	width: 90px;
	height: 32px;
	font-size: 1em;
}

/** Advanced search styles */
#advanced-search-form {
	margin-top: 20px;	
}
#advanced-search-form .label,
#advanced-search-form label {
	font-weight: normal;
	font-size: 1.1em;
	display: block;
	width: 175px;
	float: left;
}
#advanced-search-form input {
	font-size: 1.1em;
	padding: .3em;
	border: 3px double #999;
	width: 430px;
	margin: 0px;
}
#advanced-search-form select {
	font-size: 1em;
	width: 220px;
}
#advanced-search-form .field {
	display: block;
	padding-bottom: 15px;
}
#advanced-search-form #submit_search {
	border-style: solid;
	border-width: 1px;
	width: auto;
}
#advanced-search-form .inputs {
	width: 445px;
	float: right;
	text-align: left;
}
#advanced-search-form div.label {
	padding-top: 15px;
}
#advanced-search-form .search-entry {
	padding-top: 10px;
	padding-bottom: 20px;
	border-bottom: 1px #ccc solid;
}
#advanced-search-form .search-entry input {
	width: 355px;
	margin-right: 10px;
}
#advanced-search-form #submit_search {
	float: right;
	width: 100px;
}

/** Item styles */
/*#secondary-nav {
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	margin-right: 0px;
	display: block;
}
#secondary-nav:after {
	clear: both;
	display: block;
	content: " ";
}
#secondary-nav li {
	list-style: none;
}*/
.item.hentry {
	margin-bottom: 1.5em;
}
.item.hentry h3 {
	margin-bottom: .5em;
}
#item .show .element-set {
	margin-bottom: 20px;
}
#additional-info h2,
#item .show .element-set h2 {
	border-bottom: 1px solid #ccc;
}
#tags,
#collection,
#item .show .element-set .element {
	overflow: auto;
	clear: both;
	margin-bottom: 10px;
}
#tags h3,
#collection h3,
#item .show .element-set h3 {
	width: 130px;
	float: left;
	margin-bottom: 5px;
}
#tags .element-text,
#collection .element-text,
#item .show .element-set .element-text {
	width: 480px;
	float: right;
}
#citation, #colophon {
	border: 1px solid #ccc;
	background: #eeeedd;
	color: #331100;
	margin-bottom: 20px;
	padding: 30px 20px 20px 20px;
	position: relative;
	margin-top: 40px;
}
#citation, #colophon h2 {
	background: #fff;
	padding-left: 10px;
	padding-right: 10px;
	border: 1px solid #ccc;

	top: -15px;
	font-size: 1.2em;
}
#citation div, #colophon div {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 0.9em;
}

/** Pagination styles */
.exhibit-page-navigation,
.item-pagination,
.pagination_list {
	clear: both;
	padding: 0px;
	margin: 0px;
	text-align: center;
}
.exhibit-page-navigation li,
.item-pagination li,
.pagination li {
	display: inline;
	padding: .5em;
}
.exhibit-page-navigation a,
.item-pagination a,
.pagination a {
	text-decoration: none;
}

/** Tag cloud styles */
.hTagcloud li {display: inline;}
.hTagcloud a {padding: 5px;}
.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%;}

/** Exhibit styles */
.exhibit h2 { 
	margin-bottom: .25em; 
	line-height: 1.3em;
}
.exhibit-summary h3 { margin-bottom: .5em; }
.exhibit-summary .element { margin-bottom: 1em; }
#secondary-nav {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#secondary-nav > li {
	padding: .5em 0 0 0;
}
#secondary-nav > li > a {
	padding: 0 .5em 0 1em;
	display: block;
}
#secondary-nav a:hover {
	background: none !important;
}
.exhibit-page-nav {
	padding: .5em 0 0 0;
	margin: 0;
}
li.exhibit-secondary-page {
	list-style-type: circle !important;
	list-style-position: inside;
	padding: .5em .5em .5em 2.4em;
	font-size: 14px;
	text-indent: -1em;
}
li.exhibit-tertiary-page {
	list-style-type: disc !important;
	list-style-position: inside;
	padding: .5em .5em .5em 3.75em;
	font-size: 13px;
	text-indent: -1em;
}

#primary-nav #secondary-nav .exhibit-page-nav li a {
	background-color: #EED;
}

#primary-nav .exhibit-page-nav li a {
	color: #532;
}

.exhibit-page-nav li.current {
	background-color: #fcfced;
	font-weight: bold;
}
.exhibit-page-nav li.current > a {
	background-color: #fcfced !important;
}
.exhibit-dates {
	background-color: #eeeedd;
	border-color: #664422;
	border-style: dashed;
	border-width: 1px 0;
	padding: .75em;
	font-variant: small-caps;
}
.layout-file-text .exhibit-items {
	max-width: none;
	width: 40%;
}
.layout-file-text .exhibit-items.right {
	float: right;
	margin: 1% 0% 1% 2%;
}
.layout-file-text .exhibit-items.left {
	float: left;
	margin: 1% 2% 1% 0%;
}