/* Welcome to Susy. Use this file to define screen styles.
 * Import this file using the following html or equivalent:
 * <link href="/stylesheets/screen.css" media="screen" rel="stylesheet" type="text/css" /> */
@charset "utf-8";
@charset "UTF-8";
/* line 62, content/stylesheets/././_base.sass */
#skip-links {
  position: relative;
}
/* line 58, content/stylesheets/././_base.sass */
#skip-links a {
  position: absolute;
  top: -9999em;
  display: block;
  width: 100%;
}
/* line 75, /Library/Ruby/Gems/1.8/gems/compass-susy-plugin-0.7.0/sass/susy/./_utils.scss */
#skip-links a:focus {
  top: 0;
  z-index: 999;
}

/* Reset --------------------------------------------------------------*/
/* line 14, /Users/chris/Projects/compass/frameworks/compass/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, body.docs pre,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

/* line 17, /Users/chris/Projects/compass/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
body {
  line-height: 1;
  color: black;
  background: white;
}

/* line 19, /Users/chris/Projects/compass/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 21, /Users/chris/Projects/compass/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: separate;
  border-spacing: 0;
  vertical-align: middle;
}

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

/* line 25, /Users/chris/Projects/compass/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: "" "";
}
/* line 96, /Users/chris/Projects/compass/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
}

/* line 27, /Users/chris/Projects/compass/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* HTML5 Reset --------------------------------------------------------------*/
/* line 108, /Users/chris/Projects/compass/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  display: block;
}

/* @group defaults */
/* line 12, content/stylesheets/./_defaults.sass */
body {
  font-family: Helvetica, Arial, sans-serif;
  color: black;
}

/* @group links */
/* line 18, content/stylesheets/./_defaults.sass */
:focus {
  outline: 1px dotted #005498;
}

/* line 22, content/stylesheets/./_defaults.sass */
a:link, a:visited {
  color: #005498;
  text-decoration: none;
}
/* line 25, content/stylesheets/./_defaults.sass */
a:focus, a:hover, a:active {
  color: #003276;
}

/* @end */
/* @group inline tags */
/* line 32, content/stylesheets/./_defaults.sass */
cite {
  font-style: italic;
}

/* line 35, content/stylesheets/./_defaults.sass */
em {
  font-style: italic;
}

/* line 38, content/stylesheets/./_defaults.sass */
strong {
  font-weight: bold;
}

/* line 41, content/stylesheets/./_defaults.sass */
ins {
  text-decoration: underline;
}

/* line 44, content/stylesheets/./_defaults.sass */
del {
  text-decoration: line-through;
}

/* line 47, content/stylesheets/./_defaults.sass */
q {
  font-style: italic;
}
/* line 49, content/stylesheets/./_defaults.sass */
q em {
  font-style: normal;
}

/* @end */
/* @group replaced tags */
/* line 56, content/stylesheets/./_defaults.sass */
img {
  vertical-align: bottom;
}

/* @end */
/* @group headers */
/* line 63, content/stylesheets/./_defaults.sass */
h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  margin: 1em 0;
}

/* @end */
/* @group block tags */
/* line 71, content/stylesheets/./_defaults.sass */
p {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}

/* line 89, content/stylesheets/./_defaults.sass */
ol {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  margin-left: 3em;
  list-style: decimal;
}

/* line 92, content/stylesheets/./_defaults.sass */
ul {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  margin-left: 3em;
  list-style: disc;
}

/* line 95, content/stylesheets/./_defaults.sass */
blockquote {
  margin: 1.5em;
  font-family: Baskerville, Palatino, serif;
}

/* @end */
/* @group tables */
/* tables still need 'cellspacing="0"' in the markup */
/* line 105, content/stylesheets/./_defaults.sass */
table {
  width: 100%;
}

/* line 108, content/stylesheets/./_defaults.sass */
th {
  font-weight: bold;
}

/* @end */
/* @group forms */
/* line 115, content/stylesheets/./_defaults.sass */
fieldset {
  margin-bottom: 1.5em;
}

/* line 118, content/stylesheets/./_defaults.sass */
legend {
  font-weight: bold;
  font-variant: small-caps;
}

/* line 122, content/stylesheets/./_defaults.sass */
label {
  display: block;
}

/* line 125, content/stylesheets/./_defaults.sass */
legend + label {
  margin-top: 0;
}

/* line 128, content/stylesheets/./_defaults.sass */
textarea, input:not([type="radio"]) {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}

/* line 132, content/stylesheets/./_defaults.sass */
button {
  vertical-align: top;
}

/* @end */
/* @end */
/* @group STRUCTURE */
/* line 29, /Library/Ruby/Gems/1.8/gems/compass-susy-plugin-0.7.0/sass/susy/././_vertical_rhythm.scss */
body {
  font-size: 100%;
  line-height: 1.5em;
}

/* line 33, /Library/Ruby/Gems/1.8/gems/compass-susy-plugin-0.7.0/sass/susy/././_vertical_rhythm.scss */
html > body {
  font-size: 16px;
}

/* line 18, /Library/Ruby/Gems/1.8/gems/compass-susy-plugin-0.7.0/sass/susy/_susy.scss */
body {
  text-align: center;
}

/* line 15, content/stylesheets/screen.sass */
header[role="banner"] h1, #compass-nav {
  display: inline;
  float: left;
  width: 46.97%;
  margin-right: 3.03%;
}

/* line 18, content/stylesheets/screen.sass */
header[role="banner"] {
  background: #f9f9f9;
}
/* line 20, content/stylesheets/screen.sass */
header[role="banner"] div {
  overflow: hidden;
  *zoom: 1;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  width: 66em;
  max-width: 100%;
}
/* line 22, content/stylesheets/screen.sass */
header[role="banner"] h1 {
  margin-left: 1.515%;
  font-size: 1.125em;
  line-height: 1.333em;
  text-transform: uppercase;
}
/* line 26, content/stylesheets/screen.sass */
header[role="banner"] h1 a {
  display: block;
  padding-top: 2.667em;
  padding-bottom: 2em;
}

/* line 31, content/stylesheets/screen.sass */
header[role="banner"],
#page,
#docs-nav,
#module-nav,
footer[role="contentinfo"] {
  padding-left: 5.682%;
  padding-right: 5.682%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 49em;
  width: auto !important;
  width: 49em;
}

/* line 40, content/stylesheets/screen.sass */
#compass-nav {
  display: inline;
  float: right;
  margin-right: 1.515%;
  /* ugly hacks for IE6-7 */
  #margin-left: -2em;
  text-align: right;
}
/* line 43, content/stylesheets/screen.sass */
#compass-nav ul {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  overflow: hidden;
  *zoom: 1;
  padding-top: 3em;
  margin-bottom: 2.25em;
}
/* line 47, /Users/chris/Projects/compass/frameworks/compass/stylesheets/compass/utilities/lists/_inline-block-list.scss */
#compass-nav ul li {
  list-style-image: none;
  list-style-type: none;
  margin-left: 0px;
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  white-space: nowrap;
}
/* line 7, /Users/chris/Projects/compass/frameworks/compass/stylesheets/compass/css3/_inline-block.scss */
#compass-nav ul li {
  *display: inline;
}
/* line 47, content/stylesheets/screen.sass */
#compass-nav a {
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  font-size: 0.875em;
  line-height: 1.714em;
  padding: 0 1em;
  -moz-border-radius-topleft: 0.5em;
  -webkit-border-top-left-radius: 0.5em;
  -o-border-top-left-radius: 0.5em;
  -ms-border-top-left-radius: 0.5em;
  -khtml-border-top-left-radius: 0.5em;
  border-top-left-radius: 0.5em;
  -moz-border-radius-bottomright: 0.5em;
  -webkit-border-bottom-right-radius: 0.5em;
  -o-border-bottom-right-radius: 0.5em;
  -ms-border-bottom-right-radius: 0.5em;
  -khtml-border-bottom-right-radius: 0.5em;
  border-bottom-right-radius: 0.5em;
}
/* line 7, /Users/chris/Projects/compass/frameworks/compass/stylesheets/compass/css3/_inline-block.scss */
#compass-nav a {
  *display: inline;
}

