::selection, ::-moz-selection {
	color: #fff;
	background: #000;
}
html {
	margin: 0;
	font-family: 'Tahoma', 'arial', sans-serif;
	color: #000;
	/*background set in imagestuff.css*/
	/*cursor set in imagestuff.css*/
}
body {
	max-width: 50em;
	margin: 2em auto 17em auto;
}

nav p {
	margin: .5em 0; /*normally 1em 0 but we give .5em to the nav links so their click area is larger*/
}
nav a {
	padding: .5em 1em;
	display: inline-block;
	font-weight: bold;
}

div, nav {
	padding: 0 1em;
	border: 2px solid #000;
	background: #fff;
	margin: 2em 0;
	box-shadow: 5px 5px 0 pink, 7px 3px 0 #000, 7px 7px 0 #000, 3px 7px 0 #000;
}
div div {
	box-shadow: none;
	border-style: ridge;
}
h1,h2,h3,h4,h5,h6 {
	background: #aff;
	margin: .7em 0;
	padding: 0 .2em;
	border: 2px solid #000;
	box-shadow: 2px 2px 0 #000;
}
a[href*="://"]:not(.noglobe)::after {
	display: inline-block;
	content: '';
	width: 12px;
	height: 12px;
	/*background set in imagestuff.css*/
}
kbd {
	font-family: 'courier new', monospace;
	border: 1px solid #000;
	border-radius: 5px;
	margin: 0 .2em;
	padding: 0 .2em;
	display: inline-block;
	background: #f2f2f2;
	box-shadow: 1px 1px 0 0 #000;
}
pre, code {
	font-family: 'courier new', monospace;
	background: #e8e8e8;
}
pre {
	white-space: pre;
	overflow-x: auto;
	padding: 1em;
	border: 2px solid #606060;
	font-size: smaller;
	}
	pre.wrap {
		white-space: pre-wrap;
	}
code {
	padding: 0 .2em;
	border-radius: 3px;
}
footer {
	color: #606060;
	text-align: right;
	font-size: smaller;
}
blockquote {
	background: #eee;
	border-left: 5px solid #aaa;
	padding: 1em;
	margin: 1em;
}
blockquote + p.capt {
	margin-top: -.8em;
}
p.capt, p.img {
	text-align: center;
	color: #606060;
	}
	p.img img {
		max-width: 100%;
		border: 2px solid #e8e8e8;
	}
span.s {
	text-decoration: line-through;
}
p.index {
	font-size: smaller;
	text-align: right;
}
ul ul {
	margin-top: .3em;
	margin-bottom: .3em;
}