html {
background-color:#FFDFB6;
}

body {
position:absolute;
top:4%;
left:2%;
width:96%;
height:92%;
margin:0;
padding:0;
border:0;
font-size:12pt;
font-family:Arial, Helvetica, Verdana;
background-color:#C17C22;
-moz-box-shadow: 1px 1px 1ex #8D5510;
-webkit-box-shadow: 1px 1px 1ex #8D5510;
box-shadow: 1px 1px 1ex #8D5510;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}

#header {
margin:0;
padding:0; 
width:100%;
height:9%;
background-color:#FFFFFF;
text-align:center;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
-o-border-top-left-radius: 5px;
border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
-o-border-top-right-radius: 5px;
border-top-right-radius: 5px;
}

.title {
width:100%;
vertical-align:middle;
padding:0.5em 0;
font-size:24pt;
color:#8D5510;
}

#menu {
border:0;
padding:0;
margin:0;
width:100%;
height:7%;
background-color:#E1A659;
background-image:-moz-linear-gradient(90deg,#C17C22,#FFCE8D);
background-image:-webkit-gradient(linear,center bottom,center top,color-stop(0,#C17C22),color-stop(1,#FFCE8D));
color:#FFFFFF;
text-align:center;
}

#menu ul {
border:0;
padding:0;
margin:0;
display:inline;
list-style-type:none;
width:100%;    
}

#menu li {
display:table;
padding:0;
margin:0;
border:0;
height:100%;
float:left;
text-align:center;
vertical-align:middle;
}

#menu a {
display:table-cell;
padding:0;
margin:0;
border:0;
height:100%;
vertical-align:middle;
color:#FFFFFF;
text-decoration:none;
}

#menu #home {
width:7%;
border-left:1px solid #FFCE8D;
border-right:1px solid #C17C22;
}

#menu #doc {
width:10%;
border-left:1px solid #FFCE8D;
}

#menu #docpdf {
width:3%;
border-right:1px solid #C17C22;
}

#menu #dl {
width:11%;
border-left:1px solid #FFCE8D;
border-right:1px solid #C17C22;
}

#menu #hist {
width:8%;
border-left:1px solid #FFCE8D;
border-right:1px solid #C17C22;
}

#menu #lang {
width:6%;
border-left:1px solid #FFCE8D;
border-right:1px solid #C17C22;
}

#menu #empty {
width:50%;
border-right:1px solid #C17C22;
}

#menu #end {
width:1%;
border-left:1px solid #FFCE8D;
}

