/* 
  +---------------------------------------------------+
  | Green-Beast.com Smart PHP Contact Form - 2005     |
  | Part II: Add this to your CSS style sheet         |
  | Created by Mike Cherim http://green-beast.com     |
  | Using this contact form? Please link back to me   |
  +---------------------------------------------------+
*/

/* 
  +----------------------------------------------------------------------------------+
  |  IMPORTANT INFORMATION                                                           |
  |  For use with this form, remember to style: h2, dl, dt, dd, p, blockquote,       |
  |    cite, ul, li, a (a:focus, a:active, a:hover)                                  |
  |  Adjust font-family, colors, backgrounds, and borders to suit your style needs   |
  |  This is normally applied to a CSS page with star "*" selector with margin and   |
  |    padding set to zero (0) - adjust accordingly                                  |
  |  NOTE: Beast-Blog theme user? You already have this in your kit's style sheet!   |
  +----------------------------------------------------------------------------------+
*/

/* CONTACT FORM CSS BEGIN -------------------------------------------------------- */

h2.error {
	color : #cd0000;            /* Enter YOUR "Error" color code */
}

fieldset {
	margin-top : 15px;
	margin-left : 30px;
	border : none;              /* No "Fieldset Borders" by default */
}

legend {
	font-weight : bold;         /* Change YOUR "Legend Font" weight? */
	color : #014783;            /* Enter YOUR "Legend Font" color code */
}

label {
	font-weight : normal;       /* Change YOUR "Label Font" weight? */
	font-size : 90%;            /* Change YOUR "Label Font" size? */
	padding-top : 20px;         /* NOTE: Color is default page color */
	padding-left : 0;
}

input, select, textarea {
	width : 90%;
	color : #444;               /* Enter YOUR "Fields Font" color code */
	font-size : 100%;           /* Change YOUR "Fields Font" size? */
	background : #ddd;          /* Enter YOUR "Fields Background" color code */
	border : 1px solid #014783;    /* Enter YOUR "Fields Border" color code */
	margin : 2px;
	margin-left : 12px;
	padding : 3px;
}

input {
	width : 82%;
	height : 1.4em;
	border : 1px solid #014783;    /* Enter YOUR "Fields Border" color code */
	padding : 2px;
}

select, option {
	height : 1.5em;
	padding-left : 4px;
	padding : 2px;
}

textarea {
	font-size : 100%;           /* Change YOUR "Comments Field Font" size? */
	margin-top : 8px;
	width : 88%;
	height : 10em;              /* Alter this value to make "Comments Area" smaller */
	padding : 4px;
}

input:focus, textarea:focus, select:focus, input.focus, textarea.focus, select.focus, input:hover, textarea:hover, select:hover, input.hover, textarea.hover, select.hover {
	color : #000;               /* Enter YOUR onFocus "Font" color code */
	height : 1.4em;              
	background : #fafafa;       /* Enter YOUR onFocus "Background" color code */
	border : 1px solid #333;    /* Enter YOUR onFocus "Border" color code */
	cursor : text;
	margin-left : 12px;
}

textarea:focus, textarea.focus, textarea:hover, textarea.hover {
	width : 88%;
	height : 20em;              /* Alter this value to make "Comments Are" bigger onFocus */
	cursor : text;
}

select:hover, select:focus, select.focus {
	height : 1.5em;
	cursor : pointer;
	margin-left : 12px;
}

input.button {
	width : 25%;
	height : 2em;
	color : #333;               /* Enter YOUR "Button Font" color code */
	font-weight : bold;         /* Change YOUR "Button Font" weight? */
	border : 1px solid #999;    /* Enter YOUR "Button Border" color code */
	margin-bottom : 10px;
	background : #ccc;          /* Enter YOUR "Button Background" color code */
}

.button:hover, .button:focus, input.button.hover, input.button.focus {
	cursor : pointer; 
	background : #014783;       /* Enter YOUR onHover "Button Background" color code */
	color : #fafafa;            /* Enter YOUR onHover "Button Font" color code */
	border : 1px solid #333;    /* Enter YOUR onHover "Button Border" color code */
}

/* CONTACT FORM CSS END ---------------------------------------------------------- */