/* ------------------------------------------------------------------ *
 *  Retro academic stylesheet — Daniel Gerst                          *
 *  Deliberately plain, ~2003 personal-homepage look. Light only.     *
 * ------------------------------------------------------------------ */

body {
  margin: 2% 8%;
  background: #ffffff;
  color: #000000;
  font-family: "Times New Roman", Times, serif;
  font-size: 17px;
  line-height: 1.5;
}

h1, h2, h3, h4 {
  font-family: "Times New Roman", Times, serif;
  color: darkblue;
  margin: 0.4em 0 0.3em;
}
h1 { font-size: 30px; margin-top: 0; }
h2 { font-size: 22px; }
h3 {
  font-size: 19px;
  font-weight: bold;
  background: #dceef1;
  color: darkblue;
  /* Bleed into the side margins so the heading TEXT lines up with body text,
     and keep the bar hugging the text instead of towering over it. */
  margin: 1.3em -7px 0.55em;
  padding: 3px 7px;
  line-height: 1.25;
}
h4 { font-size: 13px; }

a         { color: blue;    text-decoration: none; }
a:visited { color: #990099; }
a:hover   { color: red;     text-decoration: underline; }
a:active  { color: green; }

hr {
  border: none;
  border-top: 3px solid #000000;
  margin: 14px 0;
}

/* Header block */
.photo {
  float: left;
  width: 200px;
  height: 200px;
  object-fit: cover;
  margin: 0 20px 12px 0;
  border: 1px solid #999999;
}
.title    { font-size: 20px; font-weight: bold; }
.subtle   { color: #555555; font-size: 14px; }
.clear    { clear: both; }

/* Top navigator — plain hyperlinks */
.topnav {
  font-size: 16px;
  margin: 6px 0;
}
.topnav a { margin: 0 2px; }
.topnav .sep { color: #999999; margin: 0 4px; }

/* Content */
p, .desc { margin: 0.5em 0; }
.entry   { margin: 0.4em 0 1.1em; }
.entry .role { font-weight: bold; color: #003366; }
.entry .meta { color: #555555; font-size: 15px; }

/* Plain skill/keyword lists — bracketed, monospace-free */
.kw { color: #333333; }
.kw b { color: #000000; }

/* Project thumbnails link straight to the full image (no JS modal) */
.thumbs { margin: 8px 0; }
.thumbs a { margin-right: 10px; }
.thumbs img {
  height: 120px;
  border: 1px solid #999999;
  vertical-align: top;
}

ul { margin: 0.4em 0 0.8em 1.4em; }
li { margin: 0.2em 0; }

footer {
  margin-top: 10px;
  color: #777777;
  font-size: 13px;
}