/*
 * Modified contact form originally created by Chris Coyier from css-tricks.com
 * View screencast: http://css-tricks.com/videos/css-tricks-video-21.php
 -------------------------------------------------------------------------*/

/*
 * General XHTML styles
 -----------------------*/
html            {text-align:center;}
body            {font:12px Tahoma, Geneva, sans-serif;margin:1em auto;text-align:left;padding:0;}
html, body { overflow:hidden; }
form { width:300px; margin:0px auto; }

/*
 * Form elements
 -----------------------*/
fieldset        {margin:0; width:300px; border:none;}
legend          {color:#333;padding:0 10px;margin:0;font-size:1.5em;font-weight:400;}
input           {width:188px;}
input,
textarea        {border:1px solid #ccc;padding:5px;margin:10px 0 0 0;}
input:focus,
textarea:focus  {background:#ffc;}
textarea        {font:.9em Verdana, Arial, Helvetica, sans-serif;}
label           {display:block;margin:12px 0 0;font-weight:700;font-size:.9em;float:left;clear:left;width:60px;}
label:after     {content:": ";}
button          {display:block;float:left;clear:both;margin:1em 0 1em 90px;}

/*
 * User feedback
 -----------------------*/
.yay, .oops     {font-size:.8em;text-align:center;padding:10px;color:#fff;font-weight:700;}
.yay            {background:#090;}
.oops           {background:#f30;}
div.error       {font-size:.8em;font-weight:700;padding:5px 0 0;color:#f30;margin:0 0 0 90px;}

/*
 * Captcha
 -----------------------*/
img            {border:1px solid #777;margin: 0px;display:block;}
h3             {font-size:1.2em;font-weight:400;margin:30px 0 10px 0px;}

@media only screen and (max-device-width: 480px) {

form { margin:0px !important; }
label { margin-bottom:7px; }
}