body {
  margin: 0;
  background: #000;
  color: #fff;
  font-family: "Lucida Console", Monaco, Monospace, Inconsolata, "DejaVu Sans Mono";
}

a, a:visited {
  color: #fffc00;
  background: #000;
  text-decoration: none;
}

a:hover, a:active {
  color: #000;
  background: #fffc00;
}

a img {
  border: none;
}

p {
  font-size: 12px;
}

input {
  /* display: block; */
}

table {
  font-size: 12px;
  border-spacing: 0
}

  tr.head td {
    color: #999;
  }

  td {
    padding: 10px;
    /*border-bottom: 1px solid #fff; */
    margin: 0;
    text-align: center;
  }

    td a {
      color: #fffc00;
      padding: 10px;
      font-weight: bold;
    }

  tr.gray td, tr.gray td a {
    background: #101010;
  }

    tr.gray td a:hover {
      background: #fffc00;
      color: #101010;
    }

  td.control a {
    color: #2c8fff;
  }
  
    td.control a:hover, tr.gray td.control a:hover {
      color: #000;
      background: #2c8fff;
    }

  tr.black td {
    background: #000;
  }

  td a.login {
    font-size: 14px;
  }

  td.desc {
    text-align: left;
  }

  h2 {
    margin-top: 30px;
  }

/* helpers for alternating gray/black themes */
div.gray {
  background: #101010;
  border-bottom: 1px dotted #666;
}

div.black {
  background: #000;
}

  div.gray a {
    background: #101010;
  }
  
    div.gray a:hover {
      color: #101010;
    }
  
  div.black a {
    background: #000;
  }
  
    div.black a:hover {
      color: #000;
    }

span.yellow, span.yellow a {
  color: #fffc00;
}

span.yellow a {
  font-weight: bold;
}

span.yellow a:hover {
  background: #fffc00;

}

span.blue {
  font-weight: bold;
}

  span.blue {
    color: #2c8fff;
    font-weight: normal;
  }

  span.blue a {
    font-weight: bold;
    color: #2c8fff;
  }

  span.blue a:hover {
    background: #2c8fff;
    color: #000;
  }

span.green {
  color: #30e864;
}
 
 span.green a {
    font-weight: bold;
    color: #30e864;
  }

  span.green a:hover {
    background: #30e864;
    color: #000;
  }

span.pink {
  color: #ff0451;
}

  span.pink a {
    color: #ff0451;
    font-weight: bold;
  }

  span.pink a:hover {
    background: #ff0451;
  }

span.white {
  color: #fff;
}

  span.white a {
    color: #fff;
    font-weight: bold;
  }

  span.white a:hover {
    background: #fff;
    color: #000;
  }

span.feed {
  color: #ff8000;
}

  span.feed a {
    color: #ff8000;
    font-weight: bold;
    font-size: 12px;
    display: block;
  }

  span.feed a:hover {
    background: #ff8000;
    color: #000;
  }

  span.gray {
    color: #666;
  }

/* layouts */

#controlPanel {
  width: 187px;
  padding: 11px;
  background: #101010;
  border: 1px dotted #2c8fff;
}

  #secondary #controlPanel h4 {
    margin-top: 0;
    font-size: 11px;
    font-weight: normal;
    color: #999;
  }

  #controlPanel div {
    margin-bottom: 16px;
  }

  #controlPanel ul {
    list-style-type: none;
    list-style: none;
    margin: 0;
    padding: 0;
  }

    #controlPanel li {
      display: inline;
      margin: 0 3px;
    }

      #controlPanel a {
        padding: 3px;
        font-size: 11px;
        color: #2c8fff;
        background: #000;
      }

        #controlPanel a.active {
          color: #000;
          background: #fffc00;
        }

      #controlPanel a:hover {
        color: #000;
        background: #fff;
      }

#about p {
  font-size: 12px;
}

#tertiary a{
  display: block;
  margin: 6px 0;
  font-size: 12px;
}

#tertiary h4, #secondary h4 {
  margin-bottom: 6px;
}

#secondary .partial h5 {
  font-size: 12px;
  margin: 6px 0 12px 0;
}

#miniLogin {
  font-size: 12px;
}

  #tertiary .textFields input {
    margin-bottom: 5px;
    width: 100px;
  }
  
  #tertiary .submit input {
    margin: 5px auto 0 auto;
  }

#search {
  font-size: 12px;
  text-align: center;
  margin-bottom: 8px;
}

  #search input {
    margin: 3px auto;
    display: inline;
  }

  #search .options {
    display: block;
    font-size: 12px;
    vertical-align: bottom;
    margin: 2px auto;
    line-height: 12px;
  }

  #search .options input {
    margin: 0;
  }
 
