/* DAN STUFF GOES HERE  */

@-webkit-keyframes dan {
	0% { }
	5% {left:25px;-webkit-transform: rotate(10deg);}
	10% {left: 50px;-webkit-transform: rotate(-10deg);}
	15% {left:75px;-webkit-transform: rotate(10deg);}
	20% {left:100px;-webkit-transform: rotate(-10deg);}
	25% {left:125px;-webkit-transform: rotate(10deg);}
	30% {left: 150px;-webkit-transform: rotate(-10deg);}
	35% {left:175px;-webkit-transform: rotate(10deg);}
	40% {left:200px;-webkit-transform: rotate(-10deg);}
	45% {left:225px;-webkit-transform: rotate(10deg);}
	50% {left: 250px;-webkit-transform: rotate(-10deg);}
	55% {left:275px;-webkit-transform: rotate(10deg);}
	60% {left:300px;-webkit-transform: rotate(-10deg);}
	65% {left:325px;-webkit-transform: rotate(10deg);}
	70% {left: 350px;-webkit-transform: rotate(-10deg);}
	75% {left:375px;-webkit-transform: rotate(10deg);}
	80% {left:400px;-webkit-transform: rotate(-10deg);}
	85% {left:425px;-webkit-transform: rotate(10deg);}
	90% {left: 450px;-webkit-transform: rotate(-10deg);}
	95% {left:475px;-webkit-transform: rotate(10deg);}
	100% {left:500px;-webkit-transform: rotate(0deg);}
}

@-moz-keyframes dan {
	0% { }
	5% {left:25px;-moz-transform: rotate(10deg);}
	10% {left: 50px;-moz-transform: rotate(-10deg);}
	15% {left:75px;-moz-transform: rotate(10deg);}
	20% {left:100px;-moz-transform: rotate(-10deg);}
	25% {left:125px;-moz-transform: rotate(10deg);}
	30% {left: 150px;-moz-transform: rotate(-10deg);}
	35% {left:175px;-moz-transform: rotate(10deg);}
	40% {left:200px;-moz-transform: rotate(-10deg);}
	45% {left:225px;-moz-transform: rotate(10deg);}
	50% {left: 250px;-moz-transform: rotate(-10deg);}
	55% {left:275px;-moz-transform: rotate(10deg);}
	60% {left:300px;-moz-transform: rotate(-10deg);}
	65% {left:325px;-moz-transform: rotate(10deg);}
	70% {left: 350px;-moz-transform: rotate(-10deg);}
	75% {left:375px;-moz-transform: rotate(10deg);}
	80% {left:400px;-moz-transform: rotate(-10deg);}
	85% {left:425px;-moz-transform: rotate(10deg);}
	90% {left: 450px;-moz-transform: rotate(-10deg);}
	95% {left:475px;-moz-transform: rotate(10deg);}
	100% {left:500px;-moz-transform: rotate(0deg);}
}


.dan {
	width: 360px;
	height: 382px;
	position:absolute;
	left:10px;
	top:180px;
	-webkit-animation-name: dan;
	-webkit-animation-duration: 6s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: 1;	
	-webkit-animation-delay: 0;
	-webkit-animation-play-state: running;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-name: dan;
	-moz-animation-duration: 6s;
	-moz-animation-timing-function: linear;
	-moz-animation-iteration-count: 1;	
	-moz-animation-delay: 0;
	-moz-animation-play-state: running;
	-moz-animation-fill-mode: forwards;
}


@-webkit-keyframes danback {
	0% {left:0px;}
	10% {left: -25px;-webkit-transform: rotate(-10deg);}
	20% {left:-50px;-webkit-transform: rotate(10deg); }
	30% {left: -75px;-webkit-transform: rotate(-10deg);}
	40% {left:-100px;-webkit-transform: rotate(10deg);}
	50% {left: -125px;-webkit-transform: rotate(-10deg);}
	60% {left:-150px;-webkit-transform: rotate(10deg);}
	70% {left: -175px;-webkit-transform: rotate(-10deg);}
	80% {left:-200px;-webkit-transform: rotate(10deg);}
	90% {left: -225px;-webkit-transform: rotate(-10deg);}
	100% {left:-250px;-webkit-transform: rotate(0deg);}
	
}

