html, body {width: 100%; height: 100%}
body {margin: 0; padding: 0; background: #fff; color: #474136; font-family: georgia, serif;}

a {color: #0058a2; outline: none; text-decoration: none;}
a:visited {color: #60537f;}
a:hover {color: #b05d14; text-decoration: underline;}
/*.hilight, .highlight {background-color: #ff0 !important;}*/

img {border: 0;}
ul, ul li {list-style: none; padding: 0; margin: 0;}
ul {list-style: circle outside; padding-left: 20px; font-size: 90%;}
ul ul {font-size: 100%;}
ul li {list-style: circle outside; padding: 0; margin: 0 0 3px; background: none;}
form {margin: 0; padding: 0;}
fieldset {border: 0; margin: 0; padding: 0;}
input, select {font-size: 100%; font-family: georgia, serif; color: #343434; border: 1px solid #cac5bb;}
table {border: 0; border-collapse: collapse; border-spacing: 0; border: 1px solid #e4e0d8; border-width: 1px 0; margin-bottom: 16px;}
table td {vertical-align: top; padding: 2px 8px; text-align: right;}
th {border-bottom: 3px double #e4e0d8; color: #4b3916; padding: 2px 8px;}
p {margin: 0 0 12px;}
blockquote {padding-left: 12px; border-left: 1px solid #a59c8a; margin: 0 12px 12px;}
h1 {color: #4b3916; margin: 36px 0 12px; font: 270% garamond,georgia,serif; line-height: 1;}
h1 span {display: block; color: #786746; font-size: 70%;}
h2 {margin: 20px 0 8px; font: 150%/120% georgia,serif;}
h2 span {display: block; font-size: 80%;}
h3 {margin: 20px 0 4px; font: 120%/120% georgia,serif;}
hr {border: 1px solid #cac5bb; border-width: 1px 0 0; width: 20%; margin: 16px 0; height: 1px;}
.clear {clear: both;}


#wrapper {width: 960px; margin: 12px auto; position: relative;}
#theme #wrapper {width: auto; min-width: 960px;}
#logo {display: block; margin: 0; width: 527px;}
#logo img {display: block; margin: -26px 0 20px}
#numentries {color: #8d8982; padding: 4px 8px 4px 22px;}

#st-search-input {position: absolute; top: 0px; right: 20px; font-size: 16px;}
.st-modal-scrollable * {font-size: 14px !important;}
.st-search-summary, .st-search-summary * {font-size: 16px !important;}

#nav {height: 27px; background: #f4f2ed; border: 1px solid #e4e0d8; border-width: 1px 0; padding: 5px 22px 0 14px; margin: -40px 0 12px; position: relative}
#nav .main {font-weight: bold; font-size: 100%;}
#nav ul, #nav ul li {margin: 0; padding: 0; list-style: none; position: relative;}
#nav ul li {float: right; clear: right; margin-top: -5px; position: relative;}
#nav ul li a {display: block; margin-bottom: 5px; border: 1px solid #f4f2ed; border-width: 1px 1px 0;
-webkit-border-radius: 6px 6px 0 0;
-moz-border-radius: 6px 6px 0 0;
border-radius: 6px 6px 0 0;}
#nav ul li.main {float: left; margin-top: 0;}
#nav li.main a {color: #4b3916; float: left; padding: 6px 8px 6px; margin: 0 4px 0 0; position: relative;}
#nav li.main a:hover, #nav li.main:hover a {background: #fff; text-decoration: none; color: #b05d14; border-color: #e4e0d8;}
#timeline #nav #n-timeline a, #about #nav #n-about a, #narrative #nav #n-narrative a, #theme #nav #n-theme a {background: #fff; text-decoration: none; color: #4b3916 !important; border-color: #e4e0d8;}
#nav #n-back {position: absolute; top: -28px; right: 0;}
#nav #n-back a {border: none;}

#content {position: relative; overflow: visible; line-height: 1.5; margin-bottom: 8px;}
#about #content, #narrative #content {padding-left: 300px;}
#content a {text-decoration: underline;}
* html #content {height: 500px; overflow: visible;}

#map_canvas {height: 300px; border: 1px solid #e4e0d8}

/* footnotes */
.footnote {font-weight: bold; color: #0058a2; background-color: #edeff5; padding: 1px 4px 1px 14px; font-weight: normal; font-size: 100%; color: #0058a2; background: #edeff5 url(../img/ic-plus.gif) no-repeat 3px; cursor: help;}
.footnote:hover {color: #b05d14; background-color: #f8ede3}
.footnote small {display: none; color: #000}
.footnote.collapse {background-image: url(../img/ic-minus.gif);}
.footnote.collapse small {display: inline; padding-left: 1em;}

#entries {padding-left: 240px; position: relative;}
#entries h3 {border-bottom: 1px solid #e4e0d8; text-align: right;}
.entry {clear: both;}
.entrybody {clear: both;}
.entrybody .imgwrap {width: 202px; padding: 4px; background: #f4f2ed; border: 1px solid #e4e0d8; font-size: 80%; color: #8d8982; text-decoration: none !important; float: left; margin: 0 12px 4px -230px; position: relative; clear: left; line-height: 1.3;}
.entrybody .imgwrap a {color: #8d8982;}
.hasimages img {display: none;}
.hasimages {clear: none;}
.entrybody .photopop {text-decoration: none !important;}
.entrybody .photopop:hover {text-decoration: underline !important;}
.entrybody img {width: 200px; height: auto; border: 1px solid #e4e0d8; float: none !important;}
.entrybody .offsite img, .source .offsite img {display: inline !important; width: 10px !important; border: none !important; padding: 0 4px 0 2px !important;}

.imgwrapouter {width: 212px; font-size: 80%; color: #8d8982; float: left; margin-left: -230px; position: relative; line-height: 1.3;}
.imgwrapouter .imgwrap {padding: 4px; background: #f4f2ed; border: 1px solid #e4e0d8; margin-bottom: 4px;}
.imgwrapouter .imgwrap img {width: 200px; height: auto; border: 1px solid #e4e0d8;}
.imgwrapouter .imgwrap .source {display: block; color: #b5aea0; font-size: 95%; margin-top: -1em;}
.imgwrapouter .imgwrap .source a {color: #b5aea0;}

#overlay {width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9000; background: #000; background: rgba(0,0,0,.80) url(../img/loader.gif) center center no-repeat; display: none;}
#overlay div {padding: 16px; position: fixed; top: 50%; left: 50%; z-index: 9001; background: #fff; overflow: visible; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; display: none;}
#closeoverlay {display: block; width: 19px; height: 19px; background: url(../img/ic-circlex.png) 0 -38px no-repeat; position: absolute; top: -8px; right: -8px; cursor: pointer; z-index: 9002;}
#closeoverlay:hover {background-position: 0 -19px;}

#timelinenav {background: #f4f2ed url(../img/timeline-or.gif) 527px 10px no-repeat; border: 1px solid #e4e0d8; padding: 0; height: 420px; margin: 0 auto; line-height: 1.3;}
#timelinenav li {margin: 0 0 4px;}
#timelinenav a {display: block; text-decoration: none; color: #0058a2;}
#timelinenav a:visited {color: #60537f;}
#timelinenav a:hover, #timelinenav a.current {color: #b05d14 !important;}
#timelinenav li a:hover, #timelinenav li a.current {background: #fff;}
#timelinenav ul, #timelinenav ul li {list-style: none; padding: 0;}
#timelinenav #eranav {width: 500px; float: left; padding: 0 20px 10px;}
#timelinenav #eranav ul {margin-bottom: 8px; overflow: auto;}
#timelinenav #eranav li {display: inline;}
#timelinenav #eranav li a {width: 100px; text-align: center; float: left; margin: 0 4px 6px 0; padding: 4px; white-space: nowrap;}
#timelinenav #eranav li a:visited {color: #60537f;}
#timelinenav #eranav li a:hover, #timelinenav #eranav li a.current {background: #fff; color: #b05d14 !important;}
#timelinenav .prevnext {margin: 0; font-size: 80%;}
#timelinenav #categorynav {width: 384px; height: 410px; overflow: auto; float: right; padding: 0 10px 10px 10px;}
#timelinenav #categorynav h3 {padding: 0 8px;}
* html #timelinenav #categorynav li {margin-bottom: -8px;}
#timelinenav #categorynav li a {padding: 2px 8px 2px 1.6em; text-indent: -1em;}
#timelinenav .prevnext {border-width: 3px 0 0; background: none;}

#outlinenav {line-height: 1.2; position: fixed; left: 0; top: 262px;}
#outlinenav div {background: #f4f2ed; border: 1px solid #e4e0d8; float: left; width: 200px; clear: left;}
#outlinenav h4 {text-transform: uppercase; background: #e4e0d8; color: #8c877f; margin: 0; padding: 8px; font-size: 60%; letter-spacing: 1px;}
#outlinenav ul, #outlinenav ul li {list-style: none; padding: 0;}
#outlinenav ul {overflow: auto;}

/* mac os x lion scrollbar fix */
#outlinenav ul::-webkit-scrollbar {-webkit-appearance: none;}
#outlinenav ul::-webkit-scrollbar:vertical {width: 11px;}
#outlinenav ul::-webkit-scrollbar-thumb {border-radius: 8px; border: 2px solid #f4f2ed; /* should match background, can't be transparent */ background-color: rgba(0, 0, 0, .5);}

#outlinenav li {margin: 0; list-style: none;}
#outlinenav a {display: block; text-decoration: none; color: #0058a2; padding: 4px 8px;}
#outlinenav a:visited {color: #60537f;}
#outlinenav a:hover, #outlinenav a:hover span {background: #c56917; color: #fff !important;}
#outlinenav a.current {background: #fff; color: #b05d14 !important;}

#theme h1 {font-size: 180%; margin-left: 22px;}
#theme h1 span {font-size: 70%;}
#theme #entries {padding: 0; margin-left: 220px}
#theme #entries h3 {clear: left;}
#theme #entries .entry {width: 180px; height: 320px; background: #f4f2ed; float: left; clear: none; margin: 0 10px 10px 0; padding: 0 10px 10px; line-height: 1.3; overflow: hidden; text-decoration: none; border: 2px solid #f4f2ed;}
#theme #entries .entry:hover {background: #fff;}
#theme #entries .entry div {width: 180px; max-height: 180px; overflow: hidden; margin: 0 auto 10px; padding: 0; background: #e4e0d8; border: 1px solid #e4e0d8;}
#theme #entries .entry img {max-width: 180px; border: 0; display: block; margin: 0;}
#theme #entries .entry span {font-size: 80%; color: #8c877f; display: block; background: #e4e0d8; padding: 4px 10px; margin: 0 -10px 10px; height: 30px; line-height: 1.1}
#theme #entries #noresults {color: #b05d14; background: #fff; font-size: 140%; text-align: center; height: 300px; padding: 20px;}


.prevnext {clear: both; overflow: auto; height: 27px; background: #f4f2ed; border: 1px solid #e4e0d8; border-width: 1px 0; padding: 5px 22px 0 14px; margin: 30px 0 0;}
.prevnext a {text-decoration: none !important;}
.prevnext a:hover {text-decoration: underline !important;}
.prev {float: left;}
.next {float: right;}

.smaller {font-size: 85%; margin: -8px 0 12px; color: #8c877f;}
.smaller a {color: #8c877f; white-space: nowrap;}
.smaller a:visited {color: #b3aea6;}
.smaller a:hover {color: #b05d14;}
.smaller img {vertical-align: middle; margin: 0 2px;}

/* publications styles */
.thumb .photopop, .large .photopop {text-align: center; display: inline;}
* html .large {margin-right: -50px;}
.large, .large-l {float: right; clear: both; width: 195px; position: relative; margin: 0 -100px 4px 16px; text-align: center; line-height: 1.2; font-size: 85%; color: #8c877f;}
#manuscripts .large, #appraisals .large {margin-right: 0;}
.large-l {float: left; margin: 0 16px 0 0;}
.wide {width: 429px; margin: 16px auto; line-height: 1.3; font-size: 85%; color: #8c877f;}
.caption {text-align: left;}
.caption img {margin: 12px 0 0 !important;}
img.large {width: auto;}
.publication {padding-left: 140px; overflow: auto; clear: both;}
* html .thumb {margin-top: 0;}
* html div.thumb {margin-left: -70px;}
* html .thumb img {margin: 12px 0 0;}
.thumb {float: left; margin: 8px 0 12px -140px; width: 128px; text-align: center;  line-height: 1.2; font-size: 85%; color: #8c877f;}
.large img, .large-l img, .thumb img, .wide img {display: block; margin: 12px auto 6px; border: 1px solid #f4f2ed;}
.l img {margin: 12px 0 6px;}

.btt {display: block; text-align: right; background: url(../img/ic-backtotop.gif) 0 right no-repeat; padding-right: 10px;}
#toc {border: 1px solid #e4e0d8; background-color: #f4f2ed; padding: 0 12px 10px; display: block !important; width: 190px; position: absolute; top: 0; left: 60px;}
#main #toc li {margin: 0;}
#main #toc a {text-decoration: none;}
#main #toc li.current {font-weight: bold;}
#toc ol {margin-left: 18px; padding: 0;}
#toc ol ol {list-style-type: upper-alpha; display: none;}
#toc ol li.current {font-weight: bold;}
#toc ol li.current li {font-weight: normal;}
#toc ol li.current ol li.current {font-weight: bold;}
#toc ol li.current ol {display: block;}

/* tnav 
#tnav {position: absolute; top: 0; right: 0; width: 340px;}
#tnav li {display: inline;}
#tnav #search-text {width: 250px;}
#tnav input {float: left;}
#tnav #search a {float: right; font-size: 90%; margin: 2px 76px 0 0;}
#tnav #search .submit {color: #fff; background: #6d5e40; border: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; font-weight: bold; text-transform: uppercase; font-size: 70%; padding: 6px 10px; margin-left: .4em}
#tnav #search .submit:hover {cursor: pointer; color: #fff; background: #cc6205;}
*/

#footer {clear: both; text-align: right; padding: 8px 0; font-size: 90%; border-top: 1px solid #e4e0d8; line-height: 1.5; margin-left: 60px; margin-top: -9px;}
#theme #footer {margin-left: 220px}

.button {float: left; background: #f4f2ed; border: 1px solid #ddd9d0; padding: 5px 10px; margin: 1em 1em 1em 0; text-decoration: none !important; color: #0058a2 !important; font-weight: bold;}
.button:hover {background: #fff; color: #b05d14 !important;}

.tools {clear: both; background: #f4f2ed; border: 1px solid #ddd9d0; padding: 5px; margin: 0 0 3em;}
.tools p {margin: 0;}
.addthis_toolbox {height: 30px; display: block; float: right; margin: 0 0 -10px 1em;}