@charset "UTF-8";

#hnHallowW {
  display:inline-block;
  width:100%;
  height:45px;
  background:url(http://www.misslally.com/tutorials/bgi.png) repeat-x rgba(0,0,0,0.5);
  position:fixed;
  bottom:5px;
  left:0;
  z-index:9999;
  border-top:1px solid #F60;
  border-bottom:1px solid #F60;
}

.lyz.start {
  background-repeat:repeat-x,repeat-x,repeat-x,repeat-x;
  background-position:0 0,0 0,0 0,0 0;
  background-image:-moz-linear-gradient(left,#09BA5E 0%,#00C7CE 15%,#3472CF 26%,#00C7CE 48%,#0CCF91 91%,#09BA5E 100%);
  background-image:-webkit-gradient(linear,left top,righttop,color-stop(1%,rgba(0,0,0,.3)),color-stop(23%,rgba(0,0,0,.1)),color-stop(40%,rgba(255,231,87,.1)),color-stop(61%,rgba(255,231,87,.2)),color-stop(70%,rgba(255,231,87,.1)),color-stop(80%,rgba(0,0,0,.1)),color-stop(100%,rgba(0,0,0,.25)));
  background-color:#39f;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00BA1B',endColorstr='#00BA1B',GradientType=1);
  border-radius:0 0 5px 5px;
  -moz-border-radius:0 0 5px 5px;
  -webkit-border-radius:0 0 5px 5px;
}

.lyz.end {
  -moz-transition-property:background-position;
  -moz-transition-duration:30s;
  -moz-transition-timing-function:linear;
  -webkit-transition-property:background-position;
  -webkit-transition-duration:30s;
  -webkit-transition-timing-function:linear;
  -o-transition-property:background-position;
  -o-transition-duration:30s;
  -o-transition-timing-function:linear;
  transition-property:background-position;
  transition-duration:30s;
  transition-timing-function:linear;
  background-position:-3400px 0,-2600px 0,-1800px 0,-1300px 0;
}

.lyz:hover {
  -webkit-animation-direction:normal;
  -webkit-animation-duration:20s;
  -webkit-animation-iteration-count:infinite;
  -webkit-animation-name:colors;
  -webkit-animation-timing-function:ease;
}

.lyz.unfocus {
  background:#000!important;
  -webkit-animation-name:colors;
  -webkit-transition:all .6s;
  -moz-transition:all .6s;
  -o-transition:all .6s;
  -ms-transition:all .6s;
  transition:all .6s;
}

.lFt {
  display:block;
  width:200px;
  height:100px;
  position:fixed;
  left:0;
  bottom:2px;
  background:url(http://www.misslally.com/tutorials/left.png) no-repeat;
  z-index:99999;
}

.bats {
  display:block;
  width:100px;
  height:100px;
  position:fixed;
  left:42px;
  bottom:33px;
}

.lRt {
  display:block;
  width:200px;
  height:100px;
  position:fixed;
  right:0;
  bottom:2px;
  background:url(http://www.misslally.com/tutorials/right.png) no-repeat;
  z-index:99999;
}

#nv {
  display:inline-block;
  width:800px;
  height:35px;
  overflow:hidden;
  padding:5px;
  margin-left:150px;
  text-align:center;
}

.nero a:link {
  display:inline-block;
  text-align:center;
  color:#fff;
  font-size:17px;
  width:auto;
  padding-left:5px;
  padding-right:5px;
  margin:3px;
  text-decoration:none;
}

.nero a:hover {
  display:inline-block;
  text-align:center;
  color:#F90;
  font-size:17px;
  width:auto;
  padding-left:5px;
  padding-right:5px;
  margin:3px;
  text-decoration:none;
  -webkit-transition:all .6s;
  -moz-transition:all .6s;
  -o-transition:all .6s;
  -ms-transition:all .6s;
  transition:all .6s;
}

@-webkit-keyframes colors {
  0% {
    background-color:#39f;
  }
  
  15% {
    background-color:#F246C9;
  }
  
  30% {
    background-color:#4453F2;
  }
  
  45% {
    background-color:#44F262;
  }
  
  60% {
    background-color:#F257D4;
  }
  
  75% {
    background-color:#EDF255;
  }
  
  90% {
    background-color:#F20006;
  }
  
  100% {
    background-color:#39f;
  }
}