html { font-size: 10px; }

p, ul, pre, td, th { font-size: 1.6rem; line-height: 1.4;}
h1 { font-size: 3rem; }
h2 { font-size: 2.4rem; }
h3 { font-size: 2.0rem; }
address { font-size: 1.1rem; font-style: normal}
.license { font-size: 1.3rem; font-style: normal}

.note { font-size: 1.4rem; font-style: normal}

h1, h2, h3 { font-weight: normal;}

p, ul, th, td, h2, h3 {
	font-family: Helvetica, Arial, sans-serif;
}

h1 {
	font-family: "Times New Roman", "Times", serif;
}

code, pre {
	font-family: "Courier New", Courier, monospace;
}

figcaption {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.2rem;
	text-align: center;
}

h1, address, .license {
	text-align: center;
}


body {
	background: #FDFDFD;
	color: #484848;
	width: 60rem;
}


body {
	margin: 0.0rem 7.0rem 0.0rem 7.0rem;
}

h1 {
	margin: 8.0rem 0rem 3rem 0rem;
}

address {
	margin: 0rem 0rem 4rem 0rem;
}

h2 {
	margin: 4.5rem 0.5rem 2.5rem 0.5rem;
}

h3 {
	margin: 4.5rem 1rem 2.5rem 1rem;
}

table, pre {
	margin: 3rem auto 3rem auto;
}

div.license {
	margin-top: 4.5rem;
}

div.note {
	margin-left: 2.5rem;
	margin-right: 2.5rem;
	border: 1px solid #C0C0C0;
	padding: 10px;
}


table, th, td {
	border: 1px solid #C0C0C0;
	border-collapse: collapse;
	padding: 15px;
}

pre {
	padding: 1rem;
	background: black;
	color: lightgreen;

	/* stollen from Stack overflow question 12418855 */
	overflow: auto;
	word-break: normal !important;
	word-wrap: normal !important;
	white-space: pre !important;
}


a {
	color: #484848;
}

a:hover {
	text-decoration: underline;
	color: black;
}

a {
	outline: none;
}


img.screenshot {
		width: 60rem;
}

.chain-div {
	text-align: center;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.4rem;
	margin: 5rem 0 5rem 0;
}

a.chain-link {
	text-decoration: none;
	color: #505050;
}

a:hover.chain-link {
	color: black;
}


.toc {
	font-family: Helvetica, Arial, sans-serif;
	color: #606060;
	margin: 5rem 0rem 5rem 0rem;
}

.toc-entry-1 {
	font-size: 1.4rem;
	list-style-type: disc;
	margin-bottom: 0.3rem;
}

a.toc-entry-1, a.toc-entry-2 {
	color: #606060;
}

a:hover.toc-entry-1, a:hover.toc-entry-2 {
	color: black;
}

.toc-entry-2 {
	list-style-type: circle;
	margin-left: 2rem;
	font-size: 1.2rem;
	margin-bottom: 0.1rem;
}