div#content { margin: 0pt auto;  width: 53.85%; }

.header { font-family: sans-serif; font-size: x-large; font-weight: bold; }
.text { font-family: sans-serif; }
.list { margin: 0pt auto; font-family: monospace; width: 84.61%; text-align: justify;}

div.buzzwords .header { font-size: medium; font-weight: bold;}

div#nav {
  font-family: sans-serif;
  font-weight: bold;
  text-align: right;
  width: 140px;
  float: left;
  position: fixed;
  top: 108px;
  left: 7.69%;
  opacity: 1; }

div#nav a {
  display: block;
  text-decoration: none;
  color: rgb(128, 0, 160);
  padding-right: 12px;}

div#nav a:hover {
  background-color: rgb(196, 0, 255);
  color: white;
  padding-right: 12px;}

div#who {
  display: block;
  width: 100%;
  height: 7ex;
  margin: 0pt auto;
  font-family: sans-serif;
  font-size: large; }

div#who div#name { font-family: sans-serif; font-size: xx-large; font-weight: bold;}
div#who dl {
  width: 19em;
  padding-left: 0.5em;
  border: ridge;
  font-weight: normal;
  position: relative;
  float: right;
/*  right: -30.77%;*/
  right: -38.46%;
  margin-top: -66px;}

div#who dt { font-size: medium; font-weight: bold;}
div#who dd {
  position: relative;
  font-family: monospace;
  font-size: x-large;
  margin-top: -1.08em;
  left: 2em; }

div#accomplishments { margin: 0pt auto; font-family: sans-serif; width: 92.31%;}
div#accomplishments p.header { font-style: italic; font-weight: normal; font-size: large;}
div#accomplishments a { text-decoration: none; font-weight: bold;}
div#accomplishments dd { position: relative; top: -1.3em;}

div.calendar { margin: 0pt auto; display: table; table-layout: fixed; font-family: sans-serif; width: 100%;}
p.activity { margin: 6px; display: table-row;}
span.where { display: table-cell; font-weight: bold; width: 4em;}
span.where a { text-decoration: none;}
span.what { display: table-cell; width: 31em;}
span.when { display: table-cell; text-align: right;}