/* line 5, /Users/ceppstei/Projects/compass/core/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, blockquote,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, /Users/ceppstei/Projects/compass/core/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, /Users/ceppstei/Projects/compass/core/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, /Users/ceppstei/Projects/compass/core/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, /Users/ceppstei/Projects/compass/core/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, /Users/ceppstei/Projects/compass/core/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, /Users/ceppstei/Projects/compass/core/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, /Users/ceppstei/Projects/compass/core/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, /Users/ceppstei/Projects/compass/core/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/* line 116, /Users/ceppstei/Projects/compass/core/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/* line 3, content/stylesheets/core/_base-classes.sass */
.group, #wrap, #page, footer, header, #sub-nav, #demo {
  *zoom: 1;
}
/* line 38, /Users/ceppstei/Projects/compass/core/stylesheets/compass/utilities/general/_clearfix.scss */
.group:after, #wrap:after, #page:after, footer:after, header:after, #sub-nav:after, #demo:after {
  content: "";
  display: table;
  clear: both;
}

/* line 6, content/stylesheets/core/_base-classes.sass */
.truncate {
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

/* line 9, content/stylesheets/core/_base-classes.sass */
.border-box {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 12, content/stylesheets/core/_base-classes.sass */
.round-corners-4, .image-border-dark, html.dark body.tutorial #page article img, .image-border-light, html.light body.tutorial #page article img, #search-docs input, #docs_panel > div, .syntax_pref, .code-block, .code-block-dark, .dark .advertisement, html.dark code, html.dark blockquote, .code-block-light, .light .advertisement, html.light code, html.light blockquote, .source-documentation, h3, h3.mixin, h3.function, h3.selector, #demo, html.dark body.core a[rel=core], html.dark body.blueprint a[rel=blueprint], html.light body.core a[rel=core], html.light body.blueprint a[rel=blueprint] {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

/* line 15, content/stylesheets/core/_base-classes.sass */
.round-corners-em, html.dark.sass a[rel=sass], html.dark.scss a[rel=scss], html.dark.css a[rel=css], html.dark.html a[rel=html], html.dark.haml a[rel=haml], html.light.sass a[rel=sass], html.light.scss a[rel=scss], html.light.css a[rel=css], html.light.html a[rel=html], html.light.haml a[rel=haml] {
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
  border-radius: 1em;
}

/* line 1, content/stylesheets/core/_media-block.scss */
.context, .media, .media .bd {
  overflow: hidden;
  *zoom: 1;
}

/* line 7, content/stylesheets/core/_media-block.scss */
.media .m {
  float: left;
}
/* line 9, content/stylesheets/core/_media-block.scss */
.media .m.rt {
  float: right;
}

/* line 98, content/stylesheets/partials/_theme.scss */
.inset-panel-dark, .code-block-dark, .dark .advertisement, html.dark code, html.dark blockquote, .mixin-panel-dark, html.dark .mixin-source, html.dark .example-source, html.dark .function-source, html.dark .selector-source, html.dark #search-docs input, html.dark body#home .overview .info-box, html.dark #featured_sites li, html.dark body.core a[rel=core], html.dark body.blueprint a[rel=blueprint], html.dark.sass a[rel=sass], html.dark.scss a[rel=scss], html.dark.css a[rel=css], html.dark.html a[rel=html], html.dark.haml a[rel=haml] {
  -moz-box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0, rgba(0, 0, 0, 0.8) 0 1px 7px 0px inset;
  -webkit-box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0, rgba(0, 0, 0, 0.8) 0 1px 7px 0px inset;
  box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0, rgba(0, 0, 0, 0.8) 0 1px 7px 0px inset;
  background: #202020;
  background-color: rgba(0, 0, 0, 0.3);
}

/* line 102, content/stylesheets/partials/_theme.scss */
.horizontal-rule-dark, html.dark #page, html.dark header, html.dark hr, html.dark body#home h2, html.dark aside h2, html.dark aside h3, html.dark body#home .overview .info-box h4, html.dark #page > article h1, html.dark #sub-nav {
  -moz-box-shadow: rgba(255, 255, 255, 0.07) 0 1px 0;
  -webkit-box-shadow: rgba(255, 255, 255, 0.07) 0 1px 0;
  box-shadow: rgba(255, 255, 255, 0.07) 0 1px 0;
  border-bottom: 1px solid #121212;
}

/* line 106, content/stylesheets/partials/_theme.scss */
.horizontal-rule-top-dark, html.dark #page > article h2 {
  -moz-box-shadow: rgba(255, 255, 255, 0.07) 0 1px 0 inset;
  -webkit-box-shadow: rgba(255, 255, 255, 0.07) 0 1px 0 inset;
  box-shadow: rgba(255, 255, 255, 0.07) 0 1px 0 inset;
  border-top: 1px solid #121212;
}

/* line 110, content/stylesheets/partials/_theme.scss */
.vertical-rule-dark, html.dark footer .links li, html.dark #docs-nav {
  -moz-box-shadow: rgba(255, 255, 255, 0.07) 1px 0 0;
  -webkit-box-shadow: rgba(255, 255, 255, 0.07) 1px 0 0;
  box-shadow: rgba(255, 255, 255, 0.07) 1px 0 0;
  border-right: 1px solid #121212;
}

/* line 114, content/stylesheets/partials/_theme.scss */
.vertical-rule-left-dark, html.dark #page aside + article {
  -moz-box-shadow: rgba(255, 255, 255, 0.07) 1px 0 0 inset;
  -webkit-box-shadow: rgba(255, 255, 255, 0.07) 1px 0 0 inset;
  box-shadow: rgba(255, 255, 255, 0.07) 1px 0 0 inset;
  border-left: 1px solid #121212;
}

/* line 120, content/stylesheets/partials/_theme.scss */
.demo-dark, html.dark #demo {
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0 2px 10px inset, rgba(255, 255, 255, 0.3) 0 1px 2px 0px, rgba(0, 0, 0, 0.8) 0 0 0 1px inset;
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 2px 10px inset, rgba(255, 255, 255, 0.3) 0 1px 2px 0px, rgba(0, 0, 0, 0.8) 0 0 0 1px inset;
  box-shadow: rgba(0, 0, 0, 0.5) 0 2px 10px inset, rgba(255, 255, 255, 0.3) 0 1px 2px 0px, rgba(0, 0, 0, 0.8) 0 0 0 1px inset;
}

/* line 123, content/stylesheets/partials/_theme.scss */
.heading-panel-dark, html.dark #page > article h3 {
  background: #202020;
  background: rgba(0, 0, 0, 0.2);
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px inset;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px inset;
  box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px inset;
}
/* line 127, content/stylesheets/partials/_theme.scss */
.heading-panel-dark a:hover, html.dark #page > article h3 a:hover {
  color: #fff;
}
/* line 128, content/stylesheets/partials/_theme.scss */
.heading-panel-dark a:hover .arg, html.dark #page > article h3 a:hover .arg {
  color: rgba(255, 255, 255, 0.6);
}

/* line 131, content/stylesheets/partials/_theme.scss */
.doc-panel-dark, html.dark .source-documentation {
  background: #252525;
  background: rgba(0, 0, 0, 0.1);
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px inset;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px inset;
  box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px inset;
}

/* line 137, content/stylesheets/partials/_theme.scss */
.syntax-switch-dark, html.dark a[rel=sass], html.dark a[rel=scss], html.dark a[rel=css], html.dark a[rel=html], html.dark a[rel=haml] {
  color: #000;
  text-shadow: rgba(255, 255, 255, 0.08) 0 1px 0;
}
/* line 139, content/stylesheets/partials/_theme.scss */
.syntax-switch-dark:hover, html.dark a[rel=sass]:hover, html.dark a[rel=scss]:hover, html.dark a[rel=css]:hover, html.dark a[rel=html]:hover, html.dark a[rel=haml]:hover {
  color: #fff;
  text-shadow: #000 0 1px 0;
}

/* line 141, content/stylesheets/partials/_theme.scss */
.theme-switch-dark, html.dark #theme_pref {
  cursor: pointer;
}
/* line 143, content/stylesheets/partials/_theme.scss */
.theme-switch-dark a, html.dark #theme_pref a {
  color: #000;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: rgba(255, 255, 255, 0.08) 0 1px 0;
}
/* line 144, content/stylesheets/partials/_theme.scss */
.theme-switch-dark:hover a, html.dark #theme_pref:hover a {
  color: #eee;
  text-shadow: #000 0 1px 0;
}

/* line 147, content/stylesheets/partials/_theme.scss */
.selected-marker-dark a:before, html.dark body.getting-started #module-nav li.getting-started a:before,
html.dark body.tutorial #module-nav li.tutorials a:before,
html.dark body.support #module-nav li.support a:before,
html.dark #module-nav li.selected a:before {
  border-bottom-color: #121212;
}
/* line 148, content/stylesheets/partials/_theme.scss */
.selected-marker-dark:before, html.dark body.getting-started #module-nav li.getting-started:before,
html.dark body.tutorial #module-nav li.tutorials:before,
html.dark body.support #module-nav li.support:before,
html.dark #module-nav li.selected:before {
  border-bottom-color: #414141;
}
/* line 149, content/stylesheets/partials/_theme.scss */
.selected-marker-dark:after, html.dark body.getting-started #module-nav li.getting-started:after,
html.dark body.tutorial #module-nav li.tutorials:after,
html.dark body.support #module-nav li.support:after,
html.dark #module-nav li.selected:after {
  border-bottom-color: #323232;
}

