@CHARSET "UTF-8";

/*
  stylesheet for www.mainframe8.com and all subsites.
    copyright 2006 christian stottmeister.
    please respect copyright and design.
*/

  body {    
    font-family:Arial,Helvetica,sans-serif;
        background-color:#000000;
        color:#FFFFFF;
  }
    
    .parent {
      position: absolute;
      top: 25px;
      left: 35px;
      text-align: center;
      width: 580px;
      background-color: #000000;
    }
    
    .randomimageplaceholder {
      position: absolute;
      top: 0px;
      left: 0px;
      width: 300px;
      height: 199px;
      background-image: url(layout/randomimagebackground.png);
    }
    
    .randomimage {
      position: absolute;
      top: 1px;
      left: 1px;
      width: 298px;
      height: 198px;
    }
    
    .horizontalrule {
      position: absolute;
      top: 199px;
      left: 0px;
      width: 580px;
      height: 1px;
      background-image: url(layout/horizontalrule2.png);
      text-align: left;
    }
    
    .verticalrule {
      position: absolute;
      bottom: 0px;
      left: 0px;
      background-color: #FFFFFF;
      width: 1px;
      height: 50px;
    }
    
    .content {
      position: absolute;
      top: 200px;
      left: 299px;
      width: 275px;
    background-image: url(layout/contentbackground.png);
    padding-top: 2px;
    padding-left: 5px;
    text-align: justify;
    font-family: Verdana, Arial, sans-serif;
    font-size: 12px;
    }
    
    .content a {
      color: #CCFF99;
      text-decoration: none;
    }
    
    .content a:hover {
      color: #99FF66;
    }
    
    ul {
      text-align: left;
    }
    
    .logo {
      position: absolute;
      top: 158px;
      left: 303px;
      width: 278px;
    height: 40px;
      background-color: #FFFFFF;
    }

    a {
      color: #CCFF99;
      text-decoration: none;
    }
    
    a:hover {
      color: #99FF66;
    }
    
    input,textarea {
      background-color: #FFFFFF;
      color: #000000;
      border-style:groove;
      border-color:#99FF66;
    }
    
    .smallFooter {
      font-size:small;
    }
    
    /* scriptserver.mainframe8.com relevant styles */
    
    .box_info {
        margin-left:auto;
        margin-right:auto;
        margin-bottom:15px;
        border-width:1px;
        border-color:#99FF66;
        border-style:dashed;
        padding: 5px 5px 5px 35px;
        width:428px;
        text-align:left;
        font-size: small;
        background-image:url(http://www.mainframe8.com/images/icons/twotone/green/quote.gif);
        background-repeat:no-repeat;
        background-position: 10px 8px;
    }
    
    .box_news {
        margin-left:auto;
        margin-right:auto;
        margin-bottom:15px;
        border-width:1px;
        border-color:#99FF66;
        border-style:dashed;
        padding: 5px 5px 5px 35px;
        width:428px;
        text-align:left;
        font-size: small;
        background-image:url(http://www.mainframe8.com/images/icons/twotone/green/news.gif);
        background-repeat:no-repeat;
        background-position: 10px 8px;
    }
    
    .box_warning {
        margin-left:auto;
        margin-right:auto;
        margin-bottom:15px;
        border-width:1px;
        border-color:#99FF66;
        border-style:dashed;
        padding: 5px 5px 5px 35px;
        width:428px;
        text-align:left;
        font-size: small;
        background-image:url(http://www.mainframe8.com/images/icons/twotone/green/caution.gif);
        background-repeat:no-repeat;
        background-position: 10px 8px;
    }
    
    .box_bookmarks {
        margin-left:auto;
        margin-right:auto;
        margin-bottom:15px;
        border-width:1px;
        border-color:#99FF66;
        border-style:dashed;
        padding: 5px 5px 5px 35px;
        width:428px;
        text-align:left;
        font-size: small;
        background-image:url(http://www.mainframe8.com/images/icons/twotone/green/favourite.gif);
        background-repeat:no-repeat;
        background-position: 10px 8px;
    }
    
    .box_description {
        margin-left:auto;
        margin-right:auto;
        width:628px;
        text-align:left;
        margin-bottom: 20px;
    }