html, body {
  height: 100%;
}

body {
  font-family: sans-serif;
  margin: 0;
}
body.normal {
  background: #626461;
  color: #000;
}
body.popup {
  background: #fff;
  color: #000;
  font-size: smaller;
}

a:link, a.updated {
  color: #090;
}
a:hover {
  color: #f60;
  text-decoration: underline;
}

a img {
  border: none;
}

p.warning {
  color: #900;
}

div#wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  border-left: 1px solid #090;
  border-right: 1px solid #090;
  max-width: 600px;
  margin: 0 auto;
}

div#body {
  background: #fff;
  padding: 10px 20px;
  z-index: 1;
  flex: 1;
}
div#body div.date {
 font-weight: bold;
 margin-top: 1em;
}
div#body div.time {
 color: #999;
}
div#body div.entry {
 margin-left: 2em;
}
div#body table div.entry {
 margin-left: 0px;
}
div#body div.disfavored a {
 color: #ccc;
}
div#body div.order {
 float: left;
 text-align: right;
 font-size: smaller;
 color: #999;
 width: 1.8em;
}
div#body div.news span.title {
 font-weight: bold;
}

div#body form {
  padding: 0px;
  margin: 0px;
}

body.popup div#body {
 width: auto;
 border: none;
}
body.popup div#body ul#header {
  padding: 4px;
  margin: 0px;
}
body.popup div#body ul#header li {
  display: inline;
  list-style-type: none;
}
body.popup div#body ul#header li:before {
  content: "\2022 \0020";
}
body.popup div#body ul#header li.first:before {
  content: "";
}
div.tinynews span.date {
  color: #999;
}

div#nav {
  background: #ecf0e8;
  padding: 20px 10px;
  z-index: 2;
  border-bottom: 1px solid #090;
}
div#nav h1 {
  text-align: center;
}
div#nav p#stats {
  text-align: center;
  color: #666;
}
div#nav ul#general {
  padding: 0px;
  margin: 0px;
  text-align: center;
}
div#nav ul#general li {
  display: inline;
  list-style-type: none;
}
div#nav ul#general li:before {
  content: "\2022 \0020";
}
div#nav ul#general li.f:before {
  content: "";
}
/* this fieldset only exists for xhtml-strict compliance */
div#nav form#search fieldset {
  border: none;
  padding: 0px;
  margin: 0px;
}
div#nav form#login fieldset {
  border: 1px solid #090;
  background: #fff;
}
div#nav div#controls {
  border: 1px solid #090;
  padding: 5px;
  margin-bottom: 10px;
}
div#nav div#news h2 {
  font-size: larger;
  margin: 0px;
}
div#nav div#news p {
  margin: 0px;
}
div#nav div#news span.date {
  color: #666;
}
div#nav div#news a.more {
  float: right;
}
div#nav ul#legend {
 float: right;
 padding: 4px;
 border: 1px solid #090;
 margin: 4px;
 width: 200px;
}
div#nav ul#legend li {
  list-style-type: none;
}

form#search {
  text-align: center;
  margin: 12px 0;
}

div#footer {
  text-align: center;
  background: #ecf0e8;
  border-top: 1px solid #090;
  border-bottom: 1px solid #090;

  font-size: smaller;
  padding: 20px;

  z-index: 2;
}
div#footer ul {
 padding: 0px;
 margin: 0px;
 margin-bottom: 0px;
}
div#footer li {
  display: inline;
  list-style-type: none;
}
div#footer li:before {
  content: "\2022 \0020";
}
div#footer li.f:before {
  content: "";
}

div#ad {
  background: #fff;
  border: 1px solid #37699b;
  border-left: none;

  position: absolute;
  top: 45px;
  left: 700px;
  width: 170px;
  w\idth: 160px;
  padding: 20px 5px;
  z-index: 1;
}

img.topcorn {
  position: absolute;
  top: -1px;
  right: -2px;
}
div>img.topcorn {
  right: -1px;
}
img.botcorn {
  position: absolute;
  bottom: -2px;
  right: -2px;
}
div>img.botcorn {
  bottom: -1px;
  right: -1px;
}

div#ad img.topcorn {
  top: -1px;
  right: -1px;
}
div#ad img.botcorn {
  bottom: -1px;
  right: -1px;
}

#more-data {
  margin-top: 40px;
}

@media only screen and (max-width: 600px) {
  div#wrapper {
    border: none;
  }
}