/* ********** Global ********** */
html { font-size:62.5%; } /* 1 em = 10px */
body {
    font-family:Georgia, serif;
    padding:0; margin:0;
}

/* debugging */
div, ul, li, h1, h2 { border:0px solid red; }


/* ********** Colors ********** */

body, #toc a, h1 > a, h2 > a, h3 > a, h1 > a:visited, h2 > a:visited, h3 > a:visited { color:#222; }
code { color:#000; }
#sidebar a { color:#444; }
blockquote { color:#777; }
#sidebar a:hover { color:#fff; background-color:#999; }
#sidebar .section, #sidebar .subsection, h1.title, #TOC { color:#ff9400; }

a, a > code { color:#cc7733; }
a:visited, a:visited > code { color:#772200; }

/* ********** Header layout ********** */
#header {
    background:url('tesselation.png');
    padding:0; margin:0;
    height:233px;
}
#box {
    position:absolute;
    top:0;
    left:90px;
    width:242px;
    height:123px;
    padding:0; margin:0;
    border:0 none black;
    background:url('header.png');
    overflow:hidden;
}

/* ********** Sidebar ********** */
#sidebar {
    float:left;
    width:14em;
    margin:3.7em 0 0;
    padding:20px 0 3em 1.3em;
    overflow:hidden;
}
#sidebar {
    font-family:Georgia, serif;
}
#sidebar .section {
    font-size:14px;
    letter-spacing:0.1em;
    
    padding:1px 0;
    margin:10px 0;
    
    border-bottom:2px solid #ffd623;
}
#sidebar .subsection {
    font-size:14px;
    border-bottom:2px solid #ffd623;
}
#sidebar ul {
    list-style:none;
    padding:0; margin:0 0 0 1.4em;
}
#sidebar li {
    font-size:13px;
    margin-bottom:1ex;
    text-indent:-1em;
}
#sidebar a { text-decoration:none; padding:2px;}
#sidebar a:hover { }

/* ********** Contents ********** */
#contents {
    position:relative;
    width:40em;
    float:left;
    padding:0 2em 1ex 1.5em; /* top right bottom left */
    margin-right:1em;
    margin-bottom:2ex;
}
/* contents borders */
#contents {
    border: 2px solid #ffd623;
    margin-top: 3.5em;
}
h1.title { margin-top: -1.7em; margin-bottom: 1.7em; } 

/* share links */
ul#share {
    list-style: none;
}
#share {
    position: absolute;
    right: 0; top: -4.2em;
}
#share li {
    height: 20px;
}
#share li span.left {
    float:left;
    width:10em;
    display: block;
}
#share a { text-decoration: none; }
#share li span.right {
    float:left;
    display: block;
}

/* footer */
#footer { margin-top:20px; }
div.authordate { line-height:110%; margin:0px; padding:0px;
    margin-top:-2ex;
    margin-bottom:-1ex;}

/* fonts and text layout */
#contents { font-size:14px; }
#text { padding:0; }
/* #text > pre { padding-left:3em; } */
#text { text-align:justify; line-height:130%; }
#text h1, #text h2, #text h3 { text-align:left; }
#footer, .authordate {
    font-size:10px;
    font-family:Helvetica;
    font-style:italic;
    text-align:right;
    padding:10px;
}
#text .noborder * { border-style: none; }
#text table { margin-left:3em; border-collapse:collapse; }
#text td, th { border:1px solid black; padding:0.7ex; }
dl { line-height:140%; }
blockquote {
    border-left:3px solid #ccc;
    padding-left:1em;
}
code {
    font-family:Courier New, monospace;
    font-size:13px;
}
/* minimal line height for inline font, so as not to disturb the flow */
p > code {
    text-align:left;
    margin-left:0.1em;
    margin-right:0.1em;
    line-height:60%;
}
pre { margin-left:2em; }
pre > code { line-height:135%; }

/* Headings */
h1.title {
    font-family:Trebuchet MS, sans serif;
    font-size:110%;
    letter-spacing:0.1em;
}
h1 { font-size:130%; letter-spacing:0.1em; }
h2 { font-size:110%; }
h3 { font-size:100%; }

h1 + h2 { margin-top:-0.2em; }
h2 + h3 { margin-top:-0.2em; }
h2 + p { margin-top:-0.5em; }
h3 + p { margin-top:-0.5em; }
h1 > a, h2 > a, h3 > a, h1 > a:visited, h2 > a:visited, h3 > a:visited { text-decoration:none; }

a { text-decoration:underline; }

/* ********** Table of Contents ********** */
#toc {
    float:right;
    border-left:2px solid #ffd623;
    border-bottom:2px solid #ffd623;
    padding:10px;
    margin:-1.4em -2.1em 1ex 1em;
    
    width:11em;
    text-align:left;
}
#toc ul {
    padding:0; margin:0;
    margin-left:1.2em;
    /* list-style:number; */
}
#toc li {
    font-size:13px;
    margin-bottom:0.4ex;
}
#toc a { text-decoration:none; }