/* Global resets */
* {
  margin: 0;
  padding: 0; }

h1, h2, h3, h4, h5 {
  padding: 8px 0px 2px 0px;
  color: black;
  font-family: "Cantarell", arial, serif;
  font-weight: bold; }
  h1 a, h2 a, h3 a, h4 a, h5 a {
    text-decoration: none;
    color: black; }

body {
  font-family: "Vollkorn", arial, serif;
  font-size: 18px;
  padding: 20px; }

pre, code {
  font-family: "Inconsolata", arial, serif;
  background-color: #ffffcc; }

pre {
  margin: 10px -20px;
  padding: 10px 30px; }

img {
  max-width: 700px;
  max-height: 500px;
  border: black solid 4px;
  margin: 8px; }

p {
  margin: 10px 0px; }

#wrapper {
  margin: 20px; }

#nav {
  width: 650px;
  margin-left: auto;
  margin-right: auto; }
  #nav ul {
    list-style: none;
    text-align: center; }
    #nav ul li {
      display: inline;
      padding-right: 20px; }
      #nav ul li a {
        color: black;
        font-size: 300%;
        text-transform: lowercase;
        font-family: "Cantarell", arial, serif;
        font-weight: bold;
        text-decoration: none; }

.image_with_caption {
  padding: 5px;
  background-color: #eeeeee;
  max-width: 510;
  margin: 10px; }
  .image_with_caption img {
    border: solid 2px black;
    background-color: white;
    display: block; }
  .image_with_caption p {
    width: 500; }

td, th {
  padding: 5px; }

.image_with_caption_no_maxes {
  padding: 5px;
  background-color: #eeeeee;
  margin: 10px; }
  .image_with_caption_no_maxes img {
    border: solid 2px black;
    background-color: white; }

.on_the_right {
  float: right; }

.on_the_left {
  float: left; }

.related ul {
  margin: 10px 10px 40px 40px; }
  .related ul li {
    margin: 8px 0px; }
.related .date {
  margin-right: 8px; }

.sidebar {
  width: 50%;
  background-color: #eeeeff;
  margin: 10px 15px;
  padding: 10px; }
  .sidebar pre {
    background-color: white;
    margin: 10px 0px; }