body {
   background: -webkit-gradient(linear, left top, left bottom, from(#030310), to(#000040)) fixed;
   background: -moz-linear-gradient(top, #030310, #000040) fixed;
}

#tuxcontainer {
   width:800px;
   text-align: left;
   border: 0;
   padding: 0px 0px 0px 0px;
   margin: 10px 10px 10px 10px;
}

#tux {
z-index:2; 
background: url(/images/tux.png); 
background-repeat:no-repeat;
background-position:right top;
position: absolute; 
height: 256px; 
width: 456px;
margin-left:-200px;
margin-top:-210px;
-webkit-transition: all 1s linear;
  opacity: 0;
}

#tux:hover {
  opacity: 1;
  margin-left:-300px;
}





#weather {
z-index:-2;
background: url('stars.png') repeat 5% 5%,
            url('stars.png') repeat 30% 20%,
            url('stars.png') repeat 90% 110%;
top: 0;
left: 0;
right: 0;
bottom: 0;
position: fixed;
-webkit-transition: top 100s linear;
}

#weathercontainer {
  z-index:-2;
}

#weathercontainer:hover #weather {
  top: -2000px;

}