/*------------------------------------*\
	$FORMS
\*------------------------------------*/
/*
Unfortunately, and somewhat obviously, forms don’t fit the baseline all too well. Perhaps in a later version...
*/
fieldset{
	padding:1.5em;
	border:1px solid #ccc;
}
label{
	display:block;
}

input[type=text], input[type=email], textarea, select {
	width: 100%;
	padding: 3px;
}

div.input, div.submit {
	padding: 5px 0;
}
.text-input{
	/* With the advent of various HTML5 input types (email, url, etc) input[type=text] is no longer suitable for for styling non-textearea text-inputs. Use .text-input instead. */
}
label,
.text-input,
textarea,
.btn{
	cursor:pointer;	
}
	.text-input:active,
	.text-input:focus,
	textarea:active,
	textarea:focus{
		cursor:text;
	}

/* A class of .check-list can be added to a <ul> to create a multi-column list of inputs. */
.check-list{
	width:100%;
	overflow:hidden;
	list-style:none;
	margin-left:0;
}
.check-list li{
	width:25%;
	float:left;
}
.check-label{
	display:inline;
}
fieldset > :last-child{
	/* Remove the margin from the last element in the fieldset--this makes our padding more consistent. */
	margin-bottom:0;
}

.error-message {
	color: red;
	font-size: 12px;
	font-weight: bold;
}