/*= require "smoothness/jquery-ui-1.8.5.custom.css" */

$link_color: #006FFA;
$link_hover_color: #9093FF;

.blacklisted {
  display: none !important; 
}

body, div, h1, h2, h3, h4, h5, h6, p, ul, li, dd, dt, header, aside {
  font-family: Verdana, Geneva, sans-serif;
  line-height: 1.25em;
}

body {
  font-size: 87.5%;
}

h1, h2, h3, h4 {
  font-family: Tahoma;
  line-height: 1em;
}

body {
  padding: 1em 2em;
  margin: 0;
}

article, section {
  display: block;
}

a:link {
  color: $link_color;
  text-decoration: none;
}

a:visited {
  color: $link_color;
  text-decoration: none;
}

a:hover {
  color: $link_hover_color;
  text-decoration: none;
}

a:active {
  color: $link_color;
  text-decoration: none;
}

abbr[title=required] {
  display: none;
}

blockquote {
  margin: 0 0 1em 0;
  padding: 1em;
  border: 1px solid #666;
  background: #EEE;
}

code {
  font-family: monospace;
  font-size: 1.2em;
}

dd {
  margin-bottom: 1em;
}

dt {
  font-weight: bold;
}

h1 {
  font-size: 2.1818em;
}

h2 {
  font-size: 1.9091em;
}

h3 {
  font-size: 1.6364em;
}

h4 {
  font-size: 1.4545em;
}

h5 {
  font-size: 1.2727em;
}

h6 {
  font-size: 1.090em;
}

header {
  margin: 0 0 1em 0;
  padding: 0;
  display: block;
}

img {
  border: none;
  vertical-align: middle;
}

input[type=text], input[type=password], input[type=url], textarea, button {
/*  border: 1px solid #AAA;*/
  font-size: 1em;
/*  -moz-border-radius: 4px;*/
/*  -webkit-border-radius: 4px;*/
}

input[type=submit] {
  padding: 1px 4px;
/*  border: 1px solid #AAA;*/
/*  background-color: #EEE;*/
/*  -moz-border-radius: 4px;*/
/*  -webkit-border-radius: 4px;*/
  font-size: 1em;
  cursor: pointer;
}

input:focus, textarea:focus {
/*  background-color: #FFD;*/
}

input[type=submit]:hover {
/*  background-color: #F6F6F6;*/
}

menu {
  margin: 0;
  padding: 0;
  
  ul {
    margin: 0;
    padding: 0;
  }
  
  li {
    margin: 0 1em 0 0;
    padding: 0;
    list-style-type: none;
    display: inline;    
  }
}

p {
  margin-bottom: 1em;
}

section {
  display: block;
}

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

span.link {
  color: $link_color;
  cursor: pointer;
}

span.wait {
  color: #CCC;
}

span.ui-icon {
  float: left;
  margin-right: 0.25em;
}

table tfoot {
  margin-top: 2em;
}

table.striped {
  tbody {
    tr:hover {
      background-color: #FFE;
    }
  }
  
  tr.even {
    background-color: #EEE;
  }
}

div.error-messages {
  margin: 1em 0;
  padding: 1em;

  span.ui-icon {
    float: left;
    margin-right: 0.5em;
  }
  
  h1 {
    font-size: 1em;
    color: #A00;
  }
}

div#search {
  margin-bottom: 1em;
}

div#notice {
  margin: 1em 0;
  padding: 1em;
  
  span.ui-icon {
    float: left;
    margin-right: 0.5em;
  }
}

div#page {
  aside#sidebar {
    width: 20%;
    float: left;

    h1 {
      font-size: 1.2em;
    }
    
    ul {
      list-style-type: none;
    }
  }

  aside#sidebar > section {
    margin-bottom: 1em;
  }

  section#content {
    width: 75%;
    float: left;
    margin-left: 2em;
  }
}

div.clearfix {
  clear: both;
}

/*** Paginator ***/
div.paginator {
  display: block;
  padding: 2em 0 1em 0;
  font-size: 1em;
  text-align: center;
  font-weight: bold;
  clear: both;
  
  a {
    margin: 0 3px;
    padding: 2px 6px;
    font-weight: normal;
    border: 1px solid #EAEAEA;
  }

  a.arrow {
    border: none;
  }

  a.arrow:hover {
    background: white;
    color: #9093FF;
  }

  a.current {
    border: 1px solid #AAA;
  }

  a:hover {
    background: rgb(60, 60, 220);
    color: white;
  }

  span {
    margin: 0 3px;
    padding: 2px 6px;
  }
}


/*** Header ***/

