body {
   background-color: #ffffdd; /* off-white */
   font-family: "DejaVu Sans", Lucida, sans-serif;
   }


/* paginakop */

#banner {
   background-color: #ffffdd; /* off-white */
   color: #2c550a; /* donkergroen */
   border-bottom: 2px solid #2c550a;
   }


#banner h1 {
   font-size: 180%;
   text-align: center;
   }

.subkop { /* span in kop zelf met br */
   font-size: 70%;
   font-style: italic;
   }


/* voor de links in de kop */

#banner ul {
   text-align: left;
   color: #2c550a; /* donkergroen */
   padding: 1em 0 0 0.2em;
   }

#banner li {
   display: inline;
   }


/* sidebar; use widescreen.css additionally for pages without a sidebar */

#sidebar {
   clear: right;
   float: right;
   margin-right: 5px;
   width: 190px;
   background-color: #ffffdd;  /* off-white */
   }

#sidebar p, p.footnote {
   font-size: 90%;
   }

.notes, .date {
   font-size: 90%;
   font-style: italic;
   }

.date {
   white-space: nowrap;
   }

.smallprint {
   font-size: 70% !important;
   }

#maplink { /* migrated from firstpage.css to have it on different pages */ 
   background: url(./pictures/front/map.jpg) no-repeat;
   height: 115px;
   width: 150px;
   }

h4.piclink {
   font-size: 140%;
   font-weight: bold;
   color: #44810f; /* middelgroen */
   text-align: center;
   padding-top: 42px;
   }

/* textbox en diversen */

#textbox {
   margin-right: 200px; /* hier woont de sidebar */
   padding: 1em;
 }
   
div.searchbox {
    font-size: 70%
}

.strike {
    text-decoration: line-through;
}

dt {
   font-weight: bold;
   color: #2c550a; /* donkergroen */
   margin-top: 0.5em;
   }

li.heading {
    margin-top: 1em;
}

a:link, a:visited {
   font-weight: bold;
   text-decoration: none;
   }

a:hover {
   text-decoration: underline;
   }

a:visited {
   color: #65844d; /* grijzig groen */
   }

a:link {
   color: #2c550a; /*donkergroen */
   }

hr {
   height: 0;
   border: 0;
   border-top: 2px solid #2c550a;
   }

.notice {
   width: 90%;
   margin: auto;
   padding: 0 0.5em 0 0.7em;
   border: 2px dotted #2c550a;
   }

.notice ul {
   list-style: none;
   }

.utility td, .utility th {
  font-size: 90%;
  padding: 0.3em;
  vertical-align: top;
}

.oneofthree {
    width: 30% !important;
}

/* parallel columns for verse+translation */

table.versecol {
  font-size: 90%;
  padding: 0.3em 0;
}

.versecol td {
  width: 24%;
  text-align: left;
  vertical-align: top;
  padding: 1em 1em 0.5em 0;
}

/* faux blockquote */

.indented {
  margin: 0.5em 2em;
  padding-left: 1em;
  border-left: 1px solid #a0a0a0;
}

div.inset1 {
   float: left;
   width: 40%;
   border: 2px solid #2c550a;
   margin: 0 1em 0.2em 0;
   padding: 0.5em;
   font-size: 80%;
   text-align: center;
   }

div.inset2 {
   float: right;
   width: 40%;
   border: 2px solid #2c550a;
   margin: 0 0 0.2em 1em;
   padding: 0.5em;
   font-size: 80%;
   text-align: center;
   }

img.centrepic {
  display: block;
  margin: 0 auto;
  }

.faqq {
   background: #ffebcd;  /* blanchedalmond */
   padding: 0.5em;
}

.faqa {
   margin: 0 8%;
   }

.pointer {
   text-align: right;
   font-size: 90%;
   }

.external {
   font-style: italic;
   }

p.caption {
   text-align: center;
   font-style: italic;
   }

p.byline {
   text-align: right !important;
   font-style: italic;
   }

.annotate   { /* use with "title" for the actual annotation */
   border-bottom: 1px dotted #2c550a;
   }

p.chatline {
   text-align: left !important;
   margin: 0.2em 1em 0.2em 4em;;
   text-indent: -3.5em;
   }

.action, .handle {
   background-color: #ffebcd;  /* blanchedalmond */
   }

.handle {
   font-weight: bold;
   }

.pushbutton {
   padding: 1em;
   font-size: 110%;
   font-weight: bold;
   }

/* versjes */

.versjes {
   margin-left: 4em;
   font-family: "URW Chancery L", "Zapf Chancery", cursive;
   }

.versjes p {
   font-size: 130%;
   padding: 0;
   white-space: pre;
   }

.pictable {
    margin: 0;
    padding: 0;
    border: 0;
}

/* kopjes in de tekst */

h1, h2 {
   color: #2c550a; /* donkergroen */
   font-weight: bold;
   }

h1 {
   padding-top: 1em;
   font-size: 135%;
   }

h2 {
   padding-top: 0.5em;
   font-size: 120%;
   font-style: italic;
   }

h3 {
   color: #2c550a; /* donkergroen */
   padding-top: 0.5em;
   font-size: 100%;
   font-style: italic;
   font-weight: bold;
   }

/* books */

.onebook {
  min-height: 12em;
  border-bottom: 2px solid #2c550a;
}

h4.booklink {
   color: #2c550a; /* donkergroen */
   padding-top: 0.5em;
   font-size: 120%;
   font-weight: bold;
}

div.quotebox {
    margin-left: 400px;
    font-size: 90%;
    padding: 1em 1em 0em 3em;
    background-image: 
url(http://www.valdyas.org/irina/pictures/books/greenquotes.png);
    background-repeat: no-repeat;
    border-bottom: 2px solid #65844d;
}

.blurb {
  font-style: italic;
  font-size: 90%;
  }

/* footer */

#footer {
   clear: both;
   background-color: #ffffdd; /* off-white */
   color: #2c550a; /* donkergroen */
   text-align: center;
   font-size: 80%;
   border-top: 2px solid #2c550a;
   }

.leftinset {
  float: left;
  padding-right: 2em;
}

.rightinset {
  float: right;
  padding-left: 2em;
}