/* line 60, content/stylesheets/screen.sass */
#docs-nav {
  *zoom: 1;
  border-top-style: solid;
  border-top-width: 0.063em;
  padding-top: 0.313em;
  border-bottom-style: solid;
  border-bottom-width: 0.063em;
  padding-bottom: 0.313em;
  position: relative;
  height: 2.25em;
  border-color: #cccccc;
  background-color: #eeeeee;
}
/* line 22, /Users/chris/Projects/compass/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
#docs-nav:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
/* line 70, content/stylesheets/screen.sass */
#docs-nav .container {
  overflow: hidden;
  *zoom: 1;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  width: 66em;
  max-width: 100%;
  *zoom: 1;
  overflow: visible;
}
/* line 22, /Users/chris/Projects/compass/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
#docs-nav .container:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
/* line 74, content/stylesheets/screen.sass */
#docs-nav ul {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  overflow: hidden;
  *zoom: 1;
  overflow: visible;
  position: relative;
}
/* line 61, /Users/chris/Projects/compass/frameworks/compass/stylesheets/compass/utilities/lists/./_horizontal-list.scss */
#docs-nav ul li {
  list-style-image: none;
  list-style-type: none;
  margin-left: 0px;
  white-space: nowrap;
  display: inline;
  float: left;
  padding-left: 4px;
  padding-right: 4px;
}
/* line 48, /Users/chris/Projects/compass/frameworks/compass/stylesheets/compass/utilities/lists/./_horizontal-list.scss */
#docs-nav ul li:first-child, #docs-nav ul li.first {
  padding-left: 0;
}
/* line 49, /Users/chris/Projects/compass/frameworks/compass/stylesheets/compass/utilities/lists/./_horizontal-list.scss */
#docs-nav ul li:last-child {
  padding-right: 0;
}
/* line 50, /Users/chris/Projects/compass/frameworks/compass/stylesheets/compass/utilities/lists/./_horizontal-list.scss */
#docs-nav ul li.last {
  padding-right: 0;
}
/* line 78, content/stylesheets/screen.sass */
#docs-nav ul li {
  top: -0.75em;
  margin-bottom: -0.75em;
  position: relative;
}
/* line 83, content/stylesheets/screen.sass */
#docs-nav ul a:link, #docs-nav ul a:visited {
  display: block;
  padding: 0 1em;
  border: 1px solid #eeeeee;
  border-top-style: solid;
  border-top-width: 0.063em;
  padding-top: 0.688em;
  border-bottom-style: solid;
  border-bottom-width: 0.063em;
  padding-bottom: 0.313em;
  border-bottom: 0;
  -moz-border-radius-topleft: 0.5em;
  -webkit-border-top-left-radius: 0.5em;
  -o-border-top-left-radius: 0.5em;
  -ms-border-top-left-radius: 0.5em;
  -khtml-border-top-left-radius: 0.5em;
  border-top-left-radius: 0.5em;
  -moz-border-radius-topright: 0.5em;
  -webkit-border-top-right-radius: 0.5em;
  -o-border-top-right-radius: 0.5em;
  -ms-border-top-right-radius: 0.5em;
  -khtml-border-top-right-radius: 0.5em;
  border-top-right-radius: 0.5em;
  background: #dddddd;
}
/* line 92, content/stylesheets/screen.sass */
#docs-nav ul:hover, #docs-nav ul:focus, #docs-nav ul:active {
  background-color: #eeeeee;
  border-color: #dddddd;
}

/* line 98, content/stylesheets/screen.sass */
body#home #docs-nav a[href="/docs/"]:link, body#home #docs-nav a[href="/docs/"]:visited {
  border-bottom-style: solid;
  border-bottom-width: 0.063em;
  padding-bottom: 0.313em;
  cursor: default;
  background: white;
  border-color: #cccccc;
  border-bottom-color: white;
}

/* line 98, content/stylesheets/screen.sass */
body.core #docs-nav a[href="/docs/reference/compass/"]:link, body.core #docs-nav a[href="/docs/reference/compass/"]:visited {
  border-bottom-style: solid;
  border-bottom-width: 0.063em;
  padding-bottom: 0.313em;
  cursor: default;
  background: white;
  border-color: #cccccc;
  border-bottom-color: white;
}

/* line 98, content/stylesheets/screen.sass */
body.blueprint #docs-nav a[href="/docs/reference/blueprint/"]:link, body.blueprint #docs-nav a[href="/docs/reference/blueprint/"]:visited {
  border-bottom-style: solid;
  border-bottom-width: 0.063em;
  padding-bottom: 0.313em;
  cursor: default;
  background: white;
  border-color: #cccccc;
  border-bottom-color: white;
}

/* line 98, content/stylesheets/screen.sass */
body.tutorial #docs-nav a[href="/docs/tutorials/"]:link, body.tutorial #docs-nav a[href="/docs/tutorials/"]:visited {
  border-bottom-style: solid;
  border-bottom-width: 0.063em;
  padding-bottom: 0.313em;
  cursor: default;
  background: white;
  border-color: #cccccc;
  border-bottom-color: white;
}

/* line 111, content/stylesheets/screen.sass */
#version {
  font-size: 0.875em;
  line-height: 1.714em;
  display: inline;
  float: left;
  margin-left: 1.5em;
  color: #999999;
}
/* line 116, content/stylesheets/screen.sass */
#version .number {
  color: #666666;
}

/* line 119, content/stylesheets/screen.sass */
#search-docs {
  color: #999999;
}
/* line 121, content/stylesheets/screen.sass */
#search-docs p {
  margin: 0;
  display: inline;
  float: left;
  width: 21.97%;
  margin-right: 3.03%;
  display: inline;
  float: right;
  margin-right: 1.515%;
  /* ugly hacks for IE6-7 */
  #margin-left: -2em;
}
/* line 125, content/stylesheets/screen.sass */
#search-docs p label {
  display: inline;
  float: left;
  width: 31.034%;
  margin: 0;
  text-align: right;
}
/* line 130, content/stylesheets/screen.sass */
#search-docs p input {
  display: inline;
  float: left;
  width: 62.069%;
  margin-right: 13.793%;
  display: inline;
  float: right;
  margin-right: 1.515%;
  /* ugly hacks for IE6-7 */
  #margin-left: -2em;
}

/* line 134, content/stylesheets/screen.sass */
#page {
  overflow: hidden;
  *zoom: 1;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  width: 66em;
  max-width: 100%;
  margin-top: 4.5em;
}

/* line 10, /Users/chris/Projects/compass/frameworks/compass/stylesheets/compass/layout/_sticky-footer.scss */
html, body {
  height: 100%;
}

/* line 12, /Users/chris/Projects/compass/frameworks/compass/stylesheets/compass/layout/_sticky-footer.scss */
#wrap {
  clear: both;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin-bottom: -6.5em;
}
/* line 18, /Users/chris/Projects/compass/frameworks/compass/stylesheets/compass/layout/_sticky-footer.scss */
#wrap #wrap-footer {
  height: 6.5em;
}

/* line 20, /Users/chris/Projects/compass/frameworks/compass/stylesheets/compass/layout/_sticky-footer.scss */
footer {
  clear: both;
  position: relative;
  height: 6.5em;
}

