html {
  color: WindowText;
  background-color: Window;
  font-family: Charter BT, serif;
  text-align: justify;
  }
/*
dd object {
  font-size: 10%;
  content: ".";
  display: block;
  color: Window;
  clear: left;
  }
*/
param[name="date-read"] {
  font-size: xx-small;
  content: "[Read: " attr(value) "]";
  display: block;
  color: GrayText;
  clear: left;
  }
dt {
  display: block;
  width: 30%;
  clear: both;
  float: left;
  border: thick groove GrayText;
  padding: 1ex;
  }
dd {
  /*
  content: "+";  
  font-size: 85%;
  */
  display: block;
  border-top: thick groove GrayText;
  margin-left: 32%;
  padding: 1ex 1em;
  }
dd:hover, dd:active, a:hover  {
  content: inherit;
  font-size: inherit;
  }
dd p {
  margin-bottom: 0em;
  margin-top: 1ex;
  }
span.explain {
  border-bottom: thin dotted;
  }
/* Make links look like O/S-style buttons */
a:link, .button {
  border           : medium outset ButtonFace;
  background       : ButtonFace;
  color            : ButtonText;
  line-height      : 130%;
  /* font             : caption; */
  }
a:visited {
  border           : medium outset ButtonFace;
  background       : ButtonFace;
  color            : GrayText;
  }
a:hover {
  border           : medium inset ButtonFace;
  }
a:active {
  border           : medium inset ButtonFace;
  background       : Highlight;
  color            : HighlightText;
  }