/* 4 Jul 2012 by Ulrich Stern */

/* general */
body {
  font: 14px Arial, sans-serif;
  width: 800px;
  margin: 0 auto;
  position: relative;
}
a { color: black; text-decoration: underline; }
div.div { clear: both; }

/* header */
div.hdr { padding-top: 25px; }
.hdr h1 { font: 40px Arial, sans-serif; color: #24355d; margin: 15px 0 10px; }
.hdr p {
  font-size: 18px; font-style: italic; color: #a50; margin: 15px 0 10px;
}
div.hdr > img { float: right; width: 400px; }
.hdr a img { width: 280px; }
.hdr a img:hover { opacity: 0.75; }

/* navigation */
div.nav { padding: 20px 0 16px 0; }
div.nav.sub { display: inline-block; padding: 0 0 10px 0; }
.nav ul { margin: 0; padding: 0; }
.nav li {
  font: bold 14px Arial, sans-serif;
  margin: 5px 12px 0 0; padding: 3px 7px;
  border: 1px solid #aaa; border-radius: 4px 4px 0 0;
  border-bottom-style: none;
  float: left; list-style-type: none;
}
.nav li:last-of-type { margin-right: 0; }
.nav li.sel { background-color: #24355d; border-color: #333; }
.nav.sub li.sel { background-color: #333; border-color: #111; }
.nav a { text-decoration: none }
.nav li a { color: #24355d; }
.nav.sub li a { color: #333; }
.nav li a:hover { color: #486aba; }
.nav.sub li a:hover { color: #666; }
.nav li.sel a { color: white; }
.nav li.sel a:hover { color: #ccc; }
.nav .endnav { clear: both; border-bottom: 1px solid #24355d; }

/* research */
.res b.b { color: #a50; }
.res .list p { float: left; margin-top: 10px; }
.res .list p + p { margin-left: 9px; }
.res .list iframe, .res .list img { margin-bottom: 5px; }
.res .list .lm, .res .list .lm2, .res .list .lf { float: left; }
.res .list .lm { width: 304px; }
.res .list .lm2 { width: 260px; }
.res .list .lf { width: 170px; }

/* people */
.peo p { text-align: center; }
.peo p.hdr {
  border-bottom: 1px solid #24355d; padding-top: 20px;
}
.peo div.list { width: 800px; text-align: center; }
.peo div.pi { margin-top: 10px; }
.peo .list p { float: left; width: 200px; margin: 5px 0 0; }
.peo p img { margin-bottom: 5px; }
.peo .pi p img { margin-top: 8px; }
.peo .list img { height: 110px; }
.peo p a { font-size: 12px; }
.peo p a[href^="mailto"] { text-decoration: none; }
.peo p a:hover { background-color: #ddd; }
.peo div.alum { margin-bottom: 20px; }
.peo div.alum p { text-align: left; font-weight: bold; margin: 20px 0 10px; }
.peo div.alum ul { list-style-type: none; padding: 0; margin: 0; }
.peo div.alum li { margin-left: 20px; }

/* publications */
.pub div.list { margin-bottom: 12px; }
.pub a[href]:hover { background-color: #ddd; }
.pub .list a:not(.ul) { font-weight: bold; text-decoration: none; }
.pub .list b { color: #a50; font-style: italic; }
.pub p.sub { margin: -10px 0 0 20px; }
.pub div.earl { margin: 26px 0 12px 0; }
.pub div.earl b { font-style: normal; color: #486aba; }

/* software, hardware, videos */
.sw a:hover, .hw a:hover, .vid a:hover { background-color: #ddd; }
.sw a, .hw a, .vid a { font-weight: bold; text-decoration: none; }
.sw b, .hw b, .vid b { display: table-cell; font-weight: normal; }
.sw b:first-child { width: 160px; }
.hw b:first-child { width: 280px; }
.vid b:first-child { width: 160px; }

/* positions */

/* contact */
.con .add p { float: left; }
.con .add p + p { padding-left: 200px; }
.con .add small {
  font-size: 12px; color: #555; float: left; width: 45px; padding-top: 1px;
}
.con .add a:hover { background-color: #ddd; }
.con .map { clear: both; text-align: center; padding: 20px 0 0 0; }