@-moz-keyframes danback {
	0% {left:0px;}
	10% {left: -25px;-moz-transform: rotate(-10deg);}
	20% {left:-50px;-moz-transform: rotate(10deg); }
	30% {left: -75px;-moz-transform: rotate(-10deg);}
	40% {left:-100px;-moz-transform: rotate(10deg);}
	50% {left: -125px;-moz-transform: rotate(-10deg);}
	60% {left:-150px;-moz-transform: rotate(10deg);}
	70% {left: -175px;-moz-transform: rotate(-10deg);}
	80% {left:-200px;-moz-transform: rotate(10deg);}
	90% {left: -225px;-moz-transform: rotate(-10deg);}
	100% {left:-250px;-moz-transform: rotate(0deg);}
	
}

#danbackup {
	width: 360px;
	height: 382px;
	position: absolute;
	-webkit-animation-name: danback;
	-webkit-animation-duration: 4s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: 1;	
	-webkit-animation-delay: 10s;
	-webkit-animation-play-state: running;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-name: danback;
	-moz-animation-duration: 4s;
	-moz-animation-timing-function: linear;
	-moz-animation-iteration-count: 1;	
	-moz-animation-delay: 10s;
	-moz-animation-play-state: running;
	-moz-animation-fill-mode: forwards;

}
.loser {
	width: 360px;
	height: 382px;
	position: absolute;
	-webkit-animation-name: loser;
	-webkit-animation-duration: 2s;
	-webkit-animation-timing-function:linear;
	-webkit-animation-iteration-count: 1;	
	-webkit-animation-delay: 18.2s;
	-webkit-animation-play-state: running;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-name: loser;
	-moz-animation-duration: 2s;
	-moz-animation-timing-function:linear;
	-moz-animation-iteration-count: 1;	
	-moz-animation-delay: 18.2s;
	-moz-animation-play-state: running;
	-moz-animation-fill-mode: forwards;

}

@-webkit-keyframes loser {
	0% {}
	10% {-webkit-transform: rotate(-10deg) translate(-10px,-50px);}
	20% {-webkit-transform: rotate(-20deg) translate(-20px,-100px);}
	30% {-webkit-transform: rotate(-30deg) translate(-30px,-150px);}
	40% {-webkit-transform: rotate(-40deg) translate(-20px,-220px);}
	50% {-webkit-transform: rotate(-50deg) translate(-10px,-300px);}
	60% {-webkit-transform: rotate(-60deg) translate(30px,-380px);}
	70% {-webkit-transform: rotate(-70deg) translate(90px,-400px);}
	80% {-webkit-transform: rotate(-80deg) translate(150px,-400px);}
	100% {-webkit-transform: rotate(-90deg) translate(200px,-400px);}
	
}

@-moz-keyframes loser {
	0% {}
	10% {-moz-transform: rotate(-10deg) translate(-10px,-50px);}
	20% {-moz-transform: rotate(-20deg) translate(-20px,-100px);}
	30% {-moz-transform: rotate(-30deg) translate(-30px,-150px);}
	40% {-moz-transform: rotate(-40deg) translate(-20px,-220px);}
	50% {-moz-transform: rotate(-50deg) translate(-10px,-300px);}
	60% {-moz-transform: rotate(-60deg) translate(30px,-380px);}
	70% {-moz-transform: rotate(-70deg) translate(90px,-400px);}
	80% {-moz-transform: rotate(-80deg) translate(150px,-400px);}
	100% {-moz-transform: rotate(-90deg) translate(200px,-400px);}
	
}




@-webkit-keyframes danrat {
	0% { }
	100% {-webkit-transform: rotate(-50deg) translate(20px,-3px);}
}

