/* ---------------------------------------------------------------------------
=general form styling
--------------------------------------------------------------------------- */
form h3,
#thanks h3 {
	margin: 0 0 1em 0;
	padding: 8px 17px;
	color: #fff;
	background: #030303;
}
input,
select,
textarea {
	font-family: Verdana, Helvetica, Arial sans-serif;
	font-size: 85%;
}
fieldset ol {
	text-indent: 0;
	padding: 0;
}
#copy fieldset li {
	list-style: none;
	padding: 0 0 1em 0;
}
fieldset label {
	float: left;
	font-weight: bold;
	text-align: right;
	width: 197px;
	margin-right: 17px;
}
fieldset input#name,
fieldset input#email {
	padding: 2px 4px;
	border: 1px solid #ccc;
	width: 204px;
}
fieldset select#subject {
	padding: 2px 0;
	width: 214px;
}
fieldset textarea {
	margin: 0;
	border: 1px solid #ccc;
	padding: 4px;
	width: 418px;
}
fieldset input#challenge {
	padding: 2px 4px;
	border: 1px solid #ccc;
	width: 98px;
}

/* ---------------------------------------------------------------------------
=mini-subscribe-form
--------------------------------------------------------------------------- */
#mini-subscribe-form {
	width: 180px;
}
#mini-subscribe-form input {
	width: 120px;
}
#mini-subscribe-form input.mini-subscribe-button {
	width: 50px;
	padding: 3px 5px 4px 5px;
  	color: #FFF;
	background-color: #FCB040;
	border-top: 1px solid #ffcc00;
	border-right:1px solid #bfa132;
	border-bottom:1px solid #bfa132;
	border-left:1px solid #ffcc00;
	font-weight:bold;
}
#mini-subscribe-form input.mini-subscribe-button:hover { /* If we want to have a different hover state */
	width: 50px;
	padding: 3px 5px 4px 5px;
  	color: #793723;
	background-color: #eeba5b;
	border-top: 1px solid #ffcc00;
	border-right:1px solid #bfa132;
	border-bottom:1px solid #bfa132;
	border-left:1px solid #ffcc00;
	font-weight:bold;
}

/* -------------------------------------
comment form
-------------------------------------- */
#comment_form {
	float: left;
	width: 640px;
	padding:0;
}
#comment_form li {
	list-style: none;
	padding: 0 0 1em 0;
}
#comment_form label {
	line-height: 1.5em;
	color: #666;
	display: block;
}

#comment_form input,
#comment_form select,
#comment_form textarea {
	padding: 5px;
	border: 1px solid #e8e8e8;
	background: #e8e8e8;
}

#comment_form #name,
#comment_form #email
#comment_form #comment,
#comment_form textarea {
	border: 1px solid #e8e8e8;
}

#comment_form #name,
#comment_form #email,
#comment_form #url {
	width: 300px;
	}

#comment_form textarea {
	width: 500px;
	}

#comment_form .error,
#comment_form .error label {
	color: #900;
}
#comment_form .error #name,
#comment_form .error #email,
#comment_form .error #subject,
#comment_form .error textarea,
#comment_form .error #challenge {
	border: 1px solid #900;
	background: #fcc;
}

#comment_form input.button {
	width: 140px;
	padding: 4px 5px 4px 5px;
  	color: #FFF;
	background-color: #808080;
	border-top: 1px solid #e8e8e8;
	border-right:1px solid #505050;
	border-bottom:1px solid #505050;
	border-left:1px solid #e8e8e8;
	font-weight:bold;
}
#comment_form input.button:hover { /* If we want to have a different hover state */
	width: 140px;
	padding: 4px 5px 4px 5px;
  	color: #f3e521;
	background-color: #505050;
	border-top: 1px solid #808080;
	border-right:1px solid #030303;
	border-bottom:1px solid #030303;
	border-left:1px solid #808080;
	font-weight:bold;
}

/* ---------------------------------------------------------------------------
=contact-form errors
--------------------------------------------------------------------------- */
#error-message .error,
li.error label {
	color: #900;
}
#error-message {
	border: 1px solid #900;
	background: #fcc;
	margin: 20px;
	padding: 15px;
}
#error-message li {
	list-style: none;
	padding: 0 0 .5em 1em;
}