/* this is used for the main page */

body {
  color: white;
  background-color: black;
  text-align: center;
  margin:auto;
  width:1000px;
  font-family: Andale Mono, monospace;
  /*background-image: url("https://web.archive.org/web/20091028011835/http://www.geocities.com/gypsykatcha/sparklebackground.gif")*/
}


img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

a {
  color: #EFABD0;
  /*text-decoration: none;*/
}

.banner {
  display: inline-block;
}

.spin:hover {
  animation-name: spin;
  animation-duration: 100ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

#ika {
  background: red;
  position: fixed;
  bottom: 0px;
  left: 0px;
  height: 75px;
}


#back {
  display: inline-block;
  margin: 10px;
}

.art {
  width: 300px;
  display: inline-block;
  margin: 25px;
}

.channel {
  width: 200px;
  display: inline-block;
  margin: 10px;
}

.bio {
  height: 200px;
  display: inline-block;
  margin: 0px;
}


span {
  color: #568EC7;
  font-weight: bold;
}

.DUDE {
  font-family: Arial Black, Arial;
  font-size: 15px;
  line-height: 0.8;
}

ul.menu {
	width: 600px;
	list-style: none;
	margin:auto;
	padding: 0;
	border: 1px solid white;
	border-left: 2px solid white;
	border-right: 2px solid white;
	display: inline-block;
}


ul.menu li {
	text-align: center;
	border-top: 2px solid white;
	border-bottom: 2px solid white;
	font-size: 2em;
	font-weight: bold;
	background-image: url("/./img/bg/bluebackground.gif")
}

ul.menu li a {
  color: #568EC7;
	text-decoration: none;
}

.char {
    margin: auto;
  	border: 2px solid white;
  	background-color: rgb(255, 255, 255, 0.25);
  	padding: 10px;
  	width:500px;
}