/*
=====
RAISING READERS GLOBAL CSS
=====
*/

body
{ 
	background: #fff url(../images/footerbg.jpg);
	margin: 0 0 10px 0;
	font-family: arial;
	font-size: 12px;
}

h2
{
	font-size: 18px;
	font-weight: 900;
	margin: 0 0 4px 0;
	padding: 0;
}

p
{
	margin: 5px 0 10px 5px;
	font size: 12px;
}

hr
{
	width: 400px;
	text-align: center;
	margin: 20px auto 20px auto;
	padding:0;
	color:#c2df8a;
}

.container
{
	background-color: #fff;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

.header
{
	background: #fff url(../images/footerbg.jpg);
	background-repeat: repeat-x;
	margin: 0 0 0 0;
	height: 49px;
	text-align: left;
}

.footer
{
	margin: 0 0 0 0;
	text-align: center;
	color: #fff;
	font-size: 12px;
	clear: both;
}

.footer img
{
	vertical-align: top;
}

.center
{
	background-color: #fff;
	margin: 0 auto;	
	padding: 10px 0 30px 0;
	text-align: center;
	width: 970px;
}

.center.superwhygame
{
	width: 1030px;
}

.indexcenter
{
	width: 900px;
	margin: auto;
	padding: 10px 0 30px 0;
	text-align: left;
}

li
{
margin: 0;
padding: 5px 5px 5px 5px;
}


.login
{
	background-color: #1cabe3;
	color:#ffffff;
	margin:0;
	padding: 0;
	text-align: left;
}

.login .logingutter
{
	margin: 0;
	padding: 10px 10px 5px 10px;
}


.login a:link,
.login a:visited,
.login a:hover,
.login a:active
{
	color: #fff;
}

.login a:hover
{
	text-decoration: none;
}

.login p 
{
	margin: 0;
	padding: 0 0 5px 0;
	overflow: hidden;
}

.login form
{
	margin: 0;
	padding: 0 0 5px 0;
}

.login form input
{
	margin: 0 0 5px 0;
	padding: 0;
}

.login .error
{
	background-color: #ff9595;
	padding: 5px;
	margin: 5px 0;
	color: #000;
}

.login .approval
{
	background-color: #a4ffa4;
	padding: 5px;
	margin: 5px 0;
	color: #000;
}

.login .error a,
.login .approval a
{
	color: #000;
}

.login .loginfooter
{
	border-top: 2px solid #fff;
	margin-top: 5px;
	padding-top: 5px;
}

#loginbutton
{
	margin: 0 5px 0 0;
}



/* CSS HACKS FOR CLEARING FLOATS PROPERLY */

.center:after,
.highlight:after,
.list:after,
.date:after,
.trackerbody:after,
.selectors:after,
.databoxes:after,
.login:after,
.block:after
{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}


* html .center
* html .right,
* html .highlight,
* html .list,
* html .date,
* html .trackerbody,
* html .selectors,
* html .databoxes,
* html .login,
* html .block
{
	height: 1%;
}