/* Layout */
	body { background:#8cc63f url("../images/bg.jpg") top center repeat-y; }
		#container { width:960px; margin:20px auto; }
			#header { position:relative; height:80px; }
				#login-welcome { position:absolute; top:0; right:0; }
				#logo { z-index:555; position:relative; }
			#content { padding-left:270px; width:690px; position:relative; }
				#page {  }
					.paper { background:url("../images/bg-paper.jpg") top right repeat-y; width:590px; padding:30px 50px 100px 50px; }
					#registration .paper { padding-bottom:30px; }
					#offers .paper { padding-bottom:30px; }
					#news .paper { padding-bottom:15px; padding-right:170px; width:460px; }
					.tv { background:url("../images/bg-screen.png") 0 0 no-repeat; height:470px; width:400px; padding:70px 150px 0 110px; }
					#competition #page { padding-right:400px; height:530px; }
					#funzone #page { padding-right:200px; height:450px; }
					
				#membership #boxes { margin-top:-80px; }
				.paper #boxes { margin:-80px 0 0 -30px; }
								
				.box { float:left; padding:50px 70px 40px 30px; width:190px; min-height:140px; background:url("../images/box-01.png") 0 0 no-repeat; }
					.box-01 { padding-right:50px; width:210px; }
					.box-02 { background-image:url("../images/box-02.png"); margin-top:10px;  }
					.box-03 { background-image:url("../images/box-03.png"); padding-bottom:55px; }
					.box-04 { background-image:url("../images/box-04.png"); }
					.box-05 { background-image:url("../images/box-05.png"); padding-bottom:0; }
					.box-06 { background-image:url("../images/box-06.png"); margin-top:-20px; }
					.box-07 { background-image:url("../images/box-07.png"); padding-right:140px; width:120px; }
					.box-comic { background:none; padding:0; width:284px; margin:0 0 -70px -30px; }
					.box img { float:right; }
					
						.box-05 img { margin:0 -80px 0 0 ; }
						.box-06 img { margin:-20px -100px 0 10px; }
						.box-03 img { float:left; margin-top:-40px; margin-left:-30px; }
					
						#home .box-02,
						#membership .box-02,
						#news .box-02,
						#news .box-04 { margin-left:-30px; }
						#news .box-06 { margin-left:-15px; }
						#news .box-04 { margin-top:-20px; }
						#news .box-05 { margin-top:-40px; }
						#news .box-06 { margin-top:-50px; }
				
						#gadget-computer { margin:-50px -60px 0 0; }
						#gadget-compact { margin:-20px -50px 0 10px; }
						#gadget-computer-profiles { margin:-160px 0 0 -150px; }
						#cat-alt { float:right; margin:-20px 0 0 -10px; }
				
				#decoration-01 { position:absolute; top:110px; left:0; }
				#decoration-02 { position:absolute; bottom:30px; right:0; }
				#decoration-03 { position:absolute; top:300px; right:0; }
				
					#home #decoration-01 { width:350px; height:410px; margin-left:-70px; background:url("../images/character-dog-07.png") 0 0 no-repeat; z-index:999; }
					#home #decoration-02 { width:242px; height:264px; margin-right:-20px; background:url("../images/character-cat-01.png") 0 0 no-repeat; }
					
					#membership #decoration-01 { width:315px; height:401px; margin-left:-70px; background:url("../images/character-dog-01.png") 0 0 no-repeat; z-index:999; }
					#membership #decoration-02 { width:242px; height:264px; margin-right:-20px; background:url("../images/character-cat-01.png") 0 0 no-repeat; }
					
					#registration #decoration-01 { width:315px; height:401px; margin-left:-70px; background:url("../images/character-dog-01.png") 0 0 no-repeat; z-index:999; }					
					#registration #decoration-03 { top:100px; width:230px; top:300px; height:281px; background:url("../images/character-mouse-03.png") 0 0 no-repeat; } 
				
					#profiles #decoration-01 { width:371px; height:359px; margin-left:-90px; background:url("../images/character-mouse-02.png") 0 0 no-repeat; z-index:999; }
					#profiles #decoration-03 { width:219px; height:348px; background:url("../images/character-dog-02.png") 0 0 no-repeat; }
					
					#news #decoration-01 { width:378px; height:437px; margin-left:-90px; background:url("../images/character-dog-03.png") 0 0 no-repeat; z-index:999; }
					#news #decoration-03 { top:100px; width:230px; height:281px; background:url("../images/character-mouse-03.png") 0 0 no-repeat; }
					
					#competition #decoration-01 { width:350px; height:350px; margin-left:-50px; background:url("../images/character-dog-05.png") 0 0 no-repeat; z-index:999; }
					#competition #decoration-03 { top:100px; width:524px; height:524px; background:url("../images/character-cat-03.png") top right no-repeat; }
					
					#funzone #decoration-01 { width:430px; height:390px; margin-left:-120px; background:url("../images/character-dog-06.png") 0 0 no-repeat; z-index:999; }
					#funzone #decoration-03 { top:100px; width:304px; height:497px; background:url("../images/character-mouse-04.png") top right no-repeat; }
					
					#comic #decoration-01,
					#game #decoration-01 { width:315px; height:401px; margin-left:-70px; background:url("../images/character-dog-01.png") 0 0 no-repeat; z-index:999; }

					#offers #decoration-01 { width:350px; height:410px; margin-left:-70px; background:url("../images/character-dog-07.png") 0 0 no-repeat; z-index:999; }
					
				.game {}
				#game-01 { background:url("../images/game-01.png") 0 0 no-repeat; width:200px; height:150px; padding:40px 65px 60px 65px; }
				#game-02 { background:url("../images/game-02.png") 0 0 no-repeat; width:160px; height:190px; text-align:center; padding:60px; float:right; margin:-130px 50px 0 0; z-index:1000; position:relative; }
				
				#login-modal { background:url("../images/gadget-compact-large.png") top right no-repeat; padding:50px 250px 40px 50px; }
				
				.profile-img { float:right; margin:-50px -40px 0 0; }
				#profiles-other { text-align:right; margin:15px 10px 0 0; }

				#terms-and-conditions { height:100px; padding:15px; overflow:auto; border:1px solid #666; font-size:0.8em; background:#eee; }
				
				#game-file { border:5px solid #777777; margin:0 auto 20px; -moz-border-radius:5px; -webkit-border-radius:5px; -border-radius:5px; }
					.game-mission { width:500px;}
					.game-avoid { width:450px;}
					
					.high-score { float:left; width:47%; margin-right:6%; }
						.last-item { margin-right:0; }
						
				.offer { margin-bottom:20px; padding:0 0 10px 170px; border-bottom:1px dotted #aaa; }
					.offers-image { float:left; margin-left:-170px; }
				
		#footer {  }
			.social { display:none; margin-right:15px; }
			
		/* Overlay */
		#simplemodal-overlay {background-color:#000; cursor:wait;}

		/* Container */
		#simplemodal-container {height:300px; width:700px; color:#bbb; background-color:#fff; border:2px solid #dedede; }	
		#simplemodal-container a.modalCloseImg {background:url("../images/x.png") no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}

		
		
/* Typography */
body { font:67%/1.4 Arial, Verdana, sans-serif; color:#666; }
	#content { font-size:1.1em; }
	#page { font-size:1.2em; }
	#boxes { color:#fff; }
		.box-03 { color:#fff200; text-align:right; }
		.box-04 { color:#666; }
		.box-05 { color:#666 }
		.box-06 { color:#fff200; }
		.caveats { font-size:0.8em; color:#999; }
	#footer { color:#e6ffc4; text-align:right; }
	
	p { margin:0 0 1em 0; }
		#extras p { margin:0; }
		#footer p { margin:7px 0 20px 0 ; }
		.intro { font-weight:bold; }
			#news .intro { font-size:1.5em; }
		.box-03 p,
		.box-04 p,
		.box-05 p,
		.box-06 p { font-size:1.2em; }
		.box-07 p { color:#fff200; font-size:1.5em; }
		#game-02 p { margin:0 -15px 0 10px; }
		
		#login-welcome { color:#fff; text-transform:uppercase; font-size:1.5em; }
		#signup-prompt { margin:0; }
	
	
	ul, ol { margin:0 0 1em 1.5em; }
	
	dl {}
		dt { font-weight:bold; float:left; margin-right:10px; color:#e11b22; }
			dt.alt { float:none; display:block; }
		dd {  }

	h1 { font-size:2.4em; text-transform:uppercase; font-weight:normal; color:#e11b22; line-height:1.1; margin-bottom:0; }
		.paper h1 { font-size:3em; }
		.tv h1 { font-size:2.2em; margin-right:-50px; color:#e11b22; margin-bottom:0.5em; }
		#news h1 { color:#197b30; }
		#registration h1 { font-size:2.8em; }
	h2 { font-size:1.4em; text-transform:uppercase; font-weight:normal; line-height:1.1; margin-bottom:20px; }
		.paper h2 { color:#e11b22; }
		.game h2 { font-size:3em; margin:0; line-height:1.1; }
		#login-modal h2 { color:#e11b22; font-size:2em; margin-bottom:10px; }
		#game-instructions h2 { margin-bottom:0; }
		.high-score h2 { margin:10px 0 0 0; }
		h2.alt { margin-bottom:0.2em; }
		h3 { font-size:1.2em; text-transform:uppercase; font-weight:normal; line-height:1; margin-bottom:10px; font-weight:bold; }
		.box h3 { font-size:2em; margin:0; }
		.box-03 h3 { color:#fff; font-size:2.8em; }
		.box-04 h3 { color:#e11b22; font-size:2.5em; margin-right:-50px; }
		.box-05 h3 { color:#e11b22; font-size:2.5em; }
		.box-06 h3 { color:#fff; font-size:2.4em; margin-right:-30px; }
		.box-07 h3 { color:#fff; font-size:3em; }
	

/* Navigation */		
#navigation { margin:0; position:absolute; top:30px; right:0; }
	#navigation li { float:left; margin-left:17px; font-size:1.8em; text-transform:uppercase; }



/* Tables - bleuuugh */
table { width:100%; border-collapse:collapse; background:#fff; border:1px solid #777; }
	th, td { padding:5px 10px; }
	th { font-weight:bold; }

	.user { width:80%; }
	.score { width:20%; }
	
	th.user { text-align:left; }
	td.score { text-align:center; }

/* Forms */
form {  }
form div { margin:0 0 5px 0; padding:5px 0 0 0; }
	form div.action { padding-left:190px; }
	#login-modal form div.action { margin-bottom:20px; padding-left:160px; }
	#freeform div.action { padding-left:215px; }
	#form_competition div.action { padding-left:0; text-align:right; }
	
.text, textarea { border:1px inset #484848; padding:5px; width:200px; font-family: Arial, Verdana, sans-serif; color:#000000; }
	textarea.text { font-family:Arial, Verdana, sans-serif; font-size:1em; width:320px; height:120px; }
	.shortvalue { width:90px; }
	#form_competition .text { width:276px; }
select.text { width:auto; }
select.text option { padding:0 1em 0 0; }
label { float:left; width:190px; font-weight:bold; padding-top:5px; }
	#login-modal label { width:160px; }
	#freeform label { width:175px; padding-top:0; }
	#form_competition label { width:auto; }
fieldset { padding-left:180px; }
fieldset label { display:inline; width:auto; padding-left:10px; }
	
	.required { background:#ffe7e7; }
	
.submit { cursor: pointer;  }

		
	
/*  Links  */	
a			{ color:#e11b22; font-weight:bold; text-decoration:none; }
a:visited	{ color:#e11b22; }
a:hover		{ color:#e11b22; text-decoration:underline; }
a:active	{ color:#e11b22; text-decoration:none; }

#login-welcome a			{ color:#e11b22; }
#login-welcome a:visited	{ color:#e11b22; }
#login-welcome a:hover		{ color:#fff; }
#login-welcome a:active		{ color:#e11b22; }

#navigation a			{ color:#666; }
#navigation a:visited	{ color:#666; }
#navigation a:hover		{ color:#e11b22; }
#navigation a:active	{ color:#666; }

#navigation .selected a			{ color:#000; }
#navigation .selected a:visited	{ color:#000; }
#navigation .selected a:hover	{ color:#000; text-decoration:none; }
#navigation .selected a:active	{ color:#000; }

.box-02 a			{ color:#000; }
.box-02 a:visited	{ color:#000; }
.box-02 a:hover		{ color:#fff; }
.box-02 a:active	{ color:#000; }

.box-03 h3 a			{ color:#fff; }
.box-03 h3 a:visited	{ color:#fff; }
.box-03 h3 a:hover		{ color:#fff; }
.box-03 h3 a:active		{ color:#fff; }

.box-06 h3 a			{ color:#fff; }
.box-06 h3 a:visited	{ color:#fff; }
.box-06 h3 a:hover		{ color:#fff; }
.box-06 h3 a:active		{ color:#fff; }

#footer a			{ color:#e6ffc4; }
#footer a:visited	{ color:#e6ffc4; }
#footer a:hover		{ color:#e6ffc4; }
#footer a:active	{ color:#e6ffc4; }

a.button			{ color:#fff; }
a.button:visited	{ color:#fff; }
a.button:hover		{ color:#000; }
a.button:active		{ color:#fff; }

a.button-alt			{ color:#e11b22; }
a.button-alt:visited	{ color:#e11b22; }
a.button-alt:hover		{ color:#000; }
a.button-alt:active		{ color:#e11b22; }

.button { background:url("../images/button.png") left center no-repeat; padding:10px 0 10px 38px; color:#fff; font-size:1.2em; text-transform:uppercase; }

a:focus { -moz-outline: none; }


	
/* new clearfix */
.group:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: ".";
	clear: both;
	height: 0;
	}
* html .group             { zoom: 1; } /* IE6 */
*:first-child+html .group { zoom: 1; } /* IE7 */


/* Safari HACKS */
::root #id { }