/* ------------------------------
CSS for bestlollipop.co.uk
------------------------------ */

body {
	text-align:center;
	margin:0;
	padding:0;
	position:relative;
	background:#575959;
	font-family: arial, sans-serif;
	font-size: 13px;
	color: #3f3f3f;
}
.ff { display:block; clear:both; margin:0; padding:0; height:0px; }
div.clear {	clear: both;}

.db {
display: block;
}

.dn {display: none;}
/* ---------------------------------------------------------------------------------------------------- + Structure + */

	#container {
		margin:0 auto;
		width:800px;
		background: #86c1e6 url(../images/page_topback-rep.jpg) top left repeat-x;
		z-index:5;
		position: relative;
		text-align: center;
	}
	
	#background_container {
		background:#8dc001 url(../images/page_background-rep.png) left 220px repeat-x;
		width:100%;
		margin:0;
	}
	
/* Top */
	
	#topback {
		position: absolute;
		width:100%;
		height:220px;
		top:0px;
		left:0px;
		background: #86c1e6 url(../images/page_topback-rep.jpg) top left repeat-x;
		z-index:1;
	}

	#top {
		width:800px;
		height:135px;
		margin:0;
		padding:0;
	}
	#top p.banner {
		width:636px;
		height:135px;
		float:left;
		background: url(../images/page_top-banner.jpg);
		margin:0;
		padding:0;
	}
	#top a.logo {
		width:164px;
		float:left;
		height:74px;
		background:url(../images/page_top-logo.jpg);
		margin:61px 0 0 0;
		padding:0;
		display:block;
		text-decoration: none;
		
	}
	#nav {
		width:522px;
		height:184px;
		background:url(../images/page_nav-cloud.jpg) top left no-repeat;
		padding:0 0 0 278px;
		margin:0;
	}
	#nav div.top {
		width:522px;
		height:122px;
		float:left;
		background:url(../images/page_nav-top.gif) top left no-repeat;
		margin:0;
		padding:0;
	}
	#nav p.whitespace {
		padding:0;
		height:61px;
		background:#FFF;
		width:521px;
		float:left;
		margin:0;
		border-top:1px solid #757777;
		border-right:1px solid #757777;
	}
	
	a.page_nav-butHome, a.page_nav-butGame, a.page_nav-butQuiz, a.page_nav-butActivities, a.page_nav-butPast, a.page_nav-butHistory, 		a.page_nav-but2008, a.page_nav-butAbout {
		text-decoration: none;
		float:left;
		background:#FFF;
	}
	
	#nav div.top a.page_nav-butHome {
	
		width:66px;
		height:50px;
		background:url(../images/nav/nav_home.gif);
		margin:20px 0 0 30px;
	
	}
	
	#nav div.top a.page_nav-butGame {
	
		width:107px;
		height:47px;
		background:url(../images/nav/nav_game.gif);
		margin:23px 0 0 4px;
	
	}
	
	#nav div.top a.page_nav-butQuiz {
	
		width:66px;
		height:39px;
		background:url(../images/nav/nav_quiz.gif);
		margin:31px 0 0 21px;
	
	}
	
	#nav div.top a.page_nav-butActivities {
	
		width:107px;
		height:51px;
		background:url(../images/nav/nav_activities.gif);
		margin:19px 0 0 14px;
	
	}

	#nav div.top a.page_nav-butPast {
	
		width:107px;
		height:52px;
		background:url(../images/nav/nav_past.gif);
		margin:0px 0 0 5px;
	
	}
	
	#nav div.top a.page_nav-butHistory {
	
		width:138px;
		height:48px;
		background:url(../images/nav/nav_history.gif);
		margin:4px 0 0 9px;
	
	}

	#nav div.top a.page_nav-but2008 {
	
		width:105px;
		height:52px;
		background:url(../images/nav/nav_2009.gif);
		margin:0px 0 0 7px;
	
	}
	
	#nav div.top a.page_nav-butAbout {
	
		width:105px;
		height:30px;
		background:url(../images/nav/nav_about.gif);
		margin:22px 0 0 8px;
	
	}
	
	