/* line 153, content/stylesheets/partials/_theme.scss */
.mixin-panel-dark td.gutter, html.dark .mixin-source td.gutter, html.dark .example-source td.gutter, html.dark .function-source td.gutter, html.dark .selector-source td.gutter {
  background: rgba(255, 255, 255, 0.05);
}
/* line 153, content/stylesheets/partials/_theme.scss */
.mixin-panel-dark td.gutter .line, html.dark .mixin-source td.gutter .line, html.dark .example-source td.gutter .line, html.dark .function-source td.gutter .line, html.dark .selector-source td.gutter .line {
  border-right: 2px solid rgba(255, 255, 255, 0.15);
  color: rgba(255, 255, 255, 0.5);
}
/* line 154, content/stylesheets/partials/_theme.scss */
.mixin-panel-dark .container textarea, html.dark .mixin-source .container textarea, html.dark .example-source .container textarea, html.dark .function-source .container textarea, html.dark .selector-source .container textarea {
  background: #202020;
}

/* line 157, content/stylesheets/partials/_theme.scss */
.image-border-dark, html.dark body.tutorial #page article img {
  border: 2px solid #BFBFBF;
}

/* line 197, content/stylesheets/partials/_theme.scss */
.inset-panel-light, .code-block-light, .light .advertisement, html.light code, html.light blockquote, .mixin-panel-light, html.light .mixin-source, html.light .example-source, html.light .function-source, html.light .selector-source, .function-panel-light, .selector-panel-light, html.light #search-docs input, html.light body#home .overview .info-box, html.light #featured_sites li, html.light body.core a[rel=core], html.light body.blueprint a[rel=blueprint], html.light.sass a[rel=sass], html.light.scss a[rel=scss], html.light.css a[rel=css], html.light.html a[rel=html], html.light.haml a[rel=haml] {
  -moz-box-shadow: white 0 1px 0, rgba(0, 0, 0, 0.5) 0 1px 3px 0px inset;
  -webkit-box-shadow: white 0 1px 0, rgba(0, 0, 0, 0.5) 0 1px 3px 0px inset;
  box-shadow: white 0 1px 0, rgba(0, 0, 0, 0.5) 0 1px 3px 0px inset;
  text-shadow: 0 1px 1px #fff;
  background: white;
  background-color: rgba(0, 0, 0, 0.04);
}

/* line 202, content/stylesheets/partials/_theme.scss */
.horizontal-rule-light, html.light #page, html.light header, html.light hr, html.light body#home h2, html.light aside h2, html.light aside h3, html.light body#home .overview .info-box h4, html.light #page > article h1, html.light #sub-nav {
  -moz-box-shadow: white 0 1px 0;
  -webkit-box-shadow: white 0 1px 0;
  box-shadow: white 0 1px 0;
  border-bottom: 1px solid #bbb;
}

/* line 206, content/stylesheets/partials/_theme.scss */
.horizontal-rule-top-light, html.light #page > article h2 {
  -moz-box-shadow: white 0 1px 0 inset;
  -webkit-box-shadow: white 0 1px 0 inset;
  box-shadow: white 0 1px 0 inset;
  border-top: 1px solid #bbb;
}

/* line 210, content/stylesheets/partials/_theme.scss */
.vertical-rule-light, html.light footer .links li, html.light #docs-nav {
  -moz-box-shadow: 1px 0 0 white;
  -webkit-box-shadow: 1px 0 0 white;
  box-shadow: 1px 0 0 white;
  border-right: 1px solid #bbb;
}

/* line 214, content/stylesheets/partials/_theme.scss */
.vertical-rule-left-light, html.light #page aside + article {
  -moz-box-shadow: inset 1px 0 0 white;
  -webkit-box-shadow: inset 1px 0 0 white;
  box-shadow: inset 1px 0 0 white;
  border-left: 1px solid #bbb;
}

/* line 218, content/stylesheets/partials/_theme.scss */
.code-block-light, .light .advertisement, html.light code, html.light blockquote {
  background: rgba(255, 255, 255, 0.5);
}

/* line 220, content/stylesheets/partials/_theme.scss */
.demo-light, html.light #demo {
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 2px 10px inset, white 0 1px 2px 0px, rgba(0, 0, 0, 0.05) 0 0 0 1px inset;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 2px 10px inset, white 0 1px 2px 0px, rgba(0, 0, 0, 0.05) 0 0 0 1px inset;
  box-shadow: rgba(0, 0, 0, 0.3) 0 2px 10px inset, white 0 1px 2px 0px, rgba(0, 0, 0, 0.05) 0 0 0 1px inset;
}

/* line 222, content/stylesheets/partials/_theme.scss */
.syntax-switch-light, html.light a[rel=sass], html.light a[rel=scss], html.light a[rel=css], html.light a[rel=html], html.light a[rel=haml] {
  color: rgba(0, 0, 0, 0.3);
  text-shadow: rgba(255, 255, 255, 0.08) 0 1px 0;
}
/* line 224, content/stylesheets/partials/_theme.scss */
.syntax-switch-light:hover, html.light a[rel=sass]:hover, html.light a[rel=scss]:hover, html.light a[rel=css]:hover, html.light a[rel=html]:hover, html.light a[rel=haml]:hover {
  color: #000;
  text-shadow: #fff 0 1px 0;
}

/* line 226, content/stylesheets/partials/_theme.scss */
.theme-switch-light, html.light #theme_pref {
  cursor: pointer;
}
/* line 228, content/stylesheets/partials/_theme.scss */
.theme-switch-light a, html.light #theme_pref a {
  color: rgba(0, 0, 0, 0.2);
  text-shadow: white 0 1px 0;
}
/* line 229, content/stylesheets/partials/_theme.scss */
.theme-switch-light:hover a, html.light #theme_pref:hover a {
  color: #000;
}

/* line 231, content/stylesheets/partials/_theme.scss */
.heading-panel-light, html.light #page > article h3 {
  background: rgba(255, 255, 255, 0.5);
  -moz-box-shadow: rgba(0, 0, 0, 0.13) 0 0 0 1px inset;
  -webkit-box-shadow: rgba(0, 0, 0, 0.13) 0 0 0 1px inset;
  box-shadow: rgba(0, 0, 0, 0.13) 0 0 0 1px inset;
}
/* line 234, content/stylesheets/partials/_theme.scss */
.heading-panel-light a:hover, html.light #page > article h3 a:hover {
  color: #000;
}
/* line 235, content/stylesheets/partials/_theme.scss */
.heading-panel-light a:hover .arg, html.light #page > article h3 a:hover .arg {
  color: rgba(0, 0, 0, 0.6);
}

/* line 239, content/stylesheets/partials/_theme.scss */
.selected-marker-light a:before, html.light body.getting-started #module-nav li.getting-started a:before,
html.light body.tutorial #module-nav li.tutorials a:before,
html.light body.support #module-nav li.support a:before,
html.light #module-nav li.selected a:before {
  border-bottom-color: #bbbbbb;
}
/* line 240, content/stylesheets/partials/_theme.scss */
.selected-marker-light:before, html.light body.getting-started #module-nav li.getting-started:before,
html.light body.tutorial #module-nav li.tutorials:before,
html.light body.support #module-nav li.support:before,
html.light #module-nav li.selected:before {
  border-bottom-color: #fff;
}
/* line 241, content/stylesheets/partials/_theme.scss */
.selected-marker-light:after, html.light body.getting-started #module-nav li.getting-started:after,
html.light body.tutorial #module-nav li.tutorials:after,
html.light body.support #module-nav li.support:after,
html.light #module-nav li.selected:after {
  border-bottom-color: #e5e5e5;
}

/* line 244, content/stylesheets/partials/_theme.scss */
.doc-panel-light, html.light .source-documentation {
  background: rgba(0, 0, 0, 0.03);
  text-shadow: rgba(255, 255, 255, 0.9) 0 1px 1px;
  -moz-box-shadow: rgba(0, 0, 0, 0.15) 0 0 0 1px inset;
  -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 0 0 1px inset;
  box-shadow: rgba(0, 0, 0, 0.15) 0 0 0 1px inset;
}

/* line 250, content/stylesheets/partials/_theme.scss */
.mixin-panel-light, html.light .mixin-source, html.light .example-source, html.light .function-source, html.light .selector-source, .function-panel-light, .selector-panel-light {
  background: rgba(255, 255, 255, 0.8);
}
/* line 253, content/stylesheets/partials/_theme.scss */
.mixin-panel-light td.gutter, html.light .mixin-source td.gutter, html.light .example-source td.gutter, html.light .function-source td.gutter, html.light .selector-source td.gutter, .function-panel-light td.gutter, .selector-panel-light td.gutter {
  background: rgba(0, 0, 0, 0.08);
}
/* line 253, content/stylesheets/partials/_theme.scss */
.mixin-panel-light td.gutter .line, html.light .mixin-source td.gutter .line, html.light .example-source td.gutter .line, html.light .function-source td.gutter .line, html.light .selector-source td.gutter .line, .function-panel-light td.gutter .line, .selector-panel-light td.gutter .line {
  border-right: 2px solid rgba(0, 0, 0, 0.2);
  color: rgba(0, 0, 0, 0.4);
}
/* line 254, content/stylesheets/partials/_theme.scss */
.mixin-panel-light .container textarea, html.light .mixin-source .container textarea, html.light .example-source .container textarea, html.light .function-source .container textarea, html.light .selector-source .container textarea, .function-panel-light .container textarea, .selector-panel-light .container textarea {
  background: white;
}

/* line 257, content/stylesheets/partials/_theme.scss */
.image-border-light, html.light body.tutorial #page article img {
  border: 2px solid #444444;
}

/* line 5, content/stylesheets/partials/_layout.scss */
body {
  max-width: 1500px;
  min-width: 700px;
  margin: 0 auto;
  line-height: 1.45em;
}

/* line 13, content/stylesheets/partials/_layout.scss */
#wrap {
  padding: 0 20px 20px;
}

