@import url(base.css);

body {
	background:#C9EE4A url(../images/login-bg.gif) repeat-x left 2em;
}

#main-wrapper {
	position:relative;
	width:60em;
	margin:40px auto;
	padding:1em;
}

#logo {
	height:300px;
}

img.logo {
	position:absolute;
	top:60px;
	left:0;
}

img.screenshot {
	float:right;
}

#summary {
	float:left;
	width:30em;
}

.important h3,
#summary h1 {
	color:#546B05;
	font-size:1.4em;
}

.important h3 {
	font-size:1em;
}

.firefox,
#footer,
.important p,
#summary p,
.cmonandjoin {
	color:#81A40B;
	margin:0.7em;
}

.cmonandjoin {
	font-size:1.7em;
	text-align:center;
	padding-top:4em;
}

#summary p {
	color:#546B05;
	font-size:1.1em;
}

.firefox a,
#footer a,
.important p a,
#summary p a,
.cmonandjoin a {
	color:#67820A;
}

.firefox a:hover,
#footer a:hover,
.important p a:hover,
#summary p a:hover,
.cmonandjoin a:hover {
	color:#67820A;
	text-decoration:none;
	background:#fff;
}

#summary .new {
	position:absolute;
	top:140px;
	left:52.5em;
}

#summary .new a {
	display:block;
	height:97px;
	width:97px;
	overflow:hidden;
	text-indent:-10000px;
	background:url(../images/join-now.gif) no-repeat top left;
}

#summary .new a.enter {
	background:url(../images/enter-now.gif) no-repeat top left;
}

#features {
	clear:both;
	padding:2em 0 2em 0;
}

#features h2 {
	color:#546B05;
	font-weight:normal;
	font-size:2em;
	text-align:center;
	padding:1.5em 0 0.5em 0;
}

#features .feature {
	float:left;
	text-align:center;
	margin:19px;
	margin-bottom:30px;
}

#features .feature img {
	border:2px solid #fff;
	padding:1px;
}

#features .feature p {
	color:#546B05;
	text-align:left;
	width:256px;
	margin:1em 0 2em 1.2em;
}


.important {
	clear:right;
}

.important,
#login-wrapper {
	float:right;
	width:226px;
}

form {
	margin:0;
	padding:0;
}

#login-wrapper {
	position:relative;
	margin:0;
	padding:0 10px 36px 0;
	background:#9CC318 url(/v/8/images/login-wrapper-bg.gif) repeat-x bottom right;
}

#login-wrapper h2 {
	color:#546B05;
	font-size:1.2em;
	margin:0;
	padding:10px 0 4px 10px;
	background:url(/v/8/images/login-wrapper-h2-bg.gif) no-repeat top left;
}

#login-wrapper h2 a,
#login-wrapper h2 span {
	color:#546B05;
	display:block;
	height:20px;
	width:100px;
	position:absolute;
	top:0;
	left:126px;
	padding:10px 10px 0 0;
	text-align:right;
	background:url(/v/8/images/login-wrapper-h2-a-bg.gif) no-repeat top right;
}

#login-wrapper h2 a:hover {
	color:#fff;
}

#login-wrapper fieldset {
	font-size:0.9em;
	border:none;
	margin:0;
	padding:0 0 0 10px;
	background:url(/v/8/images/fieldset-bg.gif) no-repeat bottom left;
}

#login-wrapper fieldset legend {
	display:none;
}

#login-wrapper label {
	float:left;
	color:#fff;
	width:7em;
	padding-top:3px;
}

#login-wrapper .cookiechk label {
	color:#67820A;
	width:10em;
	padding-top:0;
}

#login-wrapper a {
	color:#67820A;
}

#login-wrapper a:hover {
	color:#fff;
}

#login-wrapper input {
	font-size:1em;
}

#login-wrapper .cookiechk input.frmbtn {
	float:right;
}

#latest .links,
#login-wrapper div,
#login-wrapper p {
	clear:both;
	position:relative;
	color:#fff;
	clear:both;
	padding:7px 3px 5px 6px;
	width:96%;
	background:url(/v/8/images/fieldset-div-bg.gif) repeat-x top left;
}

#login-wrapper p {
	margin:0;
	padding:7px 3px 7px 6px;
}

#login-wrapper p a {
	color:#fff;
}

#login-wrapper p a:hover {
	color:#000;
}

#login-wrapper div.forgotpass {
	text-align:center;
	background:none;
}

* html #login-wrapper div.forgotpass {
	background:url(/v/8/images/fieldset-div-bg.gif) repeat-x top left;
}

#login-wrapper div.forgotpass a {
	color:#C9EE4A;
	text-decoration:none;
}

#login-wrapper div.forgotpass a:hover {
	color:#fff;
	text-decoration:underline;
}

.firefox {
	clear:both;
	text-align:center;
	padding:9em 0 0 0;
}

#footer {
	text-align:center;
}