#about {
  position: relative;
  min-height: 401px; }
  #about .section {
    padding-top: 14px;
    margin-left: 273px;
    display: none; }
    #about .section .slogan {
      float: right;
      color: #fff;
      margin-top: -3px;
      font-size: 11px;
      margin-right: 10px; }
    #about .section h3 {
      font-size: 20px;
      color: #fff;
      margin-bottom: 10px; }
    #about .section p {
      color: #959595; }
  #about .section.start {
    display: block; }
  #about .nav {
    position: absolute;
    width: 211px;
    top: 0;
    left: 0; }
    #about .nav .brand {
      width: 211px;
      margin-left: 13px;
      padding-top: 25px;
      color: #fff; }
      #about .nav .brand img {
        float: left;
        margin-top: 10px; }
      #about .nav .brand p {
        margin-left: 60px;
        margin-top: 13px; }
    #about .nav ul.black {
      font-family: Verdana,Arial,Helvetica,sans-serif;
      font-size: 1.2em;
      font-weight: bold;
      list-style: none;
      margin: 0;
      padding: 0;
      width: 200px;
      margin: 10px;
      border-style: solid solid none solid;
      border-color: #000;
      border-size: 1px;
      border-width: 1px; }
      #about .nav ul.black li a {
        height: 32px;
        display: block;
        tex-align: right;
        height: 24px;
        text-decoration: none;
        padding: 5px 0 3px 10px; }
      #about .nav ul.black li a:link, #about .nav ul.black li a:visited {
        color: #CCC;
        background: url(/images/splash/nav-black.gif); }
      #about .nav ul.black li a:active, #about .nav ul.black li a:focus {
        outline: none; }
      #about .nav ul.black li a.active {
        color: #FFF;
        background: url(/images/splash/nav-black.gif) 0 -32px; }
      #about .nav ul.black li a:hover {
        color: yellow; }

