@font-face { font-family: 'PapyrusRegular'; src: url('../fonts/papyrus-webfont.eot'); src: local('?'), url('../fonts/papyrus-webfont.woff') format('woff'), url('../fonts/papyrus-webfont.ttf') format('truetype'), url('../fonts/papyrus-webfont.svg#webfont21XNO4xI') format('svg'); font-weight: normal; font-style: normal; font-variant: normal; } html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, address, cite, code, del, dfn, em, img, ins, q, samp, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, audio, canvas, details, figcaption, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, summary, time {margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent;} article, aside, dialog, figure, figcaption, footer, header, hgroup, nav, section, blockquote {display: block;} html {overflow-y: scroll; font-size: 76%;} body {margin: 8px auto; font: 1.1em/1.4 Georgia, serif; background: #444 url(../IMG/global/mainBG.jpg) repeat-x 0 134px; color: #333;} h1 {width: 690px; height: 118px; background: url(../IMG/global/title.png) no-repeat 0 0; margin: 0 -30px 30px; box-shadow: 0 8px 10px #999; -moz-box-shadow: 0 8px 10px #999; -webkit-box-shadow: 0 8px 10px #999;} h1 a {display: block; width: 690px; height: 118px;} h1 span {position: absolute; left: -10000px; overflow: hidden; top: auto; width: 1px; height: 1px;} h2, h3, h4, h5 {clear: both; margin: 1em 0; text-align: left; font-family: PapyrusRegular; font-weight: bold; color: #222; border-bottom: 1px dotted #222;} h2 {font-size: 1.5em; margin-top: 5px;} h3 {font-size: 1.3em; letter-spacing: 0.1em;} h4 {font-size: 1.2em; letter-spacing: 0.1em;} h5 {font-size: 1.1em; letter-spacing: 0.1em;} h6 {clear: both; margin: 1em 0; text-align: left; font-size: 1.1em; font-weight: normal; border-bottom: 0 none;} a {color: #a60000; font-weight: bold; font-style: italic; text-decoration: underline;} a:visited {color: #FFF;} a:hover {color: #a60000; text-decoration: none;} p {margin: 0 0 1em; font-size: 1.1em;} fieldset, a img {border: 0 none;} ul, ol {text-align: left; margin: 0.6em 1.3em; padding: 0;} ol {margin-left: 2em;} li {line-height: 1.5em;} form {clear: both;} label {float: left; margin-right: 1em; font-size: 0.9em; line-height: 2.6em; font-weight: bold;} select {float: left; margin-bottom: 0.5em; padding: 0.2em; color: #000; background-color: #EFEFEF;} input {float: left; width: 28px; height: 24px; letter-spacing: 0.2em; margin-left: 0.6em; padding: 1px 0 10px; font-weight: bold; font-size: 0.9em; background-color: #EEE; border: 1px solid #111; cursor: pointer; border-radius: 8px; -moz-border-radius: 8px;} input:hover {background-color: #F00;} abbr {cursor: help; border-bottom: 1px dotted #666;} cite {font-style: normal;} table {border-collapse: collapse;} caption {text-align: left; padding-bottom: 1em; font-size: 1em;} tr:nth-child(even), th {font-weight: normal; background-color: #DDD;} tr:nth-child(odd) {background-color: #EEE;} blockquote {margin-left: -40px; padding-left: 100px; background: url(../IMG/global/quotes.gif) no-repeat 63px 4px;} blockquote p {padding-left: 1em; border-left: 1px dotted #AAA;} ul.preNext {clear: both; overflow: hidden; list-style-type: none; font-size: 0.9em; margin: 12px 0;} ul.preNext li {float: left; margin-right: 10px; text-decoration: none;} ul.preNext a:visited {color: #a60000;} ul.preNext .previous {padding-left: 16px; background: url(../IMG/global/previous.gif) no-repeat 0 1px;} ul.preNext .next {margin-left: 8px; padding-right: 18px; background: url(../IMG/global/next.gif) no-repeat 100% 1px;} hgroup + p:first-letter, ul.preNext + p:first-letter, ul.preNext + h4 + p:first-letter {float: left; font: italic 3.4em/1em PapyrusRegular, "Times New Roman", Times, serif; margin-right: 8px; padding: 5px 10px 0 0; color: #a60000;} hgroup + p:first-line, ul.preNext + p:first-line, ul.preNext + h4 + p:first-line {font-variant: small-caps; font-size: 1.1em;} .letterAlign {text-align: right;} .altImage {position: relative; margin-bottom: 10px;} .altImage div {position: absolute; bottom: -6px; left: 36px; width: 220px; color: #FFF; font-weight: bold; font-style: italic; font-size: 0.8em; line-height: 1.2em;} * + html .altImage div {bottom: -12px;} body > div {overflow: hidden; clear: both; margin: 0 auto; border-radius: 8px; -moz-border-radius: 8px; width: 960px; background: #FFF url(../IMG/global/navBodyBG.gif) repeat-y 690px 0; padding-bottom: 20px; border: 8px solid #222;} nav {float: left; position: relative; width: 270px; background: url(../IMG/global/navBG-top.gif) no-repeat 0 0; font-size: 0.9em;} nav > div.mainLinks {width: 265px; padding-right: 5px; min-height: 225px; padding-top: 131px;} nav a {color: #FFF; text-decoration: none; font-weight: normal; font-style: normal; margin: 0;} nav a:hover {border-bottom: 0 none; color: #DDD;} nav p, nav .mainLinks div {margin: 0 0 0.2em 0.7em; line-height: 1.4em;} nav img {margin: 20px 1px 10px 34px; border: 1px solid #666; box-shadow: 5px 5px 20px #222; -moz-box-shadow: 5px 5px 20px #222; -webkit-box-shadow: 5px 5px 20px #222;} nav div.mainLinks div.mainLinks div a {margin-left: 1.8em; display: list-item; list-style-type: circle;} nav q {display: block; margin: 1.5em 0; padding: 7px 12px; font-style: italic; font-size: 1em; line-height: 1.2em; text-align: justify; background-color: #222; color: #EEE; border-top: 1px solid #AAA; border-bottom: 1px solid #AAA;} nav q em {font-style: normal;} nav ul {margin: 0.8em 0 0 0.8em; list-style-type: none;} nav .mainLinks p {color: #333;} nav .mainLinks div {border-left: 1px dotted #DDD;} section {position: relative; float: left; width: 630px; padding: 0 30px; min-height: 700px;} section a:visited {color: #666;} section a:hover {color: #A60000;} section img {border: 1px solid #999; box-shadow: 5px 5px 20px #888; -moz-box-shadow: 5px 5px 20px #888; -webkit-box-shadow: 5px 5px 20px #888;} section blockquote p {font-size: 1em; line-height: 1.5em;} #biography nav img {margin-top: 500px;} #gallery section img {position: static; border: 1px solid #333;} #gallery section .imageGroup {clear: both; overflow: hidden; margin: 2em 0;} #gallery section .imageGroup img {float: left; margin: 0 12px 20px 0;} #gallery section .imageGroup div {float: left; width: 290px; margin-right: 1em;} #gallery section .imageGroup div p {clear: both; margin: 0; padding: 0 0.4em 0.5em 0;} #commentary section #abstracts div.mainLinks {margin: 0.5em 0; padding: 0.8em 1.5em 0.8em 1em; background: -webkit-gradient(linear, left bottom, right top, from(#EEE), to(#FFF)); background: -moz-linear-gradient(left, #EEE, #FFF);} #commentary section #abstracts div.mainLinks div {display: none; margin: 0.7em 0;} #commentary section #abstracts div.mainLinks p a {margin-left: 0.7em;} #commentary section a {font-style: normal; font-weight: normal; font-size: 1em;} #commentary section a:visited {color: #a60000;} #commentary section a:hover {border-bottom: 0 none;} #commentary section #abstracts div.mainLinks p {display: inline; margin: 0 1em 0 0; line-height: 1.3em;} #method table {width: 100%; border: 1px dotted #999; font-size: 1em; margin-bottom: 10px;} #method th, #method td {vertical-align: top; padding: 2px 6px; border: 1px dotted #999;} #biblio section ul li, #links section ul li {margin: .3em 0 0 0; list-style-type: disc;} #biblio section ol {margin-left: 4em;} #siteMap section ul {margin-left: 1.35em;} #siteMap a {font-weight: normal} #about cite {font-style: italic;} #about nav cite {font-style: normal;} #about table {width: 360px; margin-bottom: 1.5em; border: 1px dotted #999;} #about table th.key {text-align: left;} #about table th, #about table td {padding: 3px 5px; border: 1px dotted #999; text-align: center;} #about table td[scope] {text-align: left;} footer {overflow: hidden; clear: both; width: 960px; margin: 0 auto 20px; font-size: 1em; color: #BBB;} footer a {color: #FFF; margin: 0 1px; text-decoration: none; font-weight: normal; font-style: normal; font-size: 1em;} footer a:hover {border-bottom: 0 none; color: #FFF;} footer ul {margin: 1em 0 0.5em; list-style-type: none; text-align: center;} footer li {display: inline; margin: 0 .1em;} footer details {display: inline-block; width: 960px; font-size: 0.9em; text-align: center;} @media screen and (min-width: 1200px) { body > div {width: 1160px; background-position: 890px 0;} footer, footer details {width: 1160px;} section {width: 830px;} h1 {width: 890px; background-image: url(../IMG/global/title-wide.png);} h1 a {width: 890px;} #gallery section .imageGroup img {margin-right: 80px;} } @media print { body {font-size: 1.3em; background-image: none;} nav, footer, section img {display: none;} h1 {background-image: none; height: 40px; font-size: 14pt;} hi span {position: static; color: #000;} h1 a {color: #000;} body > div {width: 100%; border: 0 none; background-image: none;} section {position: static; float: none; width: 95%;} }