@font-face { font-family:'04b03';src:local('04b03'),url('04b03.woff') }
@font-face { font-family:'04b11';src:local('04b11'),url('04b11.woff');font-weight:bold }

@media screen,handheld {
	body { font-family:sans-serif;margin:0 }
	header:before { content:'>' }
	header {
		position:fixed;top:0;left:0;right:0;height:1em;z-index:2;
		font-size:400%;padding-left:0.5em
	}
	nav { position:fixed;top:4em;left:0;z-index:1 }
	header, #menu a, footer { font-family:'04b03',sans-serif }
	ul { padding-left:1em;list-style-type:square }
	#menu { margin:0 }
	#menu > li, footer, form, input[type=text], input[type=email], textarea { border-width:0.125em }
	#menu > li > ul { margin:1ex }
	#menu, #menu > li > ul { padding:0;list-style-type:none }
	#menu a.descended:before { font-family:'04b03';content:'>' }
	#content { position:absolute;top:4em;left:0;right:0;bottom:0;overflow:auto;padding:1ex }
	h1 { margin-top:0;font-size:2em }
	h2 { font-size:1.5em }
	h3 { font-size:1em }
	h1,h2,h3 { font-family:'04b11';font-weight:normal }
	div.center-slave { display:table;width:100%;height:100% }
	div.center-slave > div { display:table-cell;text-align:center;vertical-align:middle }
	small { font-size:8px }
	code, kbd, samp { font-size:medium;font-family:monospace }
	code a, kbd a, samp a { text-decoration:underline !important;border:none !important }
	a:link { color:red } a:visited { color:darkred } a:hover,a:active { color:indianred }
	form > div > div {
		position:absolute;display:none;
		border-width:1px;border-style:none solid solid solid;border-radius:0 0 5px 5px;
		padding:2px;width:396px;font-size:12px;font-family:sans-serif;color:red }
	form, input[type=text], input[type=email], textarea { border-style:solid }
	footer { position:fixed;z-index:3;left:0;bottom:0;padding:1ex }
}

pre > code:only-child, pre > kbd:only-child, pre > samp:only-child,
p > kbd:only-child, p > samp:only-child
	{ display:block;margin:0 1em }
pre > code { padding:0 !important }
form { display:table;border-spacing:1ex }
form > div { display:table-row }
form > div > * { display:table-cell;vertical-align:top }
input[type=text], input[type=email], textarea { width:400px } textarea { height:300px }
table { border:solid 2px;border-collapse:collapse }
td, th { border:solid 1px;padding:4px }

@media screen {
	body { font-size:16px }
	header { background:url(hbg-screen.png) }
	header > a { text-decoration:none }
	nav { top:0;bottom:0;padding-top:4em }
	#menu { height:100% }
	#menu > li { border-right-style:solid;height:100%;float:left }
	nav a,footer a { text-decoration:none;border-bottom:solid 2px }
}

@media handheld {
	body { font-size:8px }
	header { background:url(hbg-handheld.png) }
	header > a { text-decoration:none }
	nav { right:0 }
	#menu > li { border-bottom-style:solid }
	#menu > li > ul > li { display:inline;white-space:nowrap }
}

@media print {
	header:before { content:'This content is taken from https://' }
	header:after { content:attr(path)'. All copyright remains with the author.' }
	header { border-bottom:1px solid black;padding-bottom:1ex; }
	figure { max-width:100%;float:none }
	figure > img { width:100% }
	p { text-align:justify }
	p > kbd:only-child, p > samp:only-child { text-align:left }
	nav, footer { display:none }
	a { color:inherit;text-decoration:none }
	a:after { content:' ('attr(href)')' }
	header a:after { content:'' }
	input[type=text], input[type=email], textarea {
		border:1px solid black;background-color:transparent
	}
	input[type=submit] { display:none }
}