body {
  background-color: #FFFFFF;
  color: #000000;
  margin: 30px
}

h1, h2, h3 { 
  font-family: sans-serif;
  width: 100%
}

.inline-footnote {
  font-size: small;
  margin-left: 100px
}

.single-url {
  margin-left: 100px;
  font-family: monospace;
  margin-bottom: 30px
}

.image-and-comments {
/*  border-style: dotted; */
  border-width: 1px;
  padding: 5px;
  margin: 20px
}

.homepage-image {
  display: table;
  float: left;
  margin: 5px;
  padding: 5px
}

.alphabetic {
  list-style-type: lower-alpha
}

.revised {
  text-decoration: line-through
}

.typed {
  font-family: monospace;
  color: #000000;
  padding: 3px;
  white-space: nowrap;
  background-color: #DDFFFF
}

.indented {
  margin-left: 30px
}

dt {
  font-weight: bold;
  margin-bottom: 10px
}

dd {
  margin-bottom: 10px
}

.contact-details {
  font-size: smaller;
  float: right;
  text-align: right;
  clear: right
}

.elisp {
  font-family: monospace;
  color: #000000;
  padding: 3px;
  white-space: nowrap;
  background-color: #DDFFDD
}

.filesetc {
  font-family: monospace;
  color: #000000;
  padding: 3px; 
  white-space: nowrap;
  background-color: #FFDDDD
}

li {
  margin-top: 10px;
  margin-bottom: 10px
}

.mono {
  font-family: monospace
}

.sans { 
  font-family: sans-serif
}

.serif {
  font-family: serif
}

.main {
}

/* The main DIVs... */

.unicode-ranges {
  font-size: x-small;
  margin: 20px;
  margin-top: 0px;
  float: right;
  width: 25%
}

.unicode-left-box {
}

.footer {
  clear: both
}

/* Now, stuff in the left hand pane... */

.introduction { 
  margin-left: 20px;
  margin-right: 20px; 
  margin-top: 10px;
  margin-bottom: 10px;
}

.title-and-abstract {
}

.unicode-left-box .introduction {
  margin-right: 30%;
}

.forms { 
  margin-left: 50px;
  margin-right: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: right
}

.character-information {
  margin-right: 30%;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 20px;
  border-width: 1px;
  border-style: solid;
  border-color:  #333
}

.large-character-pane {
  float: right;
  margin-left: 20px
}

.large-character {
  display: table; /* Doesn't seem to work in IE, but I really don't care... */
  font-size: 70px;
  padding: 15px;
  border-color: #DDDDDD;
  border-style: dashed;
  border-width: 1px;
}

/* The right hand side (of type character-description-pane) has all the description... */

.character-description-pane {
}

.character-heading { 
  font-size: larger;
  margin-bottom: 20px;
}

.codepoint { 
  font-family: monospace
}

.description { 
  font-family: monospace;
  font-weight: bold
}

.full-unicode-character-data {
  font-family: monospace;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: smaller
}

.sequence-information {
  font-family: monospace;
  margin-top: 20px;
  margin-bottom: 20px
}

.unicode-block-information {
  font-family: monospace;
  margin-top: 20px;
  margin-bottom: 20px
}

.font-examples { 
}

.jobs {
  font-family: sans-serif;
  font-weight: bold
}

/* Actually useful?  I dunno... */

div.spacer {
  clear: both;
}

/* Venice guide related definitions... */

.venice-place {
  margin: 20px;
  padding: 10px;
  clear: both
}

.venice-place-name {
  font-weight: bold;
  margin: 10px
}

/* For presenting preformatted text... */

.paper {
  margin: 40px;
  border-style: dotted;
  border-width: 1px;
  border-color: #777777;
  background-color: #EEEEEE;
  color: black;
  padding: 20px;
  overflow: hidden
}

/* Photos (for Reading 2003 review...) */

.photo-center {
  text-align: center;
  clear: both;
  display: table;
  margin-top: 0px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  border-color: #aaaaaa;
  border-width: 1px;
  border-style: dashed;
  padding: 5px
}

.my-photo {
  text-align: center;
  float: right;
  clear: right;
  margin-bottom: 20px;
  margin-left: 20px;
  margin-top: 0px;
  margin-right: 0px;
  border-color: #aaaaaa;
  border-width: 1px;
  border-style: dashed;
  padding: 5px
}

