#content { margin: 2em auto; max-width: 35em; }
h1.title { display: none; }
#postamble, #preamble { display: none; }

#content > p { font-size: 22px; margin: 0; }
.portrait { height: 9em; border-radius: 6em; }

div.figure { margin: -1.5em 1em 0 0; }
@media screen and (min-width: 500px) { div.figure { float: left; } }

div.outline-2 h2 { border-bottom: 1px solid #aaa; }

/* Links bar */
#content > ul {
    overflow-y: auto; border-top: 1px solid gray;
    margin: .5ex 0 1.5rem; padding: 0;
}
#content > ul li {
    font-size: 24px; margin: .5rem 1.5rem 0 0; list-style: none;
    float: left;
}

li { margin: .25em 0; }

/* Jobs */

.jobs {
    padding: 20px; margin: 2em 0 .5em; clear: both;
    background-color: #ce5c00; color: #eeeeec; font-size: 130%;
}
#content > .jobs ~ p { margin: 0 0 .5em 0; }
.jobs a {color: #fce96f; }
.jobs a:last-child { float: right; }

@media screen and (max-width: 680) { 
    .jobs { font-size: 100%; }
    .jobs a:last-child { float: none; }
}