body > header > h1 {
  font-size: 3em;
  font-family: Tahoma, Helvetica, sans-serif;
}


/*** Dialog Boxes ***/
div.ui-dialog {
  ul {
    margin-left: 1em;
    margin-bottom: 1em;
  }
}


/*** Simple Form ***/
form.simple_form {
  margin: 0 0 1em 0;
  
  div.input.boolean {
    label {
      display: inline;
    }
  }
  
  div.input {
    margin-bottom: 1em;
    
    input[type=text], input[type=file] {
      width: 20em;
    }
    
    textarea {
      width: 30em;
    }
    
    label {
      display: block;
      cursor: pointer;
      font-weight: bold;
    }
    
    span.hint {
      color: #666;
      font-style: italic;
      display: block;
    }
    
    fieldset {
      border: none;
      display: inline;
      margin: 0;
      padding: 0;
      
      label {
        font-weight: normal;
        width: auto;
        margin-right: 2em;
      }
    }
  }
}


/*** DText Preview ***/

div.dtext {
  width: 30em;
  
  ul {
    margin-left: 1em;
  }
}


/*** Pools Posts ***/

div#c-pools-posts {
  div#a-new {
    form {
      margin-bottom: 1em;
    }
    
    li {
      margin-left: 1em;
      cursor: pointer;
    }
  }
}



/*** Pools ***/

div#c-pools {
  div#a-edit {
    p {
      width: 30em;
    }
    
    ul.ui-sortable {
      list-style-type: none;

      span {
        margin: 0;
        float: right;
        cursor: pointer;
      }
      
      li {
        padding: 0.5em;
      }
      
      li.ui-state-default {
        margin-bottom: 20px;
        width: 180px;
        background: none;
      }
      
      li.ui-state-placeholder {
        margin-bottom: 20px;
        width: 180px;
        height: 150px;
        background: none;
      }
    }
  }
}


/*** Comments ***/

div.comments-for-post {
  div.list-of-comments {
    article {
      margin-bottom: 2em;
      
      div.author {
        width: 20%;
        float: left;
      }
      
      div.content {
        margin-left: 2em;
        width: 30em;
        float: left;
      }
    }
  }
  
  div.comment-preview {
    margin-bottom: 2em;
  }
}

div.dtext-preview {
  border: 2px dashed #AAA;
  padding: 1em;
  margin: 1em;
  width: 30em;
}

div#c-comments {
  div#a-index {
    div.header {
      span.info {
        margin-right: 1.5em;
      }

      strong, time {
        margin-right: 0.3em;
      }
      
      time {
        font-weight: bold;
      }
      
      div.list-of-tags {
        a {
          margin-right: 0.5em;
        }
      }
      
      div.notices {
        margin: 1em 0;
      }
    }
    
    div.preview {
      float: left;
      width: 180px;
    }
    
    div.post {
      margin-bottom: 4em;

      div.comments-for-post {
        float: left;
        width: 55em;
      }
    }
  }
}


/*** Favorites ***/
div#c-favorites {
  section#content > h1 {
    display: none;
  }
}


/*** Posts ***/

article.post-preview {
  margin-right: 4em;
  margin-bottom: 4em;
  float: left;
}

div#c-posts {
  div.notice {
    font-size: 80%;
    padding: 1em;
    margin-bottom: 1em;
    
    ul {
      margin-left: 1em;
    }
  }
  
  aside#sidebar > section#pool-sidebar {
    span.ui-icon {
      color: #666;
    }
  }
  
  aside#sidebar > section > ul li {
    list-style-type: none;
  }

  aside#sidebar > section > ul ul li {
    margin-left: 1em;
  }
  
  section#tag-and-wiki-box {
    padding: 0;
    
    menu {
      li {
        display: inline-block;
      }
      
      li.active a {
        color: #000;
      }
    }
    
    div#tag-box {
      h2 {
        display: none;
      }
      
      li {
        list-style-type: none;
      }
    }
    
    div#wiki-box {
      h2 {
        display: none;
      }
    }
  }

  section#content > h1 {
    display: none;
  }
  
  section#content {
    section > h2 {
      display: none;
    }
    
    menu#post-sections {
      margin-bottom: 1em;
      
      li {
        font-size: 1.1em;
        font-weight: bold;
      }
      
      li.active a {
        color: black;
      }
    }
    
    section#edit {
      fieldset {
        label {
          display: inline;
        }
      }
    }
  }
}


/*** Post Histories ***/
div.post_histories {
  div.index {
    div.post {
      margin-bottom: 2em;
      
      div.preview {
        width: 20%;
        float: left;
      }
      
      div.history {
        width: 70%;
        float: left;
        
        table {
          width: 100%;
        }
        
        ins {
          color: green;
          text-decoration: none;
        }
        
        del {
          color: red;
          text-decoration: line-through;
        }
      }
    }
  }
}


