@namespace url(http://www.w3.org/1999/xhtml);
@namespace svg url(http://www.w3.org/2000/svg);

#skiptocontent{display:none}
html,body{margin:0;padding:0;height:100%}
body{background:#f6f6e3;color:black;font-family:serif;font-size:12pt;counter-reset:sidenote_counter}
::selection{background:#898;color:white}

a[href],svg|a[href]{text-decoration:underline}
a[href]:link,a[href]:visited,svg|a[href]:link,svg|a[href]:visited{color:#565}
a[href]:hover,a[href]:focus,a[href]:active,svg|a[href]:hover,svg|a[href]:focus,svg|a[href]:active{color:black}

a.nav-more,a.nav-next,a.nav-prev,a.nav-up{text-decoration:none}
a.nav-more span,a.nav-next span,a.nav-prev span,a.nav-up span{text-decoration:underline}
a.nav-more span,a.nav-next span{margin-right:.3em}
a.nav-prev span{margin-left:.3em}
a.nav-up span{margin-left:.2em}
a.nav-more:after{content:"\25B8"}
a.nav-prev:before{content:"\2190"}
a.nav-up:before{content:"\2191"}
a.nav-next:after{content:"\2192"}

ul,ol{padding:0 1.5em 0 2.5em}
form{margin:0;padding:0}
strong{font-weight:bold}
em{font-style:italic}
acronym,dfn,abbr{cursor:help;border-bottom-style:dotted;border-bottom-width:1px;font-style:inherit}

h2{font-size:170%;font-weight:bold;margin:0 0 .8em 0}
h3{font-size:140%;font-weight:bold;margin:0 0 .7em 0}
h4{font-size:110%;font-weight:bold;margin:1.5em 0 .7em 0}
h2 a.feed,h3 a.feed{margin-left:.5em;color:#444}
h2 a.feed svg|svg,h3 a.feed svg|svg{vertical-align:baseline;width:auto;height:.7em;fill:currentColor}

.nojustify{text-align:left}
.clearer{display:block;margin:0;padding:0;clear:both}
.nobr{white-space:nowrap}
.section{margin-top:2em;margin-bottom:2em}
.fluff{display:none}

#root{margin:0 auto;padding:2em 4em 13em 4em;max-width:70em;position:relative;min-height:100%;box-sizing:border-box}

#header{color:#565;height:4em;line-height:4em;margin-bottom:2em;white-space:nowrap;position:relative}
#header .inner_header{position:relative;padding:0 0 0 .3em;z-index:1}
#header .header_background{position:absolute;bottom:0;left:0;right:0;top:0;z-index:0;overflow:hidden}
#header .header_background svg|svg{position:absolute;right:0;bottom:0;height:100%;fill:currentColor}

@media(max-width:53em){#header svg|*.header_tree{display:none}}

#header h1{margin:0;font-size:100%;display:inline}
#header h1 a{color:inherit;text-decoration:none}
#header h1 a:hover span,#header h1 a:focus span{text-decoration:underline}
#header h1 svg|svg,#header h1 span{vertical-align:middle;font-size:160%}
#header h1 svg|svg{fill:currentColor;margin-right:.5em;border:0;width:auto;height:1.3em}
#header h2{display:none}
#header ul{display:inline;margin:0 0 0 1em;padding:0}
#header li{display:inline;margin:0 1em 0 0;padding:0}
#header li a{color:inherit;text-decoration:underline;vertical-align:middle}
#header li a:hover,#header li a:focus{color:black}

#body{clear:both}

.home_page{line-height:1.5em;text-align:justify}
.home_page .portrait{float:left;margin:0 1em .5em 0}
@media(max-width:720px){.home_page .portrait{width:50px}}
.home_page ul.contact{margin:0}

ul.contact{list-style-type:none;padding:0}
ul.contact li{line-height:1.7em;margin-left:1.5em}
ul.contact .list_icon{color:#232}
ul.contact .list_icon svg|svg{width:1.2em;height:1.2em;vertical-align:middle;margin-left:-1.5em;margin-right:.3em;fill:currentColor}

#footer{color:#565;text-align:center;padding:2em 0 0 0}
#footer .copyright{margin:0;font-size:85%}
#footer .trees{margin:1em 0 0 0}
#footer .trees svg|svg{height:3em;fill:currentColor}

@media(max-width:720px){
    #root{padding:1em 2em 8em 2em}
    #header{height:auto;line-height:1.4em;white-space:normal}
    #header ul{display:block;margin:1em 0 0 0}
    #header li{display:block;margin:.5em 0}
}

@media(max-width:53em){
    #root{padding:1em 1em 6em 1em}
}