/* --- override default browser styling rules --- */

   /* see <http://tantek.com/log/2004/undohtml.css> for the inspiration for
      these rules
   */

   /* suppress image borders */
a img, :link img, :visited img
   {  border: none;
   }

   /* don’t italicize addresses */
address
   {  font-style: normal;
   }

   /* suppress default padding */
blockquote, body, fieldset, form, html, input, img, li, p
   {  margin: 0;
      padding: 0;
   }

   /* suppress default padding and pre-defined heading font sizes */
code, h1, h2, h3, h4, h5, h6, pre
   {  font-size: 1em;
      margin: 0;
      padding: 0;
   }

   /* suppress default padding and bullets */
dl, ol, ul
   {  list-style : none;
      margin: 0;
      padding: 0;
   }

/* --- specify page formatting --- */

   /* general page format */
html
   { color: blue;
     background-color: #fffdf0;
     font-family: Gentium, "Gentium Basic", Times, "Times New Roman", serif;
     font-style: normal;
     font-size: medium;
     font-weight: normal;
   }

body.index
   { width: 84%;
     padding-left: 8%;
     padding-right: 8%;
     margin-top: 0.54em;
     margin-bottom: 3em;
   }

body
   { width: 76%;
     padding-left: 12%;
     padding-right: 12%;
     margin-top: 0.54em;
     margin-bottom: 3em;
   }

/* --- global class rules --- */

   /* override default display mode as inline */
.block
   {  display: block;
   }

   /* bulleted list */
.bulleted
   {  list-style-type: disc;
   }

   /* don’t underline buttons */
.button
   {  text-decoration: none;
   }

   /* handling for picture captions */
.caption
   { text-align: center;
     font-weight: bold;
     padding-top: 0.54em;
     padding-bottom: 1em;
   }

   /* handling for floated picture captions */
.caption_float
   { text-align: center;
     font-weight: bold;
     padding-top: 0.27em;
     padding-bottom: 0.27em;
   }

   /* card catalogue style description of a publication */
.catalogue_reference
   {  color: navy;
      font-family:  "American Typewriter", "Lucida Bright", "Georgia", monospaced;
      padding: 0.9em;
      border: solid;
      border-width: 3px;
   }

   /* centered element */
.centered
   {  text-align: center;
   }

   /* emphatic element */
.emphatic
   {  color: #ad005b;
   }

   /* external link */
.external:before
   {  content: "❖";
      font-size: 0.7em;
   }

   /* clear any existing floats */
.float_clear
   {  clear: both;
   }

   /* float other items to the left of this one */
.float_left
   {  float: left;
      padding-right: 1em;
      padding-bottom: 1em;
   }

   /* float other items to the right of this one */
.float_right
   {  float: right;
      padding-left: 1em;
      padding-bottom: 1em;
   }

   /* suppress displaying this element */
.hidden
   {  display: none;
      color: red;
   }

   /* override default display mode as block */
.inline
   {  display: inline;
   }

   /* inset this element from the right */
.inset
   {  margin-right: 1.5em;
   }

   /* leave space for this element, but hide its contents */
.invisible
   {  visibility : hidden;
   }

   /* bulleted list */
.numbered
   {  list-style-type: decimal;
   }

   /* offset this element from left */
.offset
   {  margin-left: 1.5em;
   }

   /* offset this element from left */
.offset_double
   {  margin-left: 3em;
   }

   /* offset this element from right */
.offset_right
   {  margin-right: 1.5em;
   }

.pad_bottom
   {
      padding-bottom: 1.5em;
   }

.pad_left_double
   {
      padding-bottom: 3em;
   }

.pad_top
   {
      padding-top: 1.5em;
   }

   /* right align this element */
.right_aligned
   {  text-align: right;
   }

   /* add padding above element */
.separated
   {  padding-top: 1em;
   }

   /* add padding beneath element */
.spaced
   {  padding-bottom: 1em;
   }

   /* add padding beneath element */
.spaced2em
   {  padding-bottom: 2em;
   }

.tiny
   {  text-size: x-small;
   }

   /* make titles stand out */
.title
   { text-align: center;
     font-size: x-large;
     padding-top: 1em;
   }

   /* suppress padding above element */
