#styleguide .slide-bg { height: 310px; background: url(../images/background/slider.jpg) no-repeat center bottom; }
#styleguide .slide-bg h1 { margin-top: 104px; line-height: 1.1; padding-bottom: 15px; }

.code, pre.code {
  overflow: visible;
  overflow: scroll;
  display: block;
  background: #181818;
  padding: 16px 16px 16px 16px;
  margin-bottom: 20px;
  color: white;
}
.code ul, pre ul {
  margin-bottom: 0px;
}
.code ul li, pre {
  font: normal 11px "Monaco", Verdana, "Courier", mono-space;
  color: white;
  margin-bottom: 0px;
}
.code ul li span.class, pre span.class {
  color: #E58A08;
}
.code ul li span.id, pre span.id {
  color: #1E71AB;
}
.code ul li span.text, pre span.text {
  color: #AAA;
  font-style: italic;
}
.code ul li span.comment, pre span.comment {
  color: #999;
  font-style: italic;
}
.row.display {
  background: #181818;
  margin-bottom: 10px;
  color: white;
}
.row.display .column, .row.display .columns {
  background: #555;
  padding: 6px 0;
  color: #fff;
}
ul.colors li span {
  background: white;
  border: 1px solid #DDD;
  width: 135px;
  height: 80px;
  display: block;
}
ul.colors small {
  display: block;
  font-weight: normal;
  text-transform: uppercase;
  margin: 0;
  font-size: 12px;
  line-height: 15px;
  color: #777;
}