/* Local DAMTP styles - many nicked from Geography */ /* 'Lines' table style */ table.lines {border-collapse: collapse; /* width: 95%; */} .lines td, .lines th {border-bottom: 1px solid #e9e9e9; padding: 6px 4px 2px; vertical-align: top; text-align: left;} .lines th {font-weight: bold;} /* .lines td:first-child, .lines th:first-child {width: 150px;} */ .lines tr:first-child {border-top: 1px solid #e9e9e9;} .lines td h3 {text-align: left; padding-top: 20px;} .lines p {text-align: left;} .lines td.noline {border-bottom: 0;} table.lines td.value p:first-child {margin-top: 0;} table.lines td.value p:last-child {margin-bottom: 0;} .error {color: red; } /* Images */ img, img.photo {border-color: #aaa;} span.photograph, .stafflist span.photograph {border: 1px dashed #eee; display: block; margin-bottom: 20px;} /* Sidebar */ #sidebar {float: right; width: 20%; margin: 1.2em 0 10px 22px; padding: 0 0 25px 15px; border-left: 1px solid #f0f0f0; background-color: white;} #sidebar * {line-height: 1.5em; text-align: left;} #sidebar p {margin-top: 0;} #sidebar h3 {font-size: 1.55em; padding: 0; margin-bottom: 8px; line-height: 1.2em;} #sidebar > h3:first-child {margin-top: 0;} #sidebar ul {margin-top: 0; margin-left: 10px; padding-left: 7px;} #sidebar li {margin-top: 5px;} #sidebar dl {margin-top: 0;} #sidebar dt {margin-top: 10px; font-weight: normal;} #sidebar dd {margin-top: 0px; text-align: right; font-style: italic;} /* Biography pages */ #sidebar {font-size: 0.87em;} #sidebar ul#contacts {margin-left: 0; padding-left: 0;} #sidebar ul#contacts li { list-style: none;} #sidebar p {margin-top: 1.5em;} #sidebar acronym {border-bottom: 1px dashed #ccc;} // #sidebar img, body.people #sidebar span.photograph, .stafflist span.photograph {width: 100px; height: 120px;} // #sidebar img.larger, body.people #sidebar span.photograph {width: 150px; height: 180px;} #sidebar img {border: 1px solid gray; margin-bottom: 15px;} #sidebar span.photograph, .stafflist span.photograph {border: 1px dashed #eee; display: block; margin-bottom: 20px;} #sidebar {width: 25%;} #sidebar address {font-style: normal; margin-top: 0.2em; margin-bottom: 0.2em;} #sidebar span.address, body.people #sidebar address {display: none;} #sidebar address.addressvisible {display: block;} #sidebar p.jumpto {padding-top: 1em;} /* = Adds GTM research section */ div.resgroup { margin: 3px; padding: 10px; width: 100%; border-top: solid 1px #cccccc; clear: both; } div.resgroup img { clear: none; float: left; float:left; width:150px; margin:0; padding:10px 0 0 0; } div.resgroup h2 { clear: none; margin-top: 5px; padding-top: 0px; } div.resgroup div.resgroupdesc { margin: 0 180px; } div.resgroup div.resgrouplist { float: right; padding: 0; width: 200px; margin: 20px; } div.resgrouplist ul li { list-style: none; } div#banner h2 { min-height: 2.5em; padding: 15px; margin-bottom: 0; } div #banner img { margin-left: auto; margin-right: auto; } div#content-primary p img { float: right; border: 5px solid #dbd7cc; margin-left: 20px; margin-bottom: 1.125em; // display: inline; // clear: right; } div#content-primary p img.left { float: left; border: 5px solid #dbd7cc; margin-right: 20px; margin-left: 0px; margin-bottom: 1.125em; display: inline; } // code to provide quick two-column layout div.twocols { width: 100%; } div.col { width: 50%; float: left; }