/*
  color Notes
  darker grey #24242C
  light grey #2E2E35
*/


a { text-decoration: none; }
a:hover { text-decoration: underline; }

body {
     margin: 0px 0px 0px 0px;
     padding: 0px 0px 0px 0px;
     font-size: 11pt;
     font-family: Verdana, Helvetica, Arial, Tahoma, Sans-serif;
     color: white;
     background: #24242C url(scanline-dark.gif) repeat scroll ;
     }

div.comic 
{
  margin: 0px 0px 0px 0px;
  padding: 55px 50px 25px 75px;
  }

div.logo {
    margin: 8px 0px 0px 0px;
    padding: 4px 0px 10px 12px;
    background: black url(scanline-dark.gif) repeat scroll;
    max-width: 440px;
    width: 440px;
    text-align: left;
    }

div.siteNav { 
       position: absolute; top: 16px; left: 455px;
       color: white; text-align: left;
       font-size: 11pt; font-weight: bold; 
       font-family:verdana,helvetica,arial,tahoma,sans-serif;
       padding: 55px 10px 0px 15px;
       margin: 0px 4px 0px 0px;
       }
       div.siteNav a { color: white; text-decoration: none; }
       div.siteNav a:visited { color: white; text-decoration: none; }
       div.siteNav a:hover { color: white; text-decoration: none; }

div.gradient {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background: black url(logo_background_bottom_right.gif) repeat-x scroll bottom left;
    height: 56px;
    text-align: left;
    }

.nav { background: black; color: white; text-align: center;
       font-size: 8pt; font-weight: bold; 
       font-family:verdana,helvetica,arial,tahoma,sans-serif;
       padding: 3px 3px 3px 3px;
       margin: 0px 4px 0px 0px;
       }
       .nav a { color: white; text-decoration: none; }
       .nav a:visited { color: white; text-decoration: none; }
       .nav a:hover { color: white; text-decoration: none; }

.navBottom { background: black; color: white; text-align: center;
       font-size: 8pt; font-weight: bold; 
       font-family:verdana,helvetica,arial,tahoma,sans-serif;
       padding: 3px 3px 3px 3px;
       margin: 0px 0px 0px 4px;
       }
       .navBottom a { color: white; text-decoration: none; }
       .navBottom a:visited { color: white; text-decoration: none; }
       .navBottom a:hover { color: white; text-decoration: none; }


/*****Rant Styles*****/

  /*****Mike*****/
.mike { font-size: 10pt; color: #FFFFFF;
        font-family: Verdana, Helvetica, Arial, Tahoma, Sans-serif; }
.mike a { font-size: 10pt; color: #3366FF; text-decoration: underline; }
.mike a:visited { color: #606060; text-decoration: underline; }


.mike_image {  border: 2px solid #000000; margin: 10px 10px 10px 10px; }
.mike_title { font-size: 13pt; font-weight: bold; color: #BFBFBF;
               text-decoration: none; text-align: left;
               font-family:verdana,helvetica,arial,tahoma,sans-serif; }
.mike_data {  font-size: 7pt; color: #999999; text-align: left;
               font-family:verdana,helvetica,arial,tahoma,sans-serif; }

.mike_data a {  font-size: 7pt; color: #BFBFBF;
                 font-family:verdana,helvetica,arial,tahoma,sans-serif; }



  /*****Spekk*****/
.spekk { font-size: 10pt; color: #BFBFBF;
        font-family: Verdana, Helvetica, Arial, Tahoma, Sans-serif; }
.spekk a { font-size: 10pt; color: #3366FF; text-decoration: underline; }
.spekk a:visited { color: #606060; text-decoration: underline; }


.spekk_image {  border: 2px solid #000000; margin: 10px 10px 10px 10px; }
.spekk_title { font-size: 13pt; font-weight: bold; color: #BFBFBF;
               text-decoration: none; text-align: left;
               font-family:verdana,helvetica,arial,tahoma,sans-serif; }
.spekk_data {  font-size: 7pt; color: #999999; text-align: left;
               font-family:verdana,helvetica,arial,tahoma,sans-serif; }

.spekk_data a {  font-size: 7pt; color: #BFBFBF;
                 font-family:verdana,helvetica,arial,tahoma,sans-serif; }



  /*****Drew*****/
.drew { font-size: 10pt; color: #BFBFBF;
        font-family: Verdana, Helvetica, Arial, Tahoma, Sans-serif; }
.drew a { font-size: 10pt; color: #3366FF; text-decoration: underline; }
.drew a:visited { color: #606060; text-decoration: underline; }


.drew_image {  border: 2px solid #000000; margin: 10px 10px 10px 10px; }
.drew_title { font-size: 13pt; font-weight: bold; color: #BFBFBF;
               text-decoration: none; text-align: left;
               font-family:verdana,helvetica,arial,tahoma,sans-serif; }
.drew_data {  font-size: 7pt; color: #999999; text-align: left;
               font-family:verdana,helvetica,arial,tahoma,sans-serif; }

.drew_data a {  font-size: 7pt; color: #BFBFBF;
                 font-family:verdana,helvetica,arial,tahoma,sans-serif; }



/******Gallery******/
.gallery_text { font-size: 10pt; color: #BFBFBF;
                font-family: Verdana, Helvetica, Arial, Tahoma, Sans-serif; }
.gallery_text a { font-size: 10pt; color: #3366FF; text-decoration: underline; }
.gallery_text a:visited { color: #606060; text-decoration: underline; }


.gallery_text_image {  border: 2px solid #000000; }
.gallery_text_title { font-size: 13pt; font-weight: bold; color: #BFBFBF;
                      text-decoration: none; text-align: left;
                      font-family:verdana,helvetica,arial,tahoma,sans-serif; }
.gallery_text_data {  font-size: 7pt; color: #999999; text-align: left;
                      font-family:verdana,helvetica,arial,tahoma,sans-serif; }

.gallery_text_data a {  font-size: 7pt; color: #BFBFBF;
                        font-family:verdana,helvetica,arial,tahoma,sans-serif; }

  /*****Link Dump*****/
.linkdump { font-size: 10pt; color: #FFFFFF;
        font-family: Verdana, Helvetica, Arial, Tahoma, Sans-serif; }
.linkdump a { font-size: 10pt; color: #3366FF; text-decoration: underline; }
.linkdump a:visited { color: #606060; text-decoration: underline; }
.linkdump_number { font-size: 10pt; color: #FFFFFF;
        font-family: Verdana, Helvetica, Arial, Tahoma, Sans-serif; }
.linkdump_number a { font-size: 10pt; color: #FFFFFF; text-decoration: underline; }
.linkdump_number a:visited { color: #FFFFFF; text-decoration: underline; }