body {
margin: 1em;
margin-left: 10em;
min-width: 66%;
background: #FFFFE6;
color: #667;
font-family: cursive;
}
h1.yb {
text-align: center;
font-size: large;
font-weight: normal;
}
.yb-mug {
float: right;
margin: 0 0 .5em .5em;
}
.yb-mug img {
width: auto;
height: 17.7em;
vertical-align: bottom;
}
.yb-original {
clear: both;
padding-top: 4em;
text-align: center;
}
.yb-original img {
vertical-align: bottom;
}
#sitedoc-navigation-global {
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 0;
width: 9em;
max-width: 33%;
font-family: sans-serif;
}
html>body #sitedoc-navigation-global {
position: fixed;
overflow: auto;
bottom: 0;
}
#sitedoc-navigation-global :link , #sitedoc-navigation-global :visited {
/*
line-height: 1.2em;
*/
padding: 0 .25em;
color: #894A0C;
font-size: small;
text-decoration: none;
}
html>body #sitedoc-navigation-global :link , html>body #sitedoc-navigation-global :visited {
display: block;
/*
padding: .15em;
line-height: .9em;
*/
color: inherit;
}
#sitedoc-navigation-global :link.enabled , #sitedoc-navigation-global :visited.enabled {
text-decoration: underline;
}
#sitedoc-navigation-global ul {
margin: 0;
padding: 0;
font-size: x-small;
}
#sitedoc-navigation-global li {
display: block;
}
#sitedoc-navigation-global em {
font-size: medium;
font-style: normal;
}
#sitedoc-navigation-global .header {
padding-right: .25em;
padding-bottom: .25em;
}
#sitedoc-navigation-global ul .odd , #sitedoc-navigation-global ul ul ul .odd {
background: #D9CABB;
color: #A25C16;
}
#sitedoc-navigation-global ul .even , #sitedoc-navigation-global ul ul ul .even {
background: #D5C3B1;
color: #9C5610;
}
#sitedoc-navigation-global ul ul .odd , #sitedoc-navigation-global ul ul ul ul .odd {
background: #C9AF95;
color: #7F4409;
}
#sitedoc-navigation-global ul ul .even , #sitedoc-navigation-global ul ul ul ul .even  {
background: #C2A98F;
color: #793E03;
}