/* -*-css-*-
 *
 * distorted.org.uk style sheet 
 */

html { height: 100%; }
body {
	background: white;
	color: black;
	margin: 1ex 2em;
}
body.flex {
	min-height: calc(100% - 2ex);
	display: flex; flex-direction: column;
}
div.fill { flex-grow: 1; }

a { text-decoration: none; }
a:link { color: blue; }
a:link:active, a:visited { color: darkblue; }
a:link:hover, a:visited:hover { background: #ccc; }

p {
	margin: 1.5ex 0;
	text-indent: 0;
	text-align: left;
}
li { margin: 1.5ex 0; }

h1 {
	padding: 0.47ex 0;
	border-bottom: thick black solid;
	margin-top: 1ex; margin-bottom: 1.41ex;
	font-weight: bold;
	font-size: 200%;
}
body.flex h1 { margin-top: 0.5ex; }
h1 + h2, div.toc + h2 { border-top: none; padding-top: 0; }
h2 { border-top: thin black solid; padding-top: 1ex; }
h2, h3 { margin-top: 3ex; }
h2 { font-size: x-large; }
h3 { font-size: large; }
h4, h5, h6 { display: run-in; }
h1, h2, h3, h4, h5, h6 { font-family: sans-serif; font-weight bold; }

q { quotes: "\2018" "\2019"; }
q q { quotes: "\201c" "\201d"; }

hr {
	border: none;
	background: inherit;
	border-top: solid thin black;
}

div.footer {
	border-top: medium black solid;  
	margin-top: 3.43ex;
	padding-top: 1ex;
	font-size: small;
	font-style: italic;
	text-align: right;
}

div.footer img.licence {
	float: left;
}

pre, div.toc {
	clear: right;
	background: #eee;
	border: solid thin black;
	overflow: auto;
}

dl { display: block; }
dt {
	font-weight: bold;
	width: 9em;
	clear: left;
	float: left;
}
dd {
	margin: 1.5ex 0 1.5ex 10em;
	display: block;
}

pre {
	margin: 3ex 2em;
	padding: 1ex 1em;
}

blockquote.gnomic-utterance {
	float: right;
	font-style: italic;
	width: 50%;
	margin: 0;
	text-align: right;
}
blockquote.gnomic-utterance div.gnomic-utterance-author:before {
	content: "\2014  "
}
blockquote.gnomic-utterance div.gnomic-utterance-author {
	margin-top: 1ex;
	text-align: right;
}

table {
	border-collapse: collapse;
	border-top: black thin solid;
	border-bottom: black thin solid;
	border-left: none;
	border-right: none;
	margin: 1.5ex auto;
}
tr.headings {
	border-bottom: black thin solid;
	
}
tr.headings td, tr.headings th {
	font-weight: bold;
	text-align: center;
}
td, th {
	border: none;
	padding: 0.5ex 0.5em;
}
td {
	text-align: left;
}
th {
	text-align: right; 
	font-weight: bold;
}

div.toc:before {
	display: block;
	padding: 0.5em 0 0 0.5em;
	font-size: medium;
	font-family: sans-serif;
	font-weight: bold;
	content: "Contents";
}
div.toc {
	float: right;
	width: 20em;
	margin: 0 0 1em 1em;
	padding: 0;
	font-size: small;
}
div.toc ol { list-style-type: none; padding-left: 0.61em; }
div.toc li { margin: 0.33ex 0; }

textarea { width: 100%; }