/*  THEME: B2020  */

/* ------------------------------
		responsive grid
------------------------------ */
body {margin:0;}
#wrapper{max-width:1140px;margin:0 auto;padding:0;word-wrap:break-word;overflow:hidden;}
.col1,.col2,.col3,.col4,.col5,.col6,.col7,.col8,.col9,.col10,.col11,.col12
{border:0;margin:0;padding:0;overflow:hidden;text-align:left;min-height:1px;float:left;}
.col1{width:08.333%}
.col2{width:16.666%}
.col3{width:24.999%}
.col4{width:33.333%}
.col5{width:41.666%}
.col6{width:49.999%}
.col7{width:58.333%}
.col8{width:66.666%}
.col9{width:74.999%}
.col10{width:83.333%}
.col11{width:91.666%}
.col12{width:100%;float:none}
@media all and (max-width:45em){
	body{font-size:16px;}
	.wrapper{width:100%}
	.col1,.col2,.col3,.col4,.col5,.col6,
	.col7,.col8,.col9,.col10,.col11,.col12{width:auto;float:none;}
}

/* ------------------------------
		basic settings
------------------------------ */
article,aside,figure,figcaption,hgroup,
footer,header,nav,section,video,object{display:block}
img{max-width:100%;height:auto}
object,embed,iframe{max-width:100%!important;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;}

table {border-collapse:separate;border-spacing:0;}

ul,ol{list-style-position:inside;}
ul,ol,li{margin:0;padding:0;}
ul{list-style:disc}
ul ul{list-style:circle}
ul ul ul{list-style:square}
ul ul ul ul{list-style:disc}
ol{list-style:decimal}
ol ol{list-style:upper-alpha}
ol ol ol{list-style:lower-roman}
ol ol ol ol{list-style:lower-alpha}

a{text-decoration:none;}
strong{font-weight:bold;}
i,cite,em,var,address,dfn{font-style:italic;}
q{display:inline;}
q:before {content:"\201c";}
q:after {content:"\201d";}

/* ------------------------------
		basic layout
------------------------------ */
body {
	background: #eee url('images/bodytile.png') fixed repeat;
	font: 14px/1.5 "Helvetica Neue",Arial,sans-serif;
	color: #555;
	}
#wrapper {margin: 0 auto;}
#heading {
    overflow: hidden;
    padding: 1em;
    border-bottom: 2px solid #777;
    margin-bottom: 1em;
}
#content {
	overflow: hidden;
	text-align: left;
	background: #EDEEF4;
	}
#footer {
	overflow: hidden;
	clear: both;
	}

/* ------------------------------
	detailed styling
------------------------------ */
/* ---- heading and logo ---- */
#logo {
    margin: 1em 2em 1em 1em;
    float: left;
    max-width: 15%;
    }
#heading h1 {
	font: bold 3.5em/.8em 'Flamenco', cursive;
	color: #48545C;
    letter-spacing: normal;
    margin-top: 1em;
	}
#heading h2 {
    font: italic 1.5em/.8em 'Flamenco', cursive;
    color: #222;
    clear: both;
    margin-left: 10em;
    }
@media all and (max-width:45em){
	#heading h1 {
		font-size: 2.5em;
        margin-top: 1em;
		}
	#heading h2 {
		font-size: 1.3em;
        margin-left: 6.4em;
		}
	}

/* ---- nav ---- */
#mainnav {
    text-align: right;
    float: right;
}
.nav-button {
    text-decoration: none;
    color: #fff;
    background: #64483F;
    text-align: center;
    padding: 10px 0;
    display: none;
}
.hamburger {
    float: right;
    display: block;
    width: 1.25em;
    height: 0.5em;
    margin: .4em;
    background: linear-gradient(
        to bottom,
        #4F6C80,
        #4F6C80 50%,
        #eee 50%,
        #eee
        );
    background-size: 100% 10px;
}
.burgerlabel {
    text-align: right;
    margin: 0;
    padding: 0 1em;
    font-weight: bold;
    color: #4F6C80;
}
#chapnav {margin: 1em 2em;}
#chapnav input[type=checkbox] {display: none;}
#chapnav input[type=checkbox]:checked ~ ol {display:block;}
#chapnav ol {display: none;}
#chapnav li {margin-bottom: 1px;}
#chapnav ol li, #chapnav li a {width: 100%;}
#chapnav ol {
    margin: 0;
    padding: 0;
    background: #eee;
	}
