html {
    background-color: #111;
    color: #eee;
    font-family: Monospace;
    line-height: 175%;
}

nav {
    font-size: 14px;
}

main {
    font-size: 12px;
    max-width: 760px;
    padding: 0 10%;
    margin: 0 auto;
}

/* Paragraphs of main content */
article p {
    text-align: justify;
    font-size: 12px;
}

article .quote {
    padding: 2% 5%;
    font-style: italic;
}

article .quote em {
    font-style: normal;
}

article .quote-name {
    text-align: right;
    padding-right: 5%;
    font-variant: small-caps;
    font-size: 12px;
    font-style: normal;
}

article .quote-name sup {
  margin-left: 1px;
}

h1 {
    font-size: 24px;
}

h2 {
    font-size: 18px;
}

h3 {
    font-size: 16px;
}

h4 {
    font-size: 14px;
}

h1, h2, h3, h4 {
    margin: 10px 0 10px 0;
}

p+h2, img+h2 {
    margin-top: 32px;
}

p+h3, img+h3 {
    margin-top: 28px;
}

p+h4, img+h4 {
    margin-top: 20px;
}


footer {
}

a {
  color: #be955c;
}

a:visited {
  color: #9a4f50;
}

img.main {
  width: 90%;
  margin: auto;
  display: block;
}

img.right {
  max-width: 50%;
  float: right;
  padding: 1em 1.2em;
}

img.contact-card {
  border-radius: 50%;
}

.author {
    text-align: right;
    padding-right: 5%;
    font-variant: small-caps;
    font-size: 12px;
    font-style: italic;
}

.place,
.date,
.signature {
    text-align: right;
    padding-right: 5%;
    font-size: 10px;
    font-style: italic;
}

hr {
  background-color: #aaa;
}

/* Comment section */

h4.isso-thread-heading,
.isso-author,
.isso-permalink {
    color: #2386c2 !important;
}

.isso-input-wrapper {
    margin-right: 8px !important;
}

.isso-input-wrapper input,
textarea.isso-textarea {
    background-color: #111 !important;
    color: #eee !important;
    border: 1px solid #aaa !important;
}


.isso-input-wrapper input:focus,
textarea.isso-textarea:focus {
    outline: 2px solid #be955c !important;
}

.isso-preview {
    color: #eee !important;
    background: repeating-linear-gradient( -45deg, #181818, #181818 10px, #111 10px, #111 20px ) !important;
}