body {
    font-family: 'calibri', 'bitstream vera sans', 'tahoma', 'arial', 
    sans-serif;
    min-width: 40em;
    max-width: 65em;
    width: 100%;
    margin: 0;
    padding: 0;
    background: #eee;
}

#all {
    background: #fff;
}

#hshadow {
    background-image: url('../images/hshadow.png');
    background-position: right;
    background-repeat: repeat-y;
}

#vshadow {
    background-image: url('../images/vshadow.png');
    background-position: bottom;
    background-repeat: repeat-x;
}

#eshadow {
    padding: 0 6px 6px 0;
    background-image: url('../images/eshadow.png');
    background-position: bottom right;
    background-repeat: no-repeat;
}

#top {
    padding: 1ex 1em 2ex 1em;
    background: #c11;
    color: #fff;
}

#top img {
    border: none;
    display: block;
}

#hot {
    float: right;
    width: 12em;
    margin: 3ex 1em;
}

#hot div {
    padding: 0 1em;
    background: yellow;
    border: solid 1px #ccc;
}

#nav {
    float: left;
    width: 13em;
    padding: 3ex 0;
}

#nav ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

#nav ul ul {
    margin: 0;
}

#nav li {
    margin: 5px 0;
}

#nav a {
    color: #000;
    background: #ddd;
    text-decoration: none;
    font-weight: bold;
    display: block;
    padding: .6ex 1em;
    font-size: .9em;
}

#nav a.selected {
    color: #fff;
    background: #c11;
}

#nav ul ul a {
    padding-left: 2em;
}

#nav ul ul ul a {
    padding-left: 3em;
}

#nav ul ul ul ul a {
    padding-left: 4em;
}

#content {
    margin: 3ex 2em 4ex 14em;
}

#content img {
    border: none;
}

#content img.photo {
    border: solid 1px #ccc;
    padding: 7px;
    background: #ffe;
}

#content div.photo {
    border: solid 1px #ccc;
    background: #ffe;
    padding: 1ex;
    float: left;
    margin: 1ex 1em 1ex 0;
}

#content div.photo p {
    margin: 1ex 0 0 0;
    font-size: .9em;
    text-align: center;
    font-style: italic;
}

#content table {
    text-align: left;
}

#content table th, #content table td {
    vertical-align: top;
}

#content pre code {
    display: block;
    background: #ddd;
    padding: .5ex .5em;
}

#content table.download {
    border-collapse: collapse;
    margin: 0 0 2ex 0;
font-size: 90%;
}

#content table.download td, #content table.download th {
    padding: .2ex .5em;
vertical-align: middle;
}

#content table.download tr.even, #content table.download tr.even_first {
    background: #ffa;
}

#content table.download tr.even_first, #content table.download tr.odd_first {
    border: solid black;
    border-width: 2px 0 0 0;
}

#content table.download th.version {
    background: #fff;
    vertical-align: middle;
}

#content table.download a {
text-decoration: none;
background: #44e;
color: #fff;
padding: .1ex .5em;
font-weight: bold;
border: solid 1px;
border-left-color: #ddd;
border-top-color: #ddd;
border-right-color: #444;
border-bottom-color: #444;
display: block;
}

#content table.download a img {
vertical-align: middle;
}

#footer {
    background: #c11;
    color: #ddd;
    text-align: center;
    padding: 3ex 1em;
}

#footer p {
    font-size: 90%;
    margin: 0;
}

#footer a {
    color: #fff;
}

#content div.icon, #content div.screenshot {
    float: right;
    margin-left: 1em;
}