body {
  background: #E0E0F0
}

blockquote {
  border-left: 0.3em solid #808090;
  padding-left: 0.3em
}

div.contactinfo {
  margin-top: 1em;
  clear: both;
}

#sidebar {
  display: block;
  float: right;
  line-height: 3ex;
  width: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 0px;
  margin-right: 0px;
  padding: 0px;
}

#sidebar * {
  color: #FFFFFF
}

#sidebar :link {
  color: aqua;
  text-decoration: none;
}

#sidebar :visited {
  color: #ffe0e0;
  text-decoration: none;
}

#sidebar ul {
  display: block;
  background: #A0A0B0;
  margin: 0px;
  padding: 0px;
  border: thin dashed black;
}

#sidebar li {
  display: block;
  position: relative; /* Needed to establish a containing block (gross). */
  padding: 2px;
}

#sidebar li > .selflink {
  display: block;
  background: #B0B0C0;
}

#sidebar li > a {
  display: block;
}

#sidebar li > a:hover {
  background: #a0a0c0;
  color: black;
}

#sidebar li > ul {
  position: absolute;
  top: 0%;
  right: 100%;
  display: none;
}

#sidebar li:hover > ul {
  display: inline;
}

#sidebar li:hover > ul li {
  display: block;
}

#content table {
  border: thin solid black;
  margin-left: 1em;
  margin-right: 1em;
  margin-top: 2ex;
  margin-bottom: 2ex;
  padding-left: 1em;
  padding-right: 1em;
  padding-top: 1ex;
  padding-bottom: 1ex;

  border-collapse: collapse;
}

#content table thead tr {
  border-bottom: medium solid black;
  background: #EEEEEE
}

#content table tr {
  border-bottom: thin solid black;
}

#content table.projects tr.active {
  background: #E0FFE0;
}

#content table.projects tr.dormant {
  background: #D0D0F0;
}

#content table.projects tr.unmaintained {
  background: #D0D0D0;
}

#content table td {
  padding-left: 0.5em;
  padding-right: 0.5em;
}


/* Styling for HTML generated from my resume. */
.resume-contactinfo {
  clear: both;
  margin-bottom: 1em;
}

#content .resume-contactinfo table, #content .resume-affiliation table {
  border: none;
  border-collapse: none;
  margin-left: 0;
  margin-right: 0;
  margin-top: 1ex;
  margin-bottom: 1ex;
}

#content .resume-contactinfo table tr, #content .resume-affiliation table tr {
  border-bottom: thin solid black;
}

.resume-contactinfo td, #content .resume-affiliation td {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 2px; /* To put some space between this and the hrule below. */
}

.resume-affiliation {
  margin-top: 2em;
}

.resume-affiliation table {
  border-spacing: 0;
}

.resume-affiliation td {
  padding: 0;
  vertical-align: baseline;
}

.resume-phone {
  display: block;
  text-align: left;
}

.resume-contactinfo td {
  vertical-align: baseline;
}

.resume-webpage {
  display: block;
  text-align: right;
}

.resume-institution {
  display: block;
  text-align: left;
  font-weight: bold;
}

.resume-dates {
  display: block;
  text-align: right;
  font-style: italic;
}

.resume-role {
  font-weight: bold;
}
