input[type="text"],input[type=password],textarea{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;color:#a8a8a8;font-size:13px;vertical-align:middle;font-weight:normal;padding:6px 8px 8px;margin:0;outline:none;border:none;width:216px;
	background: #f0f0f0;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f0f0f0), to(#ebebeb));
	background: -webkit-linear-gradient(#f0f0f0, #ebebeb);
	background: -moz-linear-gradient(#f0f0f0, #ebebeb);
	background: -ms-linear-gradient(#f0f0f0, #ebebeb);
	background: -o-linear-gradient(#f0f0f0, #ebebeb);
	background: linear-gradient(#f0f0f0, #ebebeb);
	-pie-background: linear-gradient(#f0f0f0, #ebebeb);}
/* Contact form */
#contact-form{position:relative; padding:16px 0 0 0;}
	#contact-form fieldset{border:none;padding:0}
	#contact-form label {display:block;min-height:41px; position:relative;}
		#contact-form input{ width:203px; box-shadow:0 1px 2px rgba(0,0,0,.2);}
		#contact-form textarea{height:218px;width:283px;overflow:auto;resize:none; box-shadow:0 1px 2px rgba(0,0,0,.2);}
		#contact-form .message{min-height:240px;}
.buttons{position:relative; padding:12px 2px 0 0; text-align:right;}
.success, .error, .empty{display:none; text-align:left;}
.error, .empty{position:relative; color:red; font-size:11px; top:0px; left:10px;}
.success, .success strong{ color:#000;}
/* Search form */
#search{ position:relative;}
	#search input{color:#fff;vertical-align:middle; font-size:12px; font-family:Verdana, Geneva, sans-serif; background:none;font-weight:normal;padding:11px 34px 12px 6px;margin:0;border:none;border-bottom:1px solid #4b4b4b; border-right:1px solid #4b4b4b; box-shadow:inset 1px 1px 1px rgba(0,0,0,.4);outline:none;width:219px;}
	#search a.search{ display:block; background:url("http://crowdappeal.imgix.net/pic/search.png") center 0 no-repeat;width:34px; height:16px; position:absolute; top:11px; right:6px; padding:0;}
	#search a.search:hover{ background-position:center -16px;}
/* subscribe form */
#subscribe{ position:relative; padding:6px 0 0 0;}
	#subscribe input{color:#fff;vertical-align:middle; font-size:12px;font-family:Verdana, Geneva, sans-serif; background: url("http://crowdappeal.imgix.net/pic/subscribe.png") 0 0 repeat;font-weight:normal;padding:11px 110px 12px 6px;margin:0;border:none;border-bottom:1px solid #343434; border-right:1px solid #343434; box-shadow:inset 1px 1px 1px rgba(0,0,0,.4);outline:none;width:182px;}
	#subscribe a.subscribe{ display:inline-block; background: url("http://crowdappeal.imgix.net/pic/subscr-button.jpg") 0 0 no-repeat; position:absolute; top:6px; right:0; color:#fff; font-size:14px; line-height:1.2em; padding:11px 20px 10px;}
	#subscribe a.subscribe:hover{color:#36b0e4;}
@media only screen and (min-width: 768px) and (max-width: 995px) {#contact-form input,#contact-form textarea{ width:220px;}
	#search input{width:150px;}
	#subscribe input{width:120px;}
}
@media only screen and (max-width: 767px) {#contact-form input,#contact-form textarea{ width:255px;}
	#search input{width:225px;}
	#search{ width:270px;}
	#subscribe{ width:270px;}
	#subscribe input{width:153px;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {#contact-form input,#contact-form textarea{ width:360px;}
	#search input{width:345px;}
	#search{ width:390px;}
	#subscribe{ width:380px;}
	#subscribe input{width:263px;}
}

/***FIRST STYLE THE BUTTON***/
input#bigbutton {
width:200px;
background: #3e9cbf; /*the colour of the button*/
padding: 8px 14px 10px; /*apply some padding inside the button*/
border:1px solid #3e9cbf; /*required or the default border for the browser will appear*/
cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/
/*style the text*/
font-size:1.5em;
font-family:Oswald, sans-serif; /*Oswald is available from http://www.google.com/webfonts/specimen/Oswald*/
letter-spacing:.1em;
text-shadow: 0 -1px 0px rgba(0, 0, 0, 0.3); /*give the text a shadow - doesn't appear in Opera 12.02 or earlier*/
color: #fff;
/*use box-shadow to give the button some depth - see cssdemos.tupence.co.uk/box-shadow.htm#demo7 for more info on this technique*/
-webkit-box-shadow: inset 0px 1px 0px #3e9cbf, 0px 5px 0px 0px #205c73, 0px 10px 5px #999;
-moz-box-shadow: inset 0px 1px 0px #3e9cbf, 0px 5px 0px 0px #205c73, 0px 10px 5px #999;
box-shadow: inset 0px 1px 0px #3e9cbf, 0px 5px 0px 0px #205c73, 0px 10px 5px #999;
/*give the corners a small curve*/
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
/***SET THE BUTTON'S HOVER AND FOCUS STATES***/
input#bigbutton:hover, input#bigbutton:focus {
color:#dfe7ea;
/*reduce the size of the shadow to give a pushed effect*/
-webkit-box-shadow: inset 0px 1px 0px #3e9cbf, 0px 2px 0px 0px #205c73, 0px 2px 5px #999;
-moz-box-shadow: inset 0px 1px 0px #3e9cbf, 0px 2px 0px 0px #205c73, 0px 2px 5px #999;
box-shadow: inset 0px 1px 0px #3e9cbf, 0px 2px 0px 0px #205c73, 0px 2px 5px #999;
}