/*
                     CSS: Vendor Specific Extensions for
                             SteveHiggs.com - V7
--------------------------------------------------------------------------------
This CSS file contains vendor specific extensions for elements, classes, and ID's
that otherwise will not validate.

These features are planned for CSS version 3 but at this time are considered vendor
specifc and will display a warning/error when attempting to validate.

To avoid this issue when checking for validation issues on my main CSS file I have
separated these extensions.

For more information see: http://www.css3.info/vendor-specific-extensions-to-css3/

                                                                          -- Steve
--------------------------------------------------------------------------------




 HTML ELEMENTS
________________________________________________________________________________
*/
	
	h1 {
		/* add an alpha transparent fade to the large h1 elements from top (fully opaque) to bottom (10% opacity) */
		-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0.25)));
	}
	
/* 
 DIV ID's
________________________________________________________________________________
*/


/* 
 Specific Classes
________________________________________________________________________________
*/

/* -- Contact Form -- */
	.text_input {
		/* add a rounded border to text input fields for mozilla */
		-moz-border-radius: 4px;

		/* Tell Mozilla and Webkit (Safari and Chrome) to use a transition when focusing etc. */
		-webkit-transition: .3s ease-in-out;
		-moz-transition: .3s ease-in-out;
	}

	.text_input:focus{
		/* Tell Mozilla and Webkit (Safari and Chrome) to apply a 'glow' on focus */
		-webkit-box-shadow: 0px 0px 8px #6ea9e5;
		-moz-box-shadow: 0px 0px 8px #6ea9e5;
	}

	.FormBtn {
		/* add a rounded border to the submit button for Mozilla */
		-moz-border-radius: 5px;
		-webkit-transition: .3s ease-out;
		-moz-transition: .3s ease-out;

		/* add a gradient background to the submit button for Webkit */
		background: -webkit-gradient(linear, left top, left bottom, from(#242424), to(#111111));
	}

	.FormBtn:hover{
		/* Tell Mozilla and Webkit (Safari and Chrome) to apply a 'glow' on hover */
		-webkit-box-shadow: 0px 0px 8px #6ea9e5;
		-moz-box-shadow: 0px 0px 8px #6ea9e5;
	}
	

/* -- Gallery -- */

	.ArtworkThumbnail{
		-webkit-perspective: 1200px;
	}
	
	.ArtworkThumbnail a{
		-webkit-transform: rotate3d(0, 1, 0, 20deg);
		-webkit-transform-style: preserve-3d;
	}

/* 
 General Classes
________________________________________________________________________________
*/


/* 
                    E n d   o f   S t y l e   S h e e t
________________________________________________________________________________
*/