/* line 142, content/stylesheets/screen.sass */
footer[role="contentinfo"] {
  overflow: hidden;
  *zoom: 1;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  width: 66em;
  max-width: 100%;
  height: 5em;
  color: #999999;
  border-top-style: solid;
  border-top-width: 0.125em;
  padding-top: 1.375em;
}
/* line 148, content/stylesheets/screen.sass */
footer[role="contentinfo"] .legalese {
  display: inline;
  float: left;
  width: 21.97%;
  margin-right: 3.03%;
  margin-left: 1.515%;
  font-size: 0.875em;
  line-height: 1.714em;
}
/* line 152, content/stylesheets/screen.sass */
footer[role="contentinfo"] .legalese p {
  margin: 0 0 1em 0;
}
/* line 154, content/stylesheets/screen.sass */
footer[role="contentinfo"] .links {
  display: inline;
  float: left;
  width: 71.97%;
  margin-right: 3.03%;
  display: inline;
  float: right;
  margin-right: 1.515%;
  /* ugly hacks for IE6-7 */
  #margin-left: -2em;
  font-size: 0.875em;
  line-height: 1.714em;
}
/* line 158, content/stylesheets/screen.sass */
footer[role="contentinfo"] .links ul {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  overflow: hidden;
  *zoom: 1;
}
/* line 61, /Users/chris/Projects/compass/frameworks/compass/stylesheets/compass/utilities/lists/./_horizontal-list.scss */
footer[role="contentinfo"] .links ul li {
  list-style-image: none;
  list-style-type: none;
  margin-left: 0px;
  white-space: nowrap;
  display: inline;
  float: left;
  padding-left: 4px;
  padding-right: 4px;
}
/* line 48, /Users/chris/Projects/compass/frameworks/compass/stylesheets/compass/utilities/lists/./_horizontal-list.scss */
footer[role="contentinfo"] .links ul li:first-child, footer[role="contentinfo"] .links ul li.first {
  padding-left: 0;
}
/* line 49, /Users/chris/Projects/compass/frameworks/compass/stylesheets/compass/utilities/lists/./_horizontal-list.scss */
footer[role="contentinfo"] .links ul li:last-child {
  padding-right: 0;
}
/* line 50, /Users/chris/Projects/compass/frameworks/compass/stylesheets/compass/utilities/lists/./_horizontal-list.scss */
footer[role="contentinfo"] .links ul li.last {
  padding-right: 0;
}

/* @end */
/* @group COMPONENTS by type */
/* line 165, content/stylesheets/screen.sass */
article {
  text-align: left;
}

/* line 169, content/stylesheets/screen.sass */
article > nav {
  border-top: 0.063em solid #cccccc;
  margin-top: -0.063em;
  color: #cccccc;
}
/* line 173, content/stylesheets/screen.sass */
article > nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
/* line 11, /Users/chris/Projects/compass/frameworks/compass/stylesheets/compass/utilities/lists/_bullets.scss */
article > nav ul li {
  list-style-image: none;
  list-style-type: none;
  margin-left: 0px;
}
/* line 175, content/stylesheets/screen.sass */
article > nav li {
  display: inline;
  float: left;
  width: 48.438%;
  margin-right: 3.125%;
}
/* line 177, content/stylesheets/screen.sass */
article > nav li:last-child {
  display: inline;
  float: right;
  margin-right: 0;
  /* ugly hacks for IE6-7 */
  #margin-left: -2em;
  text-align: right;
}

/* @end */
/* @group OVERRIDES by content */
/* line 185, content/stylesheets/screen.sass */
aside[role="sidebar"] + article {
  display: inline;
  float: left;
  width: 71.97%;
  margin-right: 3.03%;
  display: inline;
  float: right;
  margin-right: 1.515%;
  /* ugly hacks for IE6-7 */
  #margin-left: -2em;
}
/* line 188, content/stylesheets/screen.sass */
aside[role="sidebar"] + article h1 {
  font-size: 2.25em;
  line-height: 1.333em;
  margin-bottom: 0.667em;
}
/* line 191, content/stylesheets/screen.sass */
.demo aside[role="sidebar"] + article {
  float: none;
  display: block;
  margin: 0;
  width: auto;
  clear: both;
  margin-right: 1.515%;
  margin-left: 1.515%;
}
/* line 197, content/stylesheets/screen.sass */
.demo aside[role="sidebar"] + article h1 {
  text-align: center;
}

/* line 200, content/stylesheets/screen.sass */
#module-nav {
  margin-top: 0.375em;
  border-bottom-style: solid;
  border-bottom-width: 0.063em;
  padding-bottom: 0.313em;
  margin-bottom: 0.75em;
  border-color: #cccccc;
  clear: both;
}
/* line 206, content/stylesheets/screen.sass */
#module-nav ul {
  margin: 0;
  padding: 0;
  overflow: hidden;
  *zoom: 1;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  width: 66em;
  max-width: 100%;
}
/* line 210, content/stylesheets/screen.sass */
#module-nav ul li {
  display: inline;
  float: left;
  margin-right: 1.5em;
}
/* line 213, content/stylesheets/screen.sass */
#module-nav ul li:first-child {
  margin-left: 1.515%;
}
/* line 215, content/stylesheets/screen.sass */
#module-nav a.selected:before {
  content: "▸";
}
/* line 217, content/stylesheets/screen.sass */
#module-nav + #page {
  margin-top: 2.25em;
}

/* line 222, content/stylesheets/screen.sass */
body.core.css3 #module-nav a[href^="/docs/reference/compass/css3/"]:link, body.core.css3 #module-nav a[href^="/docs/reference/compass/css3/"]:visited {
  text-decoration: underline;
  text-shadow: #aaaaaa 1px 1px 1px;
}

/* line 222, content/stylesheets/screen.sass */
body.core.layout #module-nav a[href^="/docs/reference/compass/layout/"]:link, body.core.layout #module-nav a[href^="/docs/reference/compass/layout/"]:visited {
  text-decoration: underline;
  text-shadow: #aaaaaa 1px 1px 1px;
}

/* line 222, content/stylesheets/screen.sass */
body.core.misc #module-nav a[href^="/docs/reference/compass/misc/"]:link, body.core.misc #module-nav a[href^="/docs/reference/compass/misc/"]:visited {
  text-decoration: underline;
  text-shadow: #aaaaaa 1px 1px 1px;
}

/* line 222, content/stylesheets/screen.sass */
body.core.reset #module-nav a[href^="/docs/reference/compass/reset/"]:link, body.core.reset #module-nav a[href^="/docs/reference/compass/reset/"]:visited {
  text-decoration: underline;
  text-shadow: #aaaaaa 1px 1px 1px;
}

/* line 222, content/stylesheets/screen.sass */
body.core.utilities #module-nav a[href^="/docs/reference/compass/utilities/"]:link, body.core.utilities #module-nav a[href^="/docs/reference/compass/utilities/"]:visited {
  text-decoration: underline;
  text-shadow: #aaaaaa 1px 1px 1px;
}

/* line 222, content/stylesheets/screen.sass */
body.core.helpers #module-nav a[href^="/docs/reference/compass/helpers/"]:link, body.core.helpers #module-nav a[href^="/docs/reference/compass/helpers/"]:visited {
  text-decoration: underline;
  text-shadow: #aaaaaa 1px 1px 1px;
}

/* line 233, content/stylesheets/screen.sass */
#code {
  clear: both;
  *zoom: 1;
  font-size: 0.75em;
  line-height: 2em;
  border-top-style: solid;
  border-top-width: 0.083em;
  padding-top: 1.917em;
  border-bottom-style: solid;
  border-bottom-width: 0.083em;
  padding-bottom: 1.917em;
  font-family: monospace;
  border-color: #cccccc;
}
/* line 22, /Users/chris/Projects/compass/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
#code:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
/* line 240, content/stylesheets/screen.sass */
#code nav {
  background: #eeeeee;
  margin-bottom: 2em;
}
/* line 243, content/stylesheets/screen.sass */
#code nav ul {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  overflow: hidden;
  *zoom: 1;
  text-align: right;
}
/* line 47, /Users/chris/Projects/compass/frameworks/compass/stylesheets/compass/utilities/lists/_inline-block-list.scss */
#code nav ul li {
  list-style-image: none;
  list-style-type: none;
  margin-left: 0px;
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  white-space: nowrap;
  padding-left: 0.4em;
  padding-right: 0.4em;
}
/* line 7, /Users/chris/Projects/compass/frameworks/compass/stylesheets/compass/css3/_inline-block.scss */
#code nav ul li {
  *display: inline;
}
/* line 246, content/stylesheets/screen.sass */
#code section {
  position: relative;
  display: inline;
  float: left;
  width: 48.438%;
  margin-right: 3.125%;
}
/* line 3, /Library/Ruby/Gems/1.8/gems/css-slideshow-0.2.0/lib/../stylesheets/./css-slideshow/_slideshow.scss */
#code section .code {
  width: 100%;
  overflow: hidden;
}
/* line 7, /Library/Ruby/Gems/1.8/gems/css-slideshow-0.2.0/lib/../stylesheets/./css-slideshow/_slideshow.scss */
#code section .code > ul {
  margin: 0;
  padding: 0;
  width: 1030%;
  list-style: none;
  overflow: hidden;
  *zoom: 1;
}
/* line 11, /Users/chris/Projects/compass/frameworks/compass/stylesheets/compass/utilities/lists/_bullets.scss */
#code section .code > ul li {
  list-style-image: none;
  list-style-type: none;
  margin-left: 0px;
}
/* line 14, /Library/Ruby/Gems/1.8/gems/css-slideshow-0.2.0/lib/../stylesheets/./css-slideshow/_slideshow.scss */
#code section .code > ul > li {
  display: inline;
  float: left;
  width: 9.709%;
  margin-right: 0.049%;
}
/* line 250, content/stylesheets/screen.sass */
#code section#styles {
  display: inline;
  float: right;
  margin-right: 0;
  /* ugly hacks for IE6-7 */
  #margin-left: -2em;
}
/* line 253, content/stylesheets/screen.sass */
#code .slides li {
  overflow: auto;
}
/* line 256, content/stylesheets/screen.sass */
#code table .lino {
  color: #666666;
  background: #dddddd;
  padding: 0 0.4em;
}
/* line 260, content/stylesheets/screen.sass */
#code table .source {
  width: 100%;
  padding: 0 0.4em;
}

