/*******************************************************
 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;
}

.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;
	float:left;
	top: -22px;
	left: 0px;
	width:338px;
	height:288px;
	z-index:7;
	background:url(/images/pageimages/fun_colorcrew_bg.png);
	display:block;
}
.colourcrew-page #ticker {
	z-index: 3;
	position: absolute;
	top: 30px;
	left: 20px;
}
.colourcrew-page a {
	z-index: 4;
	position: absolute;
	display: block;
	text-decoration: underline !important;
	color: black !important;
}


.colourcrew-page {
	position:absolute;
	top: -22px;
	left: 0px;
	width:338px;
	height:288px;
	z-index:7;
	background:url(/images/pageimages/fun_colorcrew_bg.png);
	display:block;
}

.colourcrew-page .crew-logo {
	position:absolute;
	top: 22px;
	left: 40px;
}

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

.colourcrew-page a {
	position:absolute;
	top: 227px;
	left: 103px;
}

.colourcrew-page .profile-btn {
	top: 232px !important;
	left: 85px !important;
	padding: 5px 15px;
	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; }


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

.comptext {
	position:absolute;
	float:left;
	top: 130px;
	left: 134px;
	width:280px;
	height:130px;
	padding: 0px;
}

.comptext p {
	padding:10px;
	position:absolute;
	top: -10px;
	left: 130px;
	display: inline;
}

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

.gametext {
	position:absolute;
	float:left;
	top: 104px;
	left: 22px;
	width:113px;
	height:228px;
	padding: 0px;
}

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

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

.activites {
	position:absolute;
	float:left;
	top: 269px;
	left: 99px;
	width:489px;
	height:279px;
	z-index:2;
	background:url(/images/pageimages/fun_activities_bg.png);
	display: block;	
}

.activitiestext {
	position:absolute;
	float:left;
	top: 96px;
	left: 210px;
	width:270px;
	height:125px;
	z-index:7;
	padding: 0px;
}

.tv {
	position:absolute;
	float:left;
	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;
	float:left;
	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;
}