/* PRINCIPIA   */


/* GLOBAL  */


body {
     margin: 10px;
     background-color: darkgoldenrod;
     }

img {
     border: 0px;
     }

a {
     text-decoration: none;
     }


/* LAYOUT  STYLES */


#header {
     width: 100%;
     background-color: black;
     }

#headertext {
     position: absolute;
     right: 20px;
     top:20px;
     color: white;
     text-decoration: none;
     font-size: 1.2em;
     font-family: sans-serif;
     }



#leftbar {
     position: absolute;
     left: 4px;
     width: 160px;
     margin: 0px;
     padding: 8px;
     text-align: right;
     }

.body {
     background-color: white;
     position: absolute;
     left: 188px;
     width: 400px;
     padding: 8px;
     margin-top: 12px;
     border: 2px solid black;
     font-size: 1.5em;
     }

#rightbar {
     position: absolute;
     left: 612px;
     width: 160px;
     padding: 8px;;
     }



.picbox {
     margin: 4px;
     border: 1px solid black;
     
     }




/* SMALLER ELEMENTS */

.headline {
     font-family: sans-serif;
     font-size: 1.2em;
     font-weight: bold;
     }

.subhead  {
     font-family: sans-serif;
     font-weight: bold;
     }

.pic {
     padding: 4px;
     }

.caption {
     font-family: sans-serif;
     font-size: .8em;
     margin: 4px;
     text-align: center;
     }

.navhead {

     font-family: cursive;
     font-size: 1.2em;
     }



.erisvoice {
     font-family: cursive;
     font-size: 1em;
     color: darkgoldenrod;
     }



.ref {
     font-family: serif;
     text-decoration: underline;
     font-size: .9em;
     }

.source {
     font-family: sans-serif;
     }

.quote {
     font-family: monospace;
     }