/* line 14, content/stylesheets/partials/_layout.scss */
#page {
  padding-bottom: 30px;
}

/* line 15, content/stylesheets/partials/_layout.scss */
footer {
  clear: both;
  padding-top: 20px;
}

/* line 16, content/stylesheets/partials/_layout.scss */
header {
  padding: 22px 0 0;
  position: relative;
}

/* line 17, content/stylesheets/partials/_layout.scss */
#page aside + article {
  margin-left: 182px;
  padding-left: 23px;
}

/* line 18, content/stylesheets/partials/_layout.scss */
aside {
  float: left;
  width: 160px;
  position: relative;
  z-index: 2;
}

/* line 20, content/stylesheets/partials/_layout.scss */
body#home #page article {
  padding-left: 0;
}

/* line 21, content/stylesheets/partials/_layout.scss */
body.site, body#changelog, body.default {
  max-width: 1024px;
}

@font-face {
  font-family: "pictos-web";
  src: url("../otherfonts/pictos-web.eot");
  src: local("?"), url("../otherfonts/pictos-web.woff") format("woff"), url("../otherfonts/pictos-web.ttf") format("truetype"), url("../otherfonts/pictos-web.svg") format("svg");
}
@font-face {
  font-family: "museosans-web";
  src: url('../fonts/museosans-web_1408149819.eot');
  src: url('../fonts/museosans-web_-1408149819-iefix.eot') format('embedded-opentype'), url('../fonts/museosans-web_1408149819.woff') format('woff'), url('../fonts/museosans-web_1408149819.ttf') format('truetype'), url('../fonts/museosans-web_1408149819-webfontjhbeijmd.svg') format('svg');
}
/* line 9, content/stylesheets/partials/_typography.scss */
.sans-font, body, #search-docs input {
  font-family: 'Lucida Grande', Arial, sans-serif;
}

/* line 10, content/stylesheets/partials/_typography.scss */
.heading-font, #page h1, #page h2, header, .advertisement a:not(.pagerankspam) {
  font-family: 'Museo Sans', "museosans-web", 'serif';
}

/* line 11, content/stylesheets/partials/_typography.scss */
.pictos, #search-docs:before, #theme_pref a, h2 a.help:before {
  font-family: pictos, pictos-web;
  font-weight: normal;
  font-style: normal;
}

/* line 12, content/stylesheets/partials/_typography.scss */
.fixed-font, .mixin-source, .example-source, .function-source, .selector-source, .code-block, .code-block-dark, .dark .advertisement, html.dark code, html.dark blockquote, .code-block-light, .light .advertisement, html.light code, html.light blockquote, .syntaxhighlighter textarea {
  font-family: menlo, monaco, "andale mono", "courier new", fixed;
}

/* line 14, content/stylesheets/partials/_typography.scss */
#page {
  line-height: 1.45em;
}
/* line 16, content/stylesheets/partials/_typography.scss */
#page ol {
  list-style: outside decimal;
  padding-left: 2.5em;
}
/* line 17, content/stylesheets/partials/_typography.scss */
#page ol ol {
  list-style: outside lower-alpha;
  padding-left: 2.5em;
}
/* line 18, content/stylesheets/partials/_typography.scss */
#page ul, #page ol, #page dl {
  margin-bottom: 1.5em;
}
/* line 19, content/stylesheets/partials/_typography.scss */
#page p {
  margin-bottom: 1.2em;
}
/* line 20, content/stylesheets/partials/_typography.scss */
#page h1, #page h2 {
  line-height: 1.2em;
}
/* line 21, content/stylesheets/partials/_typography.scss */
#page h1 {
  font-size: 35px;
  margin-bottom: 15px;
  padding-bottom: 6px;
}
/* line 22, content/stylesheets/partials/_typography.scss */
#page h2 {
  font-size: 26px;
  margin: 1em 0 15px;
  padding-bottom: 6px;
}
/* line 23, content/stylesheets/partials/_typography.scss */
#page h3 {
  font-size: 18px;
}
/* line 24, content/stylesheets/partials/_typography.scss */
#page h4 {
  font-size: 18px;
  margin: .4em 0;
}
/* line 25, content/stylesheets/partials/_typography.scss */
#page ul {
  list-style: inside disc;
}
/* line 26, content/stylesheets/partials/_typography.scss */
#page dt {
  font-weight: bold;
}

/* line 29, content/stylesheets/partials/_typography.scss */
#page aside ul {
  list-style: none;
  margin-bottom: 1em;
}
/* line 30, content/stylesheets/partials/_typography.scss */
#page aside h2 {
  line-height: 1.3em;
  margin-top: 0;
  padding-top: 3px;
}

/* line 32, content/stylesheets/partials/_typography.scss */
em {
  font-style: italic;
}

/* line 33, content/stylesheets/partials/_typography.scss */
strong {
  font-weight: bold;
}

/* line 35, content/stylesheets/partials/_typography.scss */
#page > article {
  position: relative;
}
/* line 36, content/stylesheets/partials/_typography.scss */
#page > article ul ul {
  padding-left: 1em;
}
/* line 38, content/stylesheets/partials/_typography.scss */
#page > article h2 {
  font-size: 26px;
  margin: .5em 0 .6em;
  padding: 1em 0 6px;
}
/* line 40, content/stylesheets/partials/_typography.scss */
#page > article hr + h2 {
  padding-top: 0;
}
/* line 41, content/stylesheets/partials/_typography.scss */
#page > article hr + h3, #page > article h4, #page > article h5 {
  margin-top: 0;
}

/* line 44, content/stylesheets/partials/_typography.scss */
dl.table dt, dl.table dd {
  display: inline-block;
}

/* line 45, content/stylesheets/partials/_typography.scss */
dg {
  display: block;
  margin-bottom: 1.5em;
}

/* line 47, content/stylesheets/partials/_typography.scss */
.warning {
  color: #c00;
}

/* line 1, content/stylesheets/partials/_nav.scss */
.triangle-marker, body.getting-started #module-nav li.getting-started a:before,
body.tutorial #module-nav li.tutorials a:before,
body.support #module-nav li.support a:before,
#module-nav li.selected a:before, body.getting-started #module-nav li.getting-started:before,
body.tutorial #module-nav li.tutorials:before,
body.support #module-nav li.support:before,
#module-nav li.selected:before, body.getting-started #module-nav li.getting-started:after,
body.tutorial #module-nav li.tutorials:after,
body.support #module-nav li.support:after,
#module-nav li.selected:after {
  border-color: transparent transparent;
  content: "\00a0";
  height: 0;
  width: 0;
  position: absolute;
  border-style: solid;
}

/* line 8, content/stylesheets/partials/_nav.scss */
nav a {
  text-decoration: none;
}
/* line 4, /Users/ceppstei/Projects/compass/core/stylesheets/compass/typography/links/_hover-link.scss */
nav a:hover, nav a:focus {
  text-decoration: underline;
}

/* line 9, content/stylesheets/partials/_nav.scss */
nav .selected a:hover {
  text-decoration: none;
}

/* line 11, content/stylesheets/partials/_nav.scss */
header {
  font-size: 1.3em;
  border-width: 4px;
}

/* line 13, content/stylesheets/partials/_nav.scss */
#main-nav {
  display: inline-block;
  padding-bottom: 10px;
}
/* line 16, content/stylesheets/partials/_nav.scss */
#main-nav ul {
  margin: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
  *zoom: 1;
  line-height: 2em;
}
/* line 62, /Users/ceppstei/Projects/compass/core/stylesheets/compass/typography/lists/_horizontal-list.scss */
#main-nav ul li {
  list-style-image: none;
  list-style-type: none;
  margin-left: 0;
  white-space: nowrap;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}
/* line 49, /Users/ceppstei/Projects/compass/core/stylesheets/compass/typography/lists/_horizontal-list.scss */
#main-nav ul li:first-child {
  padding-left: 0;
}
/* line 50, /Users/ceppstei/Projects/compass/core/stylesheets/compass/typography/lists/_horizontal-list.scss */
#main-nav ul li:last-child {
  padding-right: 0;
}
/* line 52, /Users/ceppstei/Projects/compass/core/stylesheets/compass/typography/lists/_horizontal-list.scss */
#main-nav ul li.last {
  padding-right: 0;
}

/* line 20, content/stylesheets/partials/_nav.scss */
#sub-nav {
  padding: 8px 0;
}

/* line 24, content/stylesheets/partials/_nav.scss */
#docs-nav, #module-nav {
  display: inline-block;
  float: left;
}
/* line 27, content/stylesheets/partials/_nav.scss */
#docs-nav a, #module-nav a {
  padding: 2px 10px;
  display: inline-block;
}

/* line 31, content/stylesheets/partials/_nav.scss */
#docs-nav {
  padding-right: 30px;
}
/* line 32, content/stylesheets/partials/_nav.scss */
#docs-nav + #module-nav {
  padding-left: 20px;
}

/* line 36, content/stylesheets/partials/_nav.scss */
#module-nav {
  display: inline-block;
}
/* line 38, content/stylesheets/partials/_nav.scss */
#module-nav ul {
  margin: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
  *zoom: 1;
}
/* line 62, /Users/ceppstei/Projects/compass/core/stylesheets/compass/typography/lists/_horizontal-list.scss */
#module-nav ul li {
  list-style-image: none;
  list-style-type: none;
  margin-left: 0;
  white-space: nowrap;
  float: left;
}

