body {
   background-color: #ccc;
   color:            #300;
   font-family:      "Trebuchet MS", sans-serif;
   font-size:        normal;
}

h1,h2,h3,h4,h5,h6 {
   font-family:      Georgia, serif;
   font-variant:     small-caps;
   font-weight:      bold;
   margin:           0 0 .5em;
}
h6 { font-size:      100%; }
h5 { font-size:      120%; }
h4 { font-size:      140%; }
h3 { font-size:      160%; }
h2 { font-size:      180%; }
h1 { font-size:      200%; }
   

a {
   background-color: inherit;
   color:            #630;
}
a:visited {
   color:            #936;
}
a:hover {
   color:            #960;
}

dl {
   clear:            both;
}

dt {
   font-weight:      bold;
   margin:           0;
}
dd {
   margin:           0 0 .5em;
}

ul.navigation {
   padding:          0 1em;
   height:           1.5em;
}

ul.navigation li {
   list-style-type:  none;
   padding:          0;
   position:         absolute;
   width:            auto;
}
ul.navigation li.first-link {
   left:             5%;
}
ul.navigation li.prev-link {
   left:             30%;
}
ul.navigation li.next-link {
   left:             55%;
}
ul.navigation li.last-link {
   left:             80%;
}

#map-div {
   background-color: #ddd;
   border:           1px solid #000;
   position:         fixed;
   top:              10%;
   left:             25%;
   width:            500px;
}
#map-div div#map {
   margin:           auto;
}

.all-runes h2 {
   -moz-column-span:  all;
   column-span:       all;
}

.all-runes ol {
   -moz-column-count: auto;
   -moz-column-width: 12em;
   -moz-column-gap:   1.5em;
   column-count:      auto;
   column-width:      15em;
   column-gap:        1.5em;
}

.all-runes li {
   list-style-type:  none; /* decimal-leading-zero; */
}

.rune, .rune-list, .navigation, .div-top {
   background-color: #eee;
   border:           1px solid black;
   padding:          1em;
   margin:           .2em 0 1em;
}

ul.navigation {
   height:           2em;
}

.rune h3 {
   background-color: #ddd;
   padding:          0 .5em;
}
.rune h3>span {
   font-size:        50%;
}

.highlight {
   background-color: #fc0;
}

.rune-info {
   font-size:        .95em;
}

.rune-info table {
   background-color:  #ddd;
}
.rune-info th, .rune-info td {
   padding:          .2em;
   margin-right:     .5em;
   vertical-align:   top;
}
.rune-info th {
   background-color: #ccc;
   padding-right:    1em;
   text-align:       right;
   width:            25%;
}
.rune-info td {
   background-color: #eee;
}
.rune-info table {
   font-size:        .85em;
   width:            100%;
}

.rune-info td table th {
   text-align:       center;
   width:            auto;
   min-width:        25%;
   max-width:        33%;
}

.rune-texts {
   -moz-column-count: 2;
   -moz-column-gap:   1.5em;
   column-count:      2;
   column-gap:        1.5em;
}

.sources {
   -moz-column-count: 2;
   column-count:      2;
}
.sources li {
   list-style-type:  none;
   width:            45%;
}

.footer {
   margin:           1em;
   text-align:       right;
}