body {
  background: #FFFFFF;
  margin: 1em 2em 2em 2em;
}

#banner {
  text-align: center;
  font-family: "Gill Sans", Tahoma, sans-serif;
  font-variant: small-caps;
  letter-spacing: 0.2em;
  color: #b00;
  margin-bottom: 1.5em;
}
h1 { display: inline; }
.description { font-size: 1.5em; text-transform: lowercase; }
.description:before { content: "("; }
.description:after { content: ")"; }

.footer { text-align: right; padding: 5px; }

h1, h2, h3, h4, h5, h6 {
  font-family: gill sans, Trebuchet MS, Verdana, sans-serif;
  font-weight: normal
}
.img { float: right; border: 0; padding-left: 1em; }
dt { font-weight: bold}

.boxhead { font-style: italic; text-align: center; }
.box { padding: 0 0 2em 2em; float: right; width: 33%}
.qhead { padding: 0; margin-bottom: 0; margin-top: .3em; text-align: left; }
.qbody { margin-top: 0; }

.egg:link, .egg:visited {
  /*border-bottom: 1px dotted black;*/ text-decoration: none; 
  color: black;
}
.yolk {
  text-decoration: underline; border-bottom: none;
  color: blue; /* anyone know how to get visited to work? 
  color: inherit;*/
}