body {
   font-family: "Titillium Web", Arial, Helvetica, sans-serif;
   font-size: 16px;
   max-width: 80%;
   margin: auto;
   color: #404244;
}

a {
    color: #17a81a;
    text-decoration: none;
}

h2, h3 {
   margin: 1.5em 0 0 0.75em;
   font-weight: 300;
   font-size: 1.75em;
}

div.sidebar {
    float: right;
}

pre {
    padding: 15px;
}
div.qmlproto {
    padding-left: 15px;
    padding-right: 15px;
}
pre, div.qmlproto {
    font-family: "Courier New";
    font-size: 20px;
    margin-left: 2em;
    background-color: #F2F2F2;
}

hr {
    margin-top: 2em;
    margin-bottom: 2em;
}

p.header {
    margin-bottom: -1em;
}
p.footer {
    text-align: right;
    margin-top: -1em;
}

table, table td, table th {
    border:1px solid #eee
}
table td, table th {
    padding:5px 20px;
    line-height:1.3;
    text-align:inherit
}
table {
    border-collapse:collapse;
    border-spacing:0;
    margin-bottom:5px;
    width:100%
}