.unseparated
   {  padding-top: 0;
   }

   /* suppress padding beneath element */
.unspaced
   {  padding-bottom: 0;
   }

/* --- tag-specific rules --- */

blockquote
   {
      margin-left: 1.5em;
      margin-right: 1.5em;
      margin-top: 0;
      margin-bottom: 0;
      padding-top: 0;
      padding-bottom: 0;
   }

   /* default handling for cited text */
blockquote > p
   {
      font-family: "Bookman Light", "Bitstream Vera Serif", "Lucida Bright", Palatino, Georgia, Garamond, "Times New Roman", serif;
      font-size: 0.81em;
      color: navy;
      text-align: justify;
   }

   /* default handling for dt (definition list term) */
dt
   {  font-weight: bold;
   }

   /* default handling for dd (definition list definition) */
dd
   {  margin-left: 1.5em;
      text-align: justify;
   }

   /* default handling for h1 */
h1
   {  font-weight: bold;
      font-size: xx-large;
      padding-top: 1em;
      padding-bottom: .75em;
      text-align: center;
   }

   /* superscript in h1 text */
h1 sup
   {  font-size: medium;
      line-height: 6pt;
   }

   /* default handling for h2 */
h2
   {  font-weight: bold;
      font-size: x-large;
      padding-top: 1em;
      padding-bottom: .5em;
      text-align: center;
   }

   /* default handling for h3 */
h3
   {  font-weight: bold;
      font-size: large;
      padding-top: 1em;
      padding-bottom: .5em;
      text-align: center;
   }

hr
   {  background-color: blue;
      height: 1px;
   }

   /* rule to mark off the commentary from the button row [QUIZ] */
hr.commentary
   { margin-bottom : 1.2em;
   }

   /* rule to mark off an emphatic paragraph */
hr.emphatic
   {  background-color: #ad005b;
      height: .1em;
      margin-top: .5em;
      margin-bottom: .5em;
   }

   /* rule to mark off footnotes */
hr.footnote_separator
   {  background-color: blue;
      border: none;
      height: 0.1em;
      margin-left: 0;
      margin-bottom: 0.69em;
      width: 18%;
   }

   /* rule to mark off an emphatic paragraph */
hr.middle
   {  background-color: blue;
      border: none;
      width: 33%;
      height: 0.15em;
   }

   /* put border around a detail image on page and top-align it */
img.detail
   { border: blue 3px solid;
     vertical-align: top;
     padding-top: 0px;
     margin-top: 0px;
   }

   /* put border around main image on page */
img.main
   { border: blue 3px solid;
   }

   /* justify list items */
li
   { text-align: justify;
   }

table.photo_index img
   {  border: blue 2px solid;
   }

table.photo_index img.button
   {  border: none;
   }

   /* normal paragraph of text: justify and space after */
p
   {  font-weight: normal;
      text-align: justify;
      line-height: 1.17em;
      padding-bottom: 1em;
   }

   /* footnote */
p.footnote
   {  font-size: small;
   }

   /* superscript text in a footnote */
p.footnote > sup
   {  font-size: x-small;
      line-height: 5pt;
   }

   /* image with no caption beneath */
p.picture
   {  text-align: center;
   }

   /* image with a caption beneath */
p.picture_and_caption
   {  text-align: center;
      font-weight: bold;
      font-size: medium;
      padding-bottom: 2em;
   }

   /* image with a caption and text beneath */
p.picture_and_caption_with_text
   {  text-align: center;
      font-weight: bold;
      font-size: medium;
   }

   /* <span> with lang="xx" [fr gd it la mic es] */
span[lang]
   {  font-style: italic;
   }

   /* sub to lower a gif screws up spacing without this */
sub.gif
   {  line-height: 7pt;
      text-decoration: none;
   }

   /* superscript text */
sup
   {  font-size: 8pt;
      line-height: 7pt;
      vertical-align: 50%;
   }

table.photo_index td
   {  width: 180px;
   }

   /* unordered list */
ul
   {  padding-left: 1.2em;
   }

   /* bulleted list */
ul.bulleted
   {  list-style-type: disc;
   }