/* line 1 */
* {
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  text-decoration: none;
  color: inherit;
  line-height: inherit;
  border: 0;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
  /*cursor: inherit;*/
}

/* line 17 */
html {
  background: #F9F9F9;
  width: 100%;
  height: 100%;
  font-size: 10px;
  -webkit-font-smoothing: antialiased;
}

/* line 25 */
body {
  width: 100%;
  height: 100%;
  position: relative;
  font-size: 1.8rem;
  font-family: "Source Sans Pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Ubuntu, "Segoe UI", Geneva, Verdana, sans-serif;
  color: #333;
  background: #FFF;
  line-height: 1.4;
  overflow: auto;
  border-right: 1px solid #EEE;
}

/* line 38 */
main {
  display: block;
  height: 100%;
  overflow: auto;
}

/* line 44 */
main:after {
  content: "§";
  display: block;
  text-align: center;
  color: #DDD;
  margin: 4rem;
  font-size: 1.8em;
}

/* line 53 */
section {
  position: absolute;
  width: 32rem;
  height: 100%;
  top: 0;
  right: -32rem;
  overflow: auto;
}

/* line 62 */
aside {
  position: relative;
  min-height: 100%;
  overflow: hidden;
}

/* line 68 */
p, blockquote, blockquote:before, ol, ul {
  font-family: "Source Sans Pro", Georgia, "Times New Roman", Times, serif;
}

/* line 72 */
p, blockquote, ol, ul, pre {
  margin: .5em 0 1.5em;
}

/* line 76 */
h1 {
  font-size: 2em;
  font-weight: bold;
  text-transform: capitalize;
}

/* line 82 */
h2 {
  font-size: 1.6em;
}

/* line 86 */
h3 {
  font-size: 1.4em;
}

/* line 90 */
h4 {
  font-size: 1.2em;
  font-weight: bold;
}

/* line 95 */
h5 {
  font-weight: bold;
}

/* line 99 */
h6 {
  font-weight: bold;
  text-transform: uppercase;
  color: #DDD;
}

/* line 105 */
h1, h2, h3, h4, h5, h6 {
  /*margin: .2em 0 .1em;*/
  line-height: 1.2;
}

/* line 110 */
table {
  margin: .8em auto 1.2em auto;
  border-collapse: collapse;
}

/* line 115 */
td {
  border: 1px solid #EEE;
  padding: .2em .8em;
}

/* line 120 */
th {
  border: 1px solid #DDD;
  background: #F9F9F9;
  padding: .4em .8em;
}

/* line 126 */
main a {
  border-bottom: 1px solid #09C;
}

/* line 130 */
a:hover {
  color: #09C;
}

/* line 134 */
img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

/* line 140 */
del {
  color: #888;
  text-decoration: line-through;
}

/* line 145 */
hr {
  margin: 2em 0;
  border-bottom: 1px solid #EEE;
}

/* line 150 */
blockquote {
  font-style: italic;
  background: #FFFAF0;
  position: relative;
}

/* line 156 */
blockquote:before {
  content: "\201C";
  position: absolute;
  font-size: 3.6em;
  margin: 0 0 0 -0.1em;
  color: #09C;
}

/* line 164 */
main blockquote p {
  padding: 0;
  margin: 1em 0 1em 2em;
}

/* line 169 */
ol, ul {
  list-style: none;
}

/* line 173 */
main ol {
  counter-reset: c;
}

/* line 177 */
main ul li, main ol li {
  margin-left: 2em;
}

/* line 181 */
main ul li:before, main ol li:before {
  display: inline-block;
  position: relative;
  margin-left: -2em;
  width: 2em;
  font-weight: bold;
}

/* line 189 */
main ul li:before {
  content: "\2022";
}

/* line 193 */
main ol li:before {
  counter-increment: c;
  content: counter(c) ".";
}

/* line 200 */
main h1, h2, main h3, main h4, main h5, main h6,
main p, pre code, main blockquote, main ol, main ul, main nav time,
header, aside nav, aside footer {
  padding-left: 2rem;
  padding-right: 2rem;
}

/* line 205 */
aside h2 {
  border-bottom: 1px solid #EEE;
}

/* line 209 */
header {
  padding-top: 4rem;
  font-size: 1.4rem;
  height: 1.8rem;
  line-height: 1.8rem;
}

/* line 216 */
nav {
  padding-bottom: 4rem;
}

