a:link { color: #bd4e20; text-decoration: none; }
a:visited { color: #bd4e20; text-decoration: none; }
a:focus { color: #ff0000; text-decoration:underline; }
a:hover { color: #ff0000; text-decoration:underline; }
a:active { color: #ff0000; text-decoration:underline; }

body {
  background-color: #888888;
  font-family: sans-serif;
  padding: 2em;
}

span.italic {
  font-style: italic;
}

span.strong {
  font-weight: bold;
}

pre.bib {
  margin-left: 2em;
}

div.code {
  margin: 0.5em;
  padding: 0.5em;
  padding-left: 2em; 
  background-color: #e5e5e5;
  border-radius: 5px;
}

div.update {
  padding-top: 2em;
  font-size: small;
  color:gray;
  text-align: right;
}

#content {
  width: 40em;
  margin-left: auto;
  margin-right: auto;
  padding: 2em;
  background-color: #ffffff;
  border: 1px solid #6d6d6d;
  text-align: justify;
  box-shadow: 10px 10px 20px #555555;
}

#header {
  font-size: small;
}

#header span {
  padding-right: 1em;
}

#me {
  margin-top: 2em;
  margin-bottom: 5em;
}

#picture {
  float: left;
  width: 230px;
  box-shadow: 5px 5px 10px #aaaaaa;
}

#info {
  margin-left: 250px;
  padding: 1em;
  border: 1px solid #6d6d6d;
  box-shadow: 5px 5px 10px #aaaaaa;
}

#info h1 {
  padding-bottom: 1ex;
}

#contact {
  font-size: small;
}

#contact td {
  vertical-align: top;
  padding-right: 1ex;
  padding-bottom: 0.5ex;
}

#aboutme {
  clear: both;
}

div.list {
  margin-top: 1.5em;
  padding-top: 1.5em;
  border-top: 1px solid #cccccc;
}

div.list li {
  margin-bottom: 1em;
}