/* Writing After the Disaster — matched to the live Tumblr theme. */

html { background: #fff; }
body {
  font-family: "Computer Modern Serif", Georgia, "Times New Roman", serif;
  font-size: 19px;
  line-height: 1.5;
  color: #111;
  background: #fff;
  width: 540px;
  max-width: 90%;
  margin: 60px auto;
  text-align: justify;
  hyphens: auto;
  -webkit-hyphens: auto;
}
a { color: #111; }
a:hover { color: #555; }
img { display: block; max-width: 100%; height: auto; margin: 8px auto; }
p { margin: 0 0 1.5em; }
blockquote { margin: 1em 0 1em 10px; padding-left: 15px; border-left: 4px solid #dcdcdc; }

h1 { font-size: 1.55em; font-weight: 700; line-height: 1.3; margin: 1.3em 0 .7em; text-align: left; }
h2 { font-size: 1.25em; font-weight: 700; line-height: 1.3; margin: 1.2em 0 .6em; text-align: left; }

.caption { margin-top: 16px; font-size: 1em; }
.caption > :first-child { margin-top: 0; }
.caption > :last-child { margin-bottom: 0; }

.missing-image { background: #f5f5f5; border: 1px dashed #ccc; color: #999; font-style: italic;
  text-align: center; padding: 40px 10px; margin: 8px 0; }
.recovered-note { color: #999; font-style: italic; }
audio { width: 100%; }

.tag { color: #999; text-decoration: none; margin-right: 10px; }
.tag:hover { color: #111; }

#topnav { margin-bottom: 40px; font-size: .78em; text-align: left; letter-spacing: .04em; }
#topnav a { color: #999; text-decoration: none; text-transform: uppercase; }
#topnav a:hover { color: #111; }
#postnav { margin-top: 34px; font-size: .82em; text-align: left; }
#postnav a { color: #999; margin-right: 16px; }

#footer { margin-top: 26px; font-size: .8em; color: #888; text-align: left; }
#footer #timestamp { margin-right: 12px; }

#masthead { margin-bottom: 50px; }
#masthead h1 { font-size: 1.55em; font-weight: 700; line-height: 1.25; margin: 0 0 12px; text-align: left; }
.tagline { margin: 0 0 18px; }
.stats { font-size: .8em; color: #888; margin: 0 0 22px; text-align: left; }
#filter { width: 100%; box-sizing: border-box; padding: 9px 11px; font-family: inherit;
  font-size: .9em; border: 1px solid #ccc; background: #fff; color: #111; }
#tagcloud { font-size: .8em; line-height: 1.9; margin-top: 14px; text-align: left; }
#tagcloud.collapsed { max-height: 0; overflow: hidden; margin-top: 0; }
#tagcloud a { color: #999; text-decoration: none; margin-right: 9px; }
#tagcloud a:hover { color: #111; }
#tagcloud sup { color: #c4c4c4; }
#tagtoggle { background: none; border: 0; color: #999; cursor: pointer; padding: 8px 0;
  font-family: inherit; font-size: .78em; text-transform: uppercase; letter-spacing: .04em; }

#posts { list-style: none; padding: 0; margin: 0; }
.entry { padding: 34px 0; border-bottom: 1px solid #ececec; }
.entry:first-child { padding-top: 0; }
.post-content iframe { max-width: 100%; }
.post-content > :first-child { margin-top: 0; }
.post-content > :last-child { margin-bottom: 0; }
.entry-footer { margin-top: 18px; font-size: .8em; color: #888; text-align: left; }
.entry-footer .permalink { color: #888; text-decoration: none; margin-right: 12px; }
.entry-footer .permalink:hover { color: #111; }
.entry-footer .tags { display: inline; }

.badge { display: inline-block; margin-left: 8px; padding: 1px 7px; border-radius: 3px; font-size: .82em; }
.badge.media { background: #eef3f7; color: #5b7a93; }
.badge.wayback { background: #f7f0ee; color: #93685b; }

#sitefooter { margin: 54px 0 20px; font-size: .8em; color: #aaa; border-top: 1px solid #ccc;
  padding-top: 14px; text-align: left; }