/* Photo and correspondence styles
----------------------------------------------- */
html { height: 100%; overflow-y: scroll; /* forces vertical scrollbar */ }
body { background: #ddddff; color: black; }
#wrapper { background: #eee; margin: 0 auto; border: 1px solid #888; width: 100%; max-width: 960px; min-width: 480px; font-family: Georgia, "Times New Roman", Times, serif; }
a { text-decoration : none; }
a:link { color: #0066cc; }
a:visited { color: #743399; }
a:hover, a:active { text-decoration : underline; color: #ff4b33; }
#footer p { text-align: center; font-size: .83em; margin: 0; border-top: 1px solid #666; padding: 10px 0; }
/* large photos */
.figure { font-family: Georgia, "Times New Roman", Times, serif; margin: 20px 0 0 0; text-align: center; }
.figure .photo img,
.figure img { border: 2px groove #fff; height: auto; max-width: 100%; }
.figure .caption { font-weight: bold; font-size: 1.5em; color: #800000; margin: 10px 0 0 0; }
.figure .credit { font-weight: bold; font-size: 1em; color: #800000; margin: 20px 0 0 0; }
.figure .credit .type { font-style: italic; font-size: .83em; }
.figure .backlink { font-size: 1em; margin: 20px 0; }
/* correspondence */
#mainCols { overflow: hidden; margin: 0; padding: 0px 1.0%; clear: both; }
#main { float: none; width: 98.0%; font-family: Georgia, "Times New Roman", Times, serif; text-align: left; padding: 0px 1.0%; border: 0; margin: 0; }
#main h1, #main h2 { font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif; color: #800000; }
#main h1,
#main h2,
#main .center { text-align: center; }
#main .backlink { font-size: 1em; margin: 20px 0; text-align: center; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 0 auto 0 auto; padding: 0; width: 50%; }