html{
	background-color: #333333;
	background-image: url('/img/bedrock.gif');
	background-repeat: repeat;
}
body{
	background-color: #242424;
	background-image: url('/img/bg.gif');
	background-repeat: repeat;
	margin: 0px;
	color: #EEEEEE;
	font-family: serif;
}
/*h1{
	font-weight: normal;
	font-size: 250%;
	font-family: Century, "Century Expanded", "Century Light", "Century Nova", "Century Schoolbook", "New Century", "New Century Schoolbook", "Digi-Antiqua", "ITC Century", "Benton Modern", Bookman, "URW Bookman", "Bookman Oldstyle", Baskerville;
}*/
a, figure figcaption a{
	text-decoration: underline;
	color: #72c0ff;
}
a.anchor{
	color: transparent;
	text-decoration: none;
	display: inline-block;
	width: 1em;
	height: 0.9em;
	background-image: url('/anchors/white.png');
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: middle;

/* from: https://bennet.org/blog/pixels-please-image-scaling-css/ */
	-ms-interpolation-mode: nearest-neighbor; /* IE 7+ (non-standard) */
	image-rendering: -webkit-crisp-edges; /* Safari 6 - 9 */
	image-rendering: -moz-crisp-edges; /* Firefox 3.6 - 64 */
	image-rendering: crisp-edges; /* Firefox 65+ */
	image-rendering: pixelated; /* Chrome 41+, Edge 76+, Safari 10+ */
}
a.anchor:hover{
	background-image: url('/anchors/blue.png');
}
a.anchor:active{
	background-image: url('/anchors/red.png');
}
a.anchor.current{
	background-image: url('/anchors/green.png');
}
iframe{
	border-style: solid;
	border-width: 16px;
	border-image-source: url('/frames/obsidian.png');
	border-image-width: 16px;
	border-image-slice: 16;
	border-image-repeat: repeat;
	max-width: 90%;
}
figure img{
	border-style: solid;
	border-width: 2px; /* to make sure all sides always render */
	border-image-source: url('/frames/painting1.gif');
	border-image-slice: 1;
	border-image-repeat: repeat;
	border-image-width: 1px;
	background-color: #896320;
	background-image: url('/frames/canvas.gif');
	background-repeat: repeat;
}
figure.gif img{
	border-image-source: url('/frames/painting2.gif');
}
figure a{
	color: black;
}
br.nobreak{
	/* Render line break in lynx, ignore in Firefox */
	display: none;
}
main{
	margin: 32px;
}
address{
	margin-top: 16px;
	text-align: right;
}
header{
	height: 288px;
	background-image: url('/img/site_header.png');
	background-repeat: repeat-x;
}
footer{
	height: 64px;
	background-image: url('/img/site_footer.png');
	background-repeat: repeat-x;
}