body {
  font-family: "Andale Mono", "Lucida Console", monospace;
  font-size: 10pt;
}

div#outer {
  margin: 0 0 0 35px;
  width: 800px;
}

header {
  border-bottom: 0.2em solid #000;
  padding: 30px 0 10px 0;
  overflow: auto;
}

h1#title {
  font-family: Impact, Charcoal, sans-serif;
  font-size: 5em;
}

div#menu {
  padding: 10px 0 0 4px;
}

div#menu a, footer a {
  text-decoration: underline;
  color: #000;
}

div#menu a:hover, footer a:hover {
  text-decoration: none;
}

div#header-left {
  float: left;
  width: 82%;
}

div#header-right {
  float: left;
  width: 18%;
  text-align: right;
}

div#header-right img {
  margin-right: 3%;
  margin-top: 10%;
  border: 1px solid black;
}

div#me a, div#peruse a, div#photos a, div#resume a, div#undertakings a, div#contributions ol a, div#projects a {
  background-color: #AFEEEE;
  color: #000;
  padding: 1px;
  text-decoration: none;
}

div#me a:hover, div#peruse a:hover, div#photos a:hover, div#resume a:hover, div#undertakings a:hover, div#contributions ol a:hover, div#projects a:hover {
  background-color: #FF69B4;
}

div#contributions h3, div#projects h3 {
  font-size: 2em;
}

div#contributions h3 a, div#projects h3 a {
  color: #FFF;
  background-color: #000;
}

div#contributions h3 a:hover, div#projects h3 a:hover {
  color: #000;
  background-color: #FFF;
}

div#contributions ol {
  margin: 8px 0 8px 4px;
}

div#contributions ol li {
  padding: 4px 0;
}


section#content {
  padding: 10px 0 10px 4px;
  overflow: auto;
}

section#content h2 {
  padding: 8px 0;
  font-size: 1.5em;
  text-decoration: underline;
}

section#content p {
  padding: 0 0 4px 4px;
}

section#content div#projects p {
  padding: 8px 0 8px 4px;
}

p#ci-blurb {
  border-top: 1px solid black;
}

div#me {
  font-size: 1.8em;
  line-height: 1.3em;
}

div#profile-links {
  padding-bottom: 10px;
}

div#profile-links li {
  padding: 2px 0 2px 0;
}

div#resume h3 {
  padding: 8px 0 0 0;
  margin-bottom: 4px;
  font-size: 1em;
  font-style: italic;
  text-align: right;
  border-bottom: 1px solid #000;
}

div#peruse ul, div#resume ul {
  padding-left: 4px;
  }

div#peruse li, div#resume li {
  padding: 4px 0;
}

p#text-plain-resume {
  text-align:right;
}

div#photostream img {
  margin: 4px;
  border: 1px solid black;
  height: 111px;
}

div#photostream img#latestphoto {
  float: left;
  margin: 4px;
  border: 1px solid black;
  height: 234px;
}

div#four-oh-four h2 {
  text-decoration: none;
  font-size: 2em;
  color: #F08080;
}

footer {
  border-top: 0.2em solid #000;
  padding: 10px 0 10px 0;
  text-align: right;
}

.italic {
  font-style: italic;
}

.definition {
  font-size: 0.9em;
}