#wrapper {
  font-family: 'Charter', 'Times New Roman', serif;
}

#header > h1 {
  padding-bottom: 10px;
}

.content {
  font-size: 1.1rem;
  line-height: 1.5rem;
}

.content h3 {
  font-size: 1.6rem;
}

#main.post-article {
  max-width: 768px;
}

.wider-line p { /* wider lines for blog posts */
  line-height: 1.8rem;
}

div#profile {
  width: 75%;
}

img#profile-image {
  border-radius: 50%;
  float: right;
  margin-top: -50px;
}

hr {
  border: 1px #ddd dashed;
  margin: 20px 0 8px 0;
}

ul.list-items li:not(:last-child) {
  padding: 0 0 8px 0;
}

ol.list-items li:not(:last-child) {
  padding: 0 0 8px 0;
}

li.nostyle {
  list-style: none;
  padding-left: 1.2rem;
  background-size: 0.7rem;
  background-repeat: no-repeat;
  background-position: 0 0.46rem;
}

li.icon-briefcase { background-image: url(/svg/briefcase.svg) }
li.icon-badge { background-image: url(/svg/badge.svg) }
li.icon-chat { background-image: url(/svg/double-quote-serif-right.svg) }
li.icon-code { background-image: url(/svg/terminal.svg) }
li.icon-file { background-image: url(/svg/file.svg) }
li.icon-location { background-image: url(/svg/location.svg) }
li.icon-mail { background-image: url(/svg/envelope-closed.svg) }
li.icon-misc { background-image: url(/svg/grid-three-up.svg) }
li.icon-music { background-image: url(/svg/musical-note.svg) }
li.icon-people { background-image: url(/svg/people.svg) }
li.icon-person { background-image: url(/svg/person.svg) }
li.icon-study { background-image: url(/svg/pencil.svg) }

span.stress-author {
  font-weight: 600;
  text-decoration: underline;
}

span.stress-note {
  font-weight: 600;
  color: #CC0000;
}

.footnotes {
  font-size: small;
}

figure {
  text-align: center;
}

.content figcaption > h4 {
  text-align: center;
  font-size: 0.8rem;
  font-weight: 100;
  padding-bottom: 10px;
}

details > summary {
  cursor: pointer;
  margin-bottom: 10px;
  /* text-decoration: underline; */
}

details > summary:hover {
  color: #666;
}

.center {
  text-align: center;
}

.hidden { color: white }
.hidden > a { color: white }

div.note-box {
  background-color: #ccece6;
  padding: 12px 1rem 12px 1rem;
}