/* ---------------------------------------------------------------------------
   keyframes.css -- the two animations this site actually uses: fadeIn (hover
   colour fades on links, menu items and the footer) and fadeInDown (the page
   title and the image-mask icon). The original theme shipped ~60 animation
   sets (bounce, tada, flips, rollIn...) that nothing on these pages referenced.

   Everything else on the site is animated with plain CSS transitions or with
   the small keyframes declared next to the rules in site.css.
   --------------------------------------------------------------------------- */
@-webkit-keyframes fadeIn {
	0% {opacity: 0.2;}	
	100% {opacity: 1;}
}
@-moz-keyframes fadeIn {
	0% {opacity: 0.2;}	
	100% {opacity: 1;}
}
@-o-keyframes fadeIn {
	0% {opacity: 0.2;}	
	100% {opacity: 1;}
}
@keyframes fadeIn {
	0% {opacity: 0.2;}	
	100% {opacity: 1;}
}
@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}
@-moz-keyframes fadeInDown {
	0% {
		opacity: 0;
		-moz-transform: translateY(-20px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}
@-o-keyframes fadeInDown {
	0% {
		opacity: 0;
		-o-transform: translateY(-20px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}
@keyframes fadeInDown {
	0% {
		opacity: 0;
		transform: translateY(-20px);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}