@charset "utf-8";
/* CSS Document */
<!-- Contact CSS -->
#contact_form_holder {  
    font-family: 'Open Sans'; /* this is a nice font-family, at least i think, if you don't like it change it <img src="http://web.enavu.com/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley">  */  
    font-variant: small-caps; /* making the small letter looks like capital but keeping the size of it to smaller, looks cool */
	max-width:600px; /* setting a fixed width of the contact form holder will make things easier later (like aligning and such) */
	width:90%;   
}  
#contact_form_holder input, #contact_form_holder textarea {  
     /* make all the inputs and the textarea same size (100% of the div they are into) */  
    font-family: inherit ; /* we must set this, so it inherits the font-family */  
    padding:5px; /* and make a custom padding, you can set whatever you like */
	max-width:400px;
	width:90%; 

}  
#contact_form_holder textarea {  
    height:150px; /* i never liked small textareas, so make it 100px in height */
	color:#000;
}  
#send_message {  
    width:200px !important; /* the width of the submit button  */  
    font-variant: small-caps; /* nicer font-variant (like explained before) */  
    border:1px solid #28c3ab; /* remove the default border and put a normal black one */  
    cursor:hand;
	color:#777;
	  
}  
#cf_submit_p { text-align:rightright; } /* show the submit button aligned with the right side */  
  
/* styling */  
  
.error {  
    display: none; /* hide the errors */  
    /* add some styling */  
    padding:10px;  
    color: #D8000C;  
    font-size:12px;  
    background-color: #FFBABA;  
}  
.success {  
    display: none; /* hide the sucess div */  
    /* add some styling */  
    padding:10px;  
    color: #044406;  
    font-size:12px;  
    background-color: #B7FBB9;  
}  
  
#contact_logo { vertical-align: middle; }  
.error img { vertical-align:top; } 
<!-- End of Contact CSS -->