/*8bitDax Stylesheet */

/* reset */

*{
	margin:0px;
	padding:0px;
}

.signup { 
	font-family: Courier;
	margin: 200px auto auto auto;
	width: 200px;	
}

.header {
        font-family: courier; 
        text-align: center;
	margin-left: auto;
        margin-right: auto;
}

label {
        font-weight: bold;
}


#box{ 
	margin: 200px auto auto auto;
	width: 175px;
}

#spriteContainer{
	width: 175px;
	height: 175px;
	display: block;
	background-image: url("images/spritetest.png");
	background-repeat: no-repeat;
	

	
	-webkit-animation: jog .7s steps(4) infinite;
	   -moz-animation: jog .7s steps(4) infinite;
	    -ms-animation: jog .7s steps(4) infinite;
	     -o-animation: jog .7s steps(4) infinite;
	        animation: jog .7s steps(4) infinite;
		 }
		 
/* dax keyframes */		 
@keyframes jog {
0% {background-position: 15px 3px;}
100% {background-position: -700px 0;}
}

@keyframes blink {
0% {background-position: -700px;}
100% {background-position: -4900px;}
}

@keyframes hit {
0% {background-position: -4900px;}
100% {background-position: -5600px;}
}

/* link styles */

#spriteContainer:hover{
	width: 174px;
	height: 175px;
	display: block;
	background-image: url("images/spritetest.png");
	background-repeat: no-repeat;
	
	-webkit-animation: blink 4s steps(24) infinite;
	   -moz-animation: blink 4s steps(24) infinite;
	    -ms-animation: blink 4s steps(24) infinite;
	     -o-animation: blink 4s steps(24) infinite;
	        animation: blink 4s steps(24) infinite;
		 }
#spriteContainer:active{
	width: 175px;
	height: 175px;
	display: block;
	background-image: url("images/spritetest.png");
	background-repeat: no-repeat;
	
	-webkit-animation: hit .2s steps(4) infinite;
	   -moz-animation: hit .2s steps(4) infinite;
	    -ms-animation: hit .2s steps(4) infinite;
	     -o-animation: hit .2s steps(4) infinite;
	        animation: hit .2s steps(4) infinite;
}
a{
	outline: none;
}
.social{
    margin-left: 20px;
    width: 125px;
}
.fb{
	display: block;
    float: left;
}
.t{
	display: block;
	float: right;
}