/* line 40, content/stylesheets/partials/_nav.scss */
body.getting-started #module-nav li.getting-started,
body.tutorial #module-nav li.tutorials,
body.support #module-nav li.support,
#module-nav li.selected {
  position: relative;
}
/* line 45, content/stylesheets/partials/_nav.scss */
body.getting-started #module-nav li.getting-started a,
body.tutorial #module-nav li.tutorials a,
body.support #module-nav li.support a,
#module-nav li.selected a {
  text-decoration: none;
}
/* line 48, content/stylesheets/partials/_nav.scss */
body.getting-started #module-nav li.getting-started a:before,
body.tutorial #module-nav li.tutorials a:before,
body.support #module-nav li.support a:before,
#module-nav li.selected a:before {
  border-width: 0 8px 8px;
  z-index: 2;
  bottom: -9px;
  left: 50%;
  margin-left: -8px;
  border-bottom-color: #121212;
}
/* line 56, content/stylesheets/partials/_nav.scss */
body.getting-started #module-nav li.getting-started:before,
body.tutorial #module-nav li.tutorials:before,
body.support #module-nav li.support:before,
#module-nav li.selected:before {
  border-bottom-color: #414141;
  border-width: 0 6px 6px;
  z-index: 3;
  bottom: -9px;
  left: 50%;
  margin-left: -6px;
}
/* line 64, content/stylesheets/partials/_nav.scss */
body.getting-started #module-nav li.getting-started:after,
body.tutorial #module-nav li.tutorials:after,
body.support #module-nav li.support:after,
#module-nav li.selected:after {
  border-bottom-color: #343434;
  border-width: 0 5px 5px;
  z-index: 3;
  bottom: -10px;
  left: 50%;
  margin-left: -5px;
}

/* line 74, content/stylesheets/partials/_nav.scss */
#search-docs {
  width: 170px;
  float: right;
  position: relative;
  top: .3em;
}
/* line 80, content/stylesheets/partials/_nav.scss */
#search-docs:before {
  content: "s";
  display: block;
  position: absolute;
  left: 6px;
  top: 4px;
  font-size: .8em;
  z-index: 20;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}
/* line 91, content/stylesheets/partials/_nav.scss */
#search-docs input {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 170px;
  border: 0;
  margin: 0;
  padding: 5px 8px 5px 26px;
  font-size: .8em;
  float: right;
  position: relative;
}

/* line 1, content/stylesheets/partials/_sidebar.scss */
aside {
  padding-top: 15px;
  text-align: right;
  padding-right: 22px;
}
/* line 5, content/stylesheets/partials/_sidebar.scss */
aside h2, aside h3 {
  text-align: left;
  font-size: 1.3em;
  line-height: 1.45em;
  padding-bottom: .2em;
  margin-bottom: .4em;
}
/* line 13, content/stylesheets/partials/_sidebar.scss */
aside h3 {
  padding: 0 0 .5em;
  line-height: 1.1em;
}
/* line 16, content/stylesheets/partials/_sidebar.scss */
aside a {
  font-size: .85em;
}
/* line 20, content/stylesheets/partials/_sidebar.scss */
aside ul ul a.selected, aside ul ul a.selected:hover {
  font-weight: bold;
  text-decoration: underline;
}
/* line 25, content/stylesheets/partials/_sidebar.scss */
aside .deprecated {
  text-decoration: line-through;
}
/* line 28, content/stylesheets/partials/_sidebar.scss */
aside .beta span:after {
  content: " (\3B2)";
}

/* line 1, content/stylesheets/partials/_ads.scss */
.advertisement {
  padding: 8px 5px !important;
  text-align: center;
  line-height: 1.1em !important;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transition: opacity 1s ease-in 1.5s;
  -o-transition: opacity 1s ease-in 1.5s;
  -webkit-transition: opacity 1s ease-in;
  -webkit-transition-delay: 1.5s;
  transition: opacity 1s ease-in 1.5s;
}
/* line 7, content/stylesheets/partials/_ads.scss */
.advertisement.visible {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
/* line 10, content/stylesheets/partials/_ads.scss */
.advertisement a:not(.pagerankspam) {
  display: block;
  color: white;
  text-decoration: none;
}
/* line 15, content/stylesheets/partials/_ads.scss */
.advertisement a:not(.pagerankspam):hover {
  text-shadow: 0 0 2px #aaaaaa;
}
/* line 19, content/stylesheets/partials/_ads.scss */
.advertisement .pagerankspam {
  font-size: 9px;
}
/* line 22, content/stylesheets/partials/_ads.scss */
.dark .advertisement img:hover {
  -moz-box-shadow: 0px 5px white;
  -webkit-box-shadow: 0px 5px white;
  box-shadow: 0px 5px white;
}
/* line 26, content/stylesheets/partials/_ads.scss */
.light .advertisement a:not(.pagerankspam) {
  color: #222;
}
/* line 27, content/stylesheets/partials/_ads.scss */
.light .advertisement img:hover {
  -moz-box-shadow: 0px 5px #222222;
  -webkit-box-shadow: 0px 5px #222222;
  box-shadow: 0px 5px #222222;
}
/* line 29, content/stylesheets/partials/_ads.scss */
#home .advertisement {
  float: right;
  width: 380px;
  margin-top: 11px;
}
/* line 33, content/stylesheets/partials/_ads.scss */
#home .advertisement .fusionimg {
  margin: 6px 8px;
  float: left;
}
/* line 37, content/stylesheets/partials/_ads.scss */
#home .advertisement .fusiontext {
  padding-top: 6px;
}

/* line 1, content/stylesheets/partials/_main.scss */
body.get-involved h1 + p {
  font-size: 1.2em;
  line-height: 1.45em;
}

/* line 3, content/stylesheets/partials/_main.scss */
#page {
  position: relative;
  padding-top: 40px;
}
/* line 6, content/stylesheets/partials/_main.scss */
#page > article {
  padding-top: 10px;
  font-size: 15px;
}
/* line 7, content/stylesheets/partials/_main.scss */
#page > article img {
  max-width: 100%;
}

/* line 10, content/stylesheets/partials/_main.scss */
#theme_pref a {
  display: block;
  font-size: 18px;
  width: .9em;
  position: relative;
  text-decoration: none;
}

/* line 12, content/stylesheets/partials/_main.scss */
#docs_panel {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
}
/* line 15, content/stylesheets/partials/_main.scss */
#docs_panel > div {
  float: right;
  margin-left: 10px;
  border: 1px solid;
  border-top: 0;
}
/* line 16, content/stylesheets/partials/_main.scss */
#docs_panel a {
  text-decoration: none;
}
/* line 17, content/stylesheets/partials/_main.scss */
#docs_panel #theme_pref {
  padding: 3px 12px 6px;
}
/* line 17, content/stylesheets/partials/_main.scss */
#docs_panel #theme_pref a {
  position: relative;
  top: 2px;
}
/* line 18, content/stylesheets/partials/_main.scss */
#docs_panel #version {
  font-size: .75em;
  padding: 4px 0 5px;
  background: none;
  border: none;
  position: absolute;
  left: 0;
}
/* line 18, content/stylesheets/partials/_main.scss */
#docs_panel #version a {
  text-decoration: none;
}
/* line 4, /Users/ceppstei/Projects/compass/core/stylesheets/compass/typography/links/_hover-link.scss */
#docs_panel #version a:hover, #docs_panel #version a:focus {
  text-decoration: underline;
}

/* line 22, content/stylesheets/partials/_main.scss */
#syntax_pref, .syntax_pref {
  padding: 4px 8px 5px;
}
/* line 22, content/stylesheets/partials/_main.scss */
#syntax_pref a, .syntax_pref a {
  font-size: .9em;
  padding: 0px 6px 1px;
  display: inline-block;
  line-height: 1.45em;
}

/* line 24, content/stylesheets/partials/_main.scss */
.syntax_pref {
  float: left;
  border: 1px solid;
  border-bottom: 0;
}
/* line 26, content/stylesheets/partials/_main.scss */
.syntax_pref a {
  text-decoration: none;
}

/* line 30, content/stylesheets/partials/_main.scss */
footer .links {
  float: left;
  font-size: .9em;
}
/* line 31, content/stylesheets/partials/_main.scss */
footer .links img {
  vertical-align: middle;
  padding-right: 5px;
  position: relative;
  top: -2px;
}
/* line 32, content/stylesheets/partials/_main.scss */
footer .links span {
  position: relative;
  top: -1px;
}
/* line 33, content/stylesheets/partials/_main.scss */
footer .links ul {
  margin: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
  *zoom: 1;
  overflow: visible;
}
/* line 62, /Users/ceppstei/Projects/compass/core/stylesheets/compass/typography/lists/_horizontal-list.scss */
footer .links ul li {
  list-style-image: none;
  list-style-type: none;
  margin-left: 0;
  white-space: nowrap;
  float: left;
  padding-left: 15px;
  padding-right: 15px;
}
/* line 49, /Users/ceppstei/Projects/compass/core/stylesheets/compass/typography/lists/_horizontal-list.scss */
footer .links ul li:first-child {
  padding-left: 0;
}
/* line 50, /Users/ceppstei/Projects/compass/core/stylesheets/compass/typography/lists/_horizontal-list.scss */
footer .links ul li:last-child {
  padding-right: 0;
}
/* line 52, /Users/ceppstei/Projects/compass/core/stylesheets/compass/typography/lists/_horizontal-list.scss */
footer .links ul li.last {
  padding-right: 0;
}
/* line 34, content/stylesheets/partials/_main.scss */
footer .links ul li {
  padding-top: 3px;
}
/* line 35, content/stylesheets/partials/_main.scss */
footer .links ul li:last-child {
  border: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* line 37, content/stylesheets/partials/_main.scss */
#page article h2 {
  margin-top: 1.5em;
}

