/* ==================================================================
Secure and Accessible PHP Contact Form v.2.0WP FIXED width
BEAST-BLOG-V1.CSS made by Mike Cherim - http://green-beast.com 
Designed and built to work with the Beast-Blog WordPress theme
================================================================== */

#gb_form_div { text-align : left; }

#gb_form_div p { margin-bottom: 15px; }

#gb_form { text-align : left; background : transparent; }

input.med, select.med, textarea.textbox, textarea { 
font-size : 1.2em; 
font-family: Georgia, "Times New Roman", serif;
color : #333; 
padding : 1px; 
border : 1px solid #999;
background-color : #fff;
width : 300px;
height : auto; 
margin-top: 2px; 
margin-bottom: 8px; }

input.short { 
font-size : 1em; 
color : #333; 
padding : 1px; 
border : 1px solid #999;
background-color : #fff;
width : 300px;
height : auto; 
width : 7%; }

textarea.textbox, textarea { 
padding: 2px;
width : 250px;
height : 120px;
line-height : 1.5em; 
border: 1px solid #8c9b72; }

select.med { width : 60%; }

input.checkbox {
cursor : default;
background : transparent;
color : #669900;
border : 0;
padding : 0; 
margin : 10px 0 0 0;
width : 14px;
height : 14px; }

/* NOTE: .hover and .focus classes IE JS */
input.short:hover, input.short:hover, 
input.short:focus, input.short.focus,
input.med:hover, input.med.hover, 
input.med:focus, input.med.focus,  
select.med:hover, select.med.hover, 
select.med:focus, select.med.focus,
textarea.textbox:hover, textarea.textbox.hover, 
textarea.textbox:focus, textarea.textbox.focus { 
color : #000;
background-color : #fff;
cursor : text;  
border: 1px solid #8c9b72; }

#content #gb_form input.button { margin : 0 5px 0 0; padding : 2px 8px 2px 8px; }

* html #content #gb_form input.button { margin-left : -5px; }

span.error, span.success, #gb_form_div dt { color : #333; font-weight : bold; }

#gb_form_div dt small, dl#result_dl_blockq dt { font-size: 1.2em; color : #333; }

span.success, #gb_form_div .formhead span.success { color : #333; }

small.whythis, small.whythis a { 
padding: 10px;
font-size : 1.1em; 
text-decoration : none;
color : #8c9b72; }

small.whythis a:hover, small.whythis a:focus, small.whythis a:active { color : #000; text-decoration: none; }

#gb_form_div span.items { font-size: 1.2em; font-weight : bold; color : #333; }

#gb_form_div ul { }

#gb_form_div ul li { list-style-type : none; font-size: 1.2em; }

dt { font-size: 1.2em; margin-bottom: 5px; }
dd { font-size: 1.2em; margin-bottom: 2px; }