@-moz-keyframes danrat {
	0% { }
	100% {-moz-transform: rotate(-50deg) translate(20px,-3px);}
}

.danrat {
	background: url(danstick/danrat.png);
	position: absolute;
	top: 130px;
	right:183px;
	width: 35px;
	height: 67px;
	-webkit-animation-name: danrat;
	-webkit-animation-duration: .4s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: 1;	
	-webkit-animation-delay: 14s;
	-webkit-animation-play-state: running;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-name: danrat;
	-moz-animation-duration: .4s;
	-moz-animation-timing-function: linear;
	-moz-animation-iteration-count: 1;	
	-moz-animation-delay: 14s;
	-moz-animation-play-state: running;
	-moz-animation-fill-mode: forwards;
}

@-webkit-keyframes dreturn {
	0% {-webkit-transform: rotate(0deg) translate(0px,0px); }
	50% {-webkit-transform: rotate(25deg) translate(65px,0px);}
	75% {-webkit-transform: rotate(40deg) translate(105px,-10px);}
	100% {-webkit-transform: rotate(50deg) translate(123px,-25px);}
}

@-moz-keyframes dreturn {
	0% {-moz-transform: rotate(0deg) translate(0px,0px); }
	50% {-moz-transform: rotate(25deg) translate(65px,0px);}
	75% {-moz-transform: rotate(40deg) translate(105px,-10px);}
	100% {-moz-transform: rotate(50deg) translate(123px,-25px);}
}

.return {
	-webkit-animation-name: dreturn;
	-webkit-animation-duration: .3s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: 1;	
	-webkit-animation-delay: 15s;
	-webkit-animation-play-state: running;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-name: dreturn;
	-moz-animation-duration: .3s;
	-moz-animation-timing-function: linear;
	-moz-animation-iteration-count: 1;	
	-moz-animation-delay: 15s;
	-moz-animation-play-state: running;
	-moz-animation-fill-mode: forwards;
}

@-webkit-keyframes drab {
	0% { }
	35% {-webkit-transform: rotate(-40deg) translate(-36px,-45px);}
	50% {-webkit-transform: rotate(0deg) translate(0px,0px);}
	65% {-webkit-transform: rotate(-40deg) translate(-36px,-45px);}
	100% {-webkit-transform: rotate(0deg) translate(0px,0px);}
}

@-moz-keyframes drab {
	0% { }
	35% {-moz-transform: rotate(-40deg) translate(-36px,-45px);}
	50% {-moz-transform: rotate(0deg) translate(0px,0px);}
	65% {-moz-transform: rotate(-40deg) translate(-36px,-45px);}
	100% {-moz-transform: rotate(0deg) translate(0px,0px);}
}

.danrab {
	background: url(danstick/danrab.png);
	position: absolute;
	z-index: -1;
	top:48px;
	right:88px;
	width:96px;
	height:150px;
	-webkit-animation-name: drab;
	-webkit-animation-duration: .8s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: 5;	
	-webkit-animation-delay: 6s;
	-webkit-animation-play-state: running;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-name: drab;
	-moz-animation-duration: .8s;
	-moz-animation-timing-function: linear;
	-moz-animation-iteration-count: 5;	
	-moz-animation-delay: 6s;
	-moz-animation-play-state: running;
	-moz-animation-fill-mode: forwards;
}

@-webkit-keyframes dpunch {
	0% {-webkit-transform: rotate(0deg) translate(0,0); }
	84% {-webkit-transform: rotate(-50deg) translate(-100px,-68px);}
	86% {-webkit-transform: rotate(-20deg) translate(-30px,-40px);}
	88% {-webkit-transform: rotate(0deg) translate(23px,-38px);}
	90% {-webkit-transform: rotate(10deg) translate(48px,-45px);}
	92% {-webkit-transform: rotate(20deg) translate(72px,-55px);}
	94% {-webkit-transform: rotate(30deg) translate(94px,-70px);}
	96% {-webkit-transform: rotate(40deg) translate(112px,-88px);}
	98% {-webkit-transform: rotate(50deg) translate(133px,-111px);}
	100% {-webkit-transform: rotate(65deg) translate(140px,-140px);}
}