/* line 40, content/stylesheets/partials/_main.scss */
h2 a.help {
  text-indent: -9999px;
  display: inline-block;
  position: relative;
  text-decoration: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
  opacity: 0.3;
}
/* line 46, content/stylesheets/partials/_main.scss */
h2 a.help:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
/* line 47, content/stylesheets/partials/_main.scss */
h2 a.help:before {
  content: "?";
  text-indent: 0;
  position: absolute;
  top: 2px;
  left: 0;
  font-size: .85em;
}

/* line 57, content/stylesheets/partials/_main.scss */
hr {
  height: 0px;
  border: 0;
  border-bottom-width: 4px;
  margin: 3em 0;
  background: transparent;
}

/* line 3, content/stylesheets/partials/_code.scss */
.mixin-source, .example-source, .function-source, .selector-source {
  position: relative;
}
/* line 6, content/stylesheets/partials/_code.scss */
.mixin-source .syntaxhighlighter.scss, .mixin-source .syntaxhighlighter.sass, .mixin-source .syntaxhighlighter.css, .mixin-source .syntaxhighlighter.haml, .mixin-source .syntaxhighlighter.html, .mixin-source pre.scss, .mixin-source pre.sass, .mixin-source pre.css, .mixin-source pre.haml, .mixin-source pre.html, .example-source .syntaxhighlighter.scss, .example-source .syntaxhighlighter.sass, .example-source .syntaxhighlighter.css, .example-source .syntaxhighlighter.haml, .example-source .syntaxhighlighter.html, .example-source pre.scss, .example-source pre.sass, .example-source pre.css, .example-source pre.haml, .example-source pre.html, .function-source .syntaxhighlighter.scss, .function-source .syntaxhighlighter.sass, .function-source .syntaxhighlighter.css, .function-source .syntaxhighlighter.haml, .function-source .syntaxhighlighter.html, .function-source pre.scss, .function-source pre.sass, .function-source pre.css, .function-source pre.haml, .function-source pre.html, .selector-source .syntaxhighlighter.scss, .selector-source .syntaxhighlighter.sass, .selector-source .syntaxhighlighter.css, .selector-source .syntaxhighlighter.haml, .selector-source .syntaxhighlighter.html, .selector-source pre.scss, .selector-source pre.sass, .selector-source pre.css, .selector-source pre.haml, .selector-source pre.html {
  display: none;
}

/* line 8, content/stylesheets/partials/_code.scss */
html.sass .mixin-source .syntaxhighlighter.sass, html.sass .example-source .syntaxhighlighter.sass, html.sass .function-source .syntaxhighlighter.sass, html.sass .selector-source .syntaxhighlighter.sass {
  display: block;
}

/* line 9, content/stylesheets/partials/_code.scss */
html.scss .mixin-source .syntaxhighlighter.scss, html.scss .example-source .syntaxhighlighter.scss, html.scss .function-source .syntaxhighlighter.scss, html.scss .selector-source .syntaxhighlighter.scss {
  display: block;
}

/* line 10, content/stylesheets/partials/_code.scss */
html.css .example-source .syntaxhighlighter.css {
  display: block;
}

/* line 11, content/stylesheets/partials/_code.scss */
html.html .example-source .syntaxhighlighter.html {
  display: block;
}

/* line 12, content/stylesheets/partials/_code.scss */
html.haml .example-source .syntaxhighlighter.haml {
  display: block;
}

/* line 16, content/stylesheets/partials/_code.scss */
.mixin-source, .function-source, .selector-source {
  display: none;
}

/* line 18, content/stylesheets/partials/_code.scss */
html.light .syntaxhighlighter, html.dark .syntaxhighlighter {
  margin: 0 0 2px;
  text-shadow: none;
}
/* line 20, content/stylesheets/partials/_code.scss */
html.light .syntaxhighlighter code, html.light .syntaxhighlighter blockquote, html.dark .syntaxhighlighter code, html.dark .syntaxhighlighter blockquote {
  padding: 0;
}
/* line 23, content/stylesheets/partials/_code.scss */
html.light .syntaxhighlighter .code-block, html.light .syntaxhighlighter .code-block-dark, html.light .syntaxhighlighter .code-block-light, html.light .syntaxhighlighter .advertisement, html.light .syntaxhighlighter code, html.light .syntaxhighlighter blockquote, html.dark .syntaxhighlighter .code-block, html.dark .syntaxhighlighter .code-block-dark, html.dark .syntaxhighlighter .advertisement, html.dark .syntaxhighlighter code, html.dark .syntaxhighlighter blockquote, html.dark .syntaxhighlighter .code-block-light {
  background: none;
}
/* line 24, content/stylesheets/partials/_code.scss */
html.light .syntaxhighlighter table td.gutter .line:first-child, html.dark .syntaxhighlighter table td.gutter .line:first-child {
  padding-top: 10px !important;
}
/* line 24, content/stylesheets/partials/_code.scss */
html.light .syntaxhighlighter table td.gutter .line:last-child, html.dark .syntaxhighlighter table td.gutter .line:last-child {
  padding-bottom: 10px !important;
}
/* line 25, content/stylesheets/partials/_code.scss */
html.light .syntaxhighlighter .toolbar, html.dark .syntaxhighlighter .toolbar {
  display: none;
}

/* line 29, content/stylesheets/partials/_code.scss */
a[rel="github-source"] {
  position: relative;
  float: right;
  top: 1.1em;
}

/* line 35, content/stylesheets/partials/_code.scss */
pre {
  margin: 1.5em 0;
  overflow: auto;
}
/* line 38, content/stylesheets/partials/_code.scss */
pre .code-block:first-child, pre .code-block-dark:first-child, pre .dark .advertisement:first-child, .dark pre .advertisement:first-child, pre html.dark code:first-child, html.dark pre code:first-child, pre html.dark blockquote:first-child, html.dark pre blockquote:first-child, pre .code-block-light:first-child, pre .light .advertisement:first-child, .light pre .advertisement:first-child, pre html.light code:first-child, html.light pre code:first-child, pre html.light blockquote:first-child, html.light pre blockquote:first-child {
  padding: .6em;
  display: block;
}
/* line 39, content/stylesheets/partials/_code.scss */
pre .code-block:first-child, pre .code-block-dark:first-child, pre .dark .advertisement:first-child, .dark pre .advertisement:first-child, pre html.dark code:first-child, html.dark pre code:first-child, pre html.dark blockquote:first-child, html.dark pre blockquote:first-child, pre .code-block-light:first-child, pre .light .advertisement:first-child, .light pre .advertisement:first-child, pre html.light code:first-child, html.light pre code:first-child, pre html.light blockquote:first-child, html.light pre blockquote:first-child {
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: auto;
}

/* line 42, content/stylesheets/partials/_code.scss */
.code-block, .code-block-dark, .dark .advertisement, html.dark code, html.dark blockquote, .code-block-light, .light .advertisement, html.light code, html.light blockquote {
  display: inline-block;
  font-size: .95em;
  padding: 0 .4em;
  line-height: 1.5em;
}

/* line 49, content/stylesheets/partials/_code.scss */
.source-documentation {
  padding: 10px 15px;
}

/* line 55, content/stylesheets/partials/_code.scss */
h3 {
  padding: 10px 15px;
  margin: 20px 0 20px;
  font-weight: bold;
  position: relative;
}
/* line 60, content/stylesheets/partials/_code.scss */
h3 a {
  text-decoration: none;
}
/* line 61, content/stylesheets/partials/_code.scss */
h3 code, h3 blockquote, h3 .arg {
  font-weight: normal;
}

/* line 63, content/stylesheets/partials/_code.scss */
h3.mixin, h3.function, h3.selector {
  margin-bottom: 2px;
}

/* line 64, content/stylesheets/partials/_code.scss */
.arg {
  display: inline-block;
  padding: 0 2px;
}
/* line 67, content/stylesheets/partials/_code.scss */
.arg[data-default-value] {
  font-style: italic;
}
/* line 69, content/stylesheets/partials/_code.scss */
.arg[data-default-value]:before {
  content: "[";
}
/* line 70, content/stylesheets/partials/_code.scss */
.arg[data-default-value]:after {
  content: "]";
}

/* line 73, content/stylesheets/partials/_code.scss */
a[rel="view source"] {
  float: right;
  padding: 9px 15px;
  margin-top: 20px;
  position: relative;
  z-index: 2;
  font-size: .8em;
  text-decoration: none;
}
/* line 4, /Users/ceppstei/Projects/compass/core/stylesheets/compass/typography/links/_hover-link.scss */
a[rel="view source"]:hover, a[rel="view source"]:focus {
  text-decoration: underline;
}

/* line 74, content/stylesheets/partials/_code.scss */
h2 + a[rel="view source"] {
  margin-top: 6px;
}

/* line 77, content/stylesheets/partials/_code.scss */
.syntaxhighlighter a, .syntaxhighlighter div, .syntaxhighlighter code, .syntaxhighlighter blockquote, .syntaxhighlighter table, .syntaxhighlighter table td, .syntaxhighlighter table tr, .syntaxhighlighter table tbody, .syntaxhighlighter table thead, .syntaxhighlighter table caption, .syntaxhighlighter textarea {
  background: none;
  border: 0;
  bottom: auto;
  float: none;
  height: auto;
  left: auto;
  line-height: 1.2em !important;
  padding: 0;
  margin: 0;
  outline: 0;
  overflow: visible;
  position: static;
  right: auto;
  text-align: left;
  top: auto;
  vertical-align: baseline;
  width: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 1em;
  min-height: inherit;
}