/* line 220 */
footer {
  position: absolute;
  bottom: 2rem;
  display: inline-block;
  background: #DDD;
  font-size: .8em;
  color: #FFF;
  text-transform: uppercase;
  border-radius: 0 2px 2px 0;
}

/* line 231 */
small {
  font-size: 1.6rem;
}

/* line 235 */
time {
  font-size: 1.4rem;
  color: #888;
  text-transform: uppercase;
}

/* line 241 */
.home:after {
  content: "*";
  color: #09C;
}

/* line 246 */
.section:before {
  content: "/ ";
  color: #AAA;
}

@media (min-width: 800px) {
  /* line 252 */
  body {
    width: 60%;
  }

  /* line 256 */
  main {
    margin-left: -32rem;
    padding-left: 66.6666%;
  }

  /* line 261 */
  blockquote, pre {
    border-left: 1px solid #EEE;
    border-radius: 2px 0 0 2px;
  }
}
@media (min-width: 1280px) {
  /* line 268 */
  html {
    font-size: 12px;
  }
}
/* line 273 */
blockquote, pre {
  border-top: 1px solid #EEE;
  border-bottom: 1px solid #EEE;
}

/* line 278 */
pre {
  overflow: auto;
  background: #F7F8F9;
}

/* line 283 */
code {
  font-family: "Source Code Pro", Monaco, "Lucida Console", "Ubuntu Mono", Consolas, monospace;
  border: 1px solid #EEE;
  background: #F7F8F9;
  padding: 0 .2rem;
  font-size: .9em;
  border-radius: 2px;
}

/* line 292 */
pre code {
  display: block;
  border: 0;
  padding-top: 1em;
  padding-bottom: 1em;
}

/* line 304 */
pre code,
pre .subst,
pre .tag .title,
pre .lisp .title,
pre .clojure .built_in,
pre .nginx .title {
  color: #333;
}

/* line 334 */
pre .string,
pre .title,
pre .constant,
pre .parent,
pre .tag .value,
pre .rules .value,
pre .rules .value .number,
pre .preprocessor,
pre .haml .symbol,
pre .ruby .symbol,
pre .ruby .symbol .string,
pre .aggregate,
pre .template_tag,
pre .django .variable,
pre .smalltalk .class,
pre .addition,
pre .flow,
pre .stream,
pre .bash .variable,
pre .apache .tag,
pre .apache .cbracket,
pre .tex .command,
pre .tex .special,
pre .erlang_repl .function_or_atom,
pre .asciidoc .header,
pre .markdown .header,
pre .coffeescript .attribute {
  color: #690;
}

/* line 344 */
pre .comment,
pre .annotation,
pre .template_comment,
pre .diff .header,
pre .chunk,
pre .asciidoc .blockquote,
pre .markdown .blockquote {
  color: #888;
}

/* line 361 */
pre .number,
pre .date,
pre .regexp,
pre .literal,
pre .hexcolor,
pre .smalltalk .symbol,
pre .smalltalk .char,
pre .go .constant,
pre .change,
pre .lasso .variable,
pre .asciidoc .bullet,
pre .markdown .bullet,
pre .asciidoc .link_url,
pre .markdown .link_url {
  color: #F80;
}

/* line 395 */
mark,
pre .char,
pre .variable,
pre .label,
pre .javadoc,
pre .ruby .string,
pre .decorator,
pre .filter .argument,
pre .localvars,
pre .array,
pre .attr_selector,
pre .important,
pre .pseudo,
pre .pi,
pre .haml .bullet,
pre .doctype,
pre .deletion,
pre .envvar,
pre .shebang,
pre .apache .sqbracket,
pre .nginx .built_in,
pre .tex .formula,
pre .erlang_repl .reserved,
pre .prompt,
pre .asciidoc .link_label,
pre .markdown .link_label,
pre .vhdl .attribute,
pre .clojure .attribute,
pre .asciidoc .attribute,
pre .lasso .attribute,
pre .coffeescript .property {
  color: #09C;
}

/* line 418 */
strong {
  font-weight: bold;
}

/* line 422 */
h1 + p, em {
  font-style: italic;
}

/* line 433 */
pre .coffeescript .javascript,
pre .javascript .xml,
pre .lasso .markup,
pre .tex .formula,
pre .xml .javascript,
pre .xml .vbscript,
pre .xml .css,
pre .xml .cdata {
  opacity: 0.5;
}