h1 {font-size: 33px;}

#contact {background: #fff;border-radius:8px;box-shadow:0px 2px 4px rgba(0,0,0,.4);}
#contact label {width: 125px;display: inline-block;text-align: right;color: rgb(182,182,182);vertical-align: middle;}
#contact p.focus label {color:rgb(118,188,247);}
#contact input[type="text"],
#contact input[type="email"] {padding: 4px;border: none;display: inline-block;width: 470px;vertical-align: middle;}
#contact input[type="text"]:focus,
#contact input[type="email"]:focus {outline-width:0;}
#contact p {margin: 0;padding: 6px;border-bottom: 1px solid rgb(223,223,223);}
#contact textarea {border: none;width: 98%;min-height: 15em;margin: 1%;font-family: inherit;font-size: 13px;}
#controls {
	background: rgb(65,70,72);
	background-image: -moz-linear-gradient(bottom, rgb(51,55,57), rgb(62,66,69));
	background-image: -webkit-linear-gradient(bottom, rgb(51,55,57), rgb(62,66,69));
	padding: 5px;margin:0;height: 24px;overflow: hidden;border-radius:8px 8px 0 0;
	font-size: 15px;color: #fff;text-shadow: 1px 1px 1px rgba(0,0,0,.5);line-height:12px;	
	position: relative;
}
#controls li {display:inline-block;vertical-align:middle;margin: 0;}
#controls a[href="#attach"] {
	display: inline-block;padding: 2px;line-height: 12px;margin-right: 5px;
	background: rgb(57,62,65);
	background-image: -moz-linear-gradient(bottom,rgb(57,62,65),rgb(99,91,104));
	background-image: -webkit-linear-gradient(bottom,rgb(57,62,65),rgb(99,91,104));
	border: 1px solid rgb(31,31,31);border-radius: 4px;	
}
#controls a[href="#attach"]:hover {box-shadow:0px 0px 3px rgba(255,255,255,.5) inset;}
#controls a[href="#attach"]:active {
	background-image: -moz-linear-gradient(top,rgb(57,62,65),rgb(99,91,104));
	background-image: -webkit-linear-gradient(top,rgb(57,62,65),rgb(99,91,104));
}
#controls input[type=file] {
	position:absolute;left:-10000px;
}
#controls #filename {display:inline-block;vertical-align:middle;font-weight:bold;}
#controls #send {position:absolute;right:6px;top:5px;}
#controls button[type=submit] {
	background: rgb(9,120,195);
	background-image: -moz-linear-gradient(bottom, rgb(9,120,195), rgb(118,188,247));
	background-image: -webkit-linear-gradient(bottom, rgb(9,120,195), rgb(118,188,247));
	border: 1px solid rgb(0,40,63);border-radius:4px;
	padding:2px 6px;min-width: 90px;float: right;
	font-size: 13px;font-weight: bold;color: #ffffff;cursor: pointer;
}
#controls button[type=submit]:hover {box-shadow:0px 0px 8px rgba(255,255,255,.5) inset;}
#controls button[type=submit]:active {
	background-image: -moz-linear-gradient(top, rgb(9,120,195), rgb(118,188,247));
	background-image: -webkit-linear-gradient(top, rgb(9,120,195), rgb(118,188,247));
}

#contact .error {color: #bb8018;}
h1 em {font-weight: normal;}
