/* @override http://fireandknives.dev/css/contact.css */

form {margin-bottom: 20px; border-bottom: 1px solid #fff; padding-bottom: 20px;}
form .success {margin-bottom: 76px;}
legend {font-size: 2em; padding-bottom: 20px; margin: 0;}
label {background-color: #fff; color: #e5ba5e; padding: 0px; padding: 10px 0 0 10px; height: 30px; margin: 0; float: left; width: 45px; display: block;}
input,
textarea {border: none; padding: 10px; font: 1.6em "Gill Sans", Helvetica, Arial, sans-serif; color: #e5ba5e; margin: 0 10px 10px 0; float: left; height: 20px; line-height: 1.2em; width: 255px;}
/* God knows why, but IE6 isn't behaving too well with the width, hence the IE6 hack */
textarea {height: 200px; width: 702px!important; width: 697px; margin-right: 0; padding: 10px 0 0 8px;}

#contact {border: none;}

#newsletter-email {margin-right: 0;}
#contact-email {width: 375px; margin-right: 0;}

#newsletter-submit,
#message-submit {background: none; color: #fff; width: 110px; height: 40px; float: right; margin: 0; font-size: 2em; padding: 0; cursor: pointer; text-align: right;}
#message-submit {width: 150px;}

#contact-message-label {height: 200px; width: 70px; clear: both;}

#newsletter-email-error-container {margin-left: -330px; margin-top: 50px; float: left;}
#contact-email-error-container {margin-left: -450px; margin-top: 50px; float: left;}
#contact-message-error-container {clear: both; width: 200px; float: left;}