body{
background-color:#000000;
margin:0;
padding:0;
height:100%;
font-family: "Courier New", Courier, FreeMono, monofur, Director, "Nimbus Mono PS", "Noto Sans Mono", monospace;
color:#ffffff;
}

body::-webkit-scrollbar {
	width:8px;
}

body::-webkit-scrollbar-track {
	background:#000000;
}

body::-webkit-scrollbar-thumb {
	background:#505050;
}

body::-webkit-scrollbar-thumb:hover {
	background:#7c7c7c;
}

img {
max-width:100%;
height:auto;
}

h1 {
font-family: "Courier New", Courier, FreeMono, monofur, Director, "Nimbus Mono PS", "Noto Sans Mono", monospace;
letter-spacing:5px;
font-size:22px;
color:#e8c60a;
text-shadow: 2px 2px 0px #810000;
}
h2 {
font-family: "Courier New", Courier, FreeMono, monofur, Director, "Nimbus Mono PS", "Noto Sans Mono", monospace;
letter-spacing:3px;
font-size:14px;
color:#e8c60a;
background-color:#000000;
text-shadow: 2px 2px 0px #810000;
}
h3 {
font-family: "Courier New", Courier, FreeMono, monofur, Director, "Nimbus Mono PS", "Noto Sans Mono", monospace;
letter-spacing:2px;
font-size:20px;
color:#e8c60a;
background-color:#000000;
text-shadow: 2px 2px 0px #810000;
}
h4 {
font-family: "Courier New", Courier, FreeMono, monofur, Director, "Nimbus Mono PS", "Noto Sans Mono", monospace;
letter-spacing:2px;
line-height: 100%;
font-size:26px;
color:#e8c60a;
background-color:#000000;
text-shadow: 2px 2px 0px #810000;
}

p {
font-family: "Courier New", Courier, FreeMono, monofur, Director, "Nimbus Mono PS", "Noto Sans Mono", monospace;
letter-spacing:2px;
line-height: 140%;
font-size:15px;
color:#ffffff;
}
p2 {
font-family: "Courier New", Courier, FreeMono, monofur, Director, "Nimbus Mono PS", "Noto Sans Mono", monospace;
letter-spacing:5px;
font-size:18px;
color:#e8c60a;
text-shadow: 2px 2px 0px #810000;
}

.bigtext {
font-family: "Courier New", Courier, FreeMono, monofur, Director, "Nimbus Mono PS", "Noto Sans Mono", monospace;
letter-spacing:2px;
line-height: 140%;
font-size:20px;
color:#e8c60a;
text-shadow: 2px 2px 0px #810000;
}

.medtext {
font-family: "Courier New", Courier, FreeMono, monofur, Director, "Nimbus Mono PS", "Noto Sans Mono", monospace;
letter-spacing:2px;
line-height: 140%;
font-size:18px;
color:#e8c60a;
text-shadow: 2px 2px 0px #810000;
}

.smtext {
font-family: "Courier New", Courier, FreeMono, monofur, Director, "Nimbus Mono PS", "Noto Sans Mono", monospace;
letter-spacing:2px;
line-height: 140%;
font-size:14px;
color:#e8c60a;
text-shadow: 2px 2px 0px #810000;
}

a {
font-family: "Courier New", Courier, FreeMono, monofur, Director, "Nimbus Mono PS", "Noto Sans Mono", monospace;
letter-spacing:2px;
font-size:15px;
}
a:link {color:#e8c60a;
text-shadow: 2px 2px 0px #810000;}    
a:visited {color:#e8c60a;
text-shadow: 2px 2px 0px #810000;}  
a:hover {color:#e8c60a;
text-shadow: 2px 2px 0px #810000;}  
a:active {color:#e8c60a;
text-shadow: 2px 2px 0px #810000;} 
a:link {text-decoration:none;
text-shadow: 2px 2px 0px #810000;}
a:visited {text-decoration:none;
text-shadow: 2px 2px 0px #810000;}
a:hover {text-decoration:underline;
text-shadow: 2px 2px 0px #810000;}
a:active {text-decoration:none;
text-shadow: 2px 2px 0px #810000;}


#main{
	background-color:#000000;
	background-image: url(../../webimages/index-img/xzybg_sidebar1_g.gif);
	background-repeat: repeat;
	background-position: top center;
    width:800px; 
	min-height:800px;
    margin:0 auto;
	z-index:-1;
	text-align:left;
}

#header{
	width:800px;
	height:auto;
	position:absolute;
	top:110px;
	margin:0 auto;
	margin-bottom:10px;
	text-align:center;
}

#headeralt{
	width:800px;
	height:auto;
	position:absolute;
	top:10px;
	margin:0 auto;
	margin-bottom:10px;
	text-align:center;
}

#headerwarn{
	width:800px;
	height:auto;
	background-color:#000000;
	position:absolute;
	top:0px;
	margin:0 auto;
	margin-bottom:10px;
	text-align:center;
}

#content1{
	width: 640px;
	min-height:700px;
	padding: 10px 10px;
	position:relative;
	top: 50px;
	margin:0 auto;
	text-align:center;
}

ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
li{
	display:inline;
	background-color:#000000;
	background-image: url(../../webimages/index-img/xzybg_sidebar1_g.gif);
	text-align:center;
	margin-left: 2px;
	margin-right: 2px;
	padding:5px;
	box-shadow: 5px 8px 10px #000000;
}
li:hover {
	position:relative;
	left:1px;
	top:1px;
}

#entry{
	background-color:#000000;
	box-shadow: 5px 8px 10px #000000;
	width: 600px;
	height:auto;
	margin:0 auto;
	text-align:left;
}
#entrytitle{
	background-color:#000000;
	width: 600px;
	height:auto;
	margin:0 auto;
	margin-top:-10px;
	margin-bottom:-10px;
	text-align:left;
}

#footer{
	width: 650px;
	height: auto;
	text-align:center;
	margin: 0 auto;
	padding:2px;
}

#footertxt{
	width: 100%;
	height: auto;
	text-align:center;
	position:relative;
	bottom:0px;
	padding:2px;
}

@keyframes warnblur {
	0% {-webkit-filter: blur(50px);filter: blur(50px);}
	100% {-webkit-filter: blur(0px);filter: blur(0px);}
}

#imagewarn{
text-align:center;
width: 100%;
height: auto;
margin:0 auto;
-webkit-filter: blur(50px);
filter: blur(50px);
}
#imagewarn:hover{
animation-name: warnblur;
-webkit-animation-name: warnblur;
animation-duration: 3s;
-webkit-animation-duration: 3s;
animation-timing-function: ease;
-webkit-animation-timing-function: ease;
animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards;
}