#staff .role {
  font-size: 11px;
  color: #666;
}

  #staff .user a {
    margin: 2px 0;
  }

/* Users */

.user table {
  margin: 0 auto;
}

.user table tr.gray td {
  font-weight: bold;
  padding: 12px;
  border-bottom: 1px dotted #999;
}

/* Notice and Error Handling  */
#notice, #warning, #errorExplanation {
  color: #000;
  padding: 12px;\
  width: 600px;
  margin: 3px 0;
}

#notice, #warning {
  font-size: 12px;
  font-weight: bold;
  font-size: 14px;
  margin: 0;
  text-align: center;
}

  #notice {  
    color: #30e864;
    border-bottom: 1px dotted #30e864;
  }
  
  #warning {
    color: #ff0451;
    border-bottom: 1px dotted #ff0451;
  }
  
#errorExplanation {
  color: #2c8fff;
}

  #errorExplanation h2, #warning h2 {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    margin: 0;
    color: #fffc00;
  }

  #errorExplanation li, #warning li {
    font-size: 12px;
    font-weight: bold;
    margin: 3px 0;
  }

  #errorExplanation ul li:before {
	  content: ">> ";
  }

  #errorExplanation p, #warning p {
    color: #000;
    margin: 0;
  }

  #errorExplanation ul, #warning ul {
    margin: 0 0 0 40px;
    padding: 0;
    list-style: none;
  }

.fieldWithErrors input, .fieldWithErrors textarea {
  background: #30e864;
  border: 2px solid #30e864;
}


/* Header and nav */

#border {
  width: 1000px;
  height: 25px;
  margin: 0 auto;
  background: url('../images/border.png') repeat-x;
}

#header {
 width: auto;
 margin: 0 auto 16px auto;
 display: block;
 width: 100%;
 height: 68px;
 text-align: left;
 background: #2c8fff;
 border-bottom: 3px solid #fff;
}


  #header #logo {
    float: left;
    margin: 0 20px 0 0;
    padding: 0;
  }

    #header #logo a {
      background: url('../images/logo.png') no-repeat;
      display: block;
      vertical-align: top;
      height: 68px;
      padding: 0;
      margin: 0;
      width: 337px;
    }
    
      #header #logo a:hover {
        background: url('../images/logo_inverse.png') no-repeat;
      }

  .nav {
    display: block;
    float: left;
    padding: 0;
    margin-top: 25px;
    margin-right: 42px;
  }

    .nav ul {
      padding: 0;
      margin: 0;
      height: 26px;
    }
  
    .nav ul li {
      padding: 0;
      display: inline;
    }
    
    .nav ul li a {
      font-size: 16px;
      font-weight: bold;
      padding: 8px;
      margin: 0;
      color: #000;
      underline: none;
    }
    
      .nav ul li a.white:hover,
      .nav ul li a.whiteActive {
        background: #fff;
        color: #000;
      }

        .nav ul li a.white,
        .nav ul li a.whiteActive:hover {
          color: #fff;
          background: #000;
        }
      
      .nav ul li a.yellow:hover,
      .nav ul li a.yellowActive {
        background: #fffc00;
        color: #000;
      }
    
        .nav ul li a.yellow,
        .nav ul li a.yellowActive:hover {
          color: #fffc00;
          background: #000;
        }
    
      .nav ul li a.green:hover,
      .nav ul li a.greenActive {
        background: #30e864;
        color: #000;
      }
    
        .nav ul li a.green,
        .nav ul li a.greenActive:hover {
          color: #30e864;
          background: #000;
        }
      
      .nav ul li a.blue:hover, 
      .nav ul li a.blueActive {
        background: #2c8fff;
        color: #000;
      }
    
        .nav ul li a.blue,
        .nav ul li a.blueActive:hover {
          color: #2c8fff;
          background: #000;
        }

/* Main Section Style */

#primary {
  width: 618px;
  float: left;
  padding: 0;
  margin: 0;
}

#secondary {
  width: 211px;
  float: left;
  padding: 0 14px;
  margin: 0;
}

  #secondary h4, #tertiary h4 {
    color: #fff;
    font-size: 14px;
  }

    #secondary .partial h4 {
      text-align: center;
      color: #999;
      margin-bottom: 6px;
      font-size: 11px;
      font-weight: normal;
    }

    #secondary h4.center {
      text-align: center;
      font-size: 16px;
      font-weight: bold;
      color: #30e864;
    }

#tertiary {
  width: 120px;
  float: left;
  padding: 0 14px;
  background: #101010;
  margin: 0;
}