.right-sidebar {
   float: right;
   margin-left: 30px;
   text-align: right;
   width: 300px
}

.photo-floating-right-no-clear {
  text-align: center;
  float: right;
  margin: 20px;
  margin-top: 0px;
  border-color: #aaaaaa;
  border-width: 1px;
  border-style: dashed;
  padding: 5px
}

.photo-floating-right {
  text-align: center;
  float: right;
  clear: right;
  margin: 20px;
  margin-top: 0px;
  border-color: #aaaaaa;
  border-width: 1px;
  border-style: dashed;
  padding: 5px
}

.photo-floating-left {
  text-align: center;
  float: left;
  clear: left;
  margin: 20px;
  margin-top: 0px;
  border-color: #aaaaaa;
  border-width: 1px;
  border-style: dashed;
  padding: 5px
}

.photo-floating-left-no-clear {
  text-align: center;
  float: left;
  margin: 20px;
  margin-top: 0px;
  border-color: #aaaaaa;
  border-width: 1px;
  border-style: dashed;
  padding: 5px
}

.raw-album-thumbnail {
  text-align: center;
  float: left;
/*
  margin: 20px;
  margin-top: 0px;
  border-color: #aaaaaa;
  border-width: 1px;
  border-style: dashed;
  padding: 5px;
*/
  width: 140px;
  height: 140px
}

.photo-wherever {
  text-align: center;
  margin: 20px;
  margin-top: 0px;
  border-color: #aaaaaa;
  border-width: 1px;
  border-style: dashed;
  padding: 5px
}

.caption {
  font-size: small;
  clear: both;
  text-align: center
}

/* Seinfeld Themes */

.theme {
  margin-top: 30px;
  margin-bottom: 30px
}

.theme-name {
  font-family: monospace
}

.episode a:hover {
  background: #AAFFAA
}

.episodes {
  margin-top: 10px;
  margin-left: 20px
}

.detail {
  margin-left: 10px
}

/* Just here so that I can use footnotes with <a name=""> properly... */

.excessive-footer-space {
  height: 1024px
}

.footnote {
  clear: both;
  margin-top: 20px;
  margin-bottom: 20px
}

ol.whinge-list {
  margin-left: 30px;
  margin-right: 40px
}

/*  */

table.dialogue {
  margin: 15px
}

table.dialogue td.speaker {
  font-style: italic;
  text-align: right
}

.charter-item {

  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 40px;
  margin-right: 20px;
  padding: 10px;
  background-color: #ffe770;
  color: #000000

}

.charter-item-explanation {

  margin-left: 70px;
  margin-right: 20px;
  padding-left: 20px;
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: #000000

}

.charter-item-number {

  font-size: larger;
/*  background-color: #BBFFBB;
    color: #000000 */

}

.requirement-scores-well {

  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 25px;
  margin-right: 20px;
  padding: 10px;
  background-color: #BBFFC9;
  color: #000000

}

.requirement-scores-badly {

  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 25px;
  margin-right: 20px;
  padding: 10px;
  background-color: #FF9595;
  color: #000000

}

.requirement-scores-neutrally {

  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 25px;
  margin-right: 20px;
  padding: 10px;
  background-color: #F5E6C1;
  color: #000000

}

.requirement-analysis {

  font-family: sans-serif;
  font-size: larger;
  margin-left: 10px;
  margin-right: 20px;

}

img.padded {
  margin: 20px
}

.free-item {

  border-top-style: solid;
  border-top-width: 1px;
  background-color: #CEE0DF;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 5px;
  margin-bottom: 10px
 
}

.free-item h3 { 

  font-family: sans-serif

}

.actual-cost { 

  /* background-color: #fff39b; */
  /* background-color: #ffffff; */
  
  padding: 3px

}

.photo-right-no-border {
  text-align: center;
  float: right;
  clear: right;
  margin: 10px;
  margin-top: 0px;
  padding: 5px
}

.navigation {
  text-align: right;
  font-size: smaller;
  float: right;
  clear: right;
  margin: 2px;
  padding: 5px
}

table.high-score-table {
  font-size: smaller;
  font-family: sans-serif;
  text-align: center;
  border: 1px;
  background-color: #201a36;
  color: white;
  padding: 5px;
  border-collapse: collapse
}

td.song-name {
  text-align: left
}

th.song-name-header {
  text-align: left
}

.high-score-cell {
  padding: 8px;
  border-style: dotted;
  border-width: 1px
}