/*
	-----------------------------------------------
	HTML 5 Forms Article - Leave a comment stylesheet
	-----------------------------------------------
	@author Tim Connell for Sitepoint

	+ Leave a comment particulars
*/

/* !Leave a comment particulars
--------------------- */

/* Layout */
fieldset {
	border: none;
	margin-left: 420px;
	margin-bottom: 1em;
	float: left;
}

	fieldset div {
		border: none;
		clear: none;
		margin: 2em 0 0;
		padding: 0;
	}
	
		fieldset div label {
			color: #3d302f;
			display: block;
			float: none;
			line-height: 1;
			margin: 0 0 0.3em;
		}
		
/* General */
fieldset div input,
fieldset div textarea {
	border: 1px dashed #3d302f;
	border-width: 0 0 1px;
}

/* Comment */
fieldset div#field-comment {
	float: left;
	margin: 0 0 0 -420px;
}

	fieldset div#field-comment textarea {
		border-width: 1px;
		height: 195px;
		padding: 10px;
		width: 370px;
	}

/* Other Fields */
fieldset div input {
	padding: 5px 0 10px 40px;
}

fieldset div input:focus {
	outline: none;
}

fieldset div input[type="text"] {
	background: url(images/icon-name.png) no-repeat left center;
}

fieldset div input[type="email"] {
	background: url(images/icon-email.png) no-repeat left center;
}

fieldset div input[type="url"] {
	background: url(images/icon-url.png) no-repeat left center;
}


/* Validation */
:invalid {
	color: red;
}
	
/* Submit */
div.controls {
	background: none;
	clear: both;
	margin: 1em 0 0;
	padding-left: 415px;
}
	
	div.controls input {
		background: none;
		border: 1px solid #ccc;
		float: none;
		font-size: 15px;
		padding: 5px 20px;
		width: auto;
	}