html {height: 100%}
body {
  height: 100%;
  background-color: #0E0301;
  color:#FFFFFF;
  font-family: consolas,"Liberation Mono",Helvetica,Arial,sans-serif;
  font-size: .9em;
  line-height: 1.3em;
}

a:link, a:visited {
  color: #FFD415;
  text-decoration: none;
}
a:hover, a:active {
  color: #FFF4AA
}

h1, h2, h3 {
  font-weight: bold;
  color: #9BD1D5;
}
h1 { font-size: 150% }
h2 { font-size: 130% }
h3 { font-size: 110% }

input, textarea {
  background-color: #3B3B3B;
  color: #ccc;
  border: 1.5px dashed #4c4c4c;
  padding: .25em;
}
input[type="submit"]:hover {
  color: #FFF4AA;
  text-decoration: blink;
  /* Why blink, you ask? Cuz I was feelin frisky. */
}


p {
    margin: .9em 0;
}
label { margin: 0 1em}

strong {font-weight: bold}

#background_wrapper {
  background-image: url("/images/red_bar.png");
  background-repeat: repeat-x;
  background-position: top;
  height: 399px;
  
  width: 100%;
  position: absolute;
  z-index: 1;
  left: 0;
}

#circuit_bg {
  background-image: url("../images/circuit_header.png");
  background-repeat: no-repeat;
  background-position: top center;
  height: 399px;
}

#horiz_gradient {
  background-image: url("../images/horiz_gradient.png");
  background-position: center;
  background-repeat: repeat-y;
  margin: auto;
  height: 100%;
  width: 100%;
}

#vert_gradient {
  position: absolute;
  z-index: 3;
  top: 0;
  background-image: url("../images/gradient_bar_2.png");
  background-position: top;
  background-repeat: repeat-x;
  width: 100%;
  height: 399px;
}

/* ---------------------------- */
#page-container {
  position: relative;
  z-index: 3;
  width: 950px;
  margin: auto;
  background-color: #242424;

  
  min-height: 100%; 
  height: auto !important; 
  height: 100%;
  
  background-image: url("../images/content_left_dots.gif");
  background-repeat: repeat-y;
  background-position: left;
}

  #header {
    background-color: #242424;
    background-image: url("../images/paint.jpg");
    background-position: top right;
    background-repeat: no-repeat;
    position:relative;
    z-index: 1;
  }
  
    #logo {
      position: relative;
      margin: 10px 0 0 35px;
    }
    #left-side-pattern{
      position:absolute;
      width: 6px;
      background-image: url("../images/header_left_side_pattern.gif");
      background-repeat: repeat-y;
      height: 131px;
    }
    #bottom-pattern {
      width: 100%;
      min-height:6px;
      height:6px;
      margin-top: 20px;
      background-image: url("../images/header_bottom_pattern.gif");
      background-repeat: repeat-x;
      background-position: bottom;
      line-height: 0px;
      font-size:0px;
    }

  #right_border {
    position: absolute;
    right: 0px;
    z-index: 0;
    height: auto !important;
    min-height: 100%;
    height: 100%;
    width: 9px;
    background-image: url("../images/content_right_border.gif");
    background-repeat: repeat-y;
    background-position: center;
  }
  
  #content {
    padding: 15px 2em 40px 2.5em;
    /*border-bottom: 1px dashed red;*/
  }

  #content-container {
    width: 680px;
    float: left;
  }
   

  #footer {
    position: fixed;
    bottom: 0 !important;
    bottom: -1px; /* For Certain IE widths */
    height: 40px;
    width: 950px;
    color: #FFCC00;
  }
    #footer-image {
      position: absolute;
      text-align: left;
      bottom: 0px;
      z-index: 1;
    }
    #footer-text {
      text-align: center;
      z-index: 2;
      position: absolute;
      top: 13px;
      width: 100%;
    }
    #dbg1, #dbg2, #dbg3, #dbg4, #dbg5 {
      height: 3px;
      z-index: 0;
      background-color: #242424;
      position: relative;
    }
    /* in your infinite mercy, please forgive the filter:alpha(opacity=x) it is for the unholy browser */
    #dbg1 { opacity: .1; margin-top: 6px; filter:alpha(opacity=30) }
    #dbg2 { opacity: .3; filter:alpha(opacity=55) }
    #dbg3 { opacity: .5; filter:alpha(opacity=70) }
    #dbg4 { opacity: .7; filter:alpha(opacity=80) }
    #dbg5 { opacity: .8; height: 20px; filter:alpha(opacity=90) }

    
    .clear { clear: both }
/* --- Mephisto Specific --- START */
#sidebar {
    float: right;
}
#sform {
    margin-bottom: 20px;
}
/* --- Mephisto Specific --- END */