/* ==========================================================================
   Author's custom styles
   ========================================================================== */


/* body */
body {
	background-color: #F1ECE7;
}


/* page layout */
footer {
    clear: both;
    font-size: 0.9em;
    height: 5.5em;
    margin-bottom: 30px;
}
#exhibmeta {
	padding-right: 2%;
}
#isawmap {
	padding-left: 2em;
	padding-right: 2em;
}
#isawmap > iframe {
	min-width: 200px;
	min-height: 500px;
	width: 100%;
	height: auto;
}
#left-footer {
	float: left;
	width: 40%;
}
#logo {
	float: left;
	margin-right: 2%;
}
#logo-footer {
    float: left;
    margin-right: 0.75em;
}
#map {
	min-height: 600px;
	min-width: 90%;
	max-height: 100%;
	border: 1px solid gray;
}
#orbis-images img {
	min-width: 320px;
	width: 100%;
}
#orbis-main {
	float: left;
	margin-top: 4px;
	margin-right: -6px;
}
#orbis-main > img {
	border: 1px solid gray;
}
#orbis-inset {
	max-width: 399px;
	box-shadow: 0 0 2px 2px gray;
	float: left
}
#orbis-inset > img:first-child {
	border: 1px solid gray;
	border-bottom: none;
}
#orbis-inset > img:last-child {
	border: 1px solid gray;
}
#orbis-caption {
	padding-top: 0.5em;
	clear: left;
	width: 90%;
}

.map img {
	border: 1px solid gray;
	float: right;
	margin-top: 4px;
}
.mapouts img {
}
#right-footer {
	float: right;
	text-align: right;
	width: 40%;
}
.callout {
	border: 1px solid #777;
	padding: 2em;
	width: 2.75in;
	height: 1.57in;
}
.callout-padded-right {
	padding-right: 3.6in;
}
.callout-padded-right p {
	text-align: justify;
}
.cols-2 {
	-moz-column-count:2; /* Firefox */
	-webkit-column-count:2; /* Safari and Chrome */
	column-count: 2;
	column-width: 2em;
}
.isaw-hcontent > div {
	margin-left: 1%;
	margin-bottom: 1%;
	float:left;
	width: 310px;
}
.leftgap {
	padding-left: 20px;
}
.rightgap {
	padding-right: 20px;
}
.media {
	padding-bottom: 3px;
	padding-top: 65px;
    margin-top: -50px;		
}
.awld {
	padding-bottom: 15px !important;
}
.awld * {
    padding: 0 !important;
    margin: 0 !important;
}
/* .awld-content > div > div, .awld-content > div > p {
	padding: 0.5em !important;
}
*/
.awld-content > div > * {
	padding-bottom: 0.4em !important;
}
.awld-heading {
	margin-top: 10px !important;
}
.awld-content .media {
	padding-right: 1em !important;
}
.awld-content p {
	font-size: 15px !important;
	font-family: Arial !important;
	line-height: 1.1em !important;	
}
.awld-content a {
	color: #0088CC !important;
	font-size: 15px !important;
	font-family: Arial !important;
}
.awld-pop-inner {
/*	background: #333 !important;
    background: rgba(0,0,0,.8) !important; */
    border-radius: 5px !important;
    bottom: 26px !important;
/*    color: #fff !important; */
	padding: 5px 15px !important;
	font-family: Arial !important;
	font-size: 15px !important;
	line-height: 1.1em !important;
	min-width: 450px !important;
	border: none !important;
}
.media-object {
	margin-right: 1.5em;
	max-width: 150px;
}
#checklist .media-object {
	max-width: 275px;
	min-width: 125px;
	min-height: 125px;
}
#checklist .media-object > p {
	margin: auto;
	text-align: center;
	vertical-align: middle;
	font-size: small;
	color: #AAA;
}
@media all and (max-width: 600px) {
	.callout-padded-right {
		padding-right: 1em;
	}
	.callout {
		border: none;
		float: none !important;
		width: auto;
		height: auto;
		padding: .5em;
		padding-left: 0;
	}
	.callout p {
		margin: .2em;
	}
}
.row-fluid {
	min-width: 320px;
}
.row-fluid [class*="span"] {
	margin: 0;
}
.bibliography > p {
	padding-left: 2.0em;
	text-indent: -2.0em;
}
#checklist .media-heading {
	float: left;
	margin-right: 0.2em;
}
#checklist .media-body .elabel {
	clear: both;
}
/* navigation */
.navbar-inner ul.nav {
	margin-right: 0;
}
.navbar .nav > li > a {
	color: black;
}
.navbar .nav > li > a:hover {
	background-color: white;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
}


