/* ==================================================================
    Secure and Accessible PHP Contact Form v.2.0WP SOME width
      custom CSS made by Alberto Gonzalez - http://www.betobeto.com
      Designed and built to work with betobeto.com's WordPress theme
===================================================================== */

/* form/results div */
#gb_form_div {
	width:408px;
	float:left;
	/*including position hack because I can't find where a stupid break is coming from on the php*/
	position:relative;
	top:-15px;
	 }

/* the form itself */
#gb_form {
	width:408px;
	 }

/* form links */
#gb_form_div a { }

/* link states */
#gb_form_div a:hover, #gb_form_div a:focus, #gb_form_div a:active { }

/* all fieldsets */
#gb_form fieldset {
	width:408px;
	display:block;
	border:none;
	/*border-bottom:#D62F58 1px solid;*/
	border-bottom:1px solid #D7D7D7;	
	margin-bottom:20px;
	padding-bottom:20px;
	 }
	
/* fieldset span text */
#gb_form fieldset span{
	font-weight:bold;
}

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

/* form head if needed */
.formhead {
	font-weight: normal;
	font-size: 2em; 
    font-family:"Lucida Sans", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
	color:#D62F58;
	margin: 3px 0 18px 0;
	line-height:110%; 
	letter-spacing:-2px;
		 }

/* main formhead, of course */
.main_formhead { display:none; }

/* form leagend and result dt */
#gb_form legend, #gb_form dt {
	 }

/* define more for form legend */
#gb_form legend {
	padding-bottom:10px;
	margin:0;
	 }

/* redefine main legend props */
#gb_form legend#mainlegend { display:none; }

/* 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 {
	float:left;
	width:116px;
	position:relative;
	top:14px;
	padding-bottom:10px;
	 }

/* define all inputs, except button */
#gb_form input.short, #gb_form input.med, #gb_form select.med, #gb_form textarea.textbox {
	background-color:#DFDFDF;
	border:#828282 1px solid;
	padding:2px;
	font-size:14px;
	color:#323232;
	width:255px;
	 }

	
/*combo box	*/
#gb_form select.med{
	font-size:11px;
}
	

/* redefine for short input only */
#gb_form input.short { width:50px; }

/* spec for textarea only */
#gb_form textarea.textbox { width:370px; height:120px; margin-top:16px; margin-bottom:16px; }

/* spec for select only */
#gb_form select.med { }

/* spec for checkbox only */
#gb_form input.checkbox { }

/* for checkbox label only */
#gb_form label input.checkbox { }

/* the make button 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 { }

/* redefine for short input only, if wanted */
#gb_form input.button {
	text-align:center;
	margin: 0 auto;
	 }

/ success span, error span, form div dt (redefine) */
span.error, span.success, #gb_form_div dt { }

/* form div dt (redefine more), plus dl */ 


#gb_form_div dt, #gb_form_div dl { }

#gb_form_div dl {
   margin:20px 0;	
	 }


/* results stuff */
#gb_form_div dt small, span.success, dl#result_dl_blockq dt {font-weight:bold; font-size:14px;} 



/* whyis link */
small.whythis { }

/* the answer */
#gb_form small.whythis a span { display:none; }

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

/* 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 { }

/* credit line */
p.creditline{display:none;}

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-family:"Lucida Sans","Lucida Sans Unicode",Helvetica,Arial,sans-serif;	
    font-style: normal;
	font-size: 14px;
	line-height:18px;
	margin: 16px 10px;	
	 }

/* results blackquote p */
dl#result_dl_blockq blockquote p { }

/* results blackquote p cite */
dl#result_dl_blockq blockquote p cite { }

/* results ul li spans (name, email, etc) */
#gb_form_div span.items { }

/* error message links */
#gb_form_div p a { }

/* error message link states */
#gb_form_div p a:hover, #gb_form_div p a:focus, #gb_form_div p a:active { }


/* End Form CSS */




/*begin non-form elements*/

/*containers*/

.theform{
	float:left;
	width:436px;
	/*border:#000 1px solid;*/
}

.theform p{
	margin-right:24px;
}

ul.contact{
 margin-bottom:20px;
}

ul.contact li{
	padding-bottom:8px;
}


.morecontact{
	float:left;
	width:438px;
}

.morecontact ul li{
	padding-left:25px;
	border-bottom:1px solid #D7D7D7;
}