a:link {
  text-decoration: none;
  font-weight: bold;
  color: gray;
}

a:visited {
  text-decoration: none;
  font-weight: bold;
  color: black;
}

a:hover {
  text-decoration: underline;
  font-weight: bold;
}

a:active {
  text-decoration: none;
  font-weight: bold;
  color: #00f;
}

body {
  margin-top: -25px;
}

div#red {
  margin: 0 auto 0 auto;
  width: 500px;
  border-left: 10px solid #631111;
  padding-left: 7px;
}

div#yellow{
  border-left: 7px solid #B3AD4B;
  padding-left: 11px;
}

div#green{
  border-left: 10px solid #375C27;
  padding-left: 7px;
}

div#blue{
  border-left: 12px solid #31354F;
  padding-left: 10px;
}

div#violet{
  border-left: 10px solid #37213B;
  padding-left: 25px;
}

p {
  font: .7em Verdana, sans-serif;
  line-height: 2em;
}

p.title {
  font-size: 2em;
  border-bottom: 1px solid black;
}

p.smtitle {
  font-size: 1.5em;
}

p.c {
  font-size: .8em;
  clear: both;
  text-align: center;
}

p.date {
  padding-top: 2em;
  font: 1.5em Georgia, serif;
  text-align: right;
}

p.copy {
  text-align: center;
  padding-top: 20em;
  padding-bottom: 5em;
}

p.nav {
  text-align: center;
  padding-top: 5em;
  padding-bottom: 5em;
}

p.month {
  text-align: center;
  padding-top: 5em;
}

img {
  width: 400px;
  padding: 5px;
  border: 1px solid black;
  background: white;
  margin-bottom: 3px;
}