/* line 264, content/stylesheets/screen.sass */
#demo {
  clear: both;
  padding-top: 1.5em;
  border-bottom-style: solid;
  border-bottom-width: 0.063em;
  padding-bottom: 1.438em;
  border-color: #cccccc;
}
/* line 269, content/stylesheets/screen.sass */
#demo .gradient {
  margin: 1.5em 0;
  height: 6em;
  background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #ffffff), color-stop(100%, #dddddd));
  background-image: -moz-linear-gradient(left top, #ffffff 0%, #dddddd 100%);
  background-image: linear-gradient(left top, #ffffff 0%, #dddddd 100%);
}

/* @end */
/* line 5, content/stylesheets/./_reference.scss */
body.reference h3.mixin, body.reference h3.constant {
  font-family: Monaco, courier;
  font-weight: 200;
  text-shadow: #aaaaaa 1px 1px 1px;
  background-color: #eeeeee;
  border: 1px solid #aaaaaa;
  padding: 0.75em;
  margin-bottom: 0;
}
/* line 13, content/stylesheets/./_reference.scss */
body.reference h3.mixin a.permalink, body.reference h3.constant a.permalink {
  text-decoration: none;
  color: inherit;
}
/* line 4, /Users/chris/Projects/compass/frameworks/compass/stylesheets/compass/utilities/links/_hover-link.scss */
body.reference h3.mixin a.permalink:hover, body.reference h3.constant a.permalink:hover {
  text-decoration: underline;
}
/* line 26, /Users/chris/Projects/compass/frameworks/compass/stylesheets/compass/utilities/links/_link-colors.scss */
body.reference h3.mixin a.permalink:hover, body.reference h3.constant a.permalink:hover {
  color: inherit;
}
/* line 16, content/stylesheets/./_reference.scss */
body.reference h3 .arg[data-default-value] {
  color: #666666;
}
/* line 18, content/stylesheets/./_reference.scss */
body.reference h3 .arg[data-default-value]:before {
  content: "[";
}
/* line 20, content/stylesheets/./_reference.scss */
body.reference h3 .arg[data-default-value]:after {
  content: "]";
}
/* line 22, content/stylesheets/./_reference.scss */
body.reference .source-documentation {
  background-color: #eeeeee;
  border: 1px solid #aaaaaa;
  border-top-width: 0;
  padding: 0.75em;
}
/* line 27, content/stylesheets/./_reference.scss */
body.reference dl.source-documentation {
  margin-top: 0;
}
/* line 29, content/stylesheets/./_reference.scss */
body.reference dl.source-documentation dt {
  font-weight: bold;
  float: left;
  margin-right: 15px;
}
/* line 33, content/stylesheets/./_reference.scss */
body.reference dl.source-documentation dt:not(:first-child) {
  margin-top: 1em;
}
/* line 35, content/stylesheets/./_reference.scss */
body.reference span.view-source {
  float: right;
  margin: 1em;
}
/* line 39, content/stylesheets/./_reference.scss */
body.reference span.color + span.swatch {
  margin: 0 3px 3px;
  border: 1px solid #333333;
  width: 1em;
  height: 1em;
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
}
/* line 7, /Users/chris/Projects/compass/frameworks/compass/stylesheets/compass/css3/_inline-block.scss */
body.reference span.color + span.swatch {
  *display: inline;
}
/* line 40, content/stylesheets/./_reference.scss */
body.reference .color-snippet {
  width: 100px;
  height: 20px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
}
/* line 41, content/stylesheets/./_reference.scss */
body.reference a.help {
  font-size: 75%;
}
/* line 43, content/stylesheets/./_reference.scss */
body.reference .mixin-source table {
  margin: 0;
}
/* line 44, content/stylesheets/./_reference.scss */
body.reference .mixin-source tbody {
  width: 100%;
}
/* line 45, content/stylesheets/./_reference.scss */
body.reference .mixin-source table td:last-child {
  width: 100%;
}
/* line 46, content/stylesheets/./_reference.scss */
body.reference .mixin-source .elided-code {
  display: none;
}
/* line 47, content/stylesheets/./_reference.scss */
body.reference .mixin-source .elided-code:target {
  display: block;
}
/* line 50, content/stylesheets/./_reference.scss */
body.reference .mixin-source pre.source-code,
body.reference .mixin-source .highlight pre,
body.reference .mixin-source .linenos pre {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  overflow-x: auto;
  padding: 1.5em;
  width: 100%;
}

/* line 60, content/stylesheets/./_reference.scss */
body.docs code, body.docs pre {
  font-family: monospace;
  border: 1px solid #ccc;
  padding: 2px;
  background-color: #e7e7e7;
}
/* line 66, content/stylesheets/./_reference.scss */
body.docs code code, body.docs pre code, body.docs code pre, body.docs pre pre {
  border-width: 0px;
}

/* line 70, content/stylesheets/./_reference.scss */
table.constants {
  width: 100%;
  border: 1px solid black;
}
/* line 2, /Users/chris/Projects/compass/frameworks/compass/stylesheets/compass/utilities/tables/_alternating-rows-and-columns.scss */
table.constants th {
  background-color: white;
}
/* line 4, /Users/chris/Projects/compass/frameworks/compass/stylesheets/compass/utilities/tables/_alternating-rows-and-columns.scss */
table.constants th.even, table.constants th:nth-child(2n) {
  background-color: #e6e6e6;
}
/* line 7, /Users/chris/Projects/compass/frameworks/compass/stylesheets/compass/utilities/tables/_alternating-rows-and-columns.scss */
table.constants tr.odd td {
  background-color: #bbbbbb;
}
/* line 9, /Users/chris/Projects/compass/frameworks/compass/stylesheets/compass/utilities/tables/_alternating-rows-and-columns.scss */
table.constants tr.odd td.even, table.constants tr.odd td:nth-child(2n) {
  background-color: #a2a2a2;
}
/* line 12, /Users/chris/Projects/compass/frameworks/compass/stylesheets/compass/utilities/tables/_alternating-rows-and-columns.scss */
table.constants tr.even td {
  background-color: #eeeeee;
}
/* line 14, /Users/chris/Projects/compass/frameworks/compass/stylesheets/compass/utilities/tables/_alternating-rows-and-columns.scss */
table.constants tr.even td.even, table.constants tr.even td:nth-child(2n) {
  background-color: #d5d5d5;
}
/* line 17, /Users/chris/Projects/compass/frameworks/compass/stylesheets/compass/utilities/tables/_alternating-rows-and-columns.scss */
table.constants tfoot th, table.constants tfoot td {
  background-color: white;
}
/* line 19, /Users/chris/Projects/compass/frameworks/compass/stylesheets/compass/utilities/tables/_alternating-rows-and-columns.scss */
table.constants tfoot th.even, table.constants tfoot th:nth-child(2n), table.constants tfoot td.even, table.constants tfoot td:nth-child(2n) {
  background-color: #e6e6e6;
}
/* line 4, /Users/chris/Projects/compass/frameworks/compass/stylesheets/compass/utilities/tables/_borders.scss */
table.constants thead th {
  border-bottom: 1px solid black;
}
/* line 7, /Users/chris/Projects/compass/frameworks/compass/stylesheets/compass/utilities/tables/_borders.scss */
table.constants tfoot th, table.constants tfoot td {
  border-top: 1px solid black;
}
/* line 10, /Users/chris/Projects/compass/frameworks/compass/stylesheets/compass/utilities/tables/_borders.scss */
table.constants th:first-child {
  border-right: 1px solid black;
}
/* line 14, /Users/chris/Projects/compass/frameworks/compass/stylesheets/compass/utilities/tables/_borders.scss */
table.constants th, table.constants td {
  border-right: 1px solid black;
  border-bottom: 1px solid black;
  border-left-width: 0px;
  border-top-width: 0px;
}
/* line 21, /Users/chris/Projects/compass/frameworks/compass/stylesheets/compass/utilities/tables/_borders.scss */
table.constants th:last-child, table.constants th.last, table.constants td:last-child, table.constants td.last {
  border-right-width: 0px;
}
/* line 29, /Users/chris/Projects/compass/frameworks/compass/stylesheets/compass/utilities/tables/_borders.scss */
table.constants tbody tr:last-child th, table.constants tbody tr:last-child td, table.constants tfoot tr:last-child th, table.constants tfoot tr:last-child td {
  border-bottom-width: 0px;
}
/* line 32, /Users/chris/Projects/compass/frameworks/compass/stylesheets/compass/utilities/tables/_borders.scss */
table.constants tbody tr.last th, table.constants tbody tr.last td, table.constants tfoot tr.last th, table.constants tfoot tr.last td {
  border-bottom-width: 0px;
}
/* line 75, content/stylesheets/./_reference.scss */
table.constants td, table.constants th {
  padding: 0.25em 0.5em;
}

/* line 78, content/stylesheets/./_reference.scss */
dl.examples {
  display: table;
  margin-bottom: 2em;
}
/* line 81, content/stylesheets/./_reference.scss */
dl.examples dt, dl.examples dd {
  display: table-cell;
}
/* line 84, content/stylesheets/./_reference.scss */
dl.examples dd {
  padding-left: 0.33em;
}
/* line 86, content/stylesheets/./_reference.scss */
dl.examples dd:before {
  content: " - ";
}

/* line 92, content/stylesheets/./_reference.scss */
dl.table, body.helpers .helper dl {
  display: table;
}
/* line 94, content/stylesheets/./_reference.scss */
dl.table dg, body.helpers .helper dl dg {
  display: table-row;
}
/* line 95, content/stylesheets/./_reference.scss */
dl.table dt, body.helpers .helper dl dt, dl.table dd, body.helpers .helper dl dd {
  display: table-cell;
}
/* line 96, content/stylesheets/./_reference.scss */
dl.table dt, body.helpers .helper dl dt {
  white-space: nowrap;
  padding-right: 1em;
}
/* line 98, content/stylesheets/./_reference.scss */
dl.table dg.head > dt, body.helpers .helper dl dg.head > dt,
dl.table dg.head > dd,
body.helpers .helper dl dg.head > dd, body.helpers .helper
dl dg.head > dd {
  font-weight: bold;
  text-align: center;
}

/* line 2, content/stylesheets/./_examples.sass */
.demo article {
  text-align: left;
}
/* line 4, content/stylesheets/./_examples.sass */
.demo article h1 {
  text-align: center;
}
/* line 7, content/stylesheets/./_examples.sass */
.demo #how {
  clear: both;
  *zoom: 1;
  font-size: 0.75em;
  line-height: 2em;
  border-top-style: solid;
  border-top-width: 0.083em;
  padding-top: 1.917em;
  border-bottom-style: solid;
  border-bottom-width: 0.083em;
  padding-bottom: 1.917em;
  border-color: #cccccc;
  font-family: monospace;
}
/* line 22, /Users/chris/Projects/compass/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.demo #how:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
/* line 14, content/stylesheets/./_examples.sass */
.demo #how nav {
  background: #eeeeee;
  margin-bottom: 2em;
}
/* line 17, content/stylesheets/./_examples.sass */
.demo #how nav ul {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  overflow: hidden;
  *zoom: 1;
  text-align: right;
}
/* line 47, /Users/chris/Projects/compass/frameworks/compass/stylesheets/compass/utilities/lists/_inline-block-list.scss */
.demo #how nav ul li {
  list-style-image: none;
  list-style-type: none;
  margin-left: 0px;
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  white-space: nowrap;
  padding-left: 0.4em;
  padding-right: 0.4em;
}
/* line 7, /Users/chris/Projects/compass/frameworks/compass/stylesheets/compass/css3/_inline-block.scss */
.demo #how nav ul li {
  *display: inline;
}
/* line 20, content/stylesheets/./_examples.sass */
.demo #how section {
  position: relative;
  display: inline;
  float: left;
  width: 48.438%;
  margin-right: 3.125%;
}
/* line 3, /Library/Ruby/Gems/1.8/gems/css-slideshow-0.2.0/lib/../stylesheets/./css-slideshow/_slideshow.scss */
.demo #how section .code {
  width: 100%;
  overflow: hidden;
}
/* line 7, /Library/Ruby/Gems/1.8/gems/css-slideshow-0.2.0/lib/../stylesheets/./css-slideshow/_slideshow.scss */
.demo #how section .code > ul {
  margin: 0;
  padding: 0;
  width: 1030%;
  list-style: none;
  overflow: hidden;
  *zoom: 1;
}
/* line 11, /Users/chris/Projects/compass/frameworks/compass/stylesheets/compass/utilities/lists/_bullets.scss */
.demo #how section .code > ul li {
  list-style-image: none;
  list-style-type: none;
  margin-left: 0px;
}
/* line 14, /Library/Ruby/Gems/1.8/gems/css-slideshow-0.2.0/lib/../stylesheets/./css-slideshow/_slideshow.scss */
.demo #how section .code > ul > li {
  display: inline;
  float: left;
  width: 9.709%;
  margin-right: 0.049%;
}
/* line 24, content/stylesheets/./_examples.sass */
.demo #how section#styles {
  display: inline;
  float: right;
  margin-right: 0;
  /* ugly hacks for IE6-7 */
  #margin-left: -2em;
}
/* line 27, content/stylesheets/./_examples.sass */
.demo #how .code li {
  overflow-x: auto;
}

