/*******************************************************
 FUN css for Smiggle
*******************************************************/


.middle {
	position:relative;
	width: 755px;
	height: 680px;
}

/***************************************
rollover text style
***************************************/

#content a {
	color: white;
	text-decoration: none ;
	display: block;
}

#content a:hover, #content a:focus {
	color: white;
	text-decoration: underline;
	display: block;
}
#content a img {
	text-decoration:none !important;
}

.comptext a p {
	text-decoration: none;
}

.comptext a:hover p, a:focus p, a:active p {
	text-decoration: underline;
}

.activitiestext a p {
	text-decoration: none ;
}

.activitiestext a:hover p, a:focus p, a:active p {
	text-decoration: underline;
}



/* Indiviual styles
***************************************/

.colourcrew-page {
	position:absolute;
	top: -30px;
	left: 0px;
	width:348px;
	height:342px;
	background:url(/images/pageimages/fun_colorcrew_lightblue_bg.png) no-repeat;
	display:block;
}
#slides{z-index:8;}

 
.colourcrew-page #fader { width:345px; height:326px; display:block; margin-top:10px; }
.colourcrew-page #slides { position:relative; width:345px; height:326px; list-style:none; overflow:hidden; margin:0; padding:0; }
.colourcrew-page #slides li { width:345px; height:326px; display:block; margin:0;  }
.colourcrew-page #slides li img { width:345px; height:326px;  display:block;  }
#pagination1 { display:none; }


.colourcrew-page a {
	z-index: 1000;
	display: block;
	text-decoration: underline !important;
	color: black !important;
}
/*
.colourcrew-page .crew-logo {
	position:absolute;
	top: 21px;
	left: 40px;
}

.colourcrew-page p {
	position:absolute;
	top: 172px;
	left: 40px;
	width: 260px;
	text-align: center;
	z-index:7;
	color: black;
	font-size: 110%;
	font-weight:bold;
}

*/

.enter-btn {position:absolute; z-index:500; margin:225px 0 0 180px; }
 
