body, .body-bg {
	background-color: #1c1c20;
	background-color: #222226;
	background-color: #08080a;
}
body {
	color:#aab; font-family: sans-serif;
	margin:0pt;
}
a, a:visited {
	color: #99b;
	text-decoration-style: dotted;
}
a.top-a {
	float: right;
	text-decoration: none;
}
a:hover, a:active {
	color: #eed;
}
.column {
	margin-left:auto;
	margin-right:auto;
	max-width:58em;
}
/*        #logo {
	border:.1em solid #eed;
	font-size:150%;
	width:1.2em;
	height:1.2em;
	display:inline-block;
	background-color:#aab; /* d22 * /
	border-radius:.7em;
	box-shadow: 0pt 0pt 1em #445;
	vertical-align: text-bottom;
}
*/      #logo {
	font-size:150%;
	width:1.2em;
	height:1.2em;
	display:inline-block;
	vertical-align: text-bottom;
}
#logo #logo-path {
	fill:#aab;
	stroke:#eed;
	stroke-width: .1em;
}
#header {
	padding:.3em;
	font-size:250%;
	color:#eed;
	font-family: monospace;
	margin:.6em 0pt .4em 0pt;
}
#menu-bar {
	background-color: #000;
	z-index:2;
	position:relative;
	box-shadow: 0pt .0pt .1em #445;
}
#menu {
	padding:.5em;
	text-align:justify;
	font-family: monospace;
	font-size:140%;
}
#menu span {
	margin-right:1em;
}
#menu a {
	text-decoration: none;
}
.content {
	border-top:1px solid #422;
	padding:2em;
	padding-top:1em;
	font-size:95%;
	text-align:justify;
	color:#ccc;
	background: url(bg.jpg) center top/90% repeat-y;
	background-color: #151520;
	background-color: #06060a;
	background-color: #0a0606;
	line-height: 1.3em;
	position:relative;
	z-index:2;
}
.content h2 {
	font-weight: bold;
	color:#88b;
	font-family: monospace;
	font-size: 200%;
}
.content h4 {
	color:#aab;
	font-weight: bold;
	margin-bottom:.1em;
}
.content-column {
	box-shadow: 0pt .1em 1em #445;
}
.column img, .column iframe {
	width:100%;
	margin:auto;
	margin-top:1px;
	box-shadow: 0pt 0pt 11em #844;
	position:relative;
	z-index:1;
}
#footer {
	text-align:center;
	margin-top:4em;
	margin-bottom:5em;
	font-size:80%;
}
#media-desc {
	color:#aaa;
}
#media-load {
	color:#aaa;
	background-color: #311;
	opacity: .5;
	font-size:300%;
	padding:1em 0em;
	position:absolute;
	left:0px;
	bottom:0px;
	display:none;
	z-index:20;
	width:100%;
	text-align:center;	
}
.image-box {
	position:relative;
}
.image-box-crop {
	position:absolute;
	bottom:0px;
	left:0px;
	z-index:20;
	box-shadow: initial;
	border-right:1px solid #a55;
	width:50%;
	height:100%;
	overflow:hidden;
}
.image-box-crop img {
	position: initial;
	box-shadow: initial;
	width: initial;
	height:100%;
}