/** Viki Developer site version 2
 * Built with love by Eli James @ejames_c
 **/
html {
  background-color: #FFF;
}
body {
  padding-top: 60px;
  height: 100%;
}

.index-hero {
  margin-top: 120px;
  background: #fff url('http://viki-org.github.com/img/braingear.png') no-repeat left top;
}

.alert {
  background: #FA9;
  padding: 10px;
  font-size: 200%;
  color: #FFF;
}

.footer {
  padding: 50px 0;
  margin-top: 70px;
  border-top: 1px solid #eee;
  background: #FFF;
  color: #333;
}
.footer a { color: #333; }

pre {
  max-height: 700px;
  max-width: 775px;
  overflow-x: auto;
  overflow-y: auto;
}

#sidebar > ul{background:#f6f6f6;border-radius:5px;border:1px solid #ddd;margin-bottom:10px;}
#sidebar h4{color:#999;text-transform:uppercase;font-size:12px;padding:8px 0;}
#sidebar a{display:block;padding:6px 15px;margin:0 -15px;}
#sidebar a:hover{background:#e0e0e0;}
#sidebar li{padding:0 15px;}
#sidebar li:empty{background-color:#FFF;height:1px;padding:0;border-top:1px solid #ddd;}
#sidebar li li{padding:0;margin:0;}
#sidebar li li a{text-indent: 15px;}
#sidebar #footnote{padding:5px;float:right;font-size:14px;color:#777;}

#highlight li {
  list-style: none;
}
#highlight li a {
  color: #fff;
  padding: 20px;
  margin-bottom: 20px;
  margin-top: 8px;
  background: #2196BA;
  display: block;
  width: 90%;
}
#highlight li a:hover {
  text-decoration: none;
  background: #D9A41F;
}
#highlight li a h2 {
  font-size: 41px;
  font-weight: 200;
  line-height: 30px;
}
#highlight li p {
  font-weight: 200;
}