body {font-size:78%;}
div.container {width:840px;margin:0 auto;}
div.header {background-color:#eeeeee;border-bottom:solid 1px #cccccc;margin:0 auto;padding:20px 0;}
div.header h1 {color: #0d83dd;font-size:20px;margin:0px;text-align:center;}

div.sidebar {float:right;margin-top:30px;width:175px;}
div.sidebar h2 {font-size:14px;margin:0 0 3px;border-bottom:solid 1px #d5d5d5;padding-bottom:2px;}
div.sidebar ul {list-style-image:none;list-style-position:outside;list-style-type:none;margin:5px 0;padding:0;}
div.sidebar ul.menu {margin-bottom:20px;}
div.sidebar li.current {font-weight:bold;}
div.sidebar li {margin:0 0 3px;}
div.sidebar a, 
div.sidebar a:visited {color:#0000d5;}

div.content {float:left;margin:30px 0 0;width:575px;}
div.content ul {list-style:none outside url("li_arrow.gif");margin:0;padding:0 0 0 20px;}
div.content li {color:#656565;font-size:88.1%;margin:0;padding:0;}

h1 {margin:30px 0 15px 0;}
h2, h3 {margin:15px 0px;}
h2 {margin:40px 0 5px;}
h3 {margin:18px 0 5px 0;}

p, li {margin:0 0 10px 0;}
span.var {color:red;}

code {
    font-family:"Helvetica Neue", "monospace";
    font-weight:300;
    font-size:100%;
    line-height:110%;
    padding:5px 10px;
    margin:10px 0;
    display:block;
    background:#f3f3f3;
    border:solid 1px #cccccc;
    color:#000000;
    white-space:pre-wrap;
}
pre {
    font-family:"Helvetica Neue", "monospace";
    font-weight:300;
    font-size:100%;
    line-height:110%;
    background-color:#EEEFFF;
    border:1px solid #9B9BEB;
    padding:15px 10px 5px 10px;
    margin:10px 0;
}

/* tables */
table {
    border-collapse:collapse;
    font-size:88.1%;
    width:100%;
}
thead {
    background-color:#eee;
    padding-right:1em;
    text-align:left;
    border-bottom:1px solid #ccc;
}
thead>tr>th{
    padding: 5px 0 5px 0;
    color:#222222;
} 

th {
    font-size:110%;
    text-align:left;
    padding-right:1em;
}

tbody>tr {
    border-bottom:1px solid #ccc;
    padding:0.1em 0.6em;
}
tr.odd {
    background-color:#eee;
}
td {
    vertical-align:top;
}