/* @override http://eraratings.org.uk/css/teaser.css */

/* Body */
html {
	min-height: 100%;
	height: 100%;
}

body {
	background: #fff url(/img/bg-sky.png) top center no-repeat;
	font: 19px/1.25 'Helvetica Neue', Arial, Helvetica, Verdana, sans-serif;
	color: #292929;
	height: 100%;
}

.container {
	display: block;
	min-height: 100%;
	min-width: 100%;
	width: 100%;
	height: 100%;
	background: transparent url(/img/bg-grass.png) bottom center no-repeat;
}

.wrap {
	width: 600px;
	margin: 0 auto;
	padding-top: 100px;
}

h1 {
	width: 400px;
	height: 155px;
	margin: 0 auto 20px auto;
	background: url(/img/era-logo.png) no-repeat;
	text-indent: -10000px;
}

h1 a {
	display: block;
	width: 100%;
	height: 100%;
}

h2, h3 {
	text-align: center;
}

h2 {
	font-weight: bold;
}

h3 {
	margin-top: 5px;
	font-size: 16px;
}

form {
	width: 415px;
	margin: 40px auto;
	text-align: center;
}

label {
	float: left;
}

input.email {
	font: 16px/1 'Helvetica Neue', Arial, Helvetica, Verdana, sans-serif;
	border: none;
	padding: 9px 10px 9px 10px;
	width: 250px;
	background: #d8e1d8;
	border: 2px solid #3c6c3c;
	color: #3c6c3c;
	float: left;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;		
}

input.email:focus {
/*	background: #f5f7f5;*/
	border-color: #244a24;
}

input.submit {
	float: right;
	width: 120px;
	height: 32px;
	margin: 5px 0 0 0;
	background: url(/img/button-notify.png) 0 0 no-repeat;
}

input.submit:hover {
	background-position: 0 -32px;
}

input.submit:active {
	background-position: 0 -64px;
}