/* line 90, content/stylesheets/partials/_code.scss */
.syntaxhighlighter {
  width: 100%;
  margin: 1em 0 1em 0;
  position: relative;
  overflow: auto;
  font-size: 1em;
}
/* line 93, content/stylesheets/partials/_code.scss */
.syntaxhighlighter .bold {
  font-weight: bold;
}
/* line 94, content/stylesheets/partials/_code.scss */
.syntaxhighlighter .italic {
  font-style: italic;
}
/* line 95, content/stylesheets/partials/_code.scss */
.syntaxhighlighter .line {
  white-space: pre;
}
/* line 98, content/stylesheets/partials/_code.scss */
.syntaxhighlighter table {
  width: 100%;
}
/* line 99, content/stylesheets/partials/_code.scss */
.syntaxhighlighter table td.code {
  width: 100%;
}
/* line 100, content/stylesheets/partials/_code.scss */
.syntaxhighlighter table td.code .line {
  padding: 0 .6em;
}
/* line 101, content/stylesheets/partials/_code.scss */
.syntaxhighlighter table td.gutter .line {
  text-align: right;
  padding: 0 0.8em 0 1em;
}
/* line 104, content/stylesheets/partials/_code.scss */
.syntaxhighlighter .toolbar {
  position: absolute;
  right: 1px;
  top: 1px;
  width: 11px;
  height: 11px;
  font-size: 10px;
  z-index: 10;
}
/* line 105, content/stylesheets/partials/_code.scss */
.syntaxhighlighter .toolbar span.title {
  display: inline;
}
/* line 106, content/stylesheets/partials/_code.scss */
.syntaxhighlighter .toolbar a {
  display: block;
  text-align: center;
  text-decoration: none;
  padding-top: 1px;
}
/* line 107, content/stylesheets/partials/_code.scss */
.syntaxhighlighter .container {
  position: relative;
}
/* line 108, content/stylesheets/partials/_code.scss */
.syntaxhighlighter textarea {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0.65em;
  right: 0.65em;
  font-size: .95em;
  line-height: 1.3em !important;
}

/* line 111, content/stylesheets/partials/_code.scss */
.syntaxhighlighter::-webkit-scrollbar, pre .code-block:first-child::-webkit-scrollbar, pre .code-block-dark:first-child::-webkit-scrollbar, pre .dark .advertisement:first-child::-webkit-scrollbar, .dark pre .advertisement:first-child::-webkit-scrollbar, pre html.dark code:first-child::-webkit-scrollbar, html.dark pre code:first-child::-webkit-scrollbar, pre html.dark blockquote:first-child::-webkit-scrollbar, html.dark pre blockquote:first-child::-webkit-scrollbar, pre .code-block-light:first-child::-webkit-scrollbar, pre .light .advertisement:first-child::-webkit-scrollbar, .light pre .advertisement:first-child::-webkit-scrollbar, pre html.light code:first-child::-webkit-scrollbar, html.light pre code:first-child::-webkit-scrollbar, pre html.light blockquote:first-child::-webkit-scrollbar, html.light pre blockquote:first-child::-webkit-scrollbar, pre::-webkit-scrollbar {
  height: 12px;
}
/* line 112, content/stylesheets/partials/_code.scss */
.syntaxhighlighter::-webkit-scrollbar-button:start:decrement, .syntaxhighlighter::-webkit-scrollbar-button:end:increment, pre .code-block:first-child::-webkit-scrollbar-button:start:decrement, pre .code-block-dark:first-child::-webkit-scrollbar-button:start:decrement, pre .dark .advertisement:first-child::-webkit-scrollbar-button:start:decrement, .dark pre .advertisement:first-child::-webkit-scrollbar-button:start:decrement, pre html.dark code:first-child::-webkit-scrollbar-button:start:decrement, html.dark pre code:first-child::-webkit-scrollbar-button:start:decrement, pre html.dark blockquote:first-child::-webkit-scrollbar-button:start:decrement, html.dark pre blockquote:first-child::-webkit-scrollbar-button:start:decrement, pre .code-block-light:first-child::-webkit-scrollbar-button:start:decrement, pre .light .advertisement:first-child::-webkit-scrollbar-button:start:decrement, .light pre .advertisement:first-child::-webkit-scrollbar-button:start:decrement, pre html.light code:first-child::-webkit-scrollbar-button:start:decrement, html.light pre code:first-child::-webkit-scrollbar-button:start:decrement, pre html.light blockquote:first-child::-webkit-scrollbar-button:start:decrement, html.light pre blockquote:first-child::-webkit-scrollbar-button:start:decrement, pre .code-block:first-child::-webkit-scrollbar-button:end:increment, pre .code-block-dark:first-child::-webkit-scrollbar-button:end:increment, pre .dark .advertisement:first-child::-webkit-scrollbar-button:end:increment, .dark pre .advertisement:first-child::-webkit-scrollbar-button:end:increment, pre html.dark code:first-child::-webkit-scrollbar-button:end:increment, html.dark pre code:first-child::-webkit-scrollbar-button:end:increment, pre html.dark blockquote:first-child::-webkit-scrollbar-button:end:increment, html.dark pre blockquote:first-child::-webkit-scrollbar-button:end:increment, pre .code-block-light:first-child::-webkit-scrollbar-button:end:increment, pre .light .advertisement:first-child::-webkit-scrollbar-button:end:increment, .light pre .advertisement:first-child::-webkit-scrollbar-button:end:increment, pre html.light code:first-child::-webkit-scrollbar-button:end:increment, html.light pre code:first-child::-webkit-scrollbar-button:end:increment, pre html.light blockquote:first-child::-webkit-scrollbar-button:end:increment, html.light pre blockquote:first-child::-webkit-scrollbar-button:end:increment, pre::-webkit-scrollbar-button:start:decrement, pre::-webkit-scrollbar-button:end:increment {
  display: block;
  width: 0;
  height: 0;
}
/* line 113, content/stylesheets/partials/_code.scss */
.syntaxhighlighter::-webkit-scrollbar-thumb:horizontal, pre .code-block:first-child::-webkit-scrollbar-thumb:horizontal, pre .code-block-dark:first-child::-webkit-scrollbar-thumb:horizontal, pre .dark .advertisement:first-child::-webkit-scrollbar-thumb:horizontal, .dark pre .advertisement:first-child::-webkit-scrollbar-thumb:horizontal, pre html.dark code:first-child::-webkit-scrollbar-thumb:horizontal, html.dark pre code:first-child::-webkit-scrollbar-thumb:horizontal, pre html.dark blockquote:first-child::-webkit-scrollbar-thumb:horizontal, html.dark pre blockquote:first-child::-webkit-scrollbar-thumb:horizontal, pre .code-block-light:first-child::-webkit-scrollbar-thumb:horizontal, pre .light .advertisement:first-child::-webkit-scrollbar-thumb:horizontal, .light pre .advertisement:first-child::-webkit-scrollbar-thumb:horizontal, pre html.light code:first-child::-webkit-scrollbar-thumb:horizontal, html.light pre code:first-child::-webkit-scrollbar-thumb:horizontal, pre html.light blockquote:first-child::-webkit-scrollbar-thumb:horizontal, html.light pre blockquote:first-child::-webkit-scrollbar-thumb:horizontal, pre::-webkit-scrollbar-thumb:horizontal {
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
}

/* line 1, content/stylesheets/partials/_example.scss */
html.light #demo, html.dark #demo {
  color: #333;
}

/* line 5, content/stylesheets/partials/_example.scss */
#demo {
  background: #fff;
  margin-bottom: 1.2em;
  padding: 40px;
}
/* line 11, content/stylesheets/partials/_example.scss */
#demo code, #demo blockquote {
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px, rgba(0, 0, 0, 0.15) 0 1px 0 0 inset;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px, rgba(0, 0, 0, 0.15) 0 1px 0 0 inset;
  box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px, rgba(0, 0, 0, 0.15) 0 1px 0 0 inset;
  background: #fff;
  color: inherit;
}

/* line 19, content/stylesheets/partials/_example.scss */
#how section {
  width: 49%;
  float: left;
}
/* line 20, content/stylesheets/partials/_example.scss */
#how section + section {
  float: right;
}
/* line 22, content/stylesheets/partials/_example.scss */
#how .example-source {
  clear: both;
}

/* line 25, content/stylesheets/partials/_example.scss */
#reference {
  float: right;
  margin-top: 1em;
}

/* line 2, content/stylesheets/partials/_install.scss */
body#install #steps, body#install p.madlib, body#install p.note, body#install h4 {
  margin-top: 1em;
}
/* line 3, content/stylesheets/partials/_install.scss */
body#install p.note {
  font-size: smaller;
  font-style: italic;
}
/* line 4, content/stylesheets/partials/_install.scss */
body#install p.warning {
  color: #c00;
}
/* line 5, content/stylesheets/partials/_install.scss */
body#install .customization {
  display: none;
}
/* line 6, content/stylesheets/partials/_install.scss */
body#install .customizable .customization {
  display: inline;
}
/* line 7, content/stylesheets/partials/_install.scss */
body#install blockquote {
  border-left: 2px solid #ccc;
  text-indent: 0;
  padding-left: 0.5em;
}
/* line 9, content/stylesheets/partials/_install.scss */
body#install .customization input {
  width: 8em;
}

/* line 2, content/stylesheets/partials/_blog.scss */
body#blog-archive .timestamp {
  margin-right: 1em;
  font-size: 12px;
}