/* line 1, content/stylesheets/./_sidebar.sass */
aside[role="sidebar"] {
  padding-bottom: 1em;
  display: inline;
  float: left;
  width: 21.97%;
  margin-right: 3.03%;
  margin-left: 1.515%;
  font-size: 0.875em;
  line-height: 1.714em;
  color: #999999;
}
/* line 7, content/stylesheets/./_sidebar.sass */
aside[role="sidebar"] section, aside[role="sidebar"] p {
  margin-top: 1.714em;
  margin-bottom: 1.714em;
}

/* line 11, content/stylesheets/./_sidebar.sass */
#local-nav ul {
  margin-top: 0em;
  border: 0;
  padding: 0;
  margin: 0;
  list-style: none;
}
/* line 18, content/stylesheets/./_sidebar.sass */
#local-nav ul li a {
  display: block;
}
/* line 20, content/stylesheets/./_sidebar.sass */
#local-nav ul h2 {
  margin: 0;
  text-align: left;
}
/* line 23, content/stylesheets/./_sidebar.sass */
#local-nav ul h2 a {
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
  -o-border-top-left-radius: 3px;
  -ms-border-top-left-radius: 3px;
  -khtml-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
  -o-border-top-right-radius: 3px;
  -ms-border-top-right-radius: 3px;
  -khtml-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  text-shadow: white 1px 1px 1px;
  padding: 5px 0;
  font-size: 1.3em;
  display: inline-block;
  border-bottom: 0;
  text-decoration: underline;
}
/* line 31, content/stylesheets/./_sidebar.sass */
#local-nav ul h2 a.selected {
  color: #222222;
}
/* line 33, content/stylesheets/./_sidebar.sass */
#local-nav ul ul {
  list-style: none;
  margin: 0 0 1em 0;
  padding: 0;
}
/* line 37, content/stylesheets/./_sidebar.sass */
#local-nav ul ul li {
  list-style-image: none;
  list-style-type: none;
  margin-left: 0px;
}
/* line 43, content/stylesheets/./_sidebar.sass */
#local-nav ul ul li:last-child a {
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -o-border-bottom-left-radius: 3px;
  -ms-border-bottom-left-radius: 3px;
  -khtml-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -o-border-bottom-right-radius: 3px;
  -ms-border-bottom-right-radius: 3px;
  -khtml-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
