/*
	Demo snippet for My super-groovy 3D fly-out download box..

	THIS IS A DEMO SNIPPET - NOT THE FULL STYLE SHEET!!!

	See: 3d fly-out download box.css

	;o)

	(c) 2013->tomorrow! ~ corz.org ;o)

	This stylesheet is freely released under the creative commons license:
	<http://creativecommons.org/licenses/by-nc-sa/1.0/>
*/


.box-logo-transform-simple {
    width: 9.6rem;
    height: 9.6rem;
    -webkit-transform: perspective(20rem) rotateY(40deg) skew(0,-4.5deg);
    transform: perspective(20rem) rotateY(40deg) skew(0,-4.5deg);
}

.box-logo-transform-fancy {
	width: 9.6rem;
	height: 9.6rem;
	/* this creates a tiny inset border - looks neat, like embossing - the colors are based on parcel brown */
	box-shadow: .1rem .1rem .1rem .01rem #f5f5ef,  -.1rem -.1rem .1rem .01rem #6d7043;
	-webkit-transform: perspective(20rem) rotateY(40deg) skew(0,-4.5deg);
	transform: perspective(20rem) rotateY(40deg) skew(0,-4.5deg);
	-khtml-opacity: 0.75;
	opacity: 0.75;
}