@font-face {
  font-family: "Bitstream Vera Sans";
  src: url(../fonts/veramono.ttf); 
}

* {
  margin:0;
  padding:0;
}

html, body {height:100%;}

body {
  background-color: #232323;
  font-family: "Bitstream Vera Sans", monospace;
  color: #E6E0DB;
}

#distance {
  float:left;
  width:1px;
  height:50%;
  margin-bottom:-88px;
}

#main {
  width: 570px;
  height:175px;
  margin: 0 auto;
  position:relative;
  clear:left;
}

pre {
  font-family: "Bitstream Vera Sans", monospace;
}

h1 {
  display:inline;
  font-weight:normal;
}
h1 span {
  display:none;
}
a {
  text-decoration:none;
  color:#A4C260;
}
a:hover {
  text-decoration:underline;
}
/* Thanks to railscasts for coderay css */
.code, h1 {
  font-size: 22px;
}
.code .t  { color:#E6E0DB }                      /* text */
.code .co { color:#FFF }                         /* constant */
.code .fl { color:#A4C260 }                      /* float */
.code .r  { color:#CB7832 }                      /* keyword */
.code .s  { color:#A4C260 }                      /* string */
.code .sy { color:#6C9CBD }                      /* symbol */
.code .i  { color:#737373 }                      /* invisible char */