@charset "utf-8";
/* CSS Document */

<!--
body {
	background-image: url(webcore/889.jpg);
}
.content {
width: auto;
margin-left:200px;
margin-top:50px;

}
.infobox {
border: solid 1px yellow;
border-spacing: 3px;
width: 230px;
height:auto;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
background: white;
float:left;
font-size: 10px;
font-family:"ms Gothic";
letter-spacing: 2px;
position:absolute;
}
.behindinfobox{
border: groove 3px;
width: 250px;
height: 107px;
position: absolute;
letter-spacing:2px;
font-size:10px;
background-image:url(webcore/glutch2.gif);
margin-left:82px;
font-family:"ms Gothic";
cursor:help;
}
.main {
position:absolute;
width:500px;
height: 300px;
overflow: scroll;
overflow-y: scroll;
overflow-x: auto;
background: black;
color: white;
font-size: 10px;
letter-spacing:2px;
font-family:"ms Gothic";
padding:10px;
}
.behindmain {
margin-top:20px;
position:absolute;
margin-left:80px;
width: 520px;
border: groove 5px;
height:340px;
background: url(webcore/glutch2.gif);
font-size: 10px;
font-family:"ms Gothic";
}
.behindimagebanner {
margin-left: 700px;
margin-top:100px;
position:absolute;
border: groove 5px;
width:319px;
background: url(favorite%20characters/glitch1.gif);
font-family:"ms Gothic";
font-size: 10px;
letter-spacing:2px;
height:200px;
}
.imagebanner {
width: 329px;
height: 189px;
position: absolute;

}
.navigation {
	width: auto;
	font-size: 10px;
	letter-spacing:2px;
	font-family: "ms Gothic";
	position:absolute;
	color: white;
	left: 20px;
	top: -10px;
}
.log {
width: 100px;
height: 60px;
position:absolute;
margin-top:440px;
overflow: scroll;
overflow-x: auto;
overflow-y: scroll;
color:white;
margin-left: 112px;
font-size:9px;
font-family:"ms Gothic";
letter-spacing:2px;
padding:4px;
}
.fanlisting {
width:200px;
height:100px;
overflow: scroll;
overflow-y: scroll;
overflow-x: auto;
position:absolute;
margin-top:70px;
margin-left:500px;
padding-right:-10px;
}
.behindframe {
background: url(favorite%20characters/glitch1.gif);
width: 292px; 
height: 113px;
margin-left: 380px;
border: groove 4px;
font-size: 10px;
font-family:"ms Gothic";
letter-spacing:3px;
cursor:help;
}
.notepada {
margin-left:80px;
margin-top: 20px;
width: 440px;
height:348px;
position:absolute;
background: url(favorite%20characters/glitch1.gif);
color:black;
border:groove;
letter-spacing:3px;
font-family:"ms Gothic";
font-size:10px;
}
.infopada {
width: 400px;
height: 300px;
overflow:visible;
overflow-y:scroll;
position:absolute;
background: #000000;
color: #FF0033;
padding: 10px 20px 20px 20px;
letter-spacing:3px;
font-family:"ms Gothic";
font-size:10px;

}
.notepadb {
margin-left:500px;
margin-top: 160px;
width: 300px;
height:248px;
position:absolute;
background: url(favorite%20characters/glitch1.gif);
color: #000000;
border:groove;
letter-spacing:5px;
font-family:"ms Gothic";
font-size:10px;
}
.notepadc {
margin-left:700px;
margin-top: 40px;
width: 250px;
height:248px;
position:absolute;
background: url(favorite%20characters/glitch1.gif);
color: #000000;
border:groove;
letter-spacing:3px;
font-family:"ms Gothic";
font-size:10px;
}
.infopadb {
width: 260px;
height: 200px;
overflow:visible;
overflow-y:scroll;
position:absolute;
background: #000000;
color: #FF0033;
padding: 10px 20px 20px 20px;
letter-spacing:3px;
font-family:"ms Gothic";
font-size:10px;
}
.infopadc {
width: 210px;
height: 195px;
overflow:visible;
overflow-y:scroll;
position:absolute;
background: #000000;
color: #FF0033;
padding: 10px 20px 20px 20px;
letter-spacing:3px;
font-family:"ms Gothic";
font-size:10px;
}

.bar1 {
	margin-top:100px;
	margin-left:80px;
	position:absolute;
	border:groove 5px;
	float: left;
}
em {
background: white;
color: black; 
padding: 2px;
}
strong {
color:#5CD1F8;
text-transform:uppercase;
}

h1 {
color: white;
	padding:2px;
	background:  url(webcore/glutch2.gif);
}
ul, li {
list-style:hiragana;
}
h3 {
	color: #FFFFFF;
	border-bottom: dotted 1px white;
	padding:2px;

}
.infopada::-webkit-scrollbar {
  width: 1em;
  background: green;
  }
  .infopadb::-webkit-scrollbar {
  width: 1em;
  background: green;
  }
  .infopadc::-webkit-scrollbar {
  width: 1em;
  background: green;
}
 
body::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
 
.infopada::-webkit-scrollbar-thumb {
  background-image: url(webcore/glutch2.gif);
  }
  .infopadb::-webkit-scrollbar-thumb {
  background-image: url(favorite%20characters/glitch1.gif);
  }
  .infopadc::-webkit-scrollbar-thumb {
  background-image: url(favorite%20characters/glitch1.gif);
  }
.style2 {font-size: 18px}
a:link {
	color: #000000;
	padding:2px;
	background-color: #CCCCCC;
}
a:visited {
color:#000000;
background-color: #CCCCCC;
}
a:active {
color:#000000;}

a:hover {
background: url(webcore/glutch2.gif);
text-transform:uppercase;
	  
   /* Chrome, Safari, Opera */
  -webkit-animation: rainbow 5s infinite; 
  
  /* Internet Explorer */
  -ms-animation: rainbow 5s infinite;
  
  /* Standar Syntax */
  animation: rainbow 5s infinite; 
}

/* Chrome, Safari, Opera */
@-webkit-keyframes rainbow{
  0%{color: orange;}	
  10%{color: purple;}	
	20%{color: red;}
  30%{color: CadetBlue;}
	40%{color: yellow;}
  50%{color: coral;}
	60%{color: green;}
  70%{color: cyan;}
  80%{color: DeepPink;}
  90%{color: DodgerBlue;}
	100%{color: orange;}
}

/* Internet Explorer */
@-ms-keyframes rainbow{
   0%{color: orange;}	
  10%{color: purple;}	
	20%{color: red;}
  30%{color: CadetBlue;}
	40%{color: yellow;}
  50%{color: coral;}
	60%{color: green;}
  70%{color: cyan;}
  80%{color: DeepPink;}
  90%{color: DodgerBlue;}
	100%{color: orange;}


/* Standar Syntax */
@keyframes rainbow{
    0%{color: orange;}	
  10%{color: purple;}	
	20%{color: red;}
  30%{color: CadetBlue;}
	40%{color: yellow;}
  50%{color: coral;}
	60%{color: green;}
  70%{color: cyan;}
  80%{color: DeepPink;}
  90%{color: DodgerBlue;}
	100%{color: orange;
}