/* ***** BEGIN LICENSE BLOCK *****
 * Version: MPL 1.1
 * The contents of this file are subject to the Mozilla Public License Version
 * 1.1 (the "License"); you may not use this file except in compliance with
 * the License. You may obtain a copy of the License at
 * http://www.mozilla.org/MPL/
 *
 * Software distributed under the License is distributed on an "AS IS" basis,
 * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
 * for the specific language governing rights and limitations under the
 * License.
 *
 * The Original Code is the the typhoGraphic library.
 *
 * The Initial Developer of the Original Code is
 * Andy Edmonds <andyed@gmail.com>
 *
 * Portions created by the Initial Developer are Copyright (C) 2008
 * the Initial Developer. All Rights Reserved.
 *
 * Contributor(s):
 * ***** END LICENSE BLOCK ***** */


div {
	-webkit-animation-direction: normal, normal, normal;
	-webkit-animation-timing-function: linear, ease-in, ease-in;
	-webkit-animation-iteration-count: infinite;
}

body {
	background-color:#BF2F17;
	color:#FFFFFF;
}

@-webkit-keyframes fade
{
	0%   { opacity: .1; }
	12%   { opacity: .4;}
	30%   { opacity: 1; }
	70%   { opacity: 1; }
	88%  { opacity: .4; }
	100% { opacity: .1; }
}

@-webkit-keyframes hide
 { 0%   { opacity: 0;
}
  100%   { opacity: 0;
   }
  }
  
@-webkit-keyframes appear {
  0%   { opacity: 1;

    }
 100%   { opacity: 100; }
 }
    
@-webkit-keyframes slide
{
    0%   { -webkit-transform: translate(500px, 0px); }
	24%   { -webkit-transform: translate(0px, 0px); }
	18%   { -webkit-transform: translate(0px, 0px); }
	76%   { -webkit-transform: translate(0px, 0px); }
    100% { -webkit-transform: translate(-500px, 0px); }
}


@-webkit-keyframes foo
{
	0%   { -webkit-transform: translate(1000px, 0px); }
	5%   { -webkit-transform: translate(800px, 0px); }
	10%   { -webkit-transform: translate(600px, 0px); }
	15%   { -webkit-transform: translate(400px, 0px); }
	20%   { -webkit-transform: translate(200px, 0px); }
	25%   { -webkit-transform: translate(0px, 0px); }
	75%   { -webkit-transform: translate(0px, 0px); }
	80%   { -webkit-transform: translate(-200px, 0px); }
	85%   { -webkit-transform: translate(-400px, 0px); }
	90%   { -webkit-transform: translate(-600px, 0px); }
	95%   { -webkit-transform: translate(-800px, 0px); }
	100% { -webkit-transform: translate(-100px, 0px); }
}



@-webkit-keyframes topbounce
{
	0%   { -webkit-transform: translate(0px, -500px); }
	17%   { -webkit-transform: translate(0px, -300px); }
	26%   { -webkit-transform: translate(0px, -100px); }
	35%   { -webkit-transform: translate(0px, -10px); }
	42%   { -webkit-transform: translate(0px, 8px); }
	44%   { -webkit-transform: translate(0px, -4px); }
	50% { -webkit-transform: translate(0px, 2px); }
	52% { -webkit-transform: translate(0px, 0px); }
	
}

@-webkit-keyframes wobble
{
    0%   { -webkit-transform: rotate(15deg); }
    5%   { -webkit-transform: rotate(-15deg); }
    15%   { -webkit-transform: rotate(-10deg); }
    30%   { -webkit-transform: rotate(10deg); }
    45%   { -webkit-transform: rotate(-5deg); }
    55%   { -webkit-transform: rotate(5deg); }
    60%   { -webkit-transform: rotate(0deg); }
		
}


@-webkit-keyframes zoomout
{
	0%   { -webkit-transform: scale(.2); }    
	50%   { -webkit-transform: scale(1); }
	70%   { -webkit-transform: scale(1.5); }
	90%   { -webkit-transform: scale(2); }
	100%   { -webkit-transform: scale(5); }
		
}


@-webkit-keyframes zoomin
{
    0%   { -webkit-transform: scale(5); }
    5%   { -webkit-transform: scale(2); }
    20%   { -webkit-transform: scale(1.5); }
    30%   { -webkit-transform: scale(1); }
    100%   { -webkit-transform: scale(1); }
		
}


@-webkit-keyframes shake
{
	0%   { -webkit-transform: translate(0px, 0px); }
	15%   { -webkit-transform: translate(-20px, 10px); }
	30%   { -webkit-transform: translate(30px, -15px); }
	45%   { -webkit-transform: translate(-15px, 5px); }
	60%   { -webkit-transform: translate(3px, 0px); }
	21%   { -webkit-transform: skewy(2deg); }    
	32%   { -webkit-transform: skewx(-6deg); }    
	75%   { -webkit-transform: translate(0px, 0px); }
	76%   { -webkit-transform: skewy(-4deg); }    
	77%   { -webkit-transform: skewx(6deg); }    
	90%   { -webkit-transform: translate(0px, 0px); }
	98%   { -webkit-transform: skewy(0deg); }    
	99%   { -webkit-transform: skewx(0deg); }    
		
	100% { -webkit-transform: translate(-0%, 0px); }
}

@-webkit-keyframes spinaway
{
    0%   { -webkit-transform: scale(1.5); }
    15%   { -webkit-transform: scale(1); }
    30%   { -webkit-transform: rotate(10deg); }
    45%   { -webkit-transform: scale(.8); }

    55%   { -webkit-transform: rotate(20deg); }
    60%   { -webkit-transform: scale(.8); }
	
    65%   { -webkit-transform: rotate(35deg); }

    70%   { -webkit-transform: rotate(180deg); }
    82%   { -webkit-transform: scale(.6); }

    99%   { -webkit-transform: rotate(580deg); }
	98%   { -webkit-transform: scale(.2); }
	
}


@-webkit-keyframes wiggle
{
	0%   { -webkit-transform: skewy(5deg); }    
	50%   { -webkit-transform: skewy(-10deg); }
	70%   { -webkit-transform: skewy(15deg); }
	90%   { -webkit-transform: skewy(-20deg); }
	100%   { -webkit-transform: skewy(30deg); }
}

@-webkit-keyframes waggle
{
	0%   { -webkit-transform: skewy(2deg); }    
	20%   { -webkit-transform: skewx(-6deg); }    
	30%   { -webkit-transform: skewy(-5deg); }
	40%   { -webkit-transform: skewx(10deg); }    
	50%   { -webkit-transform: skewy(10deg); }
	60%   { -webkit-transform: skewx(-16deg); }    
	80%   { -webkit-transform: skewy(-12deg); }
	90%   { -webkit-transform: skewx(18deg); }    
	100%   { -webkit-transform: skewy(20deg); }
		
}


@-webkit-keyframes vibrato
{
	0%   { -webkit-transform: scale(2.5); }    
	50%   { -webkit-transform: scale(5.3); }
	70%   { -webkit-transform: scale(9.9); }
	90%   { -webkit-transform: scale(3); }
	100%   { -webkit-transform: scale(2.1); }
	
}