/* line 40, content/stylesheets/syntax/_shThemeRDark.scss */
html.dark .syntaxhighlighter .plain, html.dark .syntaxhighlighter .plain a {
  color: #dadbb1;
}
/* line 41, content/stylesheets/syntax/_shThemeRDark.scss */
html.dark .syntaxhighlighter .comments, html.dark .syntaxhighlighter .comments a {
  color: #878a85;
}
/* line 42, content/stylesheets/syntax/_shThemeRDark.scss */
html.dark .syntaxhighlighter .string, html.dark .syntaxhighlighter .string a {
  color: #64b041;
}
/* line 43, content/stylesheets/syntax/_shThemeRDark.scss */
html.dark .syntaxhighlighter .keyword {
  color: #6cc7eb;
}
/* line 44, content/stylesheets/syntax/_shThemeRDark.scss */
html.dark .syntaxhighlighter .preprocessor {
  color: #cd5c57;
}
/* line 45, content/stylesheets/syntax/_shThemeRDark.scss */
html.dark .syntaxhighlighter .variable {
  color: #6cc7eb;
}
/* line 46, content/stylesheets/syntax/_shThemeRDark.scss */
html.dark .syntaxhighlighter .value {
  color: #ffa0a0;
}
/* line 47, content/stylesheets/syntax/_shThemeRDark.scss */
html.dark .syntaxhighlighter .functions {
  color: #3d95e6;
}
/* line 48, content/stylesheets/syntax/_shThemeRDark.scss */
html.dark .syntaxhighlighter .constants {
  color: #e0e8ff;
}
/* line 49, content/stylesheets/syntax/_shThemeRDark.scss */
html.dark .syntaxhighlighter .script {
  font-weight: bold;
  color: #6cc7eb;
  background-color: none;
}
/* line 54, content/stylesheets/syntax/_shThemeRDark.scss */
html.dark .syntaxhighlighter .color1, html.dark .syntaxhighlighter .color1 a {
  color: #b0b76b;
}
/* line 55, content/stylesheets/syntax/_shThemeRDark.scss */
html.dark .syntaxhighlighter .color2, html.dark .syntaxhighlighter .color2 a {
  color: #98f77a;
}
/* line 56, content/stylesheets/syntax/_shThemeRDark.scss */
html.dark .syntaxhighlighter .color3, html.dark .syntaxhighlighter .color3 a {
  color: #ffaa3e;
}
/* line 57, content/stylesheets/syntax/_shThemeRDark.scss */
html.dark .syntaxhighlighter .color4, html.dark .syntaxhighlighter .color4 a {
  color: #dadbb1;
}

/* line 94, content/stylesheets/syntax/_shThemeRDark.scss */
html.light .syntaxhighlighter .plain, html.light .syntaxhighlighter .plain a {
  color: black;
}
/* line 95, content/stylesheets/syntax/_shThemeRDark.scss */
html.light .syntaxhighlighter .comments, html.light .syntaxhighlighter .comments a {
  color: #3f5fbf;
}
/* line 96, content/stylesheets/syntax/_shThemeRDark.scss */
html.light .syntaxhighlighter .string, html.light .syntaxhighlighter .string a {
  color: #4fa33f;
}
/* line 97, content/stylesheets/syntax/_shThemeRDark.scss */
html.light .syntaxhighlighter .keyword {
  color: #7f0055;
}
/* line 98, content/stylesheets/syntax/_shThemeRDark.scss */
html.light .syntaxhighlighter .preprocessor {
  color: #006699;
}
/* line 99, content/stylesheets/syntax/_shThemeRDark.scss */
html.light .syntaxhighlighter .variable {
  color: #aa7700;
}
/* line 100, content/stylesheets/syntax/_shThemeRDark.scss */
html.light .syntaxhighlighter .value {
  color: #4fa33f;
}
/* line 101, content/stylesheets/syntax/_shThemeRDark.scss */
html.light .syntaxhighlighter .functions {
  color: #b553ba;
}
/* line 102, content/stylesheets/syntax/_shThemeRDark.scss */
html.light .syntaxhighlighter .constants {
  color: #0066cc;
}
/* line 103, content/stylesheets/syntax/_shThemeRDark.scss */
html.light .syntaxhighlighter .script {
  font-weight: bold;
  color: #6cc7eb;
  background-color: none;
}
/* line 108, content/stylesheets/syntax/_shThemeRDark.scss */
html.light .syntaxhighlighter .color1, html.light .syntaxhighlighter .color1 a {
  color: gray;
}
/* line 109, content/stylesheets/syntax/_shThemeRDark.scss */
html.light .syntaxhighlighter .color2, html.light .syntaxhighlighter .color2 a {
  color: #ca6436;
}
/* line 110, content/stylesheets/syntax/_shThemeRDark.scss */
html.light .syntaxhighlighter .color3, html.light .syntaxhighlighter .color3 a {
  color: red;
}
/* line 111, content/stylesheets/syntax/_shThemeRDark.scss */
html.light .syntaxhighlighter .color4, html.light .syntaxhighlighter .color4 a {
  color: black;
}

/*.syntaxhighlighter {
	.keyword { font-weight: bold !important; }
}*/
/* line 1, content/stylesheets/core/_clearing-classes.sass */
.clear-top-left-corner, #docs_panel > div, .source-documentation {
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
}

/* line 3, content/stylesheets/core/_clearing-classes.sass */
.clear-top-right-corner, #docs_panel > div, .source-documentation {
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
}

/* line 5, content/stylesheets/core/_clearing-classes.sass */
.clear-bottom-left-corner, .syntax_pref, h3.mixin, h3.function, h3.selector {
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* line 7, content/stylesheets/core/_clearing-classes.sass */
.clear-bottom-right-corner, .syntax_pref, h3.mixin, h3.function, h3.selector {
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 10, content/stylesheets/core/_clearing-classes.sass */
.hide {
  display: none;
}

/* line 12, content/stylesheets/core/_clearing-classes.sass */
.clear-box-shadow, html.light .syntaxhighlighter .code-block, html.light .syntaxhighlighter .code-block-dark, html.light .syntaxhighlighter html.dark code, html.dark html.light .syntaxhighlighter code, html.light .syntaxhighlighter html.dark blockquote, html.dark html.light .syntaxhighlighter blockquote, html.light .syntaxhighlighter .code-block-light, html.light .syntaxhighlighter .advertisement, html.light .syntaxhighlighter code, html.light .syntaxhighlighter blockquote, html.dark .syntaxhighlighter .code-block, html.dark .syntaxhighlighter .code-block-dark, html.dark .syntaxhighlighter .advertisement, html.dark .syntaxhighlighter code, html.dark .syntaxhighlighter blockquote, html.dark .syntaxhighlighter .code-block-light, html.dark .syntaxhighlighter html.light code, html.light html.dark .syntaxhighlighter code, html.dark .syntaxhighlighter html.light blockquote, html.light html.dark .syntaxhighlighter blockquote, html.dark #page > article h1 + h2, html.dark #page > article hr + h2, html.light #page > article h1 + h2, html.light #page > article hr + h2 {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* line 16, content/stylesheets/core/_clearing-classes.sass */
.clear-rounded-corners, .clear-border-radius, aside h2, aside h3 {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

/* line 29, content/stylesheets/screen.scss */
html.dark {
  background: #2f2f2f;
}
/* line 3, content/stylesheets/partials/_theme.scss */
html.dark body {
  background: #2f2f2f;
  color: #c6c6c6;
}
/* line 4, content/stylesheets/partials/_theme.scss */
html.dark body a {
  color: #84bcde;
}
/* line 7, content/stylesheets/partials/_theme.scss */
html.dark header {
  border-width: 4px;
}
/* line 9, content/stylesheets/partials/_theme.scss */
html.dark nav a {
  color: #bfbfbf;
}
/* line 10, content/stylesheets/partials/_theme.scss */
html.dark #main-nav a {
  color: white;
}
/* line 12, content/stylesheets/partials/_theme.scss */
html.dark body#home #main-nav a[rel=home],
html.dark body#help #main-nav a[rel=help],
html.dark body.tutorial #main-nav a[rel=tutorial],
html.dark body.reference #main-nav a[rel=documentation],
html.dark body#changelog #main-nav a[rel=documentation],
html.dark body.demo #main-nav a[rel=documentation],
html.dark body#get-involved #main-nav a[rel=get-involved] {
  color: #fb292d;
}
/* line 20, content/stylesheets/partials/_theme.scss */
html.dark #search-docs input {
  color: #6e6e6e;
}
/* line 22, content/stylesheets/partials/_theme.scss */
html.dark #search-docs input::-webkit-input-placeholder {
  color: #6e6e6e;
}
/* line 23, content/stylesheets/partials/_theme.scss */
html.dark h1, html.dark h2, html.dark h3, html.dark h4, html.dark h5, html.dark h6 {
  color: white;
}
/* line 24, content/stylesheets/partials/_theme.scss */
html.dark h1 strong, html.dark h2 strong, html.dark h3 strong, html.dark h4 strong, html.dark h5 strong, html.dark h6 strong {
  color: #fb292d;
}
/* line 25, content/stylesheets/partials/_theme.scss */
html.dark h1 em, html.dark h2 em, html.dark h3 em, html.dark h4 em, html.dark h5 em, html.dark h6 em {
  color: #dadbb1;
}
/* line 28, content/stylesheets/partials/_theme.scss */
html.dark hr {
  border-bottom-width: 8px;
}
/* line 35, content/stylesheets/partials/_theme.scss */
html.dark aside h2 a {
  color: #dbdbdb;
}
/* line 40, content/stylesheets/partials/_theme.scss */
html.dark code, html.dark blockquote {
  color: #dadbb1;
}
/* line 43, content/stylesheets/partials/_theme.scss */
html.dark #docs_panel div, html.dark .syntax_pref {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(0, 0, 0, 0.5);
}
/* line 60, content/stylesheets/partials/_theme.scss */
html.dark #page > article h1 + h2, html.dark #page > article hr + h2 {
  border-top: 0;
  margin-top: 0;
}
/* line 67, content/stylesheets/partials/_theme.scss */
html.dark body.core a[rel=core], html.dark body.blueprint a[rel=blueprint] {
  color: #dbdbdb;
}
/* line 68, content/stylesheets/partials/_theme.scss */
html.dark #main-nav a[rel=home] {
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  text-transform: capitalize;
  background-image: url('../images/compass-logo-small-dark_1408149819.png');
  background-repeat: no-repeat;
  background-position: 50% 50%;
  width: 172px;
  height: 38px;
  display: inline-block;
  float: left;
}
/* line 71, content/stylesheets/partials/_theme.scss */
html.dark #module-nav ul {
  overflow: visible;
}
/* line 76, content/stylesheets/partials/_theme.scss */
html.dark body.getting-started #module-nav li.getting-started a,
html.dark body.tutorial #module-nav li.tutorials a,
html.dark body.support #module-nav li.support a,
html.dark #module-nav li.selected a {
  color: #84bcde;
}
/* line 79, content/stylesheets/partials/_theme.scss */
html.dark.sass a[rel=sass], html.dark.scss a[rel=scss], html.dark.css a[rel=css], html.dark.html a[rel=html], html.dark.haml a[rel=haml] {
  color: white;
  color: rgba(255, 255, 255, 0.7);
}
/* line 81, content/stylesheets/partials/_theme.scss */
html.dark #version {
  color: rgba(255, 255, 255, 0.3);
}
/* line 81, content/stylesheets/partials/_theme.scss */
html.dark #version a {
  color: rgba(191, 191, 191, 0.7);
}
/* line 83, content/stylesheets/partials/_theme.scss */
html.dark .mixin-source .container textarea, html.dark .example-source .container textarea, html.dark .function-source .container textarea, html.dark .selector-source .container textarea {
  color: #dadbb1;
}
/* line 85, content/stylesheets/partials/_theme.scss */
html.dark h2 a.help {
  color: white;
}
/* line 91, content/stylesheets/partials/_theme.scss */
html.dark .arg {
  color: #dadbb1;
}
/* line 92, content/stylesheets/partials/_theme.scss */
html.dark .arg[data-default-value] {
  color: rgba(218, 219, 177, 0.7);
}
/* line 93, content/stylesheets/partials/_theme.scss */
html.dark a[rel="view source"] {
  color: rgba(255, 255, 255, 0.5);
}
/* line 93, content/stylesheets/partials/_theme.scss */
html.dark a[rel="view source"]:hover {
  color: rgba(255, 255, 255, 0.8);
}
/* line 188, content/stylesheets/partials/_theme.scss */
html.dark .syntaxhighlighter::-webkit-scrollbar-track-piece, html.dark pre::-webkit-scrollbar-track-piece, html.dark pre .code-block:first-child::-webkit-scrollbar-track-piece, html.dark pre .code-block-dark:first-child::-webkit-scrollbar-track-piece, html.dark pre .advertisement:first-child::-webkit-scrollbar-track-piece, html.dark pre code:first-child::-webkit-scrollbar-track-piece, html.dark pre blockquote:first-child::-webkit-scrollbar-track-piece, html.dark pre .code-block-light:first-child::-webkit-scrollbar-track-piece {
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 0 3px 1px inset;
  background: rgba(0, 0, 0, 0.2);
}
/* line 191, content/stylesheets/partials/_theme.scss */
html.dark .syntaxhighlighter::-webkit-scrollbar-thumb:horizontal, html.dark pre::-webkit-scrollbar-thumb:horizontal, html.dark pre .code-block:first-child::-webkit-scrollbar-thumb:horizontal, html.dark pre .code-block-dark:first-child::-webkit-scrollbar-thumb:horizontal, html.dark pre .advertisement:first-child::-webkit-scrollbar-thumb:horizontal, html.dark pre code:first-child::-webkit-scrollbar-thumb:horizontal, html.dark pre blockquote:first-child::-webkit-scrollbar-thumb:horizontal, html.dark pre .code-block-light:first-child::-webkit-scrollbar-thumb:horizontal {
  background: -webkit-linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0)) black;
  -webkit-box-shadow: rgba(0, 0, 0, 0.8) 0px 0 0 1px inset;
}

