/* line 1, ../sass/styleguide.scss */
ul {
  list-style: none;
}

/* line 5, ../sass/styleguide.scss */
.code, pre.code {
  overflow: visible;
  overflow: scroll;
  display: block;
  background: #181818;
  padding: 16px 16px 16px 16px;
  margin-bottom: 20px;
  color: white;
}

/* line 14, ../sass/styleguide.scss */
.code ul, pre ul {
  margin-bottom: 0px;
}

/* line 17, ../sass/styleguide.scss */
.code ul li, pre {
  font: normal 11px "Monaco", Verdana, "Courier", mono-space;
  color: white;
  margin-bottom: 0px;
}

/* line 22, ../sass/styleguide.scss */
.code ul li span.class, pre span.class {
  color: #E58A08;
}

/* line 25, ../sass/styleguide.scss */
.code ul li span.id, pre span.id {
  color: #1E71AB;
}

/* line 28, ../sass/styleguide.scss */
.code ul li span.text, pre span.text {
  color: #AAA;
  font-style: italic;
}

/* line 32, ../sass/styleguide.scss */
.code ul li span.comment, pre span.comment {
  color: #999;
  font-style: italic;
}

/* line 36, ../sass/styleguide.scss */
.row.display {
  background: #181818;
  margin-bottom: 10px;
  color: white;
  margin: auto;
  margin-bottom: 10px;
}

/* line 43, ../sass/styleguide.scss */
.row.display .column, .row.display .columns {
  background: #555;
  padding: 6px 0;
  color: #fff;
}

/* line 48, ../sass/styleguide.scss */
ul.colors {
  width: 100%;
  margin: 6px 0 18px 0;
  padding: 0;
  list-style: none;
  height: 126px;
}

/* line 55, ../sass/styleguide.scss */
ul.colors li {
  color: #555;
  display: inline;
  float: left;
  margin: 0 0 0 20px;
  font-weight: bold;
}

/* line 62, ../sass/styleguide.scss */
ul.colors li span {
  background: white;
  border: 1px solid #DDD;
  width: 135px;
  height: 80px;
  display: block;
}

/* line 69, ../sass/styleguide.scss */
ul.colors small {
  display: block;
  font-weight: normal;
  text-transform: uppercase;
  margin: 0;
  font-size: 12px;
  line-height: 15px;
  color: #777;
}

/* line 79, ../sass/styleguide.scss */
.lead {
  font-size: 17px;
}