#content {
  margin: 0 auto;
  clear: both;
  padding: 0;
  width: 1005px;
}

h2.title {
  color: #fffc00;
  margin: 4px 0 0 0;
  font-size: 22px;
  font-weight: normal;
}

  h2.title a {
    color: #fff;
  }

  h2.title a:hover {
    background: #fff;
  }

div.links, div.yellowLinks, div.blueLinks{
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 10px 0;
}

  div.links a, div.links a:visited, div.blueLinks a, div.blueLinks a:visited {
    color: #2c8fff;
  }

  div.links a:active, div.links a:hover, div.blueLinks a:active, div.blueLinks a:hover {
    color: #000;
    background: #2c8fff;
  }

/* Article Style */

/* Partial */
div.article {
  font-size: 12px;
  max-width: 618px;
}

  div.article div.gray, div.article div.black {
    padding: 20px;
  }

  div.article div.gray a, div.article div.black a {
    font-size: 12px;
  }
     
    div.article div.gray h2.title a, div.article div.black h2.title a {
      font-size: 20px;
    }

  div.article h2, div.article p.by, div.article div.summary {
    margin: 0;
  }

  div.article div.body p {
    line-height: 22px;
  }

  div.showArticle div.body blockquote p {
    background: #6AADF8;
    padding: 16px;
    letter-spacing: 0.8px;
    font-weight: bold;
    border: 1px dotted #236AB9;
  }

    div.body a, div.body a:active, div.body a:visited {
      font-weight: bold;
      color: #000;
      background: #6aadf8;
    }

    div.body a:hover {
      background: #fffc00;
    }


  /* links  */

    .right a {
      display: inline;
      margin-left: 6px;
    }

    #links .linkItem {
      display: block;
      margin-bottom: 12px;
    }

    #links .linkDescription {
      color: #333;
      font-size: 11px;
      display: block;
      margin-top: 3px;
    }

    #linkForm {
      margin-top: 18px;
    }

  div.article div.summary, div.article p.summary, div.article p.snippet{
    margin: 10px 0;
  }

  div.article span.yellow span.comments {
    text-align: right;
    font-size: 12px;
    display: block;
    width: 100%;
  }

/* show article */

  .underTitle {
    font-size: 12px;
    text-align: center;
    margin-top: 10px;
  }

  .showArticle h2.title {
    font-size: 32px;
    margin-top: 20px;
    text-align: center;
  }

  .showArticle .body p.summary {
    font-weight: bold;
    font-size: 16px;
    text-align: right;
  }

  .showArticle .body {
    background: #AFD7FF;
    padding: 16px 32px 32px 32px;
    margin-top: 6px;
    border: 1px dotted #2c8fff;
    font-size: 12.5px;
    color: #000;
    font-family: Monospace;
  }

  .showArticle .body p {
    line-height: 22px;
    margin: 16px 0;
  }

  .showArticle .right {
    display: block;
    text-align: right;
  }
 
    .showArticle .right a {
      font-size: 16px;
    }

  .showArticle ul li, .showArticle ol li {
    font-family: "Lucida Console", Monaco, Monospace, Inconsolata, "DejaVu Sans Mono";
    margin: 8px 0;
    font-size: 12px;
    font-weight: bold;
  }

    .showArticle ul li {
      list-style-type: none;
    }

  .showArticle ul li:before, .showArticle ol li:before {
    margin-right: 8px;
    color: #0077ff;
    font-weight: bold;
  }

    .showArticle ul li:before {
      content: "=";
    }

/* Roles Style */

div.role {
  font-size: 12px;
  max-width: 618px;
}

  div.role div.gray, div.role div.black {
    padding: 20px;
  }

  div.role div.gray a, div.role div.black a {
    font-size: 12px;
  }
     
    div.role div.gray h2.title a, div.role div.black h2.title a {
      font-size: 18px;
    }

  div.role h2, div.role p.by, div.role div.permissions {
    margin: 0;
  }

  div.role div.body p {
    line-height: 22px;
  }


  /* Comments */
  
  div.comment div.gray, div.comment div.black{
    padding: 16px;
  }

    div.comment div.body {
      font-size: 12px;
      padding: 10px;
      padding-bottom: 0;
    }

    div.comment div.heading span.commenter {
      font-weight: bold;
    }

    div.comment div.heading span.created {
      font-size: 12px;
      color: #30e864;
    }

    div.comment span.blue, div.comment span.green {
      font-size: 12px;
    }

    .comment .title {
      font-size: 13px;
      font-weight: bold;
    }

  textarea#comment_body { 
    width: 448px;
    height: 192px;
  }

  .fieldWithErrors textarea#comment_body {
    width: 384px;
  }

  /* forms */

  h2.formTitle, h2.center {
    text-align: center;
    margin-bottom: 12px;
    font-weight: normal;
    letter-spacing: 2px;
  }

  h4.center {
    text-align: center;
    margin-bottom: 6px;
    font-size: 22px;
    color: #2c8fff;
    font-weight: normal;
  }

  h5.center {
    text-align: center;
    margin-bottom: 6px;
    font-size: 16px;
    color: #30e864;
  }
  
  h6.center {
    text-align: center;
    margin: 6px 0;
    font-size: 12px;
    color: #30e864;
  }

  .quiet {
    text-align: center;
    margin: 0;
    font-size: 11px;
    font-weight: normal;
    color: #999;
  }

  a.changePass {
    font-size: 14px;
    display: block;
    width: 200px;
    padding: 12px;
    font-weight: bold;
    margin: 10px auto;
    text-align: center;
  }

  table.formBox {
    background: #101010;
    padding: 20px;
    margin: 10px auto;
  }

