
body{background: url('img/slash.png'); background-color: #000000;
     background-attachment: fixed; color: #c0c0c0; font-family: 'Droid Sans', arial, serif;
     font-size: 12pt; min-width: 860px;	padding-top: 30px;}
body#blog{min-width: 980px; padding-right: 120px;}

h2,
h3{margin: 0;}

img{border-style: none;}

a{color: #ffffff;}
a img{border: none;}
a.pdf{font-size: 10pt;}

dl{margin-left: 15px;}
dt{margin-top: 15px;}
dd{margin-left: 10px;}

p#center{text-align: center;}
p.tightTop{margin-top: 0px;}

div.break{width: 600px; margin: auto; border: 1px solid #c0c0c0;}

#legal{text-align: center; font-size: 0.7em;}
#legal a{color: #c0c0c0;}
#legal a:hover{color: #ffffff;}

#headertop{position: relative; width: 800px; height: 77px; margin: auto;}
#header{position: relative; width: 800px; height: 80px; margin: auto;}

#bannertop{width: 50%; position: relative; float: left; height: 77px;
           background: url('img/jeremiah.png');}
#banner{width: 50%; position: relative; float: left; height: 80px;
        background: url('img/tl.png');}

#menu{width: 50%; position: relative; float: right; height: 80px;
      background: url('img/tr.png');}

#content{width: 770px; position: relative; margin: auto;
         background-color: #000000; padding: 15px; min-height: 200px;}

#footer{width: 800px; position: relative; height: 40px; margin: auto;
        background: url('img/foot.png');}
#badges{width: 800px; position: relative; top: 10px; margin: auto;
        text-align: center;}
#index1,
#index2,
#index3{text-align: center;}
#index1{clear: both; width: 50%; float: left;}
#index1 img{vertical-align: bottom; padding: 0px; margin: 0px;}
#index2{width: 50%; float: right;}
#index3{clear: both; width: 100%;}
#indexhid{clear: both; width: 100%; height: 1px;}

#vidbox{position: relative; margin: auto; text-align: center;}

div#web{clear: both; width: 100%;}

p.progdets{text-indent: -2em; margin-left: 2em;}
p.progdets span{font-weight: bold;}
p.progdets span.ital{font-style: italic; font-weight: normal;}

/* BLOG STUFF */
/* Sidebar */
.sidebar{position: fixed; width: 150px; right: 0; top: 20px; display: block;
         background-color: #000000; font-size: 0.8em;}
.sidebar h2{font-size: 1.2em; font-weight: bold;}
.sidebar ul{list-style-type: none; margin: 0; padding: 0 10px 0 10px;}
.sidebar ul li{padding: 10px 0 10px 0;}
.sidebar ul ul li{padding: 0;}
.sidetop{height: 40px; background: url('img/sidetop.png');}
.sidebott{height: 40px; background: url('img/sidebott.png');}
.sidelead{font-weight: bold;}
.sidewrap{/*width*/}

/*other stuff */
.post h2{color: #c0c0c0; font-size: 1.2em; font-weight: bold;
         text-align: center;}
.post h3{color: #c0c0c0; font-size: 1em; text-align: center;
         margin-top: -15px;}
.post a{color: #ffffff;}

.entry{width: 650px; margin: auto;}
.entry img{max-width: 650px;}

.postmetadata{font-size: 0.8em; text-align: right; font-style: italic;}

.navigation{text-align: center; font-size: 0.8em;}

/* NAVIGATION TABS STUFF */

#navcontainer{ position: absolute; width: 30px; height: 30%; left: 0px; top: 20px;
              display: block;}
#navcontainer ul{margin: 0; padding: 0; list-style-type: none;
                 font-family: Arial, Helvetica, sans-serif; font-size: 14px;}
#navcontainer li{margin: 0 0 3px 0;}
#navcontainer a{display: block; color: #000000;}
#navcontainer a:link,
#navlist a:visited{text-decoration: none; color: #000000;}
#navcontainer a:hover{margin-left: -5px;}
#active a:link,
#active a:visited{margin-left: -20px; border: 0px;}
#active a:hover{margin-left: -10px;}
div.alt_text{display: none;}

/*Code snippets*/
pre.ylw{background: url('img/pre_code_bg_blk.gif') repeat-y left top;
        border: none;}
pre{font-size: 12px; padding: 0 0 0 30px; margin: auto; background: #f0f0f0;
    border-left: 1px solid #ccc; border-bottom: 1px solid #ccc;
    line-height: 20px; background: url('img/pre_code_bg_blk.gif') repeat-y left top;
    width: 600px; overflow: auto; /*overflow-Y:hidden;*/}
pre code{font-size: 12px; margin: 0 0 0 30px; padding: 18px 0; display: block;}
pre.code{font-size: 122px; margin: 0 0 0 40px; padding: 18px 0; display: block;
         background: #f0f0f0; border-left: 1px solid #ccc;
         border-bottom: 1px solid #ccc;  line-height: 20px;
         background: url('img/pre_code_bg_blk.gif') repeat-y left top;
         width: 600px;
         overflow: auto;
         /*overflow-Y:hidden;*/
}
.code h2{margin: 0; font-size: 1.5em; padding: 5px 10px 5px 25px;
         background: url(icon_code.gif) no-repeat 5px 6px;}

div.resfull{clear: both; width: 100%;}
div.resleft{clear: both; width: 50%; float: left; margin: 0;}
div.resright{width: 50%; float: right; margin: 0;}
ul.resul{margin: 0;}
p.resright{text-align: right; margin: 0;
}
p.sect{text-align: center; font-size: 16pt; font-weight: bold;
       text-decoration: underline; margin: 0 0 7px 0;}
p.posit{  font-style: italic;
          font-weight: bold;
          margin: 0;
}

/* Snippets */
#sniptable{text-align: center; width: 100%; border-spacing: 0;}
#sniptable td{border-spacing: 0; border-bottom: 1px solid white; padding: 10px;}
.fineprint{text-align: center; font-size: 8pt;}

#prog{display:none; overflow:hidden;}
/*
 font = Libel Suit -> http://www.dafont.com/font.php?file=libel_suit -
BG images -> http://creatr.cc/backgrounds/
*/