@charset "UTF-8";
/*
 * CSS Document 
 * Andrew McConville
*/

* {
	padding:0;
	margin:0;
}

body {
	font-family: 'Lato', sans-serif;
	background-color:#eee;
}

h1 {
	max-width:440px;
	padding:0 40px;
	margin:20px auto 0 auto;
	font-size:350%;
  text-shadow:2px 2px 6px rgba(0, 0, 0, .2);
	color:#fff;
	line-height:100%;
}

#wrapper {
	margin:0 auto 20px auto;
	padding:40px;
	max-width:440px;
	background-color:#ddd;
	border:5px solid #fff;
  box-shadow:2px 2px 6px 0px rgba(0, 0, 0, .2);
}

label {
	padding:0 0 0 2px;
	color:#444;
}

.text-wrapper,
.textarea-wrapper,
.select-wrapper {
	background-color:#fff;
	border:1px solid #aaa;
	height:24px;
	line-height:24px;
	padding:2px 4px 4px 4px;
	border-radius:6px;
}

.textarea-wrapper {
	height:72px;
}

.select-wrapper {
	padding:2px 4px 4px 4px;
}

input, textarea, select {
	width:100%;
	height:100%;
	background-color:#fff;
	border:none;
	font-size:87.5%;
	height:24px;
	line-height:24px;
}

textarea {
	font-family: 'Lato', sans-serif;
	height:72px;
	line-height:24px;
	font-size:100%;
}

select {
	height:20px;
  /* -webkit-appearance:button; dosen't validate*/
}

.radio-checkbox-wrapper {
	color:#444;
	margin:0 0 0 -12px;
}

.radio-checkbox-elements {
	width:auto;
	height:auto;
	margin:4px 4px 4px 12px;
}

form p {
	margin:0 0 20px 0;
	font-style:italic;
	font-size:75%;
	color:#888;
	padding:0 0 0 2px;
}

form hr {
	margin:30px 0;
	border:none;
	border-top:2px dotted #fff;
	height:0px;
}

#submit {
	width:100%;
	height:30px;
	cursor:pointer;
	border:2px solid #fff;
	font-size:100%;
	background-color:#eee;
	color:#666;
}

#submit:hover {
	background-color:#fff;
	border-color:#888;
	color:#000;
}