/* ==================================================================
    Secure and Accessible PHP Contact Form v.2.0WP SOME width
       CUSTOM.CSS made by Form User - http://yourdomain.com 
      Designed and built to work with the Your WordPress theme
================================================================== */
/*
  In creating the other themes I found that this is what I needed
  to make it come together without WP theme conflict. Have fun!
*/

/* form/results div */
#gb_form_div {font: 10px/16px "Lucida Grande", "Lucida Sans Unicode", tahoma, arial, sans-serif;
color: #f7efd2; }

/* the form itself */
#gb_form {font: 10px/16px "Lucida Grande", "Lucida Sans Unicode", tahoma, arial, sans-serif;
color: #f7efd2; }

/* form links */
#gb_form_div a { font: "Lucida Grande", "Lucida Sans Unicode", tahoma, arial, sans-serif;
	color: #d58d1c}

/* link states */
#gb_form_div a:hover, #gb_form_div a:focus, #gb_form_div a:active {font: "Lucida Grande", "Lucida Sans Unicode", tahoma, arial, sans-serif;
	color: #ce4013;  }

/* all fieldsets */
#gb_form fieldset { 
 border: 1px dotted #663366;
  margin-top : 10px;}

/* to redefine outer fieldset */
#gb_form fieldset#formwrap { }

/* form head if needed */
.formhead {
color: #d58d1c;
	font: 22px/26px "Trebuchet MS", treubuchet, tahoma, sans-serif;

 }

/* main formhead, of course */
.main_formhead {
color: #d58d1c;
	font: 22px/26px "Trebuchet MS", treubuchet, tahoma, sans-serif;

 }

/* form leagend and result dt */
#gb_form legend, #gb_form dt {
  color : #916685; 
  margin-top : 0px;
  margin-left : 0px;
  font: 14px "Lucida Grande", "Lucida Sans Unicode", "tahoma", "arial", sans-serif;
   }

/* define more for form legend */
#gb_form legend {
  color : #916685; 
  margin-top : 0px;
  margin-left : 0px;
  font: 14px "Lucida Grande", "Lucida Sans Unicode", "tahoma", "arial", sans-serif;
   }

/* redefine main legend props */
#gb_form legend#mainlegend { }

/* privacy link, reset link, etc */
#gb_form legend#mainlegend small, #gb_form_div .formhead small { }

/* hello, it's for the form labels */
#gb_form label { 
  color : #d58d1c; 
  margin-top : 15px;
  margin-left : 0px;
  font: 12px "Lucida Grande", "Lucida Sans Unicode", "tahoma", "arial", sans-serif;
}

/* define all inputs, except  */
#gb_form input.short, #gb_form input.med, #gb_form select.med, #gb_form textarea.textbox { 
  	background-color: #fbeab1;
	border: 1px solid #c34112;
	margin: ;
	font: Bold 12px "Lucida Grande", "Lucida Sans Unicode", tahoma, arial, sans-serif;
	color: #2e0121;
	padding: 5px 5px 5px 5px;

}

/* spec for checkbox only */
#gb_form input.checkbox { 
	cursor : default;
	background-color: #fbeab1;
	border: 1px solid #c34112;
	margin: ;
	font: Bold 12px "Lucida Grande", "Lucida Sans Unicode", tahoma, arial, sans-serif;
	color: #2e0121;
	padding: 5px 5px 5px 5px;}

/* for checkbox label only */


/* the make  stable in IE6 it must be defined */
* html input.button {
}

/* All hover/focus stuff - NOTE: .hover and .focus classes IE JS */
#gb_form input.short:hover, #gb_form input.short:hover, 
#gb_form input.med:hover, #gb_form input.med:focus, 
#gb_form select.med:hover, #gb_form select.med:focus, 
#gb_form textarea.textbox:hover, #gb_form textarea.textbox:focus, 
#gb_form input.short.hover, #gb_form input.short.focus,
#gb_form input.med.hover, #gb_form input.med.focus,  
#gb_form select.med.hover, #gb_form select.med.focus, 
#gb_form textarea.textbox.hover, #gb_form textarea.textbox.focus {
	background-color : #ffff99;
  	cursor : text; }

/* redefine for short input only, if wanted */
#gb_form input.button { 

}

/ success span, error span, form div dt (redefine) */
span.error, span.success, #gb_form_div dt {
font: 10px/16px "Lucida Grande", "Lucida Sans Unicode", tahoma, arial, sans-serif;
color: #a27996; }

/* form div dt (redefine more), plus dl */ 
#gb_form_div dt, #gb_form_div dl { }

/* results stuff */
#gb_form_div dt small, span.success, dl#result_dl_blockq dt {
font: 10px/16px "Lucida Grande", "Lucida Sans Unicode", tahoma, arial, sans-serif;
color: #a27996; } 

/* whyis link */
small.whythis {
font: 9px "Lucida Grande", "Lucida Sans Unicode", tahoma, arial, sans-serif;
	color: #d58d1c; }

/* the answer */
#gb_form small.whythis a span { 
font: 9px "Lucida Grande", "Lucida Sans Unicode", tahoma, arial, sans-serif;
	color: #d58d1c; }

/* whyis on hover/focus */
#gb_form small.whythis a:hover, #gb_form small.whythis a:focus, #gb_form small.whythis a:active { 
color: #ce4013;
}

/* the answer on hover/focus */
#gb_form small.whythis a:hover span, #gb_form small.whythis a:focus span, #gb_form small.whythis a:active span {
color: #ce4013 }

/* credit line */
p.creditline small { }

/* for abbr, NOTE: added span .abbr class is for IE, so use for all */
.abbr { }

/* results blackquote */
dl#result_dl_blockq blockquote {
font: 10px/16px "Lucida Grande", "Lucida Sans Unicode", tahoma, arial, sans-serif;
color: #f7efd2; }

/* results blackquote p */
dl#result_dl_blockq blockquote p {
font: 10px/16px "Lucida Grande", "Lucida Sans Unicode", tahoma, arial, sans-serif;
color: #f7efd2; }

/* results blackquote p cite */
dl#result_dl_blockq blockquote p cite { 
font: 10px/16px "Lucida Grande", "Lucida Sans Unicode", tahoma, arial, sans-serif;
color: #f7efd2;}

/* results ul li spans (name, email, etc) */
#gb_form_div span.items { 
font: 10px/16px "Lucida Grande", "Lucida Sans Unicode", tahoma, arial, sans-serif;
color: #a27996;}

/* error message links */
#gb_form_div p a  ul li{
font: 10px/16px "Lucida Grande", "Lucida Sans Unicode", tahoma, arial, sans-serif;
color: #a27996; }

/* error message link states */
#gb_form_div p a:hover, #gb_form_div p a:focus, #gb_form_div p a:active {
font: 10px/16px "Lucida Grande", "Lucida Sans Unicode", tahoma, arial, sans-serif;
color: #a27996; }


/* End CUSTOM CSS */