#main, #meta-header {
  margin: 0 auto;
}

body {
  background-color: #24282c;
  background-image: url('/~lucidiot/img/bg.gif');
  background-repeat: repeat;
}
#main {
  background-color: #112233;
  border-style: solid;
  border-width: 1px;
  border-color: #0f498c;
  color: white;
  max-width: 800px;
  padding: 10px;
  /* Clearfix */
  overflow: auto;
}
hr {
  border-style: solid;
  border-width: 1px;
  border-color: #0f498c;
}
a {
  color: lightskyblue;
}
a:active {
  color: blue;
}
a:visited {
  color: cornflowerblue;
}
blockquote {
  margin-left: 1em;
  padding-left: .5em;
  border-left-width: 3px;
  border-left-color: cornflowerblue;
  border-left-style: solid;
  font-style: italic;
}
#main img {
  max-width: 100%;
}
table {
  border-collapse: collapse;
}
th, td {
  border-style: solid;
  border-width: 1px;
  border-color: #0f498c;
  padding: 1px 3px;
}
th {
  background-color: #0f498c;
}
figure, figcaption {
  text-align: center;
}
figcaption {
  font-style: italic;
}
figure pre, figure code {
  text-align: left;
}

.todo {
  background-color: #002a54;
  border-color: #0f498c;
  border-style: dashed;
  border-radius: 5px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
}
.todo::before {
  position: absolute;
  right: 5px;
  content: 'TODO';
  color: #6494cc;
  font-size: 80%;
}

#meta-header {
  background-color: black;
  color: white;
  font-family: monospace;
  max-width: 810px;
  padding: 2px 5px 0;
  border-color: white;
  border-radius: 2px;
  border-width: 1px;
  border-style: solid;
  overflow: auto;
}
#meta-header p {
  margin: 0;
}
#meta-header a, #meta-header a:active, #meta-header a:visited {
  color: white;
}
#meta-header-links {
  float: right;
  margin: 0;
  margin-left: auto;
}
#meta-header-links a:not(:hover) {
  text-decoration: none;
}