@charset "UTF-8";

/* Reset margin and padding on essential elements. */
html,body,.profile_section_content {
  margin:0;
  padding:0;
}

/* Hide most of the default profile we won't use. */
#header_bar,#footer_bar,#profile > *,#profile .heading,#profile .container,#profile .container .label,#profile_main_photo {
  display:none;
}

/* Container of entire profile. */
#profile {
  display:block;
  width:1280px;
  margin:0 auto;
  box-shadow:0 0 20px #000;
  border-left:1px solid #fff;
  border-right:1px solid #fff;
}

/* Sub-container of entire profile. */
#profile_main_about_holder,#about_me_container.container,#about_me_value {
  display:block;
  width:1280px;
  margin:0 auto;
  padding:0;
  text-align:center;
}

/* Fix so images can't overlap. */
img {
  max-width:100%;
  height:auto;
}

div#container {
  width:1280px;
  position:relative;
  margin:0 auto;
  text-align:left;
}

body {
  background-color:#FFFFFF;
  background-image:url(https://fanonlyfan.net/nonamfc/fon2.png);
  background-attachment:fixed;
  background-position:center center;
  background-repeat:no-repeat;
  background-size:cover;
  color:#000000;
  font-family:Arial;
  font-weight:normal;
  font-size:13px;
  line-height:1.1875;
  margin:0;
  text-align:center;
}

a {
  color:#0000FF;
  text-decoration:underline;
}

a:visited {
  color:#800080;
}

a:active {
  color:#FF0000;
}

a:hover {
  color:#0000FF;
  text-decoration:underline;
}

input:focus,textarea:focus,select:focus {
  outline:none;
}

#RollOverLayer2 .default {
  position:absolute;
  top:0;
  left:0;
  -webkit-transition:all 500ms linear;
  transition:all 500ms linear;
  opacity:0;
  width:100%;
  height:100%;
}

#RollOverLayer2:hover .default {
  opacity:1;
  z-index:9999;
}

#RollOverLayer2 .hover {
  z-index:0;
  position:absolute;
  width:100%;
  height:100%;
}

#RollOverLayer2 .hover {
  background-color:transparent;
  background-image:none;
  border:0 solid #DDDDDD;
  box-sizing:border-box;
}

#RollOverLayer2 .default {
  background-color:transparent;
  background-image:none;
  border:0 #DDDDDD solid;
  box-sizing:border-box;
}

#RollOverLayer1 .default {
  position:absolute;
  top:0;
  left:0;
  -webkit-transition:all 800ms linear;
  transition:all 800ms linear;
  opacity:0;
  width:100%;
  height:100%;
}

#RollOverLayer1:hover .default {
  opacity:1;
  z-index:9999;
}

#RollOverLayer1 .hover {
  z-index:0;
  position:absolute;
  width:100%;
  height:100%;
}

#RollOverLayer1 .hover {
  background-color:transparent;
  background-image:url(https://fanonlyfan.net/nonamfc/f1.png);
  background-repeat:repeat;
  background-position:left top;
  background-size:cover;
  border:0 solid #DDDDDD;
  box-sizing:border-box;
}

#RollOverLayer1 .default {
  background-color:transparent;
  background-image:url(https://fanonlyfan.net/nonamfc/f2.png);
  background-repeat:repeat;
  background-position:left top;
  background-size:cover;
  border:0 #DDDDDD solid;
  box-sizing:border-box;
}

#wb_Image13 {
  vertical-align:top;
}

#Image13 {
  border:0 solid #000000;
  padding:0;
  margin:0;
  left:0;
  top:0;
  width:100%;
  height:100%;
}

#wb_Image14 {
  vertical-align:top;
}

#Image14 {
  border:0 solid #000000;
  padding:0;
  margin:0;
  left:0;
  top:0;
  width:100%;
  height:100%;
}

#wb_Image15 {
  vertical-align:top;
}

#Image15 {
  border:0 solid #000000;
  padding:0;
  margin:0;
  left:0;
  top:0;
  width:100%;
  height:100%;
}

