.topbar {
      height: 2em;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-around;
  }
  .head {
      font-family: "Assistant";
      font-size: 16pt;
      font-weight: 1000;
  }
  .head a:link, .head a:visited {
      color: black;
      text-decoration: none;
  }
  .image {
      background-image: url("background.jpg");
      background-repeat: repeat-x;
      height: 200px
  }
  .image h1 {
      margin: 0;
      padding: 40px 0 0 40px;
      font-family: "Assistant";
      font-weight: 900 !important;
      color: white;
  }
  body {
      margin: 0;
      padding: 0;
  }
  div.content {
      margin: 0 auto;
      max-width: 700px;
      padding-top: 24pt;
      font-family: charter;
      font-size: 13pt;
      line-height: 20pt;
  }

.footer {
    margin-top: 72pt;
  text-align: right;
  background-color: #f5f6f7;
  padding-top: 1pt;
  padding-right: 24pt;
  padding-bottom: 10pt;
  height: 60px;
  color: white;
  background-image: url("background.jpg");
  font-size: 1.3em;
}

table.figure {
    margin-top: 12pt;
}
table.figure p {
    margin-top: 0pt;
    font-style: italic;
}
table.figure img {
    max-width: 100%;
}

h2 {
    margin-top: 48pt;
}

.postlist h2 a {
    color: black;
    text-decoration: none;
}
.postlist h2 {
    margin-bottom: 0;
}
.postlist h2:not(:first-child) {
    margin-top: 42pt;
}
.postlist .listimg {
    float: right;
    width: 45%;
    margin-left: 6pt;
    margin-bottom: 24pt;
}
.postlist .listimg img {
    width: 100%;
}
p.summary {
    margin-bottom: 0pt;
}
.postlist .datetime {
    margin-top: 6pt;
    color: #555;
    font-size: 70%;
}

  h2.similar {
      margin-top: 72pt;
  }
  .similarposts {
      display: flex;
  }
  .simpost {
      flex: 33%;
      margin-right: 12pt;
  }
  .hint {
      color: #AAA;
      font-size: 85%;
  }
  th, td {
  text-align: left;
  vertical-align: top;
}
li {
  margin-top: 12pt;
}
blockquote {
  font-style: italic;
  color: #444;
}
h1.title {
    margin-bottom: 6pt;
}
.dateline {
    margin-top: 0;
    font-size: 80%;
}
.dateline a {
    text-decoration: none;
    font-weight: bold;
}
.from {
    margin-top: 24pt;
    font-weight: bold;
}

dt {
    font-weight: bold;
}

/* custom for index pages */
div.listpost {
    overflow: hidden;
}
div.postlist h3 a {
    text-decoration: none;
    color: black;
}
div.postlist h3 {
    margin-top: 36pt;
}

/* search stuff */
#search, #sbutton {
  font-size: 13pt;
  font-family: charter;
}

/** ======= XMLBUTTON */

a.xmlbutton:link, a.xmlbutton:visited {
  color: FFFFFF;
  background-color: FF6600;
  border-color: FF6600;
  border-style: outset;
  text-decoration: none !important;
  margin: 2em 0em 0em 0em;
  padding: 0em 0.5em 0em 0.5em;
  border-width: 2;
  font-size: 10pt;
  font-weight: bold;
}
a.xmlbutton:hover {
  background-color: FF9900;
}
a.xmlbutton:active {
  border-style: inset !important;
}