.exhibit-legendWidget,
.exhibit-toolboxWidget-popup,
.timeline-copyright,
.exhibit-busyIndicator,
.exhibit-resizableDivWidget-resizer {
	display: none;
}

.exhibit-views-unplottableMessage {
	font-size: 0.75em;
}

div.exhibit-facet-body {
	border: 1px solid #333;
	background: #000;
	opacity: 0.8;
}

body {
	font-family: "Lucida Grande";
	background: #000;
	color: #ccc;
}

h1 {
	color: #ccc;
	margin: 0;
	padding: 0;
	text-align: center;
	letter-spacing: 0.2em;
	font-size: 1.3em;
}

h3 {
	margin: 0;
	font-size: 1.2em;
}

a:active, a:focus {
	color: #000;
}

.timeline-container {
	font-family: "Lucida Grande" ! important;
	font-size: 0.85em ! important;
	border: 1px solid #333;
	opacity: 0.8;
}

.timeline-ether-marker-bottom {
	font-size: 0.7em;
}

.exhibit-mapView-map {
	opacity: 0.6;
}

#facets {
	font-size: 0.75em;
    width: 100%;
}

#facets td {
	width: 33%;
}

.photo-title {
	color: #333;
	font-size: 0.8em;
	text-align: center;
}

.photo-thumb {
	width: 50px;
	border: 1px solid #ccc;
	padding: 1px;
	text-align: center;
	vertical-align: middle;
	line-height: 54px;
	margin: 0 auto;
}

.photo-links {
	text-align: center;
	font-size: 0.75em;
}

#main  {
	width: 100%;
	height: 100%;
}

#views {
	background: transparent url(../i/lens.jpg) center bottom no-repeat;
	width: 40%;
	vertical-align: top;
}

#photo-container {
	vertical-align: middle;
	text-align: center;
}

#photo-container img {
	border: 15px solid #333;
}

#photo-container #previous-nav {
	display: inline;
	width: 2%;
	height: 100%;
	vertical-align: middle;
}

#photo-container #next-nav {
	display: inline;
	width: 2%;
	height: 100%;
	vertical-align: middle;
}

#previous-photo, #next-photo {
	width: 20px;
}

#previous-photo {
	text-align: right;
}

#next-photo {
	text-align: left;
}

.loading::after {
	color: #333;
	content: "LOADING";
	letter-spacing: 1em;
}

#facets a {
	color: #e63;
}

#copyright {
	position: absolute;
	bottom: 2px;
	right: 2px;
	z-index: -100;
	font-size: 0.75em;
	color: #555;
	text-align: right;
}

/** what half wit made this aspect of timeline css dependent? **/
.timeline-band-0 .timeline-ether-bg {
	background-color: #000;
}

.timeline-band-1 .timeline-ether-bg {
	background-color: #222;
}

.timeline-band-2 .timeline-ether-bg {
	background-color: #333;
}

.timeline-band-3 .timeline-ether-bg {
	background-color: #555;
}

.timeline-event-tape,
.timeline-small-event-tape,
.timeline-small-event-icon {
	background-color: #E63;
}

.timeline-date-label {
	font-size: 0.9em;
}