/* ==========================================================================
   ELEMENTS / FORMS
   ========================================================================== */

/**
 * Semantically, we'd like all forms to be built with FIELDSETs and LEGENDs, but
 * we currently don't want to visually see them.
 *
 * 1. Visually hide content, leaving it accessible to screen readers and ATs.
 *    http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */
fieldset {
	margin-bottom: 0;
	border: none;
}

legend { /* [1] */
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	position: absolute;
	overflow: hidden;
	border: 0;
	clip: rect(0 0 0 0);
}

/**
 * Make sure our form elements don't use any UA-specific font styles: we want
 * them to use ours. This may need reverting as more design information becomes
 * available, and we start putting together more complete forms.
 */
input {
	font: inherit;
}