/*** Post Unapprovals ***/
div#unapprove-dialog {
  p {
    margin-bottom: 1em;
  }
}


/*** Sessions ***/
div#sessions {
  div#new {
    section {
      width: 30em;
      float: left;
    }

    aside {
      width: 20em;
      float: left;
    
      li {
        display: list-item;
        margin-bottom: 0.5em;
        list-style-type: square;
        margin-left: 1em;
      }
    }
  
    h2 {
      margin-bottom: 5px;
    }
  }
}


/*** Artists ***/
div#c-artists {
  span.new-artist {
    font-weight: bold;
    color: #A00;
  }

  div#a-show {
    max-width: 60em;

    p.legend {
      margin-bottom: 2em;
      font-size: 0.8em;
      font-style: italic;    
    }
  }
  
  div#a-edit, div#a-new {
    textarea {
      height: 5em;
    }
  }
}


/*** Users ***/
div.users {
  div.new {
    max-width: 60em;
    
    p {
      margin-bottom: 1em;
    }
    
    li {
      margin-left: 1em;
    }
    
    div#account-comparison {
      li {
        font-size: 0.9em;
        line-height: 1.5em;
      }
      
      section {
        width: 18em;
        float: left;
        padding: 1em;
      }
    }
    
    footer.nav-links {
      font-size: 1.4545em;
      font-weight: bold;
      text-align: center;
      display: block;
    }
    
    div#p2 ul {
      margin-bottom: 2em;
    }
  }
}

/*** Uploads ***/
div#c-uploads {
  div#a-new {
    div#upload-guide-notice {
      margin-bottom: 2em;
    }

    fieldset.ratings {
      label {
        display: inline;
      }
    }
  }
}



/*** Forum ***/
div.list-of-forum-posts {
  article {
    margin-bottom: 3em;
    
    div.author {
      width: 20%;
      float: left;
    }
    
    div.content {
      margin-left: 2em;
      width: 30em;
      float: left;
      
      menu {
        margin-top: 0.5em;
      }
    }
  }
}

div#c-forum-topics {
  div.single-forum-post {
    width: 60em;
  }
  
  div#a-show {
    h1#forum-topic-title {
      font-size: 2.1818em;
    }
  }
  
  span.info {
    color: #AAA;
  }
  
  div#form-content {
    float: left;
    width: 450px;
    padding-right: 1em;
  }
  
  div#form-aside {
    float: left;
    width: 400px;
    
    div#preview > p {
      margin-top: 0.5em;
      padding-top: 0.5em;
      border-top: 1px solid #AAA;
    }
  }
}



/*** Wiki Pages ***/
div#c-wiki-pages {
  span.version {
    color: #AAA;
  }
  
  div#form-content {
    float: left;
    width: 30em;
    padding-right: 1em;
  }
  
  div#form-aside {
    float: left;
    width: 20em;
    
    div#preview > p {
      margin-top: 0.5em;
      padding-top: 0.5em;
      border-top: 1px solid #AAA;
    }
  }
  
  div#a-edit, div#a-new {
    div#preview {
    }
  }
}



/*** Post Moderation ***/
div#c-post-moderation {
  article {
    margin-bottom: 4em;
  }
  
  aside {
    float: left;
    width: 520px;
  }
  
  section {
    float: left;
    width: 300px;
  }
}



/*** Note Container ***/
div#note-container {
  position: absolute;
  
  div.note-body {
    background: #FFE;
    border: 1px solid black;
    max-width: 300px;
    min-width: 140px;
    min-height: 10px;
    position: absolute;
    padding: 5px;
    cursor: pointer;
    overflow: auto;
    
    p.tn {
      font-size: 0.8em;
      color: gray;
    }
  }
  
  div.note-box {
    position: absolute;
    border: 1px solid black;
    width: 150px;
    height: 150px;
    cursor: move;
    background: #FFE;
    
    div.note-corner {
      background: black;
      width: 7px;
      height: 7px;
      position: absolute;
      bottom: 0;
      right: 0;
      cursor: se-resize;
    }
  }
  
  div.unsaved {
    background: #FFF;
    border: 1px solid red;
    
    div.note-corner {
      background: red;
    }
  }
}

div#jquery-test div.note {
  background: #FFE;
  border: 1px solid black;
  max-width: 300px;
  min-width: 140px;
  min-height: 10px;
  position: absolute;
  padding: 5px;
  cursor: pointer;
  overflow: auto;
}