* { margin: 0; padding: 0; }
body {
	font: 14px/20px Trebuchet MS, sans-serif; color: #222;
	background-color: #f1f2f3;
	background-image:
			-webkit-linear-gradient(0deg, transparent .05em, rgba(0,0,0,.05) .05em, rgba(0,0,0,.05) .125000em, transparent .125000em),
			-webkit-linear-gradient(rgba(0,0,0,.05) .062500em, transparent .062500em);
	background-image:
			-moz-linear-gradient(0deg, transparent .05em, rgba(0,0,0,.05) .05em, rgba(0,0,0,.05) .125000em, transparent .125000em),
			-moz-linear-gradient(rgba(0,0,0,.05) .062500em, transparent .062500em);
	background-image:
			-ms-linear-gradient(0deg, transparent .05em, rgba(0,0,0,.05) .05em, rgba(0,0,0,.05) .125000em, transparent .125000em),
			-ms-linear-gradient(rgba(0,0,0,.05) .062500em, transparent .062500em);
	background-image:
			-o-linear-gradient(0deg, transparent .05em, rgba(0,0,0,.05) .05em, rgba(0,0,0,.05) .125000em, transparent .125000em),
			-o-linear-gradient(rgba(0,0,0,.05) .062500em, transparent .062500em);
	background-image:
			linear-gradient(0deg, transparent .05em, rgba(0,0,0,.05) .05em, rgba(0,0,0,.05) .125000em, transparent .125000em),
			inear-gradient(rgba(0,0,0,.05) .062500em, transparent .062500em);
	background-size: .75em .75em;
	background-position: 0 -0.5em;
}

.error		{ color: #cc3333; background: #ffcccc; border: #cc3333 1px solid; }
.success	{ color: #669933; background: #dcffb9; border: #669933 1px solid; }
.cen 	 	{ vertical-align: middle; }
.clear, .cl { clear: both; }
.wrap		{ overflow: hidden; }

#container { width: 640px; margin: 50px auto; }

h1 { font-size: 26px; color: #444; }
h2 { font-size: 18px; color: #888; margin-bottom: 15px; }
h1, h2 { font-style: italic; line-height: 30px; }

p { margin-bottom: 15px; padding-left: 1px; }
p:last-child { margin: 0; }
ul { list-style: none; margin-top: 35px; }
li { padding: 5px; }

small { color: #9f9f9f; font-style: italic; font-size: 11px; }

.validation_error:first-child { clear: both; padding-top: 10px; border-top: 1px dashed #ccc; }
.validation_error { clear: both; font-size: 11px; font-style: italic; color: #cc3333; }



/* FORMS
 -------------------------------------------------------------------------------------- */
textarea, input {
	background: #fcfcfc; border: 1px solid; border-color: #ddd #fff #fff #ddd; padding: 7px;
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-size: 12px;
}

textarea { width: 620px; height: 100px; padding: 10px; }
input[type=text], input[type=password] { width: 200px; display: block; }

input[type=submit] {
	float: right; padding: 3px 10px; margin-top: 5px; cursor: pointer; position: relative;
	font-family: inherit; font-style: italic; font-size: 11px; color: #777;	background: #fff;
	border: 1px solid; border-color: #fff #ddd #ddd #fff; left: 3px;
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
}
input[type=submit]:hover { border-color: #afafaf; }



/* LOGIN & REGISTER
 -------------------------------------------------------------------------------------- */
#auth { width: 216px; margin: 35px auto; }
#auth form { margin-top: 5px; }
#auth input[type=submit] { margin-top: 0; margin-bottom: 25px; float: left; left: 1px; }
#auth input { margin-bottom: 5px; margin: 10px 0; }