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: -35px;
  color: #333;
}

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

#shoot div#red {
  margin: 0 auto 0 auto;
  width: 740px;
  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,li {
  font: 1em Verdana, sans-serif;
  line-height: 2em;
}

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

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

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

div.image {
  clear: both;
}

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

p.caption {
  color: #333;
  font-size: .8em;
  text-align: center;
  padding: 10px 0;
}

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;
}

div.quotation {
   background-color: #eee;
   border: 1px solid black;
   color: #111;
   padding: 15px;
   margin: 30px;
}

p.attribution {
   text-align: right;
   font-size: 1em;
   margin: 0 0 10px 0;
}

img {
  width: 534px;
  padding: 5px;
  border: 1px solid black;
  background: white;
  margin: 30px;
}

img.e {
  width: 640px;
  height: 427px;
}

img.s {
  width: 640px;
  height: 640px;
}

img.v {
  width: 640px;
  height: 960px;
}