.profile-btn {
	top: 240px !important;
	left: 165px !important;
	padding: 5px 25px;
	font-weight: bold;
	color: white !important;
	border: solid 1px #CCC;
	text-decoration: underline !important;
	border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
}
.profile-btn:hover { text-decoration: none !important; }
.profile-btn.Pink { background:#e51d9b; }
.profile-btn.Purple { background:#9b2c98; }
.profile-btn.Blue {  background:#0078ca; }
.profile-btn.Green {  background:#00b84f; }
.profile-btn.Silver {  background:#cbcac8; }
.profile-btn.Black {  background:#2a2723; }

.previous-results a { color:#FFF !important; position:absolute !important; width:270px !important; z-index:200 !important; margin:250px 0 0 85px !important; cursor:pointer !important; text-decoration:none!important; top:40px !important; left: 0 !important;}
 .previous-results a:hover{ text-decoration:underline !important; }

.competition {
	position:absolute;
	background:url(/images/pageimages/fun_skins_bg.png) no-repeat;
	top: -15px;
	left: 199px;
	width:550px;
	height:325px;
	z-index:5;
	display: block;
}

.comptext {
	position:absolute;
	font-size:12px;
	top: 74px;
	left: 125px;
	width:280px;
	height:220px;
	padding: 0px;

}
.comptext h2 {
	margin-left:20px;
	
}
.comptext .skins-img {
	margin-left:28px;
	margin-bottom:8px;
	
}
.comptext p {
	padding: 0 20px;
	left: 0px;
	text-align:center;

}

#games {
	position:absolute;
	top: -50px;
	left: 613px;
	width:180px;
	height:332px;
	z-index:6;
	background:url(/images/pageimages/fun_games_bg.png);
	display: block;	
}


#games .viewport { width: 106px; height: 125px; border-radius:10px; -moz-border-radius:10px; -weblkit-border-radius:10px; border:solid 1px #999; background-color:#000; overflow: hidden;  position:absolute; top:106px; left:27px;  }
#games .disable { visibility: hidden;}
#games .overview { list-style: none; padding:0; margin:0; position:absolute;  }
#games .overview li{ float:left; width:106px; text-align:center; margin-top:6px; }
#games .overview a { text-decoration:none; padding:0px; margin:0; } 
#games .overview img { }

#games .game-title { font-family:'CernshandwritingRegular',Arial,sans-serif; font-size:110%;}
#games .game-text { color:#FFF; text-align:center; width:115px;  position:absolute; left:22px; top:238px; font-size:12px; }
#games .slider-nav{ display:inline-block; *display:block; *width:80px; } 
#games .pager { list-style: none; display:inline-block; position:absolute; left:0px; top:305px; width:115px; padding:0 auto; }
#games .pager li { float:left; }

#games .pagenum {	border: solid 1px #ededed;
					background:white none repeat scroll 0 0;
					display: block;
					width:10px;
					height:10px;
					text-indent:-9999px;
					margin:0 1px;}
						
#games .active { color: #fff; background-color: #F0F; }

.blog {
	position:absolute;
	top: 310px;
	left: 5px;
	width:298px;
	height:286px;
	z-index:3;
	background:url(/images/pageimages/fun_blog_bg.png);
	display: block;
}

.blogtext {
	position:absolute;
	top: 100px;
	left: 50px;
	width:230px;
	height:128px;
	z-index:7;
	padding: 0px;
}

.blogtext em {
	font-weight:bold;
	font-style:normal;
	text-decoration:underline;	
}


.tv {
	position:absolute;
	top: 297px;
	left: 561px;
	width:231px;
	height:387px;
	z-index:1;
	background:url(/images/pageimages/fun_smiggleTV_bg.png);
	display: block;	
}

.tvtext a {
	position:absolute;
	top: 70px;
	left: 30px;
	width:180px;
	height:161px;
	z-index:7;
	padding: 0px;
	color: black !important;
}

.wallpaper {
	position:absolute;
	top: 524px;
	left: 13px;
	width:547;
	height:152;
	z-index:4;	
}

.wallpaperitem1 {
	position:absolute;
	top: 605px;
	left: 100px;
	width:547;
	height:152;
	z-index:4;	
}

.wallpaperitem2 {
	position:absolute;
	top: 605px;
	left: 200px;
	width:547;
	height:152;
	z-index:4;	
}

.wallpaperitem3 {
	position:absolute;
	top: 605px;
	left: 300px;
	width:547;
	height:152;
	z-index:4;	
}

.wallpaperitem4 {
	position:absolute;
	top: 605px;
	left: 400px;
	width:547;
	height:152;
	z-index:4;	
}

a.main-link { color: black !important; }
a.main-link p { padding-top: 7px; }
.main-link #img {
	display: block;
	border:1px solid #000;
}

<!-- activities -->

    .act { border:solid 2px red; position:absolute; z-index:10; width:300px; height:400px;}
	#activities .viewport { width: 300px; height: 140px; overflow: hidden; margin:0 0 0 13px; _margin:0 0 0 5px; position:absolute; top:90px; left:185px; }
	#activities .disable { visibility: hidden;}
	#activities .overview { list-style: none; padding: 0; margin: 0;  position: absolute; left: 0; top: 0; }
	#activities .overview li{ 
		display:block;
		float:left;
		font-size:90%;
		margin-right:3px;
		text-decoration:none;
		width:300px;
		padding: 8px 10px; 
	}
	
	#activities .overview a { text-decoration:none;} 
	#activities .overview img {float:left; }
	#activities .overview .activity-description {float:left; width:120px; padding-left:10px; color:#FFF; }
	#activities .overview .activity-description:hover {text-decoration:underline; }
	#activities .overview .name{ font-weight:bold; min-height:2.6em; text-decoration:underline; }
	
	#activities .slider-nav{display:inline-block; *display:block; *width:80px; margin-left:110px; } 
	#activities .pager { list-style: none; display:inline-block; position:absolute; top:230px; left:285px; }
	#activities .pager li { float:left; }

	#activities .pagenum {	border: solid 1px #ededed;
							-moz-border-radius:4px;
							-webkit-border-radius:4px; 
							border-radius: 4px; 
							background:white none repeat scroll 0 0;
							display: block;
							width:8px;
							height:8px;
							text-indent:-9999px;
							margin:0 2px;}
							
	#activities .active { color: #fff; background-color: #0F0; }