#menu #home:hover, #menu #dl:hover, #menu #hist:hover, #menu #lang:hover {
background-color:#75AAEB;
background-image: -moz-linear-gradient(90deg,#4488DD,#ACCFFA);
background-image:-webkit-gradient(linear,center bottom,center top,color-stop(0,#4488DD),color-stop(1,#ACCFFA));
border-left:1px solid #ACCFFA;
border-right:1px solid #4488DD;
}

#menu #doc:hover {
background-color:#75AAEB;
background-image: -moz-linear-gradient(90deg,#4488DD,#ACCFFA);
background-image:-webkit-gradient(linear,center bottom,center top,color-stop(0,#4488DD),color-stop(1,#ACCFFA));
border-left:1px solid #ACCFFA;
}

#menu #docpdf:hover {
background-color:#75AAEB;
background-image: -moz-linear-gradient(90deg,#4488DD,#4488DD);
background-image:-webkit-gradient(linear,center bottom,center top,color-stop(0,#4488DD),color-stop(1,#ACCFFA));
border-right:1px solid #4488DD;
}

#content {
height:80%;
width:100%;
background-color:#FFFFFF;
margin:0;
padding:0;
}

#left {
position:relative;
top:0;
left:0;
margin:0;
padding:0;
padding-top:1em;
width:35ex;
height:97%;
float:left;
}

#download {
margin:0 4ex;
padding:1em 0;
background-color:#4AC07D;
background-image: -moz-linear-gradient(90deg,#038745,#99FFBB);
background-image:-webkit-gradient(linear,center bottom,center top,color-stop(0,#038745),color-stop(1,#99FFBB));
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
-o-border-radius: 30px;
border-radius: 30px;
border:2px solid #038745;
width:25ex;
text-align:center;
}

#dlTitle {
font-size:14pt;
color:#038745;
}

#dlContent {
font-size:10pt;
color:#99FFBB;
}
/*
#toc {
font-size:10pt;
padding-left:5ex;
}

#toc ul {
padding-left:2ex;
}

#toc #ul-toc-0, #toc #ul-toc-1, #toc #ul-toc-1-1, #toc #ul-toc-1-2, #toc #ul-toc-1-5, #toc #ul-toc-1-7, #toc #ul-toc-2, #toc #ul-toc-2-6, #toc #ul-toc-3, #toc #ul-toc-3-2, #toc #ul-toc-3-4, #toc #ul-toc-4, #toc #ul-toc-4-2, #toc #ul-toc-4-3, #toc #ul-toc-4-4, #toc #ul-toc-4-6, #toc #ul-toc-5, #toc #ul-toc-5-3, #toc #ul-toc-5-7 {
display:none;
}*/

#right {
height:100%;
margin:0;
padding:0 2%;
overflow-y:auto;
}

#footer {
font-size:10pt;
border:0;
padding:0;
margin:0;
width:100%;
height:4%;
color:#FFFFFF;
background-color:#E1A659;
background-image: -moz-linear-gradient(90deg,#C17C22,#FFCE8D);
background-image:-webkit-gradient(linear,center bottom,center top,color-stop(0,#C17C22),color-stop(1,#FFCE8D));
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
-o-border-bottom-left-radius: 5px;
border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
-o-border-bottom-right-radius: 5px;
border-bottom-right-radius: 5px;
}

#footer p {
margin:0;
padding:0;
border:0;
padding-top:0.5em;
padding-left:2%;
}

#footer a {
color:#FFFFFF;
}

#main {
position:relative;
top:0;
left:0;
margin:0;
padding:0 2%;
padding-top:1em;
height:97%;
overflow-y:auto;
}

.lstlisting, .lstinputlisting {
font-size:10pt;
padding:1ex 0;
margin:0 3em;
font-family:monospace;
white-space: nowrap;
}

a {
color:#761B16;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}
 
.center img {
border:0;
width:50%;  
}

.sc {
font-variant:small-caps;
}

.bf {
font-weight:bold;
}

.tt {
font-size:10pt;
font-family:monospace;
}

.it {
font-style:italic;
}

.center {
text-align:center;
}

div.center {
padding:2ex 0;
}

sub {
font-size:72%;
}

sup {
font-size:80%;
}

dt {
color:#BE7316;
}

table {
border:0;
margin:0;
padding:0;
border-collapse:collapse;
}

td {
margin:0;
padding:0;
border:0;
}

#lang img {
border:0;
padding:0;
margin:0;
height:1.5em;
vertical-align:middle;
}

#left h2, #left h3 {
color:#8D5510;
text-decoration:underline;
}

#right h2 {
font-size:20pt;
color:#8D5510;
padding-left:2ex;
-moz-box-shadow: -0.2ex 0.2ex 0.3ex #8D5510;
-webkit-box-shadow: -0.2ex 0.2ex 0.3ex #8D5510;
box-shadow: -0.2ex 0.2ex 0.3ex #8D5510;
-moz-border-radius-bottomleft: 0.5ex;
-webkit-border-bottom-left-radius: 0.5ex;
-o-border-bottom-left-radius: 0.5ex;
border-bottom-left-radius: 0.5ex;
}

#right h3 {
font-size:18pt;
color:#BE7316;
padding-left:2ex;
-moz-box-shadow: -0.2ex 0.2ex 0.3ex #BE7316;
-webkit-box-shadow: -0.2ex 0.2ex 0.3ex #BE7316;
box-shadow: -0.2ex 0.2ex 0.3ex #BE7316;
-moz-border-radius-bottomleft: 0.5ex;
-webkit-border-bottom-left-radius: 0.5ex;
-o-border-bottom-left-radius: 0.5ex;
border-bottom-left-radius: 0.5ex;
}

#right h4 {
font-size:16pt;
color:#E3983D;
padding-left:2ex;
-moz-box-shadow: -0.2ex 0.2ex 0.3ex #E3983D;
-webkit-box-shadow: -0.2ex 0.2ex 0.3ex #E3983D;
box-shadow: -0.2ex 0.2ex 0.3ex #E3983D;
-moz-border-radius-bottomleft: 0.5ex;
-webkit-border-bottom-left-radius: 0.5ex;
-o-border-bottom-left-radius: 0.5ex;
border-bottom-left-radius: 0.5ex;
}

#right h5 {
font-size:14pt;
color:#FBAD4F;
padding-left:2ex;
-moz-box-shadow: -0.2ex 0.2ex 0.3ex #FBAD4F;
-webkit-box-shadow: -0.2ex 0.2ex 0.3ex #FBAD4F;
box-shadow: -0.2ex 0.2ex 0.3ex #FBAD4F;
-moz-border-radius-bottomleft: 0.5ex;
-webkit-border-bottom-left-radius: 0.5ex;
-o-border-bottom-left-radius: 0.5ex;
border-bottom-left-radius: 0.5ex;
}

#history {
border-collapse:collapse;
width:100%;
}

#history td {
vertical-align:top;
border-bottom:2px solid #8D5510;
padding:1ex;
}

#history .date {
width:20ex;
}

#history .tag {
width:6ex;    
}

#history .commit {
white-space:pre;
}

.highlight {
color:#AA0000;
}