body {
  background-repeat: repeat-x;
  background-image: url("../images/background.png");
  background-color: #8ecdef;
  background-position-y: bottom;
  height: -webkit-fill-available;
  overflow: hidden;
}
.container {
  margin-top:100px;
    margin-left: auto;
    margin-right: auto;
    width: 800px;
}
.header {
  color: #3278A7;
  font-family: "Tiny5";
  font-size: 106px;
  text-align: center;
  margin: 0 -20px 0 0;
  text-decoration: none;
}


.border-top {
  background-image: url("https://krissatiel.neocities.org/images/border-top.png");
  width: 548px;
  margin: 0 0 -10px 0;
  padding: 10px;
}

.border-bottom {
  background-image: url("https://krissatiel.neocities.org/images/border-bottom.png");
  width: 548px;
  margin: 510px 0 0 0;
  padding: 10px;
  position: absolute;
}



.main {
  background: none repeat scroll 0 0 #F3F2FD;
  float: left;
  height: 500px;
  margin: 10px 0 0;
  width: 560px;
  position: absolute;
  visibility: visible;
  border-width: 0 4px 0;
  border-color: #2db4d8;
  border-style: solid;
}
iframe {
    height: 100%;
    width: 100%;
}
.sidebar {
  float: right;
  background: none repeat scroll 0 0 #2DB4D8;
  height: 505px;
  margin: 5px 0 0 10px;
  visibility: visible;
  width: 220px;
  border: 2px dashed #8ECDEF;
  border-radius: 15px;
}
.nav {
  margin: 13px 19px 5px;
}
.nav span a {
  background: none repeat scroll 0 0 #FFF;
  border: 4px solid #3278A7;
  color: #1B202B;
  font-family: "Tiny5";
  font-size: 10px;
  margin: 0 1px 0 3px;
  padding: 2px 5px;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
}
.nav span a:hover {
    color: #888888;
}



.menu iframe {
    height: 100%;
    width: 100%;
}

#credit {
    bottom: 0;
    position: fixed;
}




















#credit a {
    color: #fff;
	}
#credit {
  background: #286c51;
  padding: 1px 6px;
  color: #fff;
  bottom: 0;
  font-family: calibri;
  font-size: 8px;
  position: fixed;
  text-transform: uppercase;
  margin: 0 -9px;
}

.krissa {
  bottom: 15px;
  right: 20px;
  position: absolute;
  width: 344px;
}
.blob {
  top: 15px;
  left: 20px;
  position: absolute;
  width: 120px;
}
.hiro {
    bottom: 15px;
    left: 4px;
    position: absolute;
    width: 112px;
}
 
.counter {
     bottom: 10px;
     height: auto;
     position: absolute;
     right: 10px;
     visibility: visible;
     width: auto;
     z-index: 1;
}

.counter a,.counter a:visited,.counter a:active {
     color: #FF7799;
     font-family: lucida console;
     font-size: 10px;
    text-decoration:none;
letter-spacing:1px;
}

.counter a:hover {
     color: #888888;
}