html, body { margin:0px; padding:0px; height:100%; width:100%; background:black; color:white; font-family:sans-serif; }

a {text-decoration: none; font-weight: bold; color: #bbf;}
a:hover {text-decoration: underline;}
a:visited {color: #55a;}
a:active {color: #5aa;}
a:focus {color: white;}
a img { border: 0px; }
 
#container { height:100%; min-height:100%; width:100%; overflow:hidden; }
 
#topspacing { position:relative; height:10%; width:100%; }
 
#leftspacing { position:absolute; width:5%; float:left; }
 
#midright { position:absolute; width:95%; height: 80%; right: 0px; }
 
#rightspacing { position:relative; width:5.5%; float:right; }
 
#bottomspacing { position:absolute; width:100%; height:10%; bottom:0px; clear:both; }
 
#main { position:absolute; width:94.5%; height:100%; float:left; background:url('img/bg-dark-metal.png') repeat 60% 10%; }

#innercontainer { position:relative; height:100%; min-height:100%; width:100%; }

#menu { position:relative; width:100%; padding-top:30px; line-height:1.5em; background:black; opacity:0.5; text-align:center; font-weight:bold; }
	#menu ul { list-style: none; white-space: nowrap; margin: 0pt; padding: 0pt; }
	#menu li { display: inline; height: 1.5em; padding-left: 0.2pt; padding-right: 0.2pt; }
	#menu li a, #menu li span { padding: 0pt 8pt; text-decoration: none; color: white; opacity: 0.6; }
	#menu li a:hover { opacity: 1.0; }
	#menu li span { opacity: 0.3; }

#content { position:absolute; width:100%; float:left; }
#innercontent { padding:1em; text-align:center; }


.block, div.news { background:url('img/1x1-75trans.png'); border:1px solid black; padding:0.5em; }
.block h2 { font-size:1em; line-height:1em; margin:0pt; margin-bottom:1em; padding-bottom:4px; font-weight:bold; border-bottom:1px solid black; }
.left { float: left; margin-left: 15%; width: 30%; }
.right { float: right; margin-right: 15%; width: 30%; }
.center { margin: auto; width: 40%; }
.warning { border: 2px solid white; margin: 1em auto; clear: both; width: 60%; font-size: smaller; }
div.news { text-align:left; width:80%; margin:0px auto 0.5em; }
div.news h2 { margin-top:0px; border-bottom:1px solid black; font-size:100%; }
div.news span.date { display:block; font-family:monospace; font-size:90%; line-height:1em; text-align:right; }
div.news span.title { display:block; margin-top:-1em; text-align:left; }
div.news p.text { font-size:0.8em; padding-left:1em; margin-top:-0.6em; }


#logotopcontainer { position:absolute; overflow:hidden; width:100%; height:28px; top:10%; margin-top:0px; text-align:center; overflow:hidden; z-index:3; }
#logotopcontainer img { margin-top:-163px; top:-132px; opacity:0.5; }
#logoanimcontainer { position:absolute; overflow:hidden; width: 100%; height:32px; top:10%; margin-top:-4px; text-align:center; z-index:5; }
#logoanimlink:focus, #logoanimlink img { border:none; outline:none; }
#logotopcontainer h1 { margin:-3px 0px 0px; padding:0px; }


#footer { position:absolute; width:100%; height:0.8em; bottom:0px; margin-bottom:-1px; line-height:0.8em; font-size:80%; background:black; opacity:0.4; text-align:center; clear:both; }
	#footer span { opacity:0.3; }

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */