body { font-family: "Avenir Next", Avenir, "Helvetica Neue", sans-serif; line-height: 1.6; margin: 0; padding: 0; }

audio { width: 100%; display: block; }

ul, ol { padding-left: 0; }

a { color: #610fdd; text-decoration: none; }

img { max-width: 100%; height: auto; }

.content { max-width: 500px; margin: 5% auto; padding: 0 5%; }

.title { margin-bottom: 0; font-size: 1.2em; }
.title a { color: #000; }

.subtitle { margin: 0; line-height: 1.2; }

.nav { padding-left: 0; list-style: none; font-weight: bold; }
.nav li { display: inline; margin-right: 1em; white-space: nowrap; }

.cover-art { max-width: 500px; margin: 0 auto; }
@media only screen and (min-width: 500px) { .cover-art img { border-radius: 3px; } }

.post { margin-top: 5%; margin-bottom: 5%; padding-bottom: 5%; }

.posttitle { margin-bottom: 0.3em; line-height: 1.2; font-size: 1.2em; }

.metadata { margin-top: 0; text-transform: uppercase; font-size: 0.75em; letter-spacing: 0.05em; color: #666; }
.metadata a { color: inherit; }