body	{ background-color: #000;
	  background-image: url(m82_1200_50.jpg);
	  background-size: cover;
	  color: #eee;
	  font-family: sans-serif;
	  height: 100%;
	}

p	{ text-align: justify; }

h1	{ font-size: 3.5em; color: #248a1b; text-align: center; margin-top: 0.2em; }
h2	{ color: #ffff00; font-size: 1.4em; }
h3      { color: #ffff66; }

code	{ font-family: monospace; font-size: 1.2em; }
em	{ font-family: monospace; padding-left: 0.3em; padding-right: 0.3em; background: #000; color: #99ff99; font-size: 1.2em; }

.cc	{ font-weight: bold; }
li 	{ margin-bottom: 0.5em; }
a:link	{ color: #9999ff; }
a:visited	{ color: #6666ff; }
a:focus,a:hover { color: #00ff00; }
a[href^="http"]::before	{ content: '→ '; }
a.backlink::before	{ content: '← '; }

input	{ width: 50%; }

figure	{ float: right;
	  background-color: #111;
	  width: 25%;
	  padding: 0.5em; margin-right: 0.5em; margin-bottom: 0.5em;
	  -moz-border-radius: 0.3em;
	  -webkit-border-radius: 0.3em;
	  border-radius: 0.3em; /* future proofing */
}
figcaption { font-size: 0.6em; color: #bbb; }
figure img { width: 100%; max-width: 600px; }

.box {	background-color: #222;
	padding: 1em; padding-top: 0.1em; margin: 1em; margin-bottom: 2em;
	box-shadow: 10px 10px 10px #000;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em; /* future proofing */
	display: flex;
}

.box2 { background-color: #222;
	padding: 1em; padding-top: 0.1em; margin: 1em; margin-bottom: 2em;
	box-shadow: 10px 10px 10px #000;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em; /* future proofing */
	clear: both;
	display: block;
}

section { background:rgba(1,1,1,0.6);
	padding: 1em; padding-top: 0.1em; margin: 1em; margin-bottom: 2em;
	box-shadow: 10px 10px 10px #000;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em; /* future proofing */
	clear: both;
	display: block;
}

.form { background-color: #222;
	padding: 1em; padding-top: 0.1em; margin: 1em; margin-bottom: 2em;
	box-shadow: 10px 10px 10px #000;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em; /* future proofing */
	clear: both;
	display: block;
}

.txtbox		{ padding: 1em; padding-top: 1em; margin: 0.2em; margin-bottom: 2em; }
.txtbox h3	{ color: #ff6666; margin-top: 0.1em; }

dl		{ display: grid; }
dt		{ font-weight: 600; margin-bottom: 0.5em; }
dd		{ margin-left: 3em;  margin-bottom: 0.8em; }

.artinfo	{ font-size: 0.7em; margin-top: 3em; }
.headerinfo	{ margin-right: 1em; float: right; }

ul	{ margin-left:0.5em; padding-left:0.5em; }
li	{ text-align: justify; }

header	{ padding: 1em; }

#favicon { float: right; }

footer	{ background:rgba(1,1,1,0.8);
	 padding: 0.5em; margin-top: 3em;
	 clear: both;
	 font-size: 0.8em; text-align: center;
	 /* border-radius: 1em; /* future proofing */
}

.home { background:rgba(1,1,1,0.6);
	padding: 1em; padding-top: 0.1em; margin: 1em; margin-bottom: 2em;
	box-shadow: 10px 10px 10px #000;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em; /* future proofing */
	width: 50%;
}

nav a	{ margin: 1em; }