/* --------------------------------------------------------------------------

LAST UPDATED:	6.7.10
AUTHOR:			Aaron Pitts

CONTENTS:
				1. Border Radius
				2. Gradients
				3. Text Shadow
				4. Box Shadow
					
-------------------------------------------------------------------------- */

/* 1. BORDER RADIUS
-------------------------------------------------------------------------- */

ul#nav-menu,
div#breadcrumb,
div.home-column-right-35,
div.hightlight-box,
div.portfolio-hightlight-box,
div#featured li.ui-tabs-nav-item a,
div#services li.ui-tabs-nav-item a,
div#featured .ui-tabs-panel,
div.slideshow,
input[type="text"],
.button,
textarea,
fieldset,
legend { 
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px;
}

div#latest-tweet { 
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	border-radius: 10px;
}

div#footer,
div#copyright-bar { 
	-webkit-border-top-left-radius: 3px; 
	-webkit-border-top-right-radius: 3px; 
	-webkit-border-bottom-right-radius: 0px; 
	-webkit-border-bottom-left-radius: 0px; 
	-moz-border-radius-topleft: 5px; 
	-moz-border-radius-topright: 5px; 
	-moz-border-radius-bottomright: 0px; 
	-moz-border-radius-bottomleft: 0px; 
	border-top-left-radius: 3px; 
	border-top-right-radius: 3px; 
	border-bottom-right-radius: 0px; 
	border-bottom-left-radius: 0px;
}

/* 2. GRADIENTS
-------------------------------------------------------------------------- */
.button {
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}

.button:hover {
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}

.button:active {
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

/* 3. TEXT SHADOW
-------------------------------------------------------------------------- */

h1, h2, h3, h4,
ul#nav-menu,
div#breadcrumb,
div#featured li.ui-tabs-nav-item a,
p.intro,
legend { 
	text-shadow: 0px 1px 0px #FFF;
}

div.navigation { 
	text-shadow: 0px 1px 0px #ededed;
}

div#footer-main h3, div#footer-main h4,
div#cta-button a, h5, h6 { 
	text-shadow: 0px 1px 0px #000;
}

.button {
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}

/* 4. BOX SHADOW
-------------------------------------------------------------------------- */

div#intro-img img, 
p img { 
	-webkit-box-shadow: 0px 0px 2px  #000000; 
	-moz-box-shadow: 0px 0px 2px #000000; 
	box-shadow: 0px 0px 2px #000000;
}

div.slideshow,
div.portfolio-img,
div#portfolio-big-img,
div#portfolio-logo { 
	-webkit-box-shadow: 0px 0px 4px  #000000; 
	-moz-box-shadow: 0px 0px 4px #000000; 
	box-shadow: 0px 0px 4px #000000;
}

div.navigation,
div#cta-button a,
div#featured .ui-tabs-panel { 
	-webkit-box-shadow: 0px 0px 1px  #000000; 
	-moz-box-shadow: 0px 0px 1px #000000; 
	box-shadow: 0px 0px 1px #000000;
}

.button {
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

input[type="text"],
textarea {
	-webkit-box-shadow: inset 3px 3px 4px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: inset 3px 3px 4px rgba(0, 0, 0, 0.25);
	box-shadow: inset 3px 3px 4px rgba(0, 0, 0, 0.25);
}

div.slideshow,
div.portfolio-img,
div#portfolio-big-img,
div#portfolio-logo {
	background: rgba(0, 0, 0, 0.3);
}