/* links */
a > .thumbnail {
	box-shadow: 2px 2px 1px #DDD;
}
a > .thumbnail:hover {
	border: 1px solid #AAA;
	box-shadow: 3px 3px 2px #777;
}
a > .thumbnail {
	height: 210px;
	width: 310px;
}
a > .thumbnail > img {
	max-height: 200px;
	max-width: 300px;
	padding-top: 5px;
}
a[href][title] {
	display: inline;
	position: relative;
}
/*
a[href^='glossary.html#'] {
	border-bottom: 1px dashed;
	cursor: help;
	display: inline;
	position: relative;
	color: black;
}
a[href^='glossary.html']:hover {
	border-bottom: 1px solid;
	text-decoration: none;
}
a[href^='glossary.html']:hover:after {
	content: "click for glossary entry";
	padding: 5px 15px;
    position: absolute;
    z-index: 98;
    background: #333;
    background: rgba(0,0,0,.8);
    border-radius: 5px;
    bottom: 26px;
    color: #fff;
    left: 20%;
    min-width: 160px;
    text-align: left;
    font-size: 15px;
    font-family: Arial;
    font-style: normal;
}
a[href^='glossary.html'][title]:hover:after {
	content: attr(title) " (click for more information)";
}
*/

/* decorate external and "place" links with thematic candy */
/* too much candy will give you a toothache
.row-fluid a[href^='http']:before {
	content: "➚";
	white-space: nowrap;
	padding-right: .2em;
}
*/

/* temporarily disable glossary links */
a[href^='glossary.html'] {
	text-decoration: none;
	color: black;
	cursor: text !important;
	pointer-events: none;
}
.row-fluid a[href^='http://pleiades.stoa.org/places']:before, .row-fluid a.place:before, .row-fluid a[href^='http://www.geonames.org/']:before {
	content: "🌍";
	white-space: nowrap;
	padding-right: .2em;
}
/* suppress preceding link candy in certain cases */
#map a[href^='http:']:before, .caption a[href^='http:']:before {
	content: "" !important;
	padding-right: 0 !important;
}
a:not([href^="glossary.html"])[href][title]:hover:after {
	content: attr(title);
	padding: 5px 15px;
    position: absolute;
    z-index: 98;
    background: #333;
    background: rgba(0,0,0,.8);
    border-radius: 5px;
    bottom: 26px;
    color: #fff;
    left: 20%;
    min-width: 160px;
    text-align: left;
    font-size: 15px;
    font-family: Arial;
    font-style: normal;
}



/* paragraphs, list items and class themes */

p, li, dt, dd {
	font-size: 16px;
	line-height: 22px;
}
.row-fluid p {
	text-align: left;
	margin-bottom: 15px;
}
.row-fluid p.lead {
	text-align: left;
}
p.caption {
	font-size: 90%;
	line-height: 1.2em;
}
p.caption-right {
	float: right;
	text-align: right;
}
footer p {
	line-height: 1.2em;
}
.justify p, .justify {
	text-align: justify;
}
.subway-line {
	color: green;
	font-size: 140%;
}
.subway-line:before {
	content: none !important;
}
.subway-line:hover {
	text-decoration: none;
}
.addthis_button {
	color: #FE6D4C; /* offical addthis color */
}
.addthis_button:hover {
	text-decoration: underline !important;
}
.addthis_button:before {
	content: url('../img/addthis_16x16.gif');
	margin-right: 0.5em;
	vertical-align: top;
}
.title {
	font-style: italic;
}
.more {
	cursor: pointer;
}
.more:after {
	content:" →";
}
[lang] {
	font-style: italic;
}
[lang='grc'], [lang='en'] {
	font-style: normal !important;
}
.permalink {
	font-size: small;
}
.elabel {
	list-style: none outside;
	margin: 0;
	padding: 0;
}
#map .title {
	font-style: normal !important;
	font-size: larger !important;
}
#map p {
	margin: 0;
	padding: 0;
}
#map p.byline {
	font-size: smaller;
	line-height: 10px;
	font-style: italic;
}


/* headings */

h1, h2, h3, h4, h5 {
	font-family: 'Arapey', serif;
	font-weight: normal;
	color: #97A25A;
}
h1 {
	font-family: 'Playfair Display', serif;
	font-size: 40px;
	line-height: 48px;
}
h3 {
	margin-bottom: 0;
	padding-bottom: 0;
	font-size: 25px;
	font-style: italic;
}
#exhibcontent h3 {
	margin-top: 0;
}
#exhibcontent #row1a h3 {
	margin-top: 10px;
}
.suppress {
	display: none;
}

.noborder {
	border: none !important;
}