/* default.css */

/* colors used:
  #403725 body bg
  #907C55 top block bg
  #C3B393 lower block bg
  #625439 top & lower block left border
  #282317 highlights bg
  #EDE6D1 comicBox
  #006B6B h2
*/

body {
    color: #000; 
    background-color: #403725;
    margin: 0; padding: 0;
    }
h1 {
    margin: 0; padding: 24px;
    font-family: arial, helvetica, sans-serif;
    font-style: italic;
    color: red;
    background-color: inherit;
    }
h2 {
    padding-left: 1em;
    font-family: arial, helvetica, sans-serif;
    color: #006B6B;
    background-color: inherit;
    }
h2 a { color: #006B6B; background-color: inherit; }
div#leftGutter {
    /*width: 29px;*/
    width: 3%;
    height: 100%;
    position: absolute;
    left: 0; top: 0;
    margin: 0; padding: 0;
    background-image: url(grfx/gutterLeft.png);
    background-position: 0 0;
    background-repeat: repeat-y;
    }
#topBlock {
    margin: 0 3%; padding: 0;
    width: 94%; height: 190px;
    border-left: 1px solid #625439;
    }
div#rightGutter {
    /*width: 29px;*/
    width: 3%;
    position: absolute;
    right: 0; top: 0;
    margin: 0; padding: 0;
    background-image: url(grfx/gutterRight.png);
    background-position: 0 0;
    background-repeat: repeat-y;
    }
div#portrait {
    position: absolute;
    right: 20px; top: 28px;
    width: 182px; height: 139px;
    z-index: 10;
    }

div#lowerBlock {
    position: absolute;
    left: 0; top: 190px;
    margin: 0 3%; padding: 0;
    width: 94%; height: 800px;
    font-family: arial, helvetica, sans-serif;
    font-size: small;
    color: #000;
    background-color: #c3b393;
    border-left: 1px solid #625439;
    }
div#lowerBlock p { 
    font-family: arial, helvetica, sans-serif;
    margin: 1ex 1em 
    }
div#lowerBlock img { border: 0; margin: 1em; cursor: pointer; }
div#lowerBlock ul { list-style-type: square }
div#lowerBlock ul li {  
   font-family: arial, helvetica, sans-serif;
   line-height: 2;
   }
div#lowerBlock ul li a { 
    font-family: arial, helvetica, sans-serif;
    color: inherit; background-color: inherit
    }
div#lowerBlock ul li a:hover { 
    font-family: arial, helvetica, sans-serif;
    color: #006B6B; background-color: inherit
    }
div#highlights {
    position: absolute;
    left: 0; top: 0;
    width: 30%; height: 640px;
    margin: 0;
    padding: 80px 10px;
    color: #81C8FF;
    background-color: #282317;
    font-family: arial, helvetica, sans-serif;
    font-size: small;
    }
div#highlights p {
    font-family: arial, helvetica, sans-serif;
    padding-left: 3em;
    }
div#highlights p.hanger {
    font-family: arial, helvetica, sans-serif;
    text-indent: -3em;
    }
div#display {
    position: absolute;
    right: 0; top: 0;
    width: 67%; height: 800px;
    text-align: center;
    color: inherit;
    font-family: arial, helvetica, sans-serif;
    background-color: #c3b393;
    font-size: inherit;
    }
img { padding: 0; margin: 0; border: 0 }
a img { border: 0 }

table#comicBox {
    border: solid #666 1px;
    margin: 100px auto;
    padding: 0;
    border-spacing: 13px;
    color: inherit;
    background-color: #EEE6D2;
    }
table#comicBox td {
    border: solid black 1px;
    width: 172px;
    height: 158px;
    }


/***** Menu System *****/
div.navDiv {
    position: relative;
    top: -21px;
    margin: 0; padding: 0;
    font-family: arial, helvetica, sans-serif;
    font-size: x-small;
    z-index: 10;
    }
div.navDiv a {
    font-family: arial, helvetica, sans-serif;
    text-decoration: none;
    color: #EEE6D2;
    background-color: inherit;
    }
div.navDiv a:hover {
    color: #9FF; background-color: inherit;
    }
div.navDiv a.currentPage {
    font-weight: bold;
    cursor: default;
    color: #9FF;
    background-color: inherit;
    }
div.navDiv ul {
    position: absolute;
    top: 21px;
    visibility: hidden;
    margin: 0; padding: 0;
    font-family: arial, helvetica, sans-serif;
    color: inherit;
    background-color: #666;
    list-style: none;
    }
ul#nav1 { left: 40px }
ul#nav2 { left: 112px }
ul#nav3 { left: 150px }
div.navDiv ul li {
    width: 120px;
    font-family: arial, helvetica, sans-serif;
    margin: 0; padding: 0;
    text-indent: 8px;
    border-top: 1px solid #000;
    }
div.navDiv ul li a {
    display: block;
    width: 100%; height: 100%; /* necessary for MSIE */
    font-family: arial, helvetica, sans-serif;
    }
div.navDiv ul li a:link, div.navDiv ul li a:visited {
    color: #EEE6D2;
    background-color: #666;
    }
div.navDiv ul li a:hover {
    color: #fff;
    background-color: #699;
    }

.strong { font-weight: bold }
.emphasis { font-style: italic }
.under { text-decoration: underline; }
.quote { font-family: "times new roman", "times roman", serif; font-style: italic; font-size: 105% }

.center { text-align: center }
.right {text-align: right }
.small { font-size: 90% }