.flash {
  position: relative;
  padding-right: 25px;
  text-align: center; }
  .flash .close {
    cursor: pointer;
    position: absolute;
    top: 8px;
    right: 2px; }
  .flash a {
    font-weight: bold;
    color: #0066CB; }

.field {
  margin: 0pt 0pt .5em; }
  .field label {
    display: block; }

.field.text_field input, .field.text_field input.title, .field.password_field input, .field.password_field input.title {
  background-color: #fff;
  width: 300px;
  margin: 0;
  border: 2px solid #bbb;
  padding: 5px; }
.field.text_field input:focus, .field.password_field input:focus {
  border: 2px solid #999; }
.field.text_field input.title, .field.password_field input.title {
  font-size: 1.5em; }

.field.time select, .field.date select {
  width: none; }

.field.check_box label {
  display: inline;
  vertical-align: 2px; }

.field.error input, .field.error textarea, .field.error select {
  border: 2px solid red !important;
  margin-bottom: 0; }

em.error {
  display: block;
  color: red;
  font-weight: bold; }

#error_explanation h2 {
  color: darkred;
  font-size: 14px;
  font-weight: bold; }
body {
  background-color: #191919;
  font-family: 'Lucida Grande', Helvetica, Arial, sans-serif;
  font-size: 11px;
  line-height: 24px;
  color: #666; }
  body img {
    border: 0px; }
  body a {
    color: #333; }
  body a:hover {
    color: yellow; }
  body a img {
    border: 0px; }
  body p {
    margin: 0 0 24px; }
  body blockquote {
    font-style: italic;
    font-size: 11px;
    color: #888888;
    margin: 0 0 5px 20px;
    padding: 0 0 0 10px;
    border-left: 4px solid #0066cb; }
  body abbr, body acronym {
    border-bottom: 1px dotted #0066cb;
    text-transform: uppercase; }
  body code {
    color: #474848;
    font-family: Courier,monospace;
    margin: 0 0 5px 5px; }
  body pre {
    margin: 0 0 1.5em 0;
    overflow: auto;
    font-size: 1.3em;
    clear: both; }
  body form {
    margin: 0;
    padding: 0; }
  body h1, body h2, body h3, body h4, body h5, body h6 {
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: #fff; }
  body h1 {
    font-size: 48px;
    color: #fff;
    line-height: 120px; }
    body h1 a {
      text-decoration: none;
      color: #fff; }
  body #wrapper {
    text-align: left;
    margin: auto;
    width: 790px;
    margin-top: 50px; }
  body #header {
    border-bottom: 1px solid #b7b7b7; }
    body #header h2 {
      color: #fff;
      margin: 0 0 6px;
      font-family: Georgia, Times, 'Times New Roman', serif;
      font-weight: normal;
      display: block;
      width: 300px;
      float: right;
      text-align: right;
      font-size: 16px; }
  body ul.navigation {
    margin: 0 0 6px;
    display: block;
    float: right;
    clear: both; }
    body ul.navigation li {
      display: inline; }
      body ul.navigation li a {
        font-family: Georgia, Times, 'Times New Roman', serif;
        text-decoration: none;
        color: #999;
        font-size: 14px;
        margin: 0 0 0 32px; }
      body ul.navigation li a:hover {
        color: yellow; }
      body ul.navigation li a.active {
        color: #fff;
        outline: none; }
      body ul.navigation li a:focus {
        outline: none; }
  body .login {
    float: right;
    padding-top: 8px; }
    body .login a {
      color: #fff;
      text-decoration: none; }
      body .login a:hover {
        text-decoration: underline; }
  body .thumbnail {
    width: 500px;
    float: left;
    position: relative; }
    body .thumbnail .create_form {
      position: absolute;
      right: 0;
      top: 0;
      width: 100%;
      height: 100%; }
      body .thumbnail .create_form .site_form {
        width: 99%;
        height: 100%;
        float: right;
        background-color: #191919;
        margin-left: 5px; }
  body .site_form {
    overflow: hidden; }
    body .site_form .error_message {
      margin-bottom: -5px; }
    body .site_form #preview_domain_display {
      float: right;
      color: yellow;
      margin-top: -5px;
      margin-right: 9px; }
    body .site_form .site_success {
      line-height: 2em; }
      body .site_form .site_success p {
        margin-bottom: 1.5em;
        margin-right: 1.5em;
        text-align: justify; }
        body .site_form .site_success p strong {
          color: #aaa; }
    body .site_form form {
      border: 5px solid #333;
      background-color: #010101;
      padding-top: 25px;
      padding-right: 10px;
      padding-bottom: 0;
      padding-left: 25px;
      min-height: 300px;
      width: 440px; }
      body .site_form form h3 {
        font-size: 17px;
        margin-bottom: 15px; }
      body .site_form form .note {
        float: left;
        width: 196px;
        line-height: 2em;
        padding-top: 2px; }
        body .site_form form .note p {
          margin-bottom: 1.5em;
          text-align: justify; }
          body .site_form form .note p strong {
            color: #aaa; }
      body .site_form form .fields {
        margin-left: 220px; }
      body .site_form form .field {
        margin-bottom: 1em; }
        body .site_form form .field label {
          color: #fff; }
        body .site_form form .field input {
          width: 194px; }
        body .site_form form .field input:focus {
          border-color: lime; }
      body .site_form form hr {
        width: 220px;
        margin: 0;
        margin-top: .5em; }
      body .site_form form .actions {
        padding-top: 1em;
        margin-bottom: 2em; }
        body .site_form form .actions a {
          color: #fff; }
        body .site_form form .actions input, body .site_form form .actions img {
          vertical-align: middle; }
        body .site_form form .actions input:focus, body .site_form form .actions input:active {
          outline: none; }
        body .site_form form .actions .cancel {
          display: inline; }
  body .clear {
    clear: both; }
  body #content {
    margin: 10px 0 0 0;
    overflow: hidden; }
    body #content h2 {
      font-size: 24px;
      color: #000;
      line-height: 32px;
      margin-bottom: 0.25em; }
      body #content h2 a {
        text-decoration: none;
        color: #fff; }
      body #content h2 a.demo {
        color: #eee;
        font-size: 11px;
        font-weight: normal;
        vertical-align: middle;
        text-decoration: underline;
        margin-left: 5px; }
  body p.comment_link {
    margin: 0; }
    body p.comment_link a {
      font-family: Helvetica, Arial, sans-serif;
      font-weight: bold;
      color: lime;
      text-decoration: none;
      font-size: 12px;
      line-height: 36px; }
    body p.comment_link a:hover {
      color: lime;
      text-decoration: underline; }
  body a.comment_link {
    color: #808080; }
    body a.comment_link:hover {
      color: #666; }
  body #footer {
    margin-top: -125px; }
    body #footer p {
      color: #333;
      float: right;
      text-align: center;
      width: 271px; }
      body #footer p a {
        color: #aaa; }
      body #footer p a:hover {
        color: #555;
        text-decoration: underline; }
  body .app {
    margin: 20px 0; }
    body .app > .thumbnail {
      margin: 0; }
    body .app p {
      margin: 0; }
    body .app .entry {
      float: right;
      margin-top: 32px;
      width: 270px; }
      body .app .entry .comment_link {
        margin-top: 10px; }
        body .app .entry .comment_link a {
          line-height: 1em; }
      body .app .entry .blurb p {
        font-size: 15px;
        line-height: 2em; }
  body .testimonial {
    font-size: 14px;
    line-height: 2em;
    margin-bottom: 15px;
    border-top: 1px dotted #FFFFFF;
    margin-right: 22px;
    padding-top: 20px; }
    body .testimonial .author {
      float: none;
      width: inherit; }
    body .testimonial .quote {
      background-image: url(/images/splash/quote_start.png);
      background-repeat: no-repeat;
      text-indent: 20px;
      color: #AAAAAA;
      font-size: 20px;
      line-height: 2em;
      margin-top: 7px;
      text-align: justify;
      text-indent: 39px;
      position: relative; }
      body .testimonial .quote .unquote {
        width: 30px;
        height: 23px;
        background-image: url(/images/splash/quote_end.png);
        background-repeat: no-repeat;
        position: absolute;
        right: 8px;
        bottom: 9px; }
  body h3#comments, body h3#respond {
    color: #fff;
    line-height: 64px; }
  body .author {
    width: 250px;
    float: left; }
    body .author cite {
      font-size: 16px;
      font-weight: bold;
      font-family: Helvetica, Arial, sans-serif;
      margin: 0 0 0 12px; }
    body .author img {
      position: relative;
      top: 10px; }
  body .comment {
    width: 500px;
    float: right;
    padding: 18px 0 0 0; }
  body ol.commentlist {
    border-top: 1px solid #333;
    margin: 0 0 48px; }
    body ol.commentlist li {
      border-bottom: 1px solid #333;
      padding: 12px 0 0; }
  body .alignleft, body .alignright {
    display: block;
    width: 40%;
    float: left; }
    body .alignleft a, body .alignright a {
      font-family: Georgia, Times, 'Times New Roman', serif;
      font-size: 18px;
      text-decoration: none;
      color: #777; }
    body .alignleft a:hover, body .alignright a:hover {
      color: #999;
      text-decoration: underline; }
  body .alignright {
    float: right;
    text-align: right; }
  body #logo {
    margin-left: -11px;
    margin-bottom: -31px;
    cursor: pointer;
    float: left;
    position: relative; }
    body #logo h2.tagline {
      top: 5px; }
  body .contact {
    float: right;
    padding-top: 50px; }
    body .contact a {
      color: #fff; }
  body .debug_info {
    margin-top: 20px;
    text-align: center;
    border: 2px solid black;
    padding: 20px;
    background-color: #fff; }