<div id="registration-form">
	<p>
		Registered users can view more content,<br/>
		upload files and add posts to favorites.
	</p>

	<div class="messages"></div>

	<form class="form-wrapper">
		<div class="form-row">
			<label class="form-label" for="registration-user">User name:</label>
			<div class="form-input">
				<input autocomplete="off" type="text" name="userName" id="registration-user" placeholder="e.g. darth_vader" value=""/>
			</div>
		</div>

		<div class="form-row">
			<label class="form-label" for="registration-password">Password:</label>
			<div class="form-input">
				<input autocomplete="off" type="password" name="password" id="registration-password" placeholder="e.g. &#x25cf;&#x25cf;&#x25cf;&#x25cf;&#x25cf;&#x25cf;&#x25cf;&#x25cf;" value=""/>
			</div>
		</div>

		<div class="form-row">
			<label class="form-label" for="registration-password-confirmation">Password (repeat):</label>
			<div class="form-input">
				<input autocomplete="off" type="password" name="passwordConfirmation" id="registration-password-confirmation" placeholder="e.g. &#x25cf;&#x25cf;&#x25cf;&#x25cf;&#x25cf;&#x25cf;&#x25cf;&#x25cf;" value=""/>
			</div>
		</div>

		<div class="form-row">
			<label class="form-label" for="registration-email">E-mail address:</label>
			<div class="form-input">
				<input autocomplete="off" type="text" name="email" id="registration-email" placeholder="e.g. vader@empire.gov" value=""/>
			</div>
		</div>

		<div class="form-row">
			<label class="form-label"></label>
			<div class="form-input">
				<button type="submit">Register</button>
			</div>
		</div>
	</form>

	<p id="email-info">
		Your e-mail will be used to show your <a href="http://gravatar.com/">Gravatar</a>.<br/>
		Leave blank for random Gravatar.
	</p>
</div>
