*{
font-family: 'Lucida Grande', 'Trebuchet MS', sans-serif;
text-shadow:rgba(0,0,0,0.1) 1px 1px;
letter-spacing: 0.15em;
color:#333;
}
a:link{
color:#003366;
}
a:visited{
color:#333399;
}
a:hover{
color:#993300;
}
body{
background-color:#fff;
font-size:150%;
margin: 0 1em 20em 1em;
line-height:1.4;
}
section,article,aside,hgroup,header,footer,nav{
display:block;
}
p{
line-height:1.6;
}
header,nav,aside,section{
margin-top: 10em;
}
pre {
line-height: 1.3;
background-color: #ddd;
color: #000;
margin: 0 0 0.5em;
overflow:visible;
width:auto;
}
pre code{
display:block;
}
pre, code {
font-family:"Consolas", "Bitstream Vera Sans Mono", "Courier New", monospace;
}
pre *, code *{
font-family:"Consolas", "Bitstream Vera Sans Mono", "Courier New", monospace;
}
em{
color:#ffff00;
}
code em {
background-color: #ff5;
font-style: normal;
}
li{
line-height:1.4;
margin:0.4em 0;
}
blockquote{
background:#ffcccc;
}
span.light{
color:#666666;
}
header{
margin:10em 0;
}
header h1{
font-size:xx-large;
}
header h1 a{
font-size:x-large;
}

pre.hidden{
display:none;
}

pre.scroll{
overflow:auto;
}
table.box{
border-collapse:collapse;
margin:1em;
}
table.blur{
opacity:0.5;
filter:alpha(opacity=50);
}
table.box th{
background:rgba(255,222,222,0.5);
border:1px solid #006699;
}
table.box td{
border-right:1px solid #ccccff;
border-bottom:1px solid #ccccff;
padding:0.2em 1em;
}
section h3{
background:#333366;
color:white;
padding:8px;
}
dl > dt{
margin:1em 0 0;
font-size:110%;
font-weight:bold;
}
dl > dt + dd{
margin-top:0.3em;
}
h1,h2,h3{
margin:300px 0 0 0;
padding:10px 0 0 0;
}
#outline{
_display:none;
position:fixed;
top:0;
right:0;
width:3em;
overflow:hidden;
background:#ddd;
background:rgba(200,200,200,0.9);
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
text-align:center;
opacity:0.2;
}
ol.auto-index{
margin:0;
overflow:hidden;
width:0px;
height:0px;
text-align:left;
-webkit-transition:height 0.3s 0s ease-in;
-moz-transition:height 0.3s 0s ease-in;
-o-transition:height 0.3s 0s ease-in;
transition:height 0.3s 0s ease-in;
}
#outline:hover{
width:auto;
overflow:visible;
opacity:1;
}
#outline:hover ol.auto-index{
width:auto;
height:500px;
overflow:auto;
margin:0.5em 1em;
}
#settings{
position:fixed;
bottom:0px;
right:0px;
font-size:large !important;
height:1.3em;
width:3em;
text-align:center;
overflow:hidden;
background:#ccc;
-webkit-border-top-left-radius:10px;
-moz-border-radius-topleft:10px;
border-top-left-radius:10px;
border-radius-topleft:10px;
}
#settings:target{
font-size:large !important;
height:auto;
width:auto;
text-align:left;
}