body, button {
  font:13px/20px "Helvetica Neue", "Helvetica", sans-serif;
}
body {
  background:#9098a1;
}
html, body, pre, h1, h2, h3, p {
  margin:0;padding:0;
}
a { color: #A50B00; }
div.intro {
  padding:10px;
  margin-bottom:20px;
  border:1px solid #000;
  background:#fff;
}
#map {
  background:#d7edf8;
  position:absolute;
  top:50px;
  right:400px;
  left:0;
  bottom:0;
}

#header {
  position:absolute;
  top:0px;
  right:0;
  left:0;
  height:29px;
  padding:10px;
  background:#fff;
  border-bottom:1px solid #aaa;
}

.right {
  position:absolute;
  top:50px;
  right:0px;
  background:#fff;
  padding:10px;
  z-index:999;
  width:380px;
}

pre.live {
  margin-top:5px;
  color:#444;
}

pre.live:hover {
  color:#000;
}

div.codeblock {
  background:#fff;
  padding:10px;
  width:448px;
  margin-bottom:10px;
}

#scrolly {
  height:200px;
  overflow:auto;
}

#scrolly div.topic {
  height:200px;
}