.two-column + * {
  clear: both;
}
.two-column, .two-column + .two-column {
  clear: none;
  min-width: 27em;
  width: 50%;
  float: left;
}
.two-column > * {
  float: none;
  margin-left: 0.3em;
  margin-right: 0.3em;
}

.address {
  white-space: nowrap;
}
.address div {
  float: left;
  margin-right: 3em;
  margin-bottom: 1ex;
}
.address table {
  border-style: none;
  border-spacing: 0px;
}
.address th {
  text-align: right;
  padding-right: 0.2em;
  vertical-align: top;
}
.address + * {
  clear: both;
}

TABLE {
  /* No quirks, please: */
  font-size: inherit;
  color: inherit;
}

@media screen {
  .auralskipper {
    display: none;
  }
}

.references img {
  border: none;
}

.classicdav {
  background-image: url('images/blueback.gif');
  background-attachment: fixed;
  background-color: #000000;
  font-size: large;
}

@media print {
  .toc {
    display: none;
  }
  .references {
    display: none;
  }
  .classicdav #content *         { color: #000000 }
  .classicdav #content A:link    { color: #0000ff }
  .classicdav #content A:active  { color: #0000ff }
  .classicdav #content A:visited { color: #0000ff }
}

@media screen {
  .toc {
    font-size: medium;
    left: 0;
    top: 0;
    width: 12.5em;
    position: fixed;
    float: left;  /* For those browsers that don't support position: fixed */
    padding-top: 4px;
    padding-left: 4px;
    padding-bottom: 4px;
    padding-right: 0px;
    text-align: left;
    vertical-align: top;
  }
  .references {
    padding: 4px;
    text-align: right;
    float: right;
  }
  .classicdav {
    padding-bottom: 1000px;
  }
  .classicdav #content           { color: #ffbb34 }
  .classicdav #content A:link    { color: #ffffff }
  .classicdav #content A:active  { color: #ff00ff }
  .classicdav #content A:visited { color: #ffff00 }
}

.centering {
  text-align: center;
  margin-left: 11em; /* leave space for the toc element to the left */
}

.lefty {
  margin-left: 11em; /* leave space for the toc element to the left */
  padding-left: 0.5em;
  text-align: left;
}

.homepic {
  padding: 3px;
  text-align: left;
}
.homepic img { border: solid #0000ff 1px }

.title {
  font-size: xx-large;
}

h2.title:first-letter {
  font-size: 180%;
  vertical-align: middle;
  /* XXX: I do so not want to use an image here ... but I need a better first choice of font. */
  font-family: "Snell Roundhand", serif;
}

hr.strek {
  background-image: url('images/strek.gif');
  background-repeat: no-repeat;
  height:  3px;
  width: 585px;
  border:  0;
}

/* For debugging:

.toc { border: solid white 1px }
.toc * { border: solid white 1px }

/* */

.toc :link, .toc :visited, .toc :active {
  font-weight: bolder; /* default 500 */
  text-decoration: none;
}
.toc B {
  font-weight: bold; /* default 700 */
}

.toc ul {
  margin: 0em 0.5em 0em 0em;
  padding-left: 0em;
  list-style-type: none;
}

.toc ul ul {
  margin-right: -0.5em;
  padding-left: 0.5em;
}

.toc li.section > div .tocname {
  background-image: url('images/blue-ur.gif');
  background-repeat: no-repeat !important;
  background-position: top right !important;
  display: block;
  color: inherit;
  width: 100%;
}
.toc li.section > div {
  background-image: url('images/blue-lr.gif');
  background-repeat: no-repeat !important;
  background-position: bottom right !important;
  border: solid #0000ff 2px;
}
.toc li.section > .tocoff {
  background-color: #800040;
  color: #ffdc00;
}
.toc li.section > .tocon {
  background-color: #c40062;
  color: #ffdc00;
}
.toc li.section {
  text-align: left;
  margin-top: -1px;
}

.toc li > div .tocname {
  padding-top: 0.5ex;
  padding-bottom: 0.5ex;
  padding-left: 1px;
  padding-right: 1px;
}

.toc li li > div .tocname {
  background-image: url('images/blue-ur.gif');
  background-repeat: no-repeat !important;
  background-position: top right !important;
  display: block;
  color: inherit;
  width: 100%;
}
.toc li li > div {
  background-image: url('images/blue-lr.gif');
  background-repeat: no-repeat !important;
  background-position: bottom right !important;
  border-top: none;
  border: solid #0000ff 1px;
}
.toc li li > .tocon {
  background-color: #ffbb34;
  color: black;
}
.toc li li > .tocoff {
  background-color: #ffbb34;
  color: black;
}
.toc li li {
  text-align: left;
  margin-top: -1px;
}



/* Hey, I _like_ these ... but perhaps move them into ./images? *
 * And perhaps they should be a little smaller?                 */
/* ... but wait a bit ...
ul           { list-style-image: url('_themes/froster/alvbull1.gif') }
ul ul        { list-style-image: url('_themes/froster/alvbull2.gif') }
ul ul ul     { list-style-image: url('_themes/froster/alvbull3.gif') }
*/