/* background: a pale blue; text: black */
body {
  background: #dfe7ff;
  color: black;
  font-family: Georgia, Times, serif;
}

/*
 * "<pre>" is generally a monospaced font.  But for verse layouts, this is
 * unnecessary; consistency with other text is preferable.
 */
pre.verse-layout {
  font-family: Georgia, Times, serif;
}
  

/*
 * A table usually has a white background (see below).
 * Occasionally want a component to blend into the overall 'body' background.
 */
.background {
  background: #dfe7ff;
  color: black;
}

blockquote {
  text-align: center;
}

/* h1 { font-size: 160%; } */

/* h2 { font-size: 120%; } */

h3 {
  font-size: 100%;
  font-weight: bold;
}

/* *** Generic classes *** */

/* */
div.content-area {
  clear: left;
}


.sidepanel-left-bar {
  float: left;
  width: 50%;
}

.sidepanel-left {
  background: white;
  color: black;
  border: 1px solid;
  padding: 0.5em;
}

.sidepanel-right-bar {
  float: right;
  margin: 0.3em;
  width: 50%;
}

.sidepanel-right {
  background: white;
  color: black;
  border: 1px solid;
  padding: 0.5em;
}

.panel-head {
  text-align: center;
  font-weight: bold;
  font-size: 120%;
}

/*
 * table of pieces and links
 */
table.linktable {
  background: white;
  color: black;
  margin: 0;
  padding: 0; /* nil */
  border: 1px ridge;
}

table.linktable th {
  margin: 0; /* nil */
  padding: 3px;
  border: 1px groove;
}

table.linktable td {
  margin: 0; /* nil */
  padding: 3px;
  border: 1px groove;
}

.title {
  /* font-weight: bold; */
}

.subtitle {
  font-style: italic;
}

.comment {
  font-size: 80%;
}

.compte {
  display: none;
}

/* For responses */
.resp-a {
}

.resp-b {
  font-weight: bold;
  padding-bottom: 1em;
}

/* For reviews */
.review-quote {
  padding-bottom: 0.5em;
}

.review-author {
  text-align: right;
  padding-bottom: 1.5em;
  font-size: 80%;
}

/* For permissions */
dl.permlist {
  margin-left: 2em;
}

dd.permlist {
  padding-bottom: 1em;
}

/* Misc. */
img.photo {
  margin: 0.6em;
}

/* The trailer at the bottom of each page: signature, last-update, W3C icons etc. */
.trailer {
  vertical-align: bottom;
  clear: both;
}

.signature {
  font-style: italic;
  font-size: small;
}

.updated {
  float: right;
  text-align: right;
  font-style: italic;
  font-size: small;
}