/* line 30, content/stylesheets/screen.scss */
html.light {
  background: #ececec;
}
/* line 3, content/stylesheets/partials/_theme.scss */
html.light body {
  background: #ececec;
  color: #111111;
}
/* line 4, content/stylesheets/partials/_theme.scss */
html.light body a {
  color: #307eb6;
}
/* line 7, content/stylesheets/partials/_theme.scss */
html.light header {
  border-width: 4px;
}
/* line 9, content/stylesheets/partials/_theme.scss */
html.light nav a {
  color: #444444;
}
/* line 10, content/stylesheets/partials/_theme.scss */
html.light #main-nav a {
  color: black;
}
/* line 12, content/stylesheets/partials/_theme.scss */
html.light body#home #main-nav a[rel=home],
html.light body#help #main-nav a[rel=help],
html.light body.tutorial #main-nav a[rel=tutorial],
html.light body.reference #main-nav a[rel=documentation],
html.light body#changelog #main-nav a[rel=documentation],
html.light body.demo #main-nav a[rel=documentation],
html.light body#get-involved #main-nav a[rel=get-involved] {
  color: #d40408;
}
/* line 20, content/stylesheets/partials/_theme.scss */
html.light #search-docs input {
  color: #666666;
}
/* line 22, content/stylesheets/partials/_theme.scss */
html.light #search-docs input::-webkit-input-placeholder {
  color: #666666;
}
/* line 23, content/stylesheets/partials/_theme.scss */
html.light h1, html.light h2, html.light h3, html.light h4, html.light h5, html.light h6 {
  color: #222222;
}
/* line 24, content/stylesheets/partials/_theme.scss */
html.light h1 strong, html.light h2 strong, html.light h3 strong, html.light h4 strong, html.light h5 strong, html.light h6 strong {
  color: #d40408;
}
/* line 25, content/stylesheets/partials/_theme.scss */
html.light h1 em, html.light h2 em, html.light h3 em, html.light h4 em, html.light h5 em, html.light h6 em {
  color: #222222;
}
/* line 28, content/stylesheets/partials/_theme.scss */
html.light hr {
  border-bottom-width: 8px;
}
/* line 35, content/stylesheets/partials/_theme.scss */
html.light aside h2 a {
  color: black;
}
/* line 40, content/stylesheets/partials/_theme.scss */
html.light code, html.light blockquote {
  color: #222222;
}
/* line 43, content/stylesheets/partials/_theme.scss */
html.light #docs_panel div, html.light .syntax_pref {
  background: white;
  border-color: rgba(0, 0, 0, 0.2);
}
/* line 60, content/stylesheets/partials/_theme.scss */
html.light #page > article h1 + h2, html.light #page > article hr + h2 {
  border-top: 0;
  margin-top: 0;
}
/* line 67, content/stylesheets/partials/_theme.scss */
html.light body.core a[rel=core], html.light body.blueprint a[rel=blueprint] {
  color: black;
}
/* line 68, content/stylesheets/partials/_theme.scss */
html.light #main-nav a[rel=home] {
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  text-transform: capitalize;
  background-image: url('../images/compass-logo-small-light_1408149819.png');
  background-repeat: no-repeat;
  background-position: 50% 50%;
  width: 172px;
  height: 38px;
  display: inline-block;
  float: left;
}
/* line 71, content/stylesheets/partials/_theme.scss */
html.light #module-nav ul {
  overflow: visible;
}
/* line 76, content/stylesheets/partials/_theme.scss */
html.light body.getting-started #module-nav li.getting-started a,
html.light body.tutorial #module-nav li.tutorials a,
html.light body.support #module-nav li.support a,
html.light #module-nav li.selected a {
  color: #307eb6;
}
/* line 79, content/stylesheets/partials/_theme.scss */
html.light.sass a[rel=sass], html.light.scss a[rel=scss], html.light.css a[rel=css], html.light.html a[rel=html], html.light.haml a[rel=haml] {
  color: #222222;
  color: rgba(34, 34, 34, 0.7);
}
/* line 81, content/stylesheets/partials/_theme.scss */
html.light #version {
  color: rgba(34, 34, 34, 0.3);
}
/* line 81, content/stylesheets/partials/_theme.scss */
html.light #version a {
  color: rgba(68, 68, 68, 0.7);
}
/* line 83, content/stylesheets/partials/_theme.scss */
html.light .mixin-source .container textarea, html.light .example-source .container textarea, html.light .function-source .container textarea, html.light .selector-source .container textarea {
  color: #222222;
}
/* line 85, content/stylesheets/partials/_theme.scss */
html.light h2 a.help {
  color: #222222;
}
/* line 91, content/stylesheets/partials/_theme.scss */
html.light .arg {
  color: #222222;
}
/* line 92, content/stylesheets/partials/_theme.scss */
html.light .arg[data-default-value] {
  color: rgba(34, 34, 34, 0.7);
}
/* line 93, content/stylesheets/partials/_theme.scss */
html.light a[rel="view source"] {
  color: rgba(34, 34, 34, 0.5);
}
/* line 93, content/stylesheets/partials/_theme.scss */
html.light a[rel="view source"]:hover {
  color: rgba(34, 34, 34, 0.8);
}
/* line 287, content/stylesheets/partials/_theme.scss */
html.light .syntaxhighlighter::-webkit-scrollbar-track-piece {
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 3px 1px inset;
  background: rgba(221, 221, 221, 0.8);
}
/* line 288, content/stylesheets/partials/_theme.scss */
html.light .syntaxhighlighter::-webkit-scrollbar-thumb:horizontal {
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.2)) white;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0 0 1px inset;
}

/* line 32, content/stylesheets/screen.scss */
footer {
  margin: 0 auto;
  width: 640px;
}

/* line 41, content/stylesheets/screen.scss */
#page h3 {
  padding-left: 0;
}