/* chrismaverick.com CSS spec */

/* Global Instructions */

body { 
       background-color: #750000;
       font-size: 8pt;
       color: #000000;
       font: normal normal 10pt Comic Sans MS, Arial, Verdana, Helvetica, sans-serif;
       }

A {
    text-decoration: none;
    color: #5532cc;
    }
A:hover { color: #FFFFFF; }
A:active { color: #FFFFFF;}

div.pagetitle { 
                font: normal bold 12pt Comic Sans MS, Arial, Verdana, Helvetica, sans-serif;
                color: #800000;
                }
/* header */

div.header { 
             background-color: #000000;
             background-image: url(../images/header.jpg);
             background-attachment: absolute;
             background-repeat: no-repeat;
             position: fixed;
             left: 0;
             top: 0;
             width: 100%;
             height: 130px;
             z-index: 20;
             }

div.header div.sigil { 
                       position:absolute;
                       left: 0px;
                       top: 0px;
                       }

div.header div.logo { 
                       position:absolute;
                       left: 330px;
                       top: 0px;
                       }

div.header a { 
               color: #FFFFFF;
               }

div.header div.navbar1 {
                         font: bold normal 10pt Arial, Verdana, Helvetica, sans-serif; 
                         color: #FFFFFF;
                         position: absolute;
                         top: 70px;
                         height: 24px;
                         width: 100%;
                        }

div.header div.navbar1 div.navitem { 
                                     position: absolute;
                                     top: 0;
                                     padding-top: 6px;
                                     padding-left:8px;
                                     width: 12%;
                                     height: 100%;
                                     vertical-align: middle;
                                     }

div.header div.navbar1 div.navitem:hover { 
                                           background-color: #500000;
                                           }

div.header div.navbar2 {
                         font: normal normal 10pt Arial, Verdana, Helvetica, sans-serif; 
                         color: #FFFFFF;
                         position: absolute;
                         top: 100px;
                         height: 24px;
                         width: 100%;
                        }

div.header a:hover div.navbar2 { 
                                 display: block;
                                 }

div.header div.navbar2 div.navitem { 
                                     position: absolute;
                                     top: 0;
                                     padding-top: 6px;
                                     padding-left:5px;
                                     width: 6%;
                                     height: 100%;
                                     }
div.header div.navbar2 div.navitem:hover { 
                                           background-color: #500000;
                                           }

/* body */

div.rightsidebar { 
                   background-color: #750000;
                   width: 240px;
                   min-height: 80%;
                   position: absolute;
                   top: 0px;
                   left: 720px;
                   z-index: 10;
                   padding-top: 130px;
                   color: #FFFFFF;
                   font-size: 0.9em;
                   margin: 10px;
                   }

div.rightsidebar a {
                     color: #8080FF;
                     }

div.rightsidebar A:hover { color: #FFFFFF; }
div.rightsidebar A:active { color: #FFFFFF;}

div.content { 
              position: absolute;
              top: 130px;
              left: 0px;
              width: 700px;
              min-height: 80%;
              padding: 10px;
              background-color: #808080;
              }

div.content div.banner { 
                         margin-left: 0px;
                         margin-bottom: 10px;
                         }

/* polaroid style */

div.polaroid {
               float: left;
               background: #606060;
               padding: 0 1px;
               border-left: 1px solid #757575;
               border-right: 1px solid #757575;
               position: relative;
               }    

div.polaroid img {
                   padding: 5px 5px 18px 5px;
                   background: white url(http://www.elseworld.com/mav/ljstuff/shadows/shad_bottom.png) repeat-x bottom left;
                   border: 0px;
                   }

div.polaroid img {
                   padding: 5px 5px 18px 5px;
                   background: white url(http://www.elseworld.com/mav/ljstuff/shadows/shad_bottom.png) repeat-x bottom left;
                   border: 0px;
                   }

div.polaroid span.ljvideo {
                            padding: 5px 5px 18px 5px;
                            background: white url(http://www.elseworld.com/mav/ljstuff/shadows/shad_bottom.png) repeat-x bottom left;
                            border: 0px;
                            }

div.polaroid div.topleft {
                           width: 2px;
                           height: 4px;
                           background: url(http://www.elseworld.com/mav/ljstuff/shadows/shad_tlcorner.png) no-repeat top left;
                           position: absolute;
                           top: 0px;
                           left: -1px;
                           }

div.polaroid div.topright {
                            width: 2px;
                            height: 4px;
                            background: url(http://www.elseworld.com/mav/ljstuff/shadows/shad_trcorner.png) no-repeat top right;
                            position: absolute;
                            top: 0px;
                            right: -1px;
                            }

div.polaroid div.bottomleft {
                              width: 4px;
                              height: 4px;
                              background: url(http://www.elseworld.com/mav/ljstuff/shadows/shad_blcorner.png) no-repeat bottom left;
                              position: absolute;
                              bottom: 0px;
                              left: -1px;
                              }

div.polaroid div.bottomright {
                               width: 4px;
                               height: 4px;
                               background: url(http://www.elseworld.com/mav/ljstuff/shadows/shad_brcorner.png) no-repeat bottom right;
                               position: absolute;
                               bottom: 0px;
                               right: -1px;
                               }

/* Special */

.date {
        font:              normal bold 12pt Comic Sans MS, Verdana, Arial, Helvetica, sans-serif;
        color:             #800000;
        text-align:        right;
        }