#chapnav li {
	display: inline-block;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #333;
    margin-top: -1px;
	}
#chapnav li a {
   display: inline-block;
   line-height: 3em;
   text-decoration: none;
   text-shadow: 1px 1px 1px #ccc;
   padding: .5em;
	}
#chapnav li:last-child {border-right: none;}
#chapnav li a:hover,
#chapnav li.active {
    background: #fff;
	}

/* ---- home ---- */
.home {
    border-bottom: 1px solid #999;
    overflow: hidden;
    }
.home img {float: left;}

/* ---- chapter display ---- */
em, p.smtitle {
	font-style: italic;
	font-weight: bold;
	}
.synopsis {
    text-align: center;
	font-style: italic;
	font-size: .9em;	
	}
#footnotes {
	border-top:1px solid #ABABAB;
	font-size:90%;
	margin:1em 0; 
	padding:1em;
	}
#footnotes li {
	line-height:1.2em;
	margin-bottom:.5em;
	padding:4px;
	}
#footnotes ol {list-style:none;}
#footnotes li:target {background:#FFFFFF;}

/* ---- footer ---- */
#footer {
	text-align: center;
	padding: 10px;
	background: #4F6C80;
	}
#footer p {
	color:#ccc;
	margin:0;
	}
#footer a {
	font-weight:bold;
	color:#eee;
	}
#footer a:hover {color:#AABBC6;}

/* ---- general content ---- */
h1 {
	text-align: center;
    font-size: 1.5em;
	font-weight: 800;
	letter-spacing: .05em;
	margin:. 5em .5em .5em 1em;
	}
h2 {
	font-size: 1.3em;
	font-weight: 800;
	margin: .5em .5em .5em 1em;
	}
h3 {
	font-size: 1.2em;
	margin: .5em .5em .5em 1.1em;
	}
h4 {
	font-size: 1em;
	margin:. 5em .5em .5em 1.5em;
	}
p {margin: 1em;}
sup, .sup, sub, .sub {
	font-size: .7em;
	line-height: 0; 
	position: relative; 
	padding-left: 2px;
	vertical-align: baseline;
	}
sup, .sup {
    top: -0.5em;
    font-size:. 7em;
    vertical-align: top;}
sub, .sub {
    bottom: -0.25em;
    font-size: .7em;
    vertical-align: bottom;
    }
#content p {
	font-size: 18px;
	line-height: 1.5em;
	}
.biog {
	border-bottom: 1px solid #777;
	padding-bottom: 1em;
	}
@media all and (max-width:45em){
	#content p  {font-size:16px;}
	}
.caption {
	text-align: center;
	font-style: italic;
	font-size: .9em;
	}
blockquote {
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;
	margin: 1em 1.2em;
	padding: 0 1em;
	font: 12px/1.6 Georgia, serif;
    background: #fff;
	}
#content ul, #content ol {font-size: 1.2em;	}
pre {
	font-family: "Courier New",Courier,monospace;
	overflow: auto;
    word-wrap: break-word;
	}
a {
	font-weight: bold;
	color: #125598;
	}
a:hover {color: #65B8DE;}
#content ol, #content ul {
	margin: 1em 3em;
	}
.alignleft {
	float: left;
	margin: 0 1em 0 0;
	max-width: 50%;
	}
.aligncenter {margin: 0 auto;}
.alignright {
	float: right;
	margin: 0 0 0 1em;
	max-width: 50%;
	}
.prevnext {
    overflow: hidden;
    text-align: center;
    padding: 0 35%;
    margin-bottom: 1em;
}
.chapprev a, .chapnext a {
    display: block;
    padding: .5em 1em;
    background: #fff;
    border: 1px solid #4F6C80;
}
.chapprev {float: left;}
.chapnext {float: right;}
	
table {padding:2em;}
td, th {
    border:1px solid #dddddd;
    text-align:left;
    padding:8px;
    line-height:1.2em;
	}
tr:nth-child(even) {
    background-color:#dddddd;
	}
tr:nth-child(even) td {
    border:1px solid #eeeeee;
	}
table caption {
	font-size:1.2em;
	font-weight:bold;
	}
p.copyrt {
	font-size: 90%;
	color: #8B7E62;
	}