/* Middle */

	#content {
		width:738px;
		background:#FFF;
		border:1px solid #757777;
		border-top:0;
		border-bottom:0;
		position:relative;	
		padding:10px 30px 25px 30px;
		text-align: left;
		line-height:20px;
		font-weight: lighter;
	}
	
	#content .votefor {
		width:481px;
		height:337px;
	/*	background:url(../images/lollipop-anim-2009_6.gif) center center no-repeat; */
		position: absolute;
		top:-61px;
		right:-59px;
		display: block;
		
	}
	
	.textPink{
		color: #c6057d;
		font-weight: bold;
		margin-bottom: 1em;
	}
	
	/* Column Code */
	
	.col_2l , .col_2r {
		display:block;
		background: #FFF;
	}
	.col_2r {
		float:right;
		width:397px;
	}
	.col_2l {
		float:left;
		width:328px;
	}
	
	.inside_col_2r {
		margin-top:290px;
		position: relative;
		left:25px;
	}
	
	.addthis {
		float:right;
		width:160px;
		margin:0 10px 0 0;
	}
	
	.flashobject {
		float:left;
	}
	
	/* Std Definitions */
	
	.imgLeft{
		float: left;
		margin: 0px 20px 20px 0px;
		
	}
	
	a {
		color:#0A84BB;
	}
	
	h1, h2 {
		clear: both;
		font-weight: bold;
		margin-bottom: 1em;
	}
	
	h1{
		font-size: 1.3em;
			color: #c6057d;
	}
	
	h2{
		font-size: 1.2em;
		color: #1188CC
	}
	
	b, strong {
		font-weight: bold;
	}
	
	
	#content .bull ul {
		margin: 0px 0px 16px 0px;
		border: 0px solid red;
		list-style-type: none;
	}
	
	*html #content .bull ul {
		list-style-image: url(../images/lollipop_point.gif);
		line-height:40px;
	}
	
	#content .bull ul li	{
		background:url(../images/lollipop_point.gif) left 10px no-repeat;
		border: 0px solid red;
		padding: 20px 0px 20px 50px;
	}
	
	*html #content .bull ul li {
		background:url();
		padding:0 0 0 50px;
	}
	
	.purpletxt {
		color:#bb0577;
	}
	
	
	#viralGame{
		margin-left: 25px;
	}
	
	.viralBookmark{
		margin: 20px 25px 0px 25px;
	}
	
	.viralEmbed{
		border: 1px solid #E6017F;
		width: 680px;
		margin: 20px 25px 0px 25px;
		padding: 10px;
	}
	
	*html .viralEmbed {
		width:660px;
	}
	
	.viralEmbed label{
		float: left;
		font-size: 11px;
		width: 250px;
	}
	
	.viralEmbed textarea{
		float: right;
		border: 1px solid #003470;
		width: 410px;
		height : 70px;
		margin: 0px;
		font-size: 11px;
		font-family: Arial;
	}	
	
	*html .viralEmbed textarea {
		width:330px;
	}
	
/* Footer */

	#footer {
		width:800px;
		height:88px;
		background:#575959;
		clear:both;
		margin:0;
		padding:0;
		border:0;
	}

	#footer a {
		color:#FFF;
		text-decoration: none;
	}
	
	#footer a:hover {
		text-decoration: underline;
	}
	
	#footer a.logo, #footer a.logo:hover {
		width:142px;
		height:88px;
		float:right;
		margin:0;
		padding:0;
		text-decoration: none;
		background: url(../images/page_footer-logo.jpg);
	}
	
	
	#footer p{
		float: left;
		margin:32px 0 0 15px;
		padding:0 0 0 0;
		color:#FFF;
		font-size:11px;
		line-height:14px;
		text-align: left;
	}
	
	#grey_padding{
		background:#575959;
		width:100%;
		clear:both;
		height:50px;
	}
	
	#grey_padding .white {
		background: #fff;
		width:798px;
		border:1px solid #757777;
		border-top:0;
		border-bottom:0;
		height:100%;
		margin:0 auto;
	}
	
	#backfooter {
		margin:0 auto;
		width:800px;
		height:88px;
		position:relative;
		z-index:1;
		bottom:0px;
		left:0px;
		background:#575959;
	}
	
	
	*html #backfooter {
		/*bottom:-1px;*/
	}
		
	
	#beacon { /* child of content */
		
		width:80px;
		height:454px;
		position:absolute;
		z-index:2;
		bottom:85px;
		left:-139px;
		background:url(../images/page_beacon.png);
	
	}
	
	*html #beacon {
		background:url(../images/page_beacon.gif);
	}
	
	p.statusbox {
		position: absolute;
		width:100%;
		height: 100%;
		background: url(../images/ajax-loader.gif) center center no-repeat;
	}