body {
  font-family: Verdana,sans-serif;
  font-size: 10pt;
  margin: 0;
  padding: 8px 16px;
  width: 748px;
}

h1 {
  font-size: 1.4em;
  padding: 0;
  margin: 0;
}

.section {
  clear: both;
  border: 1px solid #336666;
  margin-bottom: 12px;
}

.section h2 {
  background-color: #336666;
  color: white;
  font-size: 1.2em;
  padding: 2px 8px;
  margin: 0;
}

#controlPanel {
  float: right;
  margin-bottom: 22px;
  font-size: 0.7em;
}

#controlPanel a {
  margin-right: 6px;
}

#controlPanel .section {
  width: 200px;
}

.section div {
  margin: 0;
  padding: 8px;
}

.section div div {
  margin: 0;
  padding: 0;
}

.section div p {
  margin: 0 0 0.6em 0;
  padding: 0;
}

#skillsContent ul {
  margin: 0 0 0 1em;
  padding: 0;
}

.book {
  clear: both;
}

.book img {
  float: left;
  border: 1px solid silver;
  margin-right: 1em;
  margin-bottom: 1em;
}

.book div div {
  margin: 0;
  padding: 0;
}

a,a:visited,#colophonLink {
  color: #336666;
}

#colophonLink {
  cursor: pointer;
  text-decoration: underline;
}

a:hover,#colophonLink:hover {
  color: maroon;
}

.book a {
  font-weight: bold;
}

div.bookInfo p {
  padding-top: 8px;
}

#careerContent img {
  float: right;
}

.company {
  font-weight: bold;
  font-size: 1.1em;
}

div div div.jobDescription {
  padding-top: 0.8em;
}

.jobTitle {
  font-weight: bold;
}

#educationContent img {
  float: left;
  margin-right: 1em;
}

div div div.degree {
  margin-bottom: 1em;
}

.degree:first-child {
  color: red;
}

.degreeType {
  font-weight: bold;
}

hr {
  margin: 16px;
}

.gonuts .section {
  border: 2px outset #336666;
}

.toggler {
  position: relative;
  margin: 0 4px;
  padding: 0 0.5em;
  border: 2px outset #336666;
  font-size: 1em;
  font-family: monospace;
}

#curtain {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: silver;
  z-index: 100;
}

#colophonDialog {
  position: absolute;
  top: 0;
  left: 134px;
  width: 480px;
  border: 1px solid black;
  background-color: white;
  z-index: 101;
  margin-top: 16px;
  margin-left: auto;
  margin-right: auto;
}

#colophonBody {
  border: 2px ridge #336666;
}

#colophonBody h1 {
  background-color: #336666;
  color: white;
  padding: 5px 8px;
  margin: 0;
  font-size: 1.1em;
}

#colophonContent {
  margin: 0;
  height: 400px;
  overflow-y: auto;
  padding: 0 8px;
}

#colophonCloseButton {
  position: absolute;
  top: 6px;
  right: 6px;
  background-color: #336666;
  border: 2px outset #336666;
  font-size: 0.7em;
  color: white;
}