/* Styles for Homepage */

#main {
	background-color: #f3f3f3;
}

#main #mainContent {
	background-color: #f3f3f3;
}


#main h1 {
	color: #0081D7;
	font-size: 22px;
	font-weight: 100;
	padding: 0 0 10px;
}

#subHeader {
	background:#fff;
}

#subHeader #subHeaderContent { 
	height: 467px; 
	padding: 40px 0 40px 0; 
	color: #fff;
	background: #fff;
}

#subHeaderContent p {
	color: #ccc;
	font-size: 13px;
}

#subHeaderContent #miniQuiz {
	clear: both;
}

#subHeaderContent #miniQuizLeft {
	float:right; 
	width: 329px; 
	height: 467px; 
	padding: 0; 
	text-indent:-9999px; 
	background: url("../images/green_mini_right_bg.jpg") no-repeat 0 0; 
	position: relative;
}

#subHeaderContent #miniQuizRight {
	float: left; 
	width: 620px; 
	height: 452px; 
	padding: 0;
	background: url("../images/express_yourself.png") no-repeat 2px 0;
	overflow:hidden;
}

.greenStartTheQuiz {
	display:block; 
	position:absolute; 
	background: url("../images/start_quiz_green_btn.png") no-repeat 0 -100px; 
	width: 314px; 
	height:62px; 
	bottom:14px; 
	left:2px; 
}

.greenStartTheQuiz:hover {
	display:block; 
	position:absolute; 
	background: url("../images/start_quiz_green_btn.png") no-repeat 0 0px; 
	width: 314px; 
	height:62px; 
	bottom:14px; 
	left:0px; 
}

.greenStaticQuizz {
	float:left; 
	width:642px !important; 
	padding:0 !important; 
	position:relative; 
	top:109px;
	overflow:hidden;
}

.greenStaticQuizz a{
	float:left; 
	display:block; 
	border: #fff solid 3px; 
	margin-top:12px; 
	margin-right:14px;
}

.greenStaticQuizz a:hover{
	float:left; 
	display:block; 
	border: #7ab20d solid 3px;
}

.greenStaticQuizz a img{
	float:left; 
	width:138px; 
	height:138px;
}

#homeLeft {
	float: left;
	width: 600px;
	background-color: #fff;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;
	padding: 10px;
}

#homeLeft .online {
	padding-left: 26px;
}

#homeLeft .online a {
	margin: 8px;
}

#homeRight {
	float: right;
	width: 300px;
	padding: 0 10px;
}

#homeRight h2 {
	color: #999999;
	font-weight:100;
	margin:0;
	padding: 0 0 10px 0;
}

#homeRight ul.banners {
	margin: 0 0 10px 0;
	padding: 10px 0 0 0;
}

#homeRight ul.banners li {
	margin: 0;
	padding: 10px 0 0 0;
}

#homeRight .popular a, 
#homeRight .new a {
	margin: 1px;
}

#homeRight .new {
	padding-top: 30px;
}

#homeSeen {
	margin-top: 20px;
	background-color: #EFEFEF;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;
	padding: 10px;
}

#homeSeen h2 {
	color: #555;
	font-family:Arial,sans-serif;
	font-size: 18px;
	font-weight: 100;
	margin: 0 0 10px;
	padding: 0 5px;
}

#homeSeen a {
	margin: 0 0 0 20px;
}

#main #peopleLeft h1 {
	margin: 0;
	color: #98b722;
	font-size: 20px;
	font-weight: 100;
	padding: 0 0 10px;
}

#main #peopleLeft h2 {
	color: #777;
	font-weight:bold;
	margin:0;
	padding: 0 0 10px 0;
}
 

#main #peopleRight #displayType {
 	display: none !important;
}

#main #peopleRight .counter {
	width: 160px;
	padding-left: 10px;
}

#main .pagination {
	padding-top: 3px !important; 
}