body {
  background: #151515;
  color: #ccc;
  max-width: 850px;
  margin: auto;
  padding: 0 16px;
  margin-bottom: 550px;
  font-family: sans-serif;
}

/*main {
  max-width: 800px;
  margin: auto;
}*/

a {
  color: green;
  text-decoration: none;
}

a:hover {
  color: #50916a;
  text-decoration: underline;
}

img {
  max-width: 90%;
  max-height: 400px;
  margin: auto;
  display: block;
}

h1 {
  border-style: solid;
  border-width: 0px 0px 2px 0px;
  text-align: center;
}

h2 {
  text-align: center;
  color: #ccc;
}

footer {
  text-align: center;
  border-style: solid;
  border-width: 2px 0px 0px 0px;
  padding: 1em;
}

/* For TAGLIST.HTML */
.taglist {
  text-align: center;
  margin-bottom: 2em;
  margin-top: 2em;
}

/* For NEXTPREV.HTML */
#nextprev {
  /* The container for both the previous and next articles. */
}
#prevart {
  float: left;
  text-align: left;
}
#nextart {
  float: right;
  text-align: right;
}
#nextart,
#prevart {
  max-width: 33%;
}

#tagcloud {
  list-style: none;
  text-align: center;
  padding: 0;
}

#tagcloud li {
  display: inline-block;
}

#tagcloud a {
  margin: 0.1em 0.25em;
}

#artlist {
  font-size: large;
}

#artlist li {
  padding: 0.25em;
}

.older-article {
  display: none;
}

.hidden {
  display: none !important;
}