#svg-canvas
{
  position:fixed;    
  top:0; 
  left:0; 
  width:100%; 
  height:100%
}

#body 
{ 
  margin: 0 3em; 
  font-family: 'Helvetica', 'Arial', sans-serif;
  font-size: 1em;
  position:absolute; 
  top:0; 
  left:0 
}

h1 
{ 
  font-size: 2.3em; 
}
    
h2 
{ 
  font-size: 1.8em; 
}

h3 
{
  font-size: 1.3em;
  margin-top: 3em;
}

a
{ 
  text-decoration: none; 
}

a:link { color: #3CB1C8; }
a:visited { color: #112B82; }
 
pre
{
  margin:0 0 0.5em;
  background:#e6e6e6;
  line-height: 2;
}

#container 
{ 
  width: 800px; 
  margin: 0 auto; 
}
      
#main 
{ 
  float: left; 
  width: 800px; 
}
      
#nav 
{ 
  float: right; 
  width: 300px; 
}
      
#main .box 
{ 
  padding-right: 2em; 
}
      
#nav .box 
{ 
  padding-left: 1em; 
  border-left: 1px solid #aaa; 
}
 
#nav ul 
{ 
  list-style-type: none; 
  margin: 0; padding: 0; 
}
      
#nav ul li 
{ 
  display: block; 
  padding: 0; 
  margin: 0; 
}
      
#nav ul li a 
{ 
  padding: 0.5em; 
  display: block; 
}
      
#nav ul li span.active 
{ 
  padding: 0.5em; 
  display: block; 
  font-weight: bold; 
  background: #eee; 
}
      
footer 
{ 
  clear: both; 
  font-size: 0.7em; 
  text-align: center; 
}