/*
    table.formBox td.input {
      width: 50%;
    }

    table.formBox td.label {
      width: 30%;
    }

    table.formBox td.required {
      width: 10%;
    }

*/

    div.formContainer {
      display: block;
      width: 100%;
    }

    div.formOne, div.formTwo {
      float: left;
      display: block;
      clear: left;
    }

      div.formOne {
        width: 61.8%;
      }
  
      div.formTwo {
        width: 38.2%;
      }
  
    div.clear {
      display: none;
      clear: both;
    }

    table.formBox input, table.formBox textarea, table.formBox select {
      padding: 2px;
      display: block;
      font-size: 12px;
      margin: 0 auto 0 0;
      font-family: "Lucida Console", Monaco, Monospace, Inconsolata, "DejaVu Sans Mono";
    }

      table.formBox input.hidden {
        display: none;
      }
      
      table.formBox textarea {
        height: 100px;
      }

      table.formBox .password input {
        letter-spacing: 3px;
        width: 200px;
      }

      table.formBox div.fieldWithErrors input {
      }


  /* input page */

  table.formBox td.body textarea {
    width: 512px;
    height: 512px;
  }

  table.formBox td.title input, table.formBox td.title textarea{
    width: 448px;
  }

    table.formBox td.semi input, table.formBox td.semi textarea {
      width: 320px;
    }

    table.formBox label {
      font-size: 12px;
      margin-bottom: 3px;
      display: block;
      text-align: right;
    }

      table.formBox div.fieldWithErrors label {
        color: #30e864;
      }

    table.formBox td.required {
      font-size: 10px;
      color: #2c8fff;
      text-align: left;
      width: 96px;
    }



    div.formSubmit {
      width: 100%;
    }

      div.formSubmit input {
        color: #fff;
        font-size: 16px;
        padding: 3px 12px;
        margin: 8px auto;
        display: block;
        border: 0;
        font-family: "Lucida Console", Monaco, Monospace, Inconsolata, "DejaVu Sans Mono";
      }

        div.formSubmit input:hover {
          background: #2c8fff;
        }

  /* centered objects */
  p.center, p.formNote {
    text-align: center;
  }
  
  h4.center {
    text-align: center;
    margin-bottom: 6px;
  }
  

  /* topics */
  div.categories a.gray {
    background: #101010;
    border-bottom: 1px dotted #666;
  }

  div.categories a.black {
    background: #000;
  }

  div.categories a.gray, div.categories a.black {
    padding: 3px;
    display: block;
  }

  div.categories div.desc, div.categories span.blue {
    font-size: 12px;
  }

  div.categories td.name {
    width: 150px;
    text-align: center;
  }

  div.categories td.info {
    padding-right: 20px;
  }

  div.categories span.yellow {
    font-size: 14px;
    font-weight: bold;
  }

  div.categories span.blue {
    font-size: 14px;
    font-weight: bold;
  }

  div.categories div.desc {
    color: #fff;
  }

  div.categories a:hover {
    background: #AFD7FF;
  }

    div.categories a:hover div.desc {
      color: #000;
    }
    
    div.categories a:hover span.yellow {
      color: #000;
      background: #fffc00;
    }
    
    div.categories a:hover span.blue {
      color: #000;
      background: #2c8fff;
    }

/* footer */

#footer {
  width: 100%;
  border-top: 1px dotted #2c8fff;
  background: #0f3d54;
  display: block;
  height: 68px;
  clear: both;
  margin-top: 20px;
}

  #footer .nav ul {
    margin: 0 auto 0 16px;
  }