@import "style_common.css";

    body {
     background-color:#7E7D77;
     background-image:url(background_v.gif);
     background-repeat:repeat-y;
     font-family: Monaco, Courier, Monospace;
     color: #3D3B1F;
     padding: 0px;
     margin: 0px; }

    .nsfw {
     font-family: Monaco, Courier, Monospace;
     font-weight:normal;
     color: #4b4935;}

    #background {
     background-image: url(background_teaser.gif);
     background-position: 0px 0px;
     background-repeat: no-repeat;
     position: absolute;
     top: 0px;
     left: 0px;
     height: 650px;
     width: 1004px;}

    #camera {
     background-image: url(d200.jpg);
     position: absolute;
     top: 145px;
     left: 535px;
     height: 313px;
     width: 412px;
     z-index: 100;
    }

    ul.teasers {
     list-style-type: None;
     list-style-position: outside;
     position: absolute;
     left: 64px;
     top: 78px;
     border: 0px;
     margin: 0px;
     padding: 0px;
     width:470px;
    }

    li.teaser {
     display: block;
     position: relative;
     top: 0px;
     left: 0px;
     width:470px;
     height:62px;
     margin: 0px;
     padding: 0px;
     border: 0px;
    }

    a.teaserLink {
     display: block;
     position: absolute;
     top: 0px;
     left: 0px;
     width:470px;
     height:62px;
     background-image:url(teaser_background.gif);
     padding: 0px;
     border: 0px;
     margin: 0px;
     font-size: 0.7em; }

    a.teaserLink:hover {
     text-decoration: none; }
    a.teaserLink:active {
     text-decoration: none; }

    a.teaserLinkPlus {
     display: block;
     position: absolute;
     top: 0px;
     left: 0px;
     width:470px;
     height:62px;
     background-position:top;
     padding: 0px;
     border: 0px;
     margin: 0px;
     font-size: 0.7em; }

    a.teaserLinkPlus:hover {
     background-position:bottom;
     text-decoration: none; }
    a.teaserLinkPlus:active {
     background-position:bottom;
     text-decoration: none; }


    .teaserEnd {
     position: relative;
     top: -5px;
     left: 0px;
     width:470px;
     height:10px;
     padding: 0px;
     margin: 0px; 
     border: 0px;
     background-image:url(teaser_background_end.gif);
     background-repeat:no-repeat;
     background-position: left top;  }

    .teaserImage {
     position: absolute;
     left: 11px;
     top: 6px;
     border: 0px;
    }

    .teaserDate {
     color: #959068;
     position: absolute;
     top: 10px;
     left: 150px;
     font-size: 12px;
     font-family:Monaco,Courier,fixed-width;
    }

    .teaserTitle {
     color: #65645A;
     position: absolute;
     top: 10px;
     right: 20px;
     font-size: 12px;
     font-family:Monaco,Courier,fixed-width;
    }

    .teaserIntro {
     color: #3D3B1F;
     position: absolute;
     bottom: 10px;
     right: 20px;
     font-family: Tahoma, Arial, Non-Serif;
     font-size: 10px; }



    #thumbnails {
     position: absolute;
     top:10px;
     left:10px;
     height: 450px;
     width: 450px;
     list-style-type: none;
     list-style-position: outside;
     margin: 0px;
     padding: 0px;
     border: 0px;
}
     
     #shuffle {

     background-image: url(background_shuffle.gif);
     background-position: 0px 0px;
     background-repeat: no-repeat;
     position: absolute;
     display:block;
     top: 34px;
     left: 64px;
     width: 470px;
     height: 470px;
     margin:0px;
     padding: 0px;
     border: 0px;
     overflow:hidden;}
     

   #shuffleimage {
     display: block;
     position: absolute;
     text-decoration: none;
     border: 0px;
     padding: 0px;
     margin: 0px;
     background-position: middle middle;
     background-repeat: no-repeat;
     overflow: hidden;
     max-height:450px;
     max-width:450px;
    }

    #shuffletitle {
     background-image: url(background_shuffletitle.png);
     background-position: bottom center;
     background-repeat: no-repeat;
     height: 28px;
     width: 100%;
     position: absolute;
     bottom: 0px;
     left: 0%;
     padding: 0em 0em 0em 0em;
     margin: 0px;
     border: 0px;
     display: block;
     vertical-align:bottom;
     text-align: center;
     }

    #nsfwswitch {
     position: absolute;
     top: 470px;
     left: 545px;
     font-size:11px;

     }