/* line 45, content/stylesheets/./_sidebar.sass */
#local-nav ul ul li:first-child a {
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
  -o-border-top-left-radius: 3px;
  -ms-border-top-left-radius: 3px;
  -khtml-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
  -o-border-top-right-radius: 3px;
  -ms-border-top-right-radius: 3px;
  -khtml-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  border-top-color: #eaeaea;
}
/* line 48, content/stylesheets/./_sidebar.sass */
#local-nav ul ul li:first-child a:hover, #local-nav ul ul li:first-child a:focus, #local-nav ul ul li:first-child a.selected {
  border-top-color: #eaeaea !important;
}
/* line 50, content/stylesheets/./_sidebar.sass */
#local-nav ul ul li a {
  border: 1px solid;
  border-color: white transparent #e7e7e7;
  padding: 3px 8px;
  background: #f5f5f5;
}
/* line 56, content/stylesheets/./_sidebar.sass */
#local-nav ul ul li a.selected {
  font-weight: bold;
}
/* line 58, content/stylesheets/./_sidebar.sass */
#local-nav ul ul li a:hover, #local-nav ul ul li a:focus, #local-nav ul ul li a.selected {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  text-shadow: white 0 1px 1px;
  background: #eaeaea;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #ededed), color-stop(100%, #eaeaea));
  background-image: -moz-linear-gradient(top, #ededed 0%, #eaeaea 100%);
  background-image: linear-gradient(top, #ededed 0%, #eaeaea 100%);
  position: relative;
  z-index: 2;
  padding: 3px 12px 3px 10px;
  margin: 0 -4px 0 -2px;
  color: #082c49;
  border-color: #f7f7f7 #eaeaea #d8d8d8 #eaeaea;
}
/* line 69, content/stylesheets/./_sidebar.sass */
#local-nav ul ul li a:hover:after, #local-nav ul ul li a:focus:after, #local-nav ul ul li a.selected:after {
  color: #b2b2b2 !important;
}
/* line 72, content/stylesheets/./_sidebar.sass */
#local-nav ul ul li a:after {
  content: "\25B8";
  font-style: normal;
  float: right;
  color: #dddddd;
  font-weight: normal;
}

/* line 4, content/stylesheets/./_specifics.sass */
#reference-compass-helpers-color-stops dl {
  width: 100%;
}
/* line 6, content/stylesheets/./_specifics.sass */
#reference-compass-helpers-color-stops dl dt, #reference-compass-helpers-color-stops dl dd {
  white-space: normal;
  text-align: left;
}
/* line 9, content/stylesheets/./_specifics.sass */
#reference-compass-helpers-color-stops dd {
  text-shadow: white 1px 1px 1px;
}
/* line 11, content/stylesheets/./_specifics.sass */
#reference-compass-helpers-color-stops #ex1 dd {
  background-image: -webkit-gradient(linear, 0% 0%, 100% 0%, color-stop(0%, #ffffff), color-stop(50%, #ff0000), color-stop(100%, #0000cc));
  background-image: -moz-linear-gradient(left, #ffffff 0%, #ff0000 50%, #0000cc 100%);
  background-image: linear-gradient(left, #ffffff 0%, #ff0000 50%, #0000cc 100%);
}
/* line 13, content/stylesheets/./_specifics.sass */
#reference-compass-helpers-color-stops #ex2 dd {
  background-image: -webkit-gradient(linear, 0% 0%, 100% 0%, color-stop(0%, #ffffff), color-stop(25%, #ff0000), color-stop(62.5%, #00cc00), color-stop(100%, #0000cc));
  background-image: -moz-linear-gradient(left, #ffffff 0%, #ff0000 25%, #00cc00 62.5%, #0000cc 100%);
  background-image: linear-gradient(left, #ffffff 0%, #ff0000 25%, #00cc00 62.5%, #0000cc 100%);
}
/* line 15, content/stylesheets/./_specifics.sass */
#reference-compass-helpers-color-stops #ex3 dd {
  background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 25, color-stop(0%, #ffffff), color-stop(20%, #ff0000), color-stop(60%, #00cc00), color-stop(100%, #0000cc));
  background-image: -moz-radial-gradient(center center, circle, #ffffff 0%, #ff0000 5px, #00cc00 15px, #0000cc 25px);
  background-image: radial-gradient(center center, circle, #ffffff 0%, #ff0000 5px, #00cc00 15px, #0000cc 25px);
}

/* line 19, content/stylesheets/./_specifics.sass */
body#search #page {
  -moz-box-sizing: border;
  -webkit-box-sizing: border;
  -ms-box-sizing: border;
  box-sizing: border;
  text-align: center;
}
/* line 22, content/stylesheets/./_specifics.sass */
body#search #page input {
  width: 50%;
  font-size: 3em;
}
/* line 25, content/stylesheets/./_specifics.sass */
body#search #page ol {
  list-style-position: inside;
  margin-left: 25%;
  text-align: left;
}

/* line 2, content/stylesheets/./syntax/_coderay.scss */
.CodeRay .debug {
  color: white !important;
  background: blue !important;
}
/* line 5, content/stylesheets/./syntax/_coderay.scss */
.CodeRay .af {
  color: #0000cc;
}
/* line 7, content/stylesheets/./syntax/_coderay.scss */
.CodeRay .an {
  color: #000077;
}
/* line 9, content/stylesheets/./syntax/_coderay.scss */
.CodeRay .at {
  color: #ff0088;
}
/* line 11, content/stylesheets/./syntax/_coderay.scss */
.CodeRay .av {
  color: #770000;
}
/* line 13, content/stylesheets/./syntax/_coderay.scss */
.CodeRay .aw {
  color: #cc0000;
}
/* line 15, content/stylesheets/./syntax/_coderay.scss */
.CodeRay .bi {
  color: #550099;
  font-weight: bold;
}
/* line 18, content/stylesheets/./syntax/_coderay.scss */
.CodeRay .c {
  color: #888888;
}
/* line 20, content/stylesheets/./syntax/_coderay.scss */
.CodeRay .ch {
  color: #0044dd;
}
/* line 22, content/stylesheets/./syntax/_coderay.scss */
.CodeRay .ch .k {
  color: #0044dd;
}
/* line 24, content/stylesheets/./syntax/_coderay.scss */
.CodeRay .ch .dl {
  color: #003399;
}
/* line 26, content/stylesheets/./syntax/_coderay.scss */
.CodeRay .cl {
  color: #bb0066;
  font-weight: bold;
}
/* line 29, content/stylesheets/./syntax/_coderay.scss */
.CodeRay .cm {
  color: #aa0088;
  font-weight: bold;
}
/* line 32, content/stylesheets/./syntax/_coderay.scss */
.CodeRay .co {
  color: #003366;
  font-weight: bold;
}
/* line 35, content/stylesheets/./syntax/_coderay.scss */
.CodeRay .cr {
  color: #00aa00;
}
/* line 37, content/stylesheets/./syntax/_coderay.scss */
.CodeRay .cv {
  color: #336699;
}
/* line 39, content/stylesheets/./syntax/_coderay.scss */
.CodeRay .de {
  color: #bb00bb;
}
/* line 41, content/stylesheets/./syntax/_coderay.scss */
.CodeRay .df {
  color: #009999;
  font-weight: bold;
}
/* line 44, content/stylesheets/./syntax/_coderay.scss */
.CodeRay .di {
  color: #008888;
  font-weight: bold;
}
/* line 47, content/stylesheets/./syntax/_coderay.scss */
.CodeRay .dl {
  color: black;
}
/* line 49, content/stylesheets/./syntax/_coderay.scss */
.CodeRay .do {
  color: #997700;
}
/* line 51, content/stylesheets/./syntax/_coderay.scss */
.CodeRay .dt {
  color: #3344bb;
}
/* line 53, content/stylesheets/./syntax/_coderay.scss */
.CodeRay .ds {
  color: #dd4422;
  font-weight: bold;
}
/* line 56, content/stylesheets/./syntax/_coderay.scss */
.CodeRay .e {
  color: #666666;
  font-weight: bold;
}
/* line 59, content/stylesheets/./syntax/_coderay.scss */
.CodeRay .en {
  color: #880000;
  font-weight: bold;
}
/* line 62, content/stylesheets/./syntax/_coderay.scss */
.CodeRay .er {
  color: red;
  background-color: #ffaaaa;
}
/* line 65, content/stylesheets/./syntax/_coderay.scss */
.CodeRay .ex {
  color: #cc0000;
  font-weight: bold;
}
/* line 68, content/stylesheets/./syntax/_coderay.scss */
.CodeRay .fl {
  color: #6600ee;
  font-weight: bold;
}
/* line 71, content/stylesheets/./syntax/_coderay.scss */
.CodeRay .fu {
  color: #0066bb;
  font-weight: bold;
}
/* line 74, content/stylesheets/./syntax/_coderay.scss */
.CodeRay .gv {
  color: #dd7700;
  font-weight: bold;
}
/* line 77, content/stylesheets/./syntax/_coderay.scss */
.CodeRay .hx {
  color: #005588;
  font-weight: bold;
}
/* line 80, content/stylesheets/./syntax/_coderay.scss */
.CodeRay .i {
  color: #0000dd;
  font-weight: bold;
}
/* line 83, content/stylesheets/./syntax/_coderay.scss */
.CodeRay .ic {
  color: #bb4444;
  font-weight: bold;
}
/* line 86, content/stylesheets/./syntax/_coderay.scss */
.CodeRay .il {
  background: #dddddd;
  color: black;
}
/* line 89, content/stylesheets/./syntax/_coderay.scss */
.CodeRay .il .il {
  background: #cccccc;
}
/* line 91, content/stylesheets/./syntax/_coderay.scss */
.CodeRay .il .il .il {
  background: #bbbbbb;
}
/* line 93, content/stylesheets/./syntax/_coderay.scss */
.CodeRay .il .idl {
  background: #dddddd;
  font-weight: bold;
  color: #666666;
}
/* line 97, content/stylesheets/./syntax/_coderay.scss */
.CodeRay .idl {
  background-color: #bbbbbb;
  font-weight: bold;
  color: #666666;
}
/* line 101, content/stylesheets/./syntax/_coderay.scss */
.CodeRay .im {
  color: red;
}
/* line 103, content/stylesheets/./syntax/_coderay.scss */
.CodeRay .in {
  color: #bb22bb;
  font-weight: bold;
}
/* line 106, content/stylesheets/./syntax/_coderay.scss */
.CodeRay .iv {
  color: #3333bb;
}
/* line 108, content/stylesheets/./syntax/_coderay.scss */
.CodeRay .la {
  color: #997700;
  font-weight: bold;
}
/* line 111, content/stylesheets/./syntax/_coderay.scss */
.CodeRay .lv {
  color: #996633;
}
/* line 113, content/stylesheets/./syntax/_coderay.scss */
.CodeRay .oc {
  color: #4400ee;
  font-weight: bold;
}
/* line 116, content/stylesheets/./syntax/_coderay.scss */
.CodeRay .of {
  color: black;
  font-weight: bold;
}
/* line 119, content/stylesheets/./syntax/_coderay.scss */
.CodeRay .pc {
  color: #003388;
  font-weight: bold;
}
/* line 122, content/stylesheets/./syntax/_coderay.scss */
.CodeRay .pd {
  color: #336699;
  font-weight: bold;
}
/* line 125, content/stylesheets/./syntax/_coderay.scss */
.CodeRay .pp {
  color: #557799;
}
/* line 127, content/stylesheets/./syntax/_coderay.scss */
.CodeRay .ps {
  color: #0000cc;
  font-weight: bold;
}
/* line 130, content/stylesheets/./syntax/_coderay.scss */
.CodeRay .pt {
  color: #007744;
  font-weight: bold;
}
/* line 133, content/stylesheets/./syntax/_coderay.scss */
.CodeRay .r, .CodeRay .kw {
  color: #008800;
  font-weight: bold;
}
/* line 136, content/stylesheets/./syntax/_coderay.scss */
.CodeRay .ke {
  color: #880088;
}
/* line 138, content/stylesheets/./syntax/_coderay.scss */
.CodeRay .ke .dl {
  color: #660066;
}
/* line 140, content/stylesheets/./syntax/_coderay.scss */
.CodeRay .ke .ch {
  color: #8800ff;
}
/* line 142, content/stylesheets/./syntax/_coderay.scss */
.CodeRay .vl {
  color: #008888;
}
/* line 144, content/stylesheets/./syntax/_coderay.scss */
.CodeRay .rx {
  background-color: #fff0ff;
}
/* line 146, content/stylesheets/./syntax/_coderay.scss */
.CodeRay .rx .k {
  color: #880088;
}
/* line 148, content/stylesheets/./syntax/_coderay.scss */
.CodeRay .rx .dl {
  color: #440044;
}
/* line 150, content/stylesheets/./syntax/_coderay.scss */
.CodeRay .rx .mod {
  color: #cc22cc;
}
/* line 152, content/stylesheets/./syntax/_coderay.scss */
.CodeRay .rx .fu {
  color: #440044;
  font-weight: bold;
}
/* line 155, content/stylesheets/./syntax/_coderay.scss */
.CodeRay .s {
  background-color: #fff0f0;
  color: #dd2200;
}
/* line 158, content/stylesheets/./syntax/_coderay.scss */
.CodeRay .s .s {
  background-color: #ffe0e0;
}
/* line 160, content/stylesheets/./syntax/_coderay.scss */
.CodeRay .s .s .s {
  background-color: #ffd0d0;
}
/* line 162, content/stylesheets/./syntax/_coderay.scss */
.CodeRay .s .ch {
  color: #bb00bb;
}
/* line 164, content/stylesheets/./syntax/_coderay.scss */
.CodeRay .s .dl {
  color: #771100;
}
/* line 166, content/stylesheets/./syntax/_coderay.scss */
.CodeRay .sh {
  background-color: #f0fff0;
  color: #22bb22;
}
/* line 169, content/stylesheets/./syntax/_coderay.scss */
.CodeRay .sh .dl {
  color: #116611;
}
/* line 171, content/stylesheets/./syntax/_coderay.scss */
.CodeRay .sy {
  color: #aa6600;
}
/* line 173, content/stylesheets/./syntax/_coderay.scss */
.CodeRay .sy .k {
  color: #aa6600;
}
/* line 175, content/stylesheets/./syntax/_coderay.scss */
.CodeRay .sy .dl {
  color: #663300;
}
/* line 177, content/stylesheets/./syntax/_coderay.scss */
.CodeRay .ta {
  color: #007700;
}
/* line 179, content/stylesheets/./syntax/_coderay.scss */
.CodeRay .tf {
  color: #007700;
  font-weight: bold;
}
/* line 182, content/stylesheets/./syntax/_coderay.scss */
.CodeRay .ts {
  color: #dd7700;
  font-weight: bold;
}
/* line 185, content/stylesheets/./syntax/_coderay.scss */
.CodeRay .ty {
  color: #333399;
  font-weight: bold;
}
/* line 188, content/stylesheets/./syntax/_coderay.scss */
.CodeRay .v {
  color: #003366;
}
/* line 190, content/stylesheets/./syntax/_coderay.scss */
.CodeRay .xt {
  color: #444444;
}
/* line 192, content/stylesheets/./syntax/_coderay.scss */
.CodeRay .ins {
  background: #aaffaa;
}
/* line 194, content/stylesheets/./syntax/_coderay.scss */
.CodeRay .del {
  background: #ffaaaa;
}
/* line 196, content/stylesheets/./syntax/_coderay.scss */
.CodeRay .chg {
  color: #aaaaff;
  background: #000077;
}
/* line 199, content/stylesheets/./syntax/_coderay.scss */
.CodeRay .head {
  color: #ff88ff;
  background: #550055;
}
/* line 202, content/stylesheets/./syntax/_coderay.scss */
.CodeRay .ins .ins {
  color: #008800;
  font-weight: bold;
}
/* line 205, content/stylesheets/./syntax/_coderay.scss */
.CodeRay .del .del {
  color: #880000;
  font-weight: bold;
}
/* line 208, content/stylesheets/./syntax/_coderay.scss */
.CodeRay .chg .chg {
  color: #6666ff;
}
/* line 210, content/stylesheets/./syntax/_coderay.scss */
.CodeRay .head .head {
  color: #ff44ff;
}

/* line 2, content/stylesheets/./syntax/_pygments.scss */
.highlight .hll {
  background-color: #ffffcc;
}
/* line 4, content/stylesheets/./syntax/_pygments.scss */
.highlight .c {
  color: #606060;
  font-style: italic;
}
/* line 7, content/stylesheets/./syntax/_pygments.scss */
.highlight .err {
  color: #f00000;
  background-color: #f0a0a0;
}
/* line 10, content/stylesheets/./syntax/_pygments.scss */
.highlight .k {
  color: #208090;
  font-weight: bold;
}
/* line 13, content/stylesheets/./syntax/_pygments.scss */
.highlight .o {
  color: #303030;
}
/* line 15, content/stylesheets/./syntax/_pygments.scss */
.highlight .cm {
  color: #606060;
  font-style: italic;
}
/* line 18, content/stylesheets/./syntax/_pygments.scss */
.highlight .cp {
  color: #507090;
}
/* line 20, content/stylesheets/./syntax/_pygments.scss */
.highlight .c1 {
  color: #606060;
  font-style: italic;
}
/* line 23, content/stylesheets/./syntax/_pygments.scss */
.highlight .cs {
  color: #c00000;
  font-weight: bold;
  font-style: italic;
}
/* line 27, content/stylesheets/./syntax/_pygments.scss */
.highlight .gd {
  color: #a00000;
}
/* line 29, content/stylesheets/./syntax/_pygments.scss */
.highlight .ge {
  font-style: italic;
}
/* line 31, content/stylesheets/./syntax/_pygments.scss */
.highlight .gr {
  color: red;
}
/* line 33, content/stylesheets/./syntax/_pygments.scss */
.highlight .gh {
  color: navy;
  font-weight: bold;
}
/* line 36, content/stylesheets/./syntax/_pygments.scss */
.highlight .gi {
  color: #00a000;
}
/* line 38, content/stylesheets/./syntax/_pygments.scss */
.highlight .go {
  color: gray;
}
/* line 40, content/stylesheets/./syntax/_pygments.scss */
.highlight .gp {
  color: #c65d09;
  font-weight: bold;
}
/* line 43, content/stylesheets/./syntax/_pygments.scss */
.highlight .gs {
  font-weight: bold;
}
/* line 45, content/stylesheets/./syntax/_pygments.scss */
.highlight .gu {
  color: purple;
  font-weight: bold;
}
/* line 48, content/stylesheets/./syntax/_pygments.scss */
.highlight .gt {
  color: #0040d0;
}
/* line 50, content/stylesheets/./syntax/_pygments.scss */
.highlight .kc, .highlight .kd, .highlight .kn {
  color: #208090;
  font-weight: bold;
}
/* line 53, content/stylesheets/./syntax/_pygments.scss */
.highlight .kp {
  color: #0080f0;
  font-weight: bold;
}
/* line 56, content/stylesheets/./syntax/_pygments.scss */
.highlight .kr {
  color: #208090;
  font-weight: bold;
}
/* line 59, content/stylesheets/./syntax/_pygments.scss */
.highlight .kt {
  color: #6060f0;
  font-weight: bold;
}
/* line 62, content/stylesheets/./syntax/_pygments.scss */
.highlight .m {
  color: #6000e0;
  font-weight: bold;
}
/* line 65, content/stylesheets/./syntax/_pygments.scss */
.highlight .s {
  background-color: #e0e0ff;
}
/* line 67, content/stylesheets/./syntax/_pygments.scss */
.highlight .na {
  color: #000070;
}
/* line 69, content/stylesheets/./syntax/_pygments.scss */
.highlight .nb {
  color: #007020;
}
/* line 71, content/stylesheets/./syntax/_pygments.scss */
.highlight .nc {
  color: #e090e0;
  font-weight: bold;
}
/* line 74, content/stylesheets/./syntax/_pygments.scss */
.highlight .no {
  color: #50e0d0;
  font-weight: bold;
}
/* line 77, content/stylesheets/./syntax/_pygments.scss */
.highlight .nd {
  color: #505050;
  font-weight: bold;
}
/* line 80, content/stylesheets/./syntax/_pygments.scss */
.highlight .ni {
  color: maroon;
}
/* line 82, content/stylesheets/./syntax/_pygments.scss */
.highlight .ne {
  color: #f00000;
  font-weight: bold;
}
/* line 85, content/stylesheets/./syntax/_pygments.scss */
.highlight .nf {
  color: #50e0d0;
  font-weight: bold;
}
/* line 88, content/stylesheets/./syntax/_pygments.scss */
.highlight .nl {
  color: #907000;
  font-weight: bold;
}
/* line 91, content/stylesheets/./syntax/_pygments.scss */
.highlight .nn {
  color: #0e84b5;
  font-weight: bold;
}
/* line 94, content/stylesheets/./syntax/_pygments.scss */
.highlight .nt {
  color: #007000;
}
/* line 96, content/stylesheets/./syntax/_pygments.scss */
.highlight .nv {
  color: #003060;
}
/* line 98, content/stylesheets/./syntax/_pygments.scss */
.highlight .ow {
  color: black;
  font-weight: bold;
}
/* line 101, content/stylesheets/./syntax/_pygments.scss */
.highlight .w {
  color: #bbbbbb;
}
/* line 103, content/stylesheets/./syntax/_pygments.scss */
.highlight .mf {
  color: #6000e0;
  font-weight: bold;
}
/* line 106, content/stylesheets/./syntax/_pygments.scss */
.highlight .mh {
  color: #005080;
  font-weight: bold;
}
/* line 109, content/stylesheets/./syntax/_pygments.scss */
.highlight .mi {
  color: #6060f0;
  font-weight: bold;
}
/* line 112, content/stylesheets/./syntax/_pygments.scss */
.highlight .mo {
  color: #4000e0;
  font-weight: bold;
}
/* line 115, content/stylesheets/./syntax/_pygments.scss */
.highlight .sb {
  background-color: #e0e0ff;
}
/* line 117, content/stylesheets/./syntax/_pygments.scss */
.highlight .sc {
  color: #8080f0;
}
/* line 119, content/stylesheets/./syntax/_pygments.scss */
.highlight .sd {
  color: #d04020;
}
/* line 121, content/stylesheets/./syntax/_pygments.scss */
.highlight .s2 {
  background-color: #e0e0ff;
}
/* line 123, content/stylesheets/./syntax/_pygments.scss */
.highlight .se {
  color: #606060;
  font-weight: bold;
  background-color: #e0e0ff;
}
/* line 127, content/stylesheets/./syntax/_pygments.scss */
.highlight .sh {
  background-color: #e0e0ff;
}
/* line 129, content/stylesheets/./syntax/_pygments.scss */
.highlight .si {
  background-color: #e0e0e0;
}
/* line 131, content/stylesheets/./syntax/_pygments.scss */
.highlight .sx {
  color: #f08080;
  background-color: #e0e0ff;
}
/* line 134, content/stylesheets/./syntax/_pygments.scss */
.highlight .sr {
  color: black;
  background-color: #e0e0ff;
}
/* line 137, content/stylesheets/./syntax/_pygments.scss */
.highlight .s1 {
  background-color: #e0e0ff;
}
/* line 139, content/stylesheets/./syntax/_pygments.scss */
.highlight .ss {
  color: #f0c080;
}
/* line 141, content/stylesheets/./syntax/_pygments.scss */
.highlight .bp {
  color: #007020;
}
/* line 143, content/stylesheets/./syntax/_pygments.scss */
.highlight .vc {
  color: #c0c0f0;
}
/* line 145, content/stylesheets/./syntax/_pygments.scss */
.highlight .vg {
  color: #f08040;
}
/* line 147, content/stylesheets/./syntax/_pygments.scss */
.highlight .vi {
  color: #a0a0f0;
}
/* line 149, content/stylesheets/./syntax/_pygments.scss */
.highlight .il {
  color: #6060f0;
  font-weight: bold;
}

/* @group OVERRIDES by page */
/* @end */
/* @group DEBUG */
/* @end */