main.css

*{
  margin:0;
  padding:0;
}

#header{
  margin:0 auto;
  text-align:center;
  padding-top:20px;
  padding-bottom:20px;
}

#background{
  width:900px;
  margin:0 auto;
  background-color:#eee;
}

#description-wrapper{
  padding:50px;
}

ul {
  padding-left:1.5em;
}

#footer-buttons {
  padding-top:5px;
  width: 600px;
}

.footer-button {
  font-size:110%;
}

#description{
  background-color:#ddd;
}

#wrapper{
  width:800px;
  margin:0 auto;
  padding-top:5px;
  padding-bottom:50px;
}

#js-code, #js-custom-values{
  width:100%;
  resize:vertical;
}
#custom-values{
  display:none;
}

#main{
  width:600px;
  float:left;
}

#js-error{
  display: none;
  background: #f98;
  padding: 10px 0;
}
#right-bar{
  width:200px;
  float:right;
  background-color:#ddd;
}

#footer{
  clear:both;
}

.code{
  font-family:Monaco, Consolas, "Lucida Console", monospace;
}

#more-options{
  display:none;
}
#show-more-options{
  float:right;
  cursor: pointer;
}

.code-example code{
  border: 1px solid #BBB !important;
}

.link {
  stroke: #999;
  stroke-width: 2;
  fill: transparent;
}

g>text {
  text-anchor: middle;
  alignment-baseline: middle;
}

#end,#end-self {
  stroke: #999;
  stroke-width: 3;
  fill: #999;
}

.node {
  fill: #777;
}

#js-seek {
  width: 775px;
  vertical-align: top;
}

button.play-pause {
  width: 15px;
  height: 15px;
  vertical-align: top;
}