@import "nib";

@import "normalize";

@import "github";
@import "fonts";

html {
  height: 100%;
}

body {
  font: 18px/1.4em "Minion Pro", Times, "Times New Roman", serif;
  font-size-adjust:none;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
}

h1, h2, h3, h4, header, nav, #loader {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

// code, pre {
//   font-family: "Droid Sans Mono", Monaco, monospace;
//   font-size: 14px;
// }

// Layout

header {
  border-bottom: 1px solid #ccc;
  #logo {
    color: #333;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 15px;
    line-height: 1.2em;
    text-decoration: none;
  }
}

#nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 250px;
  height: 100%;
  background: rgba(black, 0.1);
  border-right: 1px solid rgba(black, 0.2);
  box-shadow: rgba(black, 0.1) -1px 0 3px 0 inset;
  text-shadow: rgba(white, 0.7) 0 1px 0;
  overflow-x: hidden;
  overflow-y: auto;
  a {
    display: block;
    font-weight: bold;
    text-decoration: none;
  }
  #sections {
    margin-bottom: 5px;
    border-bottom: 1px solid #ccc;
    background: #f1f1f1;
    box-shadow: rgba(black, 0.15) 0 0 5px;
    > li {
      border-bottom: 1px solid rgba(black, 0.05);
      border-top: 1px solid rgba(white, 0.5);
      > a {
        padding: 5px 15px;
        color: #555;
        font-size: 14px;
        &:hover {
          background: rgba(black, 0.05);
        }
      }
      &:last-child {
        border-bottom: 1px solid rgba(white, 0.5);
      }
    }
    ul {
      margin-bottom: 6px;
      li {
        a {
          padding: 1px 25px;
          font-size: 13px;
          &:hover {
            background: rgba(black, 0.05);
          }
        }
      }
    }
  }
  .extra {
    padding: 5px 15px;
    min-height: 1.4em;
    a {
      color: #555;
      font-size: 14px;
    }
  }
  #travis {
    img {margin-top: 10px; display: block;}
  }
}

#content {
  margin: 0 40px 0 290px;
  padding: 30px 0 20px;
  position: relative;
  min-height: 100px;
  max-width: 688px;
  #loader {
    color: #888;
    width: 300px;
    height: 24px;
    line-height: 24px;
    position: absolute;
    top: 30px;
    left: 30px;
    background: url(unquote('data:image/gif;base64,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')) no-repeat center left;
    padding-left: 32px;
    font-size: 18px;
  }
}

#refresh {
  z-index: 3;
  position: fixed;
  display: block;
  top: 0;
  left: 50%;
  width: 320px;
  margin-left: -160px;
  font-family: "Helvetica Neue", "Helvetica", arial, sans-serif;
  line-height: 1.4em;
  padding: 10px;
  color: #fff;
  text-shadow: rgba(black, 0.3) 0 1px 1px;
  font-weight: bold;
  font-size: 13px;
  text-decoration: none;
  text-align: center;
  background: #666;
  border-radius: bottom 5px;
}

#content {
  p { padding:0 0 0.8125em 0; color:#111; font-weight:300;}

  p img       { float: left; margin: 0.5em 0.8125em 0.8125em 0; padding: 0; }


  h1,h2,h3,h4,h5,h6 { font-weight:normal; color: #333; line-height: 1.2em; }

  h1 { font-size: 2.125em; margin-bottom: 0.765em; }
  h2 { font-size: 1.7em;  margin: 0.855em 0; }
  h3 { font-size: 1.3em;  margin: 0.956em 0; }
  h4 { font-size: 1.1em;  margin: 1.161em 0; }
  h5,h6 { font-size: 1em; font-weight: bold;  margin: 1.238em 0; }



  ul{list-style-position:outside;}
  li ul, 
  li ol  { margin:0 1.625em;  }
  ul, ol { margin: 0 0 1.625em 1em; }


  dl { margin: 0 0 1.625em 0; }
  dl dt { font-weight: bold; }
  dl dd { margin-left: 1.625em; }

  a { text-decoration:none; }
  a:hover { text-decoration: underline; }


  table { margin-bottom:1.625em; border-collapse: collapse; }
  th { font-weight:bold; }
  tr,th,td { margin:0; padding:0 1.625em 0 1em; height:26px; }
  tfoot { font-style: italic; }
  caption { text-align:center; font-family:Georgia, serif; }


  abbr, acronym { border-bottom:1px dotted #000; }
  address { margin-top:1.625em; font-style: italic; }
  del {color:#000;}


  blockquote { padding:1em 1em 1.625em 1em; font-family:georgia,serif;font-style: italic;  }
  blockquote:before { content:"\201C";font-size:3em;margin-left:-.625em; font-family:georgia,serif;color:#aaa;line-height:0;}/* From Tripoli  */
  blockquote > p {padding:0; margin:0; }

  strong { font-weight: bold; }
  em, dfn { font-style: italic; }
  dfn { font-weight: bold; }
  pre, code { margin: 0 0 1.625em; white-space: pre; }
  pre, code, tt { font: 0.8em "Droid Sans Mono", Monaco, monospace; line-height: 1.5; } 
  code { background: #f8f8ff; padding: 1px 2px; border: 1px solid #ddd; }
  pre code {padding: 10px 12px;}
  tt { display: block; margin: 1.625em 0; }
  hr { margin-bottom:1.625em; }
}