@-moz-keyframes dpunch {
	0% {-moz-transform: rotate(0deg) translate(0,0); }
	84% {-moz-transform: rotate(-50deg) translate(-100px,-68px);}
	86% {-moz-transform: rotate(-20deg) translate(-30px,-40px);}
	88% {-moz-transform: rotate(0deg) translate(23px,-38px);}
	90% {-moz-transform: rotate(10deg) translate(48px,-45px);}
	92% {-moz-transform: rotate(20deg) translate(72px,-55px);}
	94% {-moz-transform: rotate(30deg) translate(94px,-70px);}
	96% {-moz-transform: rotate(40deg) translate(112px,-88px);}
	98% {-moz-transform: rotate(50deg) translate(133px,-111px);}
	100% {-moz-transform: rotate(65deg) translate(140px,-140px);}
}

.danpunch {
	-webkit-animation-name: dpunch;
	-webkit-animation-duration: .7s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: 1;	
	-webkit-animation-delay: 14s;
	-webkit-animation-play-state: running;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-name: dpunch;
	-moz-animation-duration: .7s;
	-moz-animation-timing-function: linear;
	-moz-animation-iteration-count: 1;	
	-moz-animation-delay: 14s;
	-moz-animation-play-state: running;
	-moz-animation-fill-mode: forwards;
}

@-webkit-keyframes glovereturn {
	0% {-webkit-transform: rotate(0deg) translate(0,0); }
	50% {-webkit-transform: rotate(-35deg) translate(-100px,3px);}
	75% {-webkit-transform: rotate(-50deg) translate(-155px,-19px);}
	100% {-webkit-transform: rotate(-65deg) translate(-186px,-67px);}
}

@-moz-keyframes glovereturn {
	0% {-moz-transform: rotate(0deg) translate(0,0); }
	50% {-moz-transform: rotate(-35deg) translate(-100px,3px);}
	75% {-moz-transform: rotate(-50deg) translate(-155px,-19px);}
	100% {-moz-transform: rotate(-65deg) translate(-186px,-67px);}
}

.dreturn {
	-webkit-animation-name: glovereturn;
	-webkit-animation-duration: .3s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: 1;	
	-webkit-animation-delay: 15s;
	-webkit-animation-play-state: running;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-name: glovereturn;
	-moz-animation-duration: .3s;
	-moz-animation-timing-function: linear;
	-moz-animation-iteration-count: 1;	
	-moz-animation-delay: 15s;
	-moz-animation-play-state: running;
	-moz-animation-fill-mode: forwards;
}




@-webkit-keyframes dlab {
	0% { }
	35% {-webkit-transform: rotate(40deg) translate(31px,-48px);}
	50% {-webkit-transform: rotate(0deg) translate(0px,0px);}
	65% {-webkit-transform: rotate(40deg) translate(31px,-48px);}
	100% {-webkit-transform: rotate(0deg) translate(0px,0px);}
}

@-moz-keyframes dlab {
	0% { }
	35% {-moz-transform: rotate(40deg) translate(31px,-48px);}
	50% {-moz-transform: rotate(0deg) translate(0px,0px);}
	65% {-moz-transform: rotate(40deg) translate(31px,-48px);}
	100% {-moz-transform: rotate(0deg) translate(0px,0px);}
}

.danlab {
	background: url(danstick/danlab.png);
	position: absolute;
	top:48px;
	right:250px;
	width: 112px;
	height:145px;
	-webkit-animation-name: dlab;
	-webkit-animation-duration:.8s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: 5;	
	-webkit-animation-delay: 6s;
	-webkit-animation-play-state: running;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-name: dlab;
	-moz-animation-duration:.8s;
	-moz-animation-timing-function: linear;
	-moz-animation-iteration-count: 5;	
	-moz-animation-delay: 6s;
	-moz-animation-play-state: running;
	-moz-animation-fill-mode: forwards;
}