#wb_Marquee2 {
  background-color:transparent;
  background-image:none;
  border:0 solid #C0C0C0;
  overflow-y:hidden;
  padding:0;
  margin:0;
  text-align:center;
}

#wb_Marquee2 div {
  text-align:center;
}

#wb_Marquee2 {
  overflow:hidden;
  position:relative;
}

#Marquee2 {
  position:absolute;
  width:100%;
  height:auto;
  margin:0;
  padding:0;
  -webkit-animation:Marquee2-marquee 12000ms linear infinite;
  animation:Marquee2-marquee 12000ms linear infinite;
}

@-webkit-keyframes Marquee2-marquee {
  0% {
    -webkit-transform:translateY(100%);
  }

  100% {
    -webkit-transform:translateY(-100%);
  }
}

@keyframes Marquee2-marquee {
  0% {
    transform:translateY(100%);
  }

  100% {
    transform:translateY(-100%);
  }
}

#wb_Marquee2:hover #Marquee2 {
  -webkit-animation-play-state:paused;
  animation-play-state:paused;
}

#wb_Image16 {
  vertical-align:top;
}

#Image16 {
  border:0 solid #000000;
  padding:0;
  margin:0;
  left:0;
  top:0;
  width:100%;
  height:100%;
}

#Image16:hover {
  -webkit-transform:translate3d(0px,-20px,0px) rotateX(0deg);
  transform:translate3d(0px,-20px,0px) rotateX(0deg);
  -webkit-transition:-webkit-transform 500ms linear 0ms;
  transition:transform 500ms linear 0ms;
}

#wb_Image1 {
  vertical-align:top;
}

#Image1 {
  border:0 solid #000000;
  padding:0;
  margin:0;
  left:0;
  top:0;
  width:100%;
  height:100%;
}

#Image1:hover {
  -webkit-transform:translate(5px,0px) rotate(0deg);
  transform:translate(5px,0px) rotate(0deg);
  -webkit-transition:-webkit-transform 500ms linear 0ms;
  transition:transform 500ms linear 0ms;
}

#wb_Image2 {
  vertical-align:top;
}

#Image2 {
  border:0 solid #000000;
  padding:0;
  margin:0;
  left:0;
  top:0;
  width:100%;
  height:100%;
}

#Image2:hover {
  -webkit-transform:translate(5px,0px) rotate(0deg);
  transform:translate(5px,0px) rotate(0deg);
  -webkit-transition:-webkit-transform 500ms linear 0ms;
  transition:transform 500ms linear 0ms;
}

#wb_Image3 {
  vertical-align:top;
}

#Image3 {
  border:0 solid #000000;
  padding:0;
  margin:0;
  left:0;
  top:0;
  width:100%;
  height:100%;
}

#Image3:hover {
  -webkit-transform:translate(5px,0px) rotate(0deg);
  transform:translate(5px,0px) rotate(0deg);
  -webkit-transition:-webkit-transform 500ms linear 0ms;
  transition:transform 500ms linear 0ms;
}

#RollOverLayer3 .rotate_container {
  width:100%;
  height:100%;
  position:relative;
  -webkit-transform-style:preserve-3d;
  transform-style:preserve-3d;
  -webkit-transition:1500ms;
  transition:1500ms;
}

#RollOverLayer3 .default,#RollOverLayer3 .hover {
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}

#RollOverLayer3 .default {
  z-index:2;
  -webkit-transform:rotateY(0deg);
  transform:rotateY(0deg);
}

#RollOverLayer3:hover .rotate_container,#RollOverLayer3.hover .rotate_container {
  -webkit-transform:rotateY(180deg);
  transform:rotateY(180deg);
}

#RollOverLayer3 .hover {
  z-index:1;
  -webkit-transform:rotateY(180deg);
  transform:rotateY(180deg);
}

#RollOverLayer3 .hover {
  z-index:0;
  position:absolute;
  width:1279px;
  height:594px;
}

#RollOverLayer3 .default {
  background-color:transparent;
  background-image:none;
  border:0 solid transparent;
  box-sizing:border-box;
}

#RollOverLayer3 .hover {
  background-color:transparent;
  background-image:none;
  border:0 transparent solid;
  box-sizing:border-box;
}

#wb_Image6 {
  vertical-align:top;
}

#Image6 {
  border:0 solid #000000;
  padding:0;
  box-shadow:-10px 10px 10px #1E90FF;
  margin:0;
  left:0;
  top:0;
  width:100%;
  height:100%;
}

#wb_Image7 {
  vertical-align:top;
}

#Image7 {
  border:0 solid #000000;
  padding:0;
  box-shadow:-10px 10px 10px #1E90FF;
  margin:0;
  left:0;
  top:0;
  width:100%;
  height:100%;
}

#wb_Image8 {
  vertical-align:top;
}

#Image8 {
  border:0 solid #000000;
  padding:0;
  box-shadow:-10px 10px 10px #1E90FF;
  margin:0;
  left:0;
  top:0;
  width:100%;
  height:100%;
}

#wb_Image9 {
  vertical-align:top;
}

#Image9 {
  border:0 solid #000000;
  padding:0;
  margin:0;
  left:0;
  top:0;
  width:100%;
  height:100%;
}

#Image9:hover {
  -webkit-transform:rotateX(0deg) scale3d(1.1,1.1,1.1);
  transform:rotateX(0deg) scale3d(1.1,1.1,1.1);
  -webkit-transition:-webkit-transform 500ms cubic-bezier(0.68,-0.55,0.265,1.55) 0ms;
  transition:transform 500ms cubic-bezier(0.68,-0.55,0.265,1.55) 0ms;
}

#wb_Image10 {
  vertical-align:top;
}

#Image10 {
  border:0 solid #000000;
  padding:0;
  margin:0;
  left:0;
  top:0;
  width:100%;
  height:100%;
}

#Image10:hover {
  -webkit-transform:translate3d(0px,-20px,0px) rotateX(0deg);
  transform:translate3d(0px,-20px,0px) rotateX(0deg);
  -webkit-transition:-webkit-transform 500ms linear 0ms;
  transition:transform 500ms linear 0ms;
}

#wb_Image11 {
  vertical-align:top;
}

#Image11 {
  border:0 solid #000000;
  padding:0;
  -webkit-animation:transform-rotate 50000ms linear 0ms infinite normal both;
  animation:transform-rotate 50000ms linear 0ms infinite normal both;
  margin:0;
  left:0;
  top:0;
  width:100%;
  height:100%;
}

#wb_Image4 {
  vertical-align:top;
}

#Image4 {
  border:0 solid #000000;
  padding:0;
  margin:0;
  left:0;
  top:0;
  width:100%;
  height:100%;
}

#wb_Image5 {
  vertical-align:top;
}

#Image5 {
  border:0 solid #000000;
  padding:0;
  margin:0;
  left:0;
  top:0;
  width:100%;
  height:100%;
}

#Html1 {
  position:absolute;
  left:11px;
  top:9px;
  width:1260px;
  height:575px;
  z-index:3;
}

#RollOverLayer3 {
  position:absolute;
  left:1px;
  top:938px;
  width:1279px;
  height:594px;
  z-index:16;
}

#wb_Image1 {
  position:absolute;
  left:0;
  top:0;
  width:300px;
  height:100px;
  z-index:13;
}

#RollOverLayer1 {
  position:absolute;
  left:552px;
  top:0;
  width:728px;
  height:939px;
  z-index:8;
}

#RollOverLayer2 {
  position:absolute;
  left:0;
  top:438px;
  width:552px;
  height:297px;
  z-index:7;
}

#wb_Image2 {
  position:absolute;
  left:97px;
  top:136px;
  width:300px;
  height:100px;
  z-index:14;
}

#wb_Image3 {
  position:absolute;
  left:251px;
  top:272px;
  width:300px;
  height:100px;
  z-index:15;
}

#wb_uid0 {
  color:#FFFFFF;
  font-family:"Arial";
  font-size:27px;
}

#wb_Image4 {
  position:absolute;
  left:6px;
  top:79px;
  width:543px;
  height:151px;
  z-index:1;
}

#wb_Image5 {
  position:absolute;
  left:3px;
  top:79px;
  width:547px;
  height:151px;
  z-index:0;
}

#wb_Image6 {
  position:absolute;
  left:7px;
  top:0;
  width:388px;
  height:582px;
  z-index:4;
}

#wb_Image7 {
  position:absolute;
  left:445px;
  top:0;
  width:389px;
  height:583px;
  z-index:5;
}

#wb_Image8 {
  position:absolute;
  left:890px;
  top:0;
  width:381px;
  height:582px;
  z-index:6;
}

#wb_Image9 {
  position:absolute;
  left:153px;
  top:735px;
  width:244px;
  height:65px;
  z-index:17;
}

#wb_Image11 {
  position:absolute;
  left:235px;
  top:833px;
  width:80px;
  height:80px;
  z-index:19;
}

#wb_Image10 {
  position:absolute;
  left:400px;
  top:813px;
  width:152px;
  height:121px;
  z-index:18;
}

#wb_Image16 {
  position:absolute;
  left:0;
  top:809px;
  width:165px;
  height:129px;
  z-index:12;
}

#wb_Image15 {
  position:absolute;
  left:0;
  top:372px;
  width:470px;
  height:36px;
  z-index:11;
}

#wb_Image14 {
  position:absolute;
  left:0;
  top:100px;
  width:470px;
  height:36px;
  z-index:10;
}

#wb_Image13 {
  position:absolute;
  left:1px;
  top:236px;
  width:468px;
  height:36px;
  z-index:9;
}

#wb_Marquee2 {
  position:absolute;
  left:120px;
  top:735px;
  width:497px;
  height:125px;
  text-align:center;
  z-index:2;
  overflow:hidden;
}

@-webkit-keyframes transform-rotate {
  0% {
    -webkit-transform:rotate(0deg);
  }

  100% {
    -webkit-transform:rotate(359deg);
  }
}

@-moz-keyframes transform-rotate {
  0% {
    -moz-transform:rotate(0deg);
  }

  100% {
    -moz-transform:rotate(359deg);
  }
}

@keyframes transform-rotate {
  0% {
    transform:rotate(0deg);
  }

  100% {
    transform:rotate(359deg);
  }
}

h1,.h1 {
  font-family:Arial;
  font-weight:bold;
  font-size:32px;
  text-decoration:none;
  color:#000000;
  background-color:transparent;
  margin:0;
  padding:0;
  display:inline;
}

h2,.h2 {
  font-family:Arial;
  font-weight:bold;
  font-size:27px;
  text-decoration:none;
  color:#000000;
  background-color:transparent;
  margin:0;
  padding:0;
  display:inline;
}

h3,.h3 {
  font-family:Arial;
  font-weight:bold;
  font-size:24px;
  text-decoration:none;
  color:#000000;
  background-color:transparent;
  margin:0;
  padding:0;
  display:inline;
}

h4,.h4 {
  font-family:Arial;
  font-weight:bold;
  font-size:21px;
  font-style:italic;
  text-decoration:none;
  color:#000000;
  background-color:transparent;
  margin:0;
  padding:0;
  display:inline;
}

h5,.h5 {
  font-family:Arial;
  font-weight:bold;
  font-size:19px;
  text-decoration:none;
  color:#000000;
  background-color:transparent;
  margin:0;
  padding:0;
  display:inline;
}

h6,.h6 {
  font-family:Arial;
  font-weight:bold;
  font-size:16px;
  text-decoration:none;
  color:#000000;
  background-color:transparent;
  margin:0;
  padding:0;
  display:inline;
}

.CustomStyle {
  font-family:"Courier New";
  font-weight:bold;
  font-size:16px;
  text-decoration:none;
  color:#2E74B5;
  background-color:transparent;
}