/* Puffin Island CSS File*/

/* 
Version number: 3.6
Last Modified: 02.09.10 
By:  David Holes
 */


/* PUFFIN ISLAND STYLES */

/*General styles*/

.inlineList li{
	float:left;
	display:inline;
}

#contentWrapper.island .floatLeft{
	float:left;
	margin-right:15px;
	margin-bottom:8px;}
	
#contentWrapper.island .floatRight{
	float:right;
	margin-left:15px;
	margin-bottom:8px;}
	
#contentWrapper.island  a {
	color:#FFFF00;}

#contentWrapper.island {
	color:#FFFFFF;}

#contentWrapper.island .lightBg {
	color:#333333;}	
	
#contentWrapper.island .yellow {
	color:#ffde00;}
	
	
#contentWrapper.island p{
	margin-left:0px;
	line-height:140%;}

#contentWrapper.island h2{
	margin:0px;}
	
#contentWrapper.island h3{
	padding-top:10px;
	margin-left:10px;}
	
#contentWrapper.island h4{
	font-size:200%;}
	
	
#contentWrapper.island .fadeWhiteBox h4{
	font-size:140%;}
	
	
#contentWrapper.island .fadeWhiteBox h5{
	margin-top:20px;
	font-size:140%;}
	

#islandNav{
	height:140px;}

#islandNav li{
	float:left;}
	
#contentWrapper.island{
	width:965px;
	margin:auto;}
		
.islandContent{
	clear:both;
	width:953px;
	border: 4px solid #a3201c;
	background:#4185aa;
	padding-bottom:15px;
	margin-bottom:30px;}
	
.PuffinFullContent{
	margin-left:15px;}
	
.PuffinMainContent{
	margin-left:15px;
	width:630px;
	float:left;}
	
.puffinRightContent{
	width:270px;
	float:right;
	margin-right:5px;}
	
HTML>BODY .puffinRightContent{
	margin-right:15px;
	}
	
.puffinRightContent ul.bulletList li{
	list-style:disc;
	line-height:20px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 20px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 10px;}

.specialFeatureLink{
	margin-top:15px;
	margin-bottom:15px;}
	
#contentWrapper.island .PuffinFooter{
	margin:0 15px;
	clear:both;
	overflow:hidden;
}
	
.back{	}
.back a{
	font-weight:bold;
	display:block;
	background: url(../images/arrow-back.png) no-repeat left center;
	padding-top: 2px;
	padding-bottom: 6px;
	padding-left: 28px;}

.backtotop{
	float:right;}
.backtotop a{
	font-weight:bold;
	display:block;
	background: url(../images/arrow-up.png) no-repeat left center;
	padding-top: 2px;
	padding-bottom: 0px;
	padding-left: 24px;}
	
	
.emptyBox{
	margin-top:25px;}
	
.fadeWhiteBox{
	padding:15px;
	width:600px;
	background: url(../images/1pxFade.png);}
	
.fadeWhiteBox p{
	margin-top:4px;}
	
.fadeBlackBox{
	padding:15px;
	background-image: url(../images/1pxFadeBlack.png);
	background-repeat: repeat;}
	
.fadeBlackBox.spaced{
	margin-top:25px;}
		
.fadeWhiteBox.spaced{
	margin-top:25px;}
	
.fadeWhiteBox.full{
	width:890px;}
	
.puffinRightContent .fadeWhiteBox{
	margin-top:25px;
	width:230px;}
	
.topLink{
	margin-bottom:15px;}
	
.bigIntro{
	font-weight:bold;
	font-size:130%;
	padding-bottom:20px;}
	
#homepage{
	padding-bottom:0px;}

.noGap{
	margin-left:-15px;}

/*nav menu	*/

.pageNav li{
	margin-right:14px;
	float:left;}	
.pageNav{
	margin-left:110px;}

#contentWrapper.island .pageNav a{
	padding-right:34px;
	padding-top:14px;
	font-size:120%;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	display:block;
	height: 28px;
	float:left;}
	
#contentWrapper.island .pageNav a:hover{
	background-image: url(../images/buttons/miniPuff_fly.png);
	background-repeat: no-repeat;
	background-position: right top;}
	
#contentWrapper.island .pageNav .selected{
	background-image: url(../images/buttons/miniPuff_fly.png);
	background-repeat: no-repeat;
	background-position: right top;}


	
	
/*PUFFIN PAVILLIOM*/




	
#PuffinPavillion{
	background:  url(../images/back_pavillion.jpg) repeat;}
#PuffinPavillionHeaderImg{
	background:  url(../images/headerback_pavillion.jpg) no-repeat;}
#PuffinPavillionFade{
	background:  url(../images/cornerimg_pavillion.png) no-repeat right top;}
#PuffinPavillionHeader{
	height:120px;
	background:  url(../images/disc_pavillion.png) no-repeat;}

#contentWrapper.island #authorBiog p{
	margin-left:240px;}	
#authorBiog h4{
	margin-left:240px;	}
	
#authorQA{
	clear:left;
	}	
	

#contentWrapper #authorQA .floatLeft{
	float:right;
	margin-left:20px;
	}	
	
#authorImg{
	float:left;
	margin-bottom:20px;}
	
#PuffinPavillionRightContent{
	margin-top:8px;}
#authorPassport{
	background: url(../images/authorpassport_bot.png) no-repeat bottom;}
#authorPassport div{
	padding:12px;
	width:245px;
	background: url(../images/authorpassport_top.jpg) no-repeat top;}
	

#featuredAuthors{
	clear:left;
	margin-top:25px;}	

.author{
	padding:5px;
	margin-left:15px;
	margin-top:15px;
	width:287px;
	float:left;
	background-image: url(../images/1pxFade.png);
}
	
.author h5{
	margin-top:10px;
	}
	

	

/*YOUR PUFFIN POST*/



	
#YourPost{
	background:  url(../images/back_yourpost.jpg) repeat;}
#YourPostHeaderImg{
	background:  url(../images/headerback_yourpost.jpg) no-repeat;}
#YourPostFade{
	background:  url(../images/cornerimg_yourpost.png) no-repeat right top;}
	
#YourPostHeader{
	height:120px;
	background:  url(../images/disc_yourpost.png) no-repeat;}
	
	
#yourPostHome{
	background-image: url(../images/yourPost_homePic.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-align:right;
	padding-left:380px;}
	
#yourPostHomeOption{
	width:580px;}	
	
#yourPostHomeOption li{
	float:left;
	margin-top:20px;}	
	
	
	
	
#sendArtwork{
	margin-top:25px;}
	
#gallery{
	margin-top:10px;}

#gallery ul{
	float:left;}
	
#gallery li{
	margin:15px 0 15px 25px;
	float:left;
	width:165px;
	text-align:center;
	display:inline;}

#gallery li img{
	display:block;
	margin-bottom:4px;
	border:#FFFFFF 2px solid;}
	
#galleryFooter{
	clear:left;
	background: url(../images/galleryFooter.png) no-repeat bottom;
	height: 60px;
	text-align:center;
	padding-top:30px;
	font-weight:bold;}
	
.sampleIllustration{
	padding-top:12px;
	padding-bottom:12px;
	margin-top:15px;
	border-top:solid #FFFFFF 1px;}
.sampleIllustration .floatLeft{
	border:solid #FFFFFF 1px;}
	
	
	
#puffinaryList li a{
	display:inline;
	margin:5px;
	font-weight:bold;}
#puffinaryList li {
	display:inline;
	margin:0px;}
	
#puffinary p {
	font-size:250%;
	margin-top:20px;
	margin-bottom:0px;
	font-weight:bold;}
	
#downloadOdway img{
	border:#0000CC 1px solid;}

#downloadOdway li{
	margin:20px;
	float:left;}
	

/*submit form*/	

.rightForm{
	width:265px;
	background: url(../images/rightform_bot.png) no-repeat bottom;}

.IslandRightForm{
	padding:15px;
	padding-top:0px;
	color:#FFE680;
	font-weight:bold;
	padding-bottom:65px;}
.IslandRightForm dt{
	float:left;
	width:205px;
	text-align:left;
	height:20px;
	line-height:20px;}
.IslandRightForm dd{
	float:left;
	width:200px;
	clear:none;}
.IslandRightForm input{
	margin:0px;
	width:190px;
	margin-top:4px;}
.IslandRightForm textarea{
	margin:0px;
	width:190px;
	margin-top:4px;}
.IslandRightForm .uploadButton{
	width:0px;
	margin-top:4px;}
.IslandRightForm .short{
	width:50px;}
	
.IslandRightForm .submit{
	margin-top:10px;}

.rightFormTitle{
	margin-top:30px;
	width: 265px;
        text-indent:-9999px;}
.rightFormTitle span{
	display:none;}
	
#sendArtwork{
	height: 98px;
	background: url(../images/rightform_top.png) no-repeat;}
#sendArtworkHome{
	height: 90px;
	margin-top:35px;}
#sendWords{
	background: url(../images/wowuswithyourwords.png) no-repeat;
	height: 94px;}
#sendHMD{
	height: 94px;
	background-image: url(../images/sendusmessages.png);
	background-repeat: no-repeat;}
#sendJokes{
	height: 94px;
	background-image: url(../images/proveyourfunniness.png);
	background-repeat: no-repeat;}

form.IslandRightForm p{
    margin-top:0;
}

#sendSnaps{
	height: 94px;
	background-image: url(../images/sendinsnaps.png);
	background-repeat: no-repeat;
}
		
#uploadForm{
	float:left;
	width:230px;
	border-top:solid #FFE680 1px;
	border-bottom:solid #FFE680 1px;
	padding-top:5px;
	padding-bottom:5px;
	margin-bottom:10px;}
	
.IslandRightForm .submitButton{
			height:auto;
			border:none;
			margin-top:10px;
			padding-bottom:14px;
			width:auto;}
	


.uploadBox input{
	width:225px;
	cursor:pointer;}
	
#wordOfTheWeek{
	background: url(../images/wordoftheweek.png) no-repeat;
	height: 181px;
	width: 630px;
	padding-left:350px;
	padding-top:35px;}
#wordOfTheWeek li{
	width:200px;
	line-height:150%;}

#contentWrapper.island #wordOfTheWeek h3{
	margin-bottom:4px;
	color:#FFFFFF;
	font-size:200%;
	margin-left:0px;}
	
.suggested{
	font-size:80%;}
	

#contentWrapper.island #HatchesMatchesList h5{
	font-size:400%;
	margin-bottom:-10px;}
	
#HatchesMatchesList div{
	margin-bottom:20px;
	padding:10px;
	color:#C00E63;
	background-color:#FF99FF;
	border:solid 2px #C8068D;
	width:574px;
}
	
#HatchesMatchesList .clearAll{
	margin:0px;
	padding:0px;}	

#HatchesMatchesList div p{
	padding-left:100px;
	}
	
#HatchesMatchesList h6{
	font-size:200%;
	float:left;}

#HatchesMatchesList h6 strong{
	font-size:200%;}
	
	
	
#HatchesMatchesList #valentines{
	background-image:none;
	color:#FFFFFF;
	background-color:#D801C2;
	border:solid 2px #C8068D;
}	


/*the following to be redundant from feb*/
.birthday{
	background-image: url(../images/hmd-birthday.gif);
	background-repeat: no-repeat;
	background-position: left 8px;}
.halloween{
	background-image: url(../images/hmd-halloween.gif);
	background-repeat: no-repeat;
	background-position: left 8px;}
.baby{
	background-image: url(../images/hmd-baby.gif);
	background-repeat: no-repeat;
	background-position: left 8px;}
.congrats{
	background-image: url(../images/hmd-congrats.gif);
	background-repeat: no-repeat;
	background-position: left 8px;}
.winter{
	background-image: url(../images/hmd-winter.gif);
	background-repeat: no-repeat;
	background-position: left 8px;}
.xmas{
	background-image: url(../images/hmd-xmas.gif);
	background-repeat: no-repeat;
	background-position: left 8px;}
	
	/**/
	
	
.IslandRightForm #message{
	height:auto;
	margin-bottom:5px;}
	
	
#whereIsPuffin h4{
	margin-top:-42px;
	margin-left:-30px;
	}
	
#whereIsPuffin li{
	font-weight:bold;
	margin-top:15px;
	padding-left:26px;
	margin-left:60px;
	width:320px;
	background-image: url(../images/starburst.gif);
	background-repeat: no-repeat;
	background-position: left center;
	line-height:130%;
}

#whereIsPuffin ul{
	padding-bottom:20px;
}

#whereIsPuffin img{
	margin-right:20px;
}


#photoMenu{
	margin:15px 0 0 15px;
	overflow:hidden;
}
	#photoMenu li a{
		text-indent:-999em;
		width:300px;
		height:65px;
		display:block;
	}
		#photoMenu li.yourPhotos{
			background:url(../images/photosYour.gif) no-repeat;
		}
		#photoMenu li.celebPhotos{
			background:url(../images/photosCeleb.gif) no-repeat;
		}


#yourPuffinPhotos{
	margin-top:40px;
}
#yourPuffinPhotos h4{
	margin-top:-42px;
	margin-left:-30px;
}
	.featuredDestination{
		padding-bottom:5px;
		margin-bottom:20px;
		border-bottom:1px solid #DBACEC;
	}
		
		.featuredDestination img{
			border:5px solid #FFFFFF;
		}

#celebPuffinPhotos{
	margin:40px 0 0 10px;
}
#celebPuffinPhotos h4{
	margin-top:-30px;
}
	.featuredCeleb{
		background: url(../images/1pxFade.png);
		float:left;
		display:inline;
		width:175px;
		padding:10px;
		margin:0 10px 20px 0;
		text-align:center;
	}
		
		.featuredCeleb img{
			border:5px solid #FFFFFF;
			clear:both;
		}
		#contentWrapper.island .featuredCeleb p{
			background:#FFFFFF;
			color:#000000;
			margin:0 0 0 8px;
			padding:5px;
			width:150px;
		}


#penmanshipMenu{
	margin:15px 0 0 15px;
	overflow:hidden;
}
	#penmanshipMenu li a{
		text-indent:-999em;
		width:300px;
		height:65px;
		display:block;
	}
		#penmanshipMenu li.poems{
			background:url(../images/penmanshipPoems.gif) no-repeat;
		}
		#penmanshipMenu li.letters{
			background:url(../images/penmanshipLetters.gif) no-repeat;
		}

.penmanshipSubmssion{
	border-bottom:1px solid #FFFFFF;
	padding-bottom:40px;}

.penmanshipSubmssion img{
	float:right;
	}
	
#penmanshipWindow *{
	margin:0px;}

#penmanshipLarge{
	font: 90%  Arial, Helvetica, Verdana #000000;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#A6DBFF;
	border: 2px solid #FFFFFF;
	padding:20px;
	width:600px;
	margin-top:30px;
	margin-left:auto;
	margin-right:auto;
	color:#003F77;
	line-height:120%;
}
	
#penmanshipLarge h1{
	margin-bottom:10px;
	line-height:28px;}

#penmanshipLarge h2{
	margin-bottom:30px;}


#penmanshipLarge p{
	margin-bottom:10px;}
	
/*LOST LIBRARY*/

.pufflingContent{
font-size:14px;
line-height:20px;
}	

#LostLibrary{
	background:  url(../images/back_library.jpg) repeat;}
#LostLibraryHeaderImg{
	background:  url(../images/headerback_library.jpg) no-repeat;}
#LostLibraryFade{
	background:  url(../images/cornerimg_library.png) no-repeat right top;}
#LostLibraryHeader{
	height:120px;
	background:  url(../images/disc_library.png) no-repeat;}



#LostLibrary .issueCover{
	float:left;
	width:425px;
	margin:0 25px 25px 0;
	display:inline;
}
		#LostLibrary .issueCover h3{
			text-indent:-999em;
			margin:0;
		}
		#LostLibrary .issueCover ul{
			overflow:hidden;
			margin:0 0 10px 0;
		}
			#LostLibrary .issueCover ul li{
				margin:0 10px 10px 65px;
			}
		#LostLibrary .issueCover .footerLink{
			height:49px;
		}
			#LostLibrary .issueCover .footerLink a{
				text-indent:-999em;
				display:block;
				height:49px;
				width:425px;
			}

	#LostLibrary .issueCover.pufflings{
		background:url(../images/library_bgPufflings.gif) repeat-y;
		margin-left: 25px;
	}
		#LostLibrary .issueCover.pufflings h3{
			height:100px;
			background:url(../images/library_coverPufflings.jpg) no-repeat;
		}
		#LostLibrary .issueCover.pufflings .footerLink{
			background:url(../images/library_morePufflings.jpg) no-repeat;
		}
	#LostLibrary .issueCover.post{
		background:url(../images/library_bgPost.gif) repeat-y;
	}
		#LostLibrary .issueCover.post h3{
			height:100px;
			background:url(../images/library_coverPost.jpg) no-repeat;
		}
		#LostLibrary .issueCover.post .footerLink{
			background:url(../images/library_morePost.jpg) no-repeat;
		}

#LostLibrary .puffinRightContent{
	margin-top:160px;}
	
.bigAuthorPic{
	margin-left:20px;}
	
#latestFeatures{
	clear:both;
	}	
#latestFeatures li{
	float:left;
	margin-right:14px;
	margin-bottom:14px;}


.starList li{
	margin-top:20px;
	padding-left:26px;
	margin-left:20px;
	background-image: url(../images/starburst.gif);
	background-repeat: no-repeat;
	background-position: left center;
	line-height:130%;}


.featureBox h3 span{
	display:none;}
.featureContent{
	padding-left:15px;
	padding-right:15px;
	padding-top:1px;}	
	
.featureContent ul.bulletList{
	margin-top:20px;
	margin-bottom:20px;}
	
.featureContent ul.bulletList li{
	margin-top:10px;
	margin-bottom:10px;}	
	

.activityList{
	clear:left;
	padding-top:20px;}

.activityList img{
	border: 2px solid #ffffff;
	float:left;}

.activityList p{
	padding-left:200px;
	padding-top:10px;}

	
/*custom feature boxes*/

#genericBox{
 padding-bottom: 28px;
}

#LostLibrary #genericBox h3{
 height: 105px;
 width: 530px;
 margin:0px;
 padding:15px 50px 0 50px;
 font-size:36px;
 font-weight:bold;
}

#LostLibrary #genericBox h3 span{
 display:block;
 margin:5px 0 0 20px;
 font-size:24px;
 font-weight:normal;
}

#genericBox.lightBlue .featureContent{
 background: url(../images/features/featureBox-genericLightBlue-back.gif) repeat-y;
}

#genericBox.lightBlue{
 background: url(../images/features/featureBox-genericLightBlue-base.gif) no-repeat bottom;
 color:#035e89;
}

#LostLibrary #genericBox.lightBlue h3{
 background: url(../images/features/featureBox-genericLightBlue-head.gif) no-repeat;
}

#madonnaBox .featureContent{
	background: url(../images/features/featureBox-madonna-back.gif) repeat-y;}
#madonnaBox{
	background: url(../images/features/featureBox-madonna-base.gif) no-repeat bottom;
	padding-bottom: 28px;}	
#LostLibrary #madonnaBox h3{
	background: url(../images/features/featureBox-madonna-head.gif) no-repeat;
	height: 129px;
	width: 630px;
	margin:0px;
	padding:0px;}
	
#DerekLandyBox .featureContent{
	background: url(../images/features/featureBox-DerekLandy-back.gif) repeat-y;}
#DerekLandyBox{
	background: url(../images/features/featureBox-DerekLandy-base.gif) no-repeat bottom;
	padding-bottom: 28px;}	
#LostLibrary #DerekLandyBox h3{
	background: url(../images/features/featureBox-DerekLandy-head.gif) no-repeat;
	height: 129px;
	width: 630px;
	margin:0px;
	padding:0px;}	
	
#LostLibrary #tompalmerBox h3{
	background: url(../images/features/featureBox-tompalmer-head.gif) no-repeat;
	height: 129px;
	width: 630px;
	margin:0px;
	padding:0px;}
#tompalmerBox .featureContent{
	background: url(../images/features/featureBox-tompalmer-back.gif) repeat-y;}
#tompalmerBox{
	background: url(../images/features/featureBox-tompalmer-base.gif) no-repeat bottom;
	padding-bottom: 120px;}	
	
	
#LostLibrary #charliehigsonBox h3{
	background: url(../images/features/featureBox-charliehigson-head.gif) no-repeat;
	height: 120px;
	width: 630px;
	margin:0px;
	padding:0px;}
#charliehigsonBox .featureContent{
	background: url(../images/features/featureBox-charliehigson-back.gif) repeat-y;}
#charliehigsonBox{
	background: url(../images/features/featureBox-charliehigson-base.gif) no-repeat bottom;
	padding-bottom: 110px;}		
	
	
#LostLibrary #michaelmorpurgoBox h3{
	background: url(../images/features/featureBox-michaelmorpurgo-head.gif) no-repeat;
	height: 120px;
	width: 630px;
	margin:0px;
	padding:0px;}
#michaelmorpurgoBox .featureContent {
	background: url(../images/features/featureBox-michaelmorpurgo-back.gif) repeat-y;}
#michaelmorpurgoBox{
	background: url(../images/features/featureBox-michaelmorpurgo-base.gif) no-repeat bottom;
	padding-bottom: 292px;}
#michaelmorpurgoBox p{
	color:#000000;}	
	
	
	
	#LostLibrary #rickriordanBox h3{
	background: url(../images/features/featureBox-rickriordan-head.gif) no-repeat;
	height: 120px;
	width: 630px;
	margin:0px;
	padding:0px;}
#rickriordanBox .featureContent{
	background: url(../images/features/featureBox-rickriordan-back.gif) repeat-y;}
#rickriordanBox{
	background: url(../images/features/featureBox-rickriordan-base.gif) no-repeat bottom;
	padding-bottom: 393px;}
	
	
#LostLibrary #annefineBox h3{
	background: url(../images/features/featureBox-annefine-head.gif) no-repeat;
	height: 129px;
	width: 630px;
	margin:0px;
	padding:0px;
	}
#annefineBox .featureContent{
	background: url(../images/features/featureBox-annefine-back.gif) repeat-y;}
#annefineBox{
	background: url(../images/features/featureBox-annefine-base.gif) no-repeat bottom;
	padding-bottom: 28px;}	
	

#LostLibrary #magicBox h3{
	background: url(../images/features/featureBox-magic-head.gif) no-repeat;
	height: 129px;
	width: 630px;
	margin:0px;
	padding:0px;
	}
#magicBox .featureContent{
	background: url(../images/features/featureBox-magic-back.gif) repeat-y;}
#magicBox{
	background: url(../images/features/featureBox-magic-base.gif) no-repeat bottom;
	padding-bottom: 28px;}		
	

#LostLibrary #topthreeBox h3{
	background: url(../images/features/featureBox-annefine-head.gif) no-repeat;
	height: 39px;
	width: 610px;
	margin:0px;
	padding-right:20px;
	padding-top:90px;
	text-align:right;
	font-size:200%;
	color:#FFFFFF;}
#topthreeBox .featureContent{
	background: url(../images/features/featureBox-annefine-back.gif) repeat-y;}
#topthreeBox{
	background: url(../images/features/featureBox-annefine-base.gif) no-repeat bottom;
	padding-bottom: 28px;}					


#LostLibrary #eitherorBox h3{
	background: url(../images/features/featureBox-eitheror-head.gif) no-repeat;
	height: 39px;
	width: 610px;
	margin:0px;
	padding-right:20px;
	padding-top:90px;
	text-align:right;
	font-size:200%;
	color:#FFFFFF;}
#eitherorBox .featureContent{
	background: url(../images/features/featureBox-eitheror-back.gif) repeat-y;}
#eitherorBox{
	background: url(../images/features/featureBox-eitheror-base.gif) no-repeat bottom;
	padding-bottom: 28px;}	
	

#dahlBox .featureContent{
	background: url(../images/features/featureBox-dahl-back.gif) repeat-y;}
#dahlBox{
	background: url(../images/features/featureBox-dahl-base.gif) no-repeat bottom;
	padding-bottom: 38px;
	color:#000000;}	
#LostLibrary #dahlBox h3{
	background: url(../images/features/featureBox-dahl-head.gif) no-repeat;
	height: 129px;
	width: 630px;
	margin:0px;
	padding:0px;}
#dahlBiog img{
	margin-left:20px;}
#dahlBiog .fadeWhiteBox{
	font-weight:bold;
	color:#003700;}

	

#strongBox .featureContent{
	background: url(../images/features/featureBox-strong-back.gif) repeat-y;}
#strongBox{
	background: url(../images/features/featureBox-strong-base.gif) no-repeat bottom;
	padding-bottom: 28px;}	
#LostLibrary #strongBox h3{
	background: url(../images/features/featureBox-strong-head.gif) no-repeat;
	height: 129px;
	width: 630px;
	margin:0px;
	padding:0px;}
	
	
	
#bearnBox .featureContent{
	background: url(../images/features/featureBox-bearn-back.gif) repeat-y;}
#bearnBox{
	background: url(../images/features/featureBox-bearn-base.gif) no-repeat bottom;
	padding-bottom: 40px;}	
#LostLibrary #bearnBox h3{
	background: url(../images/features/featureBox-bearn-head.gif) no-repeat;
	height: 167px;
	width: 630px;
	margin:0px;
	padding:0px;}
	
	
	
#mayMetJillBox .featureContent{
	background: url(../images/features/featureBox-mayMetJill-back.gif) repeat-y;}
#mayMetJillBox{
	background: url(../images/features/featureBox-mayMetJill-base.gif) no-repeat bottom;
	padding-bottom: 30px;}	
#LostLibrary #mayMetJillBox h3{
	background: url(../images/features/featureBox-mayMetJill-head.gif) no-repeat;
	height: 91px;
	width: 630px;
	margin:0px;
	padding:0px;}
		
	
	

#gadgetBox .featureContent{
	background: url(../images/features/featureBox-gadget-back.gif) repeat-y;}
#gadgetBox{
	background: url(../images/features/featureBox-gadget-base.gif) no-repeat bottom;
	padding-bottom: 28px;}	
#LostLibrary #gadgetBox h3{
	background: url(../images/features/featureBox-gadget-head.gif) no-repeat;
	height: 129px;
	width: 630px;
	margin:0px;
	padding:0px;}
	
#pottyBox .featureContent{
	background: url(../images/features/featureBox-potty-back.gif) repeat-y;}
#pottyBox{
	background: url(../images/features/featureBox-potty-base.gif) no-repeat bottom;
	padding-bottom: 28px;}	
#LostLibrary #pottyBox h3{
	background: url(../images/features/featureBox-potty-head.gif) no-repeat;
	height: 106px;
	width: 630px;
	margin:0px;
	padding:0px;}
 
 #takingwingBox .featureContent{
	background: url(../images/features/featureBox-takingwing-back.gif) repeat-y;}
#takingwingBox{
	background: url(../images/features/featureBox-takingwing-base.gif) no-repeat bottom;
	padding-bottom: 28px;}	
#LostLibrary #takingwingBox h3{
	background: url(../images/features/featureBox-takingwing-head.gif) no-repeat;
	height: 145px;
	width: 630px;
	margin:0px;
	padding:0px;}
	
#adelineBox .featureContent{
	background: url(../images/features/featureBox-adeline-back.gif) repeat-y;}
#adelineBox{
	background: url(../images/features/featureBox-adeline-base.gif) no-repeat bottom;
	padding-bottom: 28px;
 color:#076abe;}	
#LostLibrary #adelineBox h3{
	background: url(../images/features/featureBox-adeline-head.gif) no-repeat;
	height: 130px;
	width: 630px;
	margin:0px;
	padding:0px;}
 
 #browneBox .featureContent{
	background: url(../images/features/featureBox-browne-back.gif) repeat-y;}
#browneBox{
	background: url(../images/features/featureBox-browne-base.gif) no-repeat bottom;
	padding-bottom: 28px;
 color:#ffffff;}	
#LostLibrary #browneBox h3{
	background: url(../images/features/featureBox-browne-head.gif) no-repeat;
	height: 130px;
	width: 630px;
	margin:0px;
	padding:0px;}
 
 #johnsonBox .featureContent{
	background: url(../images/features/featureBox-johnson-back.gif) repeat-y;}
#johnsonBox{
	background: url(../images/features/featureBox-johnson-base.gif) no-repeat bottom;
	padding-bottom: 28px;
 color:#ffffff;}	
#LostLibrary #johnsonBox h3{
	background: url(../images/features/featureBox-johnson-head.gif) no-repeat;
	height: 130px;
	width: 630px;
	margin:0px;
	padding:0px;}

#cassidyBox .featureContent{
	background: url(../images/features/featureBox-cassidy-back.gif) repeat-y;}
#cassidyBox{
	background: url(../images/features/featureBox-cassidy-base.gif) no-repeat bottom;
	padding-bottom: 28px;}	
#LostLibrary #cassidyBox h3{
	background: url(../images/features/featureBox-cassidy-head.gif) no-repeat;
	height: 129px;
	width: 630px;
	margin:0px;
	padding:0px;}
	
#theatreBox .featureContent{
	background: url(../images/features/featureBox-theatre-back.gif) repeat-y;}
#theatreBox{
	background: url(../images/features/featureBox-theatre-base.gif) no-repeat bottom;
	padding-bottom: 180px;}	
#LostLibrary #theatreBox h3{
	background: url(../images/features/featureBox-theatre-head.gif) no-repeat;
	height: 129px;
	width: 630px;
	margin:0px;
	padding:0px;}
#theatreBox p{
padding:0 45px 0 60px;}		
	
#friendsBox .featureContent{
	background: url(../images/features/featureBox-friendsforever-back.gif) repeat-y;}
#friendsBox{
	background: url(../images/features/featureBox-friendsforever-base.gif) no-repeat bottom;
	padding-bottom: 28px;
	color:#000000;}	
#LostLibrary #friendsBox h3{
	background: url(../images/features/featureBox-friendsforever-head.gif) no-repeat;
	height: 129px;
	width: 630px;
	margin:0px;
	padding:0px;}
	
	
#vampBox .featureContent{
	background: url(../images/features/featureBox-vamp-back.gif) repeat-y;}
#vampBox{
	background: url(../images/features/featureBox-vamp-base.gif) no-repeat bottom;
	padding-bottom: 28px;}	
#LostLibrary #vampBox h3{
	background: url(../images/features/featureBox-vamp-head.gif) no-repeat;
	height: 129px;
	width: 630px;
	margin:0px;
	padding:0px;}
	

#cloneBox .featureContent{
	background: url(../images/features/featureBox-clonewars-back.gif) repeat-y;}
#cloneBox{
	background: url(../images/features/featureBox-clonewars-base.gif) no-repeat bottom;
	padding-bottom: 28px;}	
#LostLibrary #cloneBox h3{
	background: url(../images/features/featureBox-clonewars-head.gif) no-repeat;
	height: 129px;
	width: 630px;
	margin:0px;
	padding:0px;}
	
#horowitzBox .featureContent{
	background: url(../images/features/featureBox-horowitz-back.gif) repeat-y;}
#horowitzBox{
	background: url(../images/features/featureBox-horowitz-base.gif) no-repeat bottom;
	padding-bottom: 28px;}	
#LostLibrary #horowitzBox h3{
	background: url(../images/features/featureBox-horowitz-head.gif) no-repeat;
	height: 129px;
	width: 630px;
	margin:0px;
	padding:0px;}
	
#feathersBox .featureContent{
	background: url(../images/features/featureBox-feather-back.gif) repeat-y;}
#feathersBox{
	background: url(../images/features/featureBox-feather-base.gif) no-repeat bottom;
	padding-bottom: 28px;}	
#LostLibrary #feathersBox h3{
	background: url(../images/features/featureBox-feather-head.gif) no-repeat;
	height: 146px;
	width: 630px;
	margin:0px;
	padding:0px;}
	

#LostLibrary #vampirates2 #vampBox h3{
	background: url(../images/features/featureBox-vamp2-head.gif) no-repeat;
	height: 129px;
	width: 630px;
	margin:0px;
	padding:0px;}
	

#rspbBox .featureContent{
	background: url(../images/features/featureBox-rspb-back.gif) repeat-y;}
#rspbBox{
	background: url(../images/features/featureBox-rspb-base.gif) no-repeat bottom;
	padding-bottom: 28px;}	
#LostLibrary #rspbBox h3{
	background: url(../images/features/featureBox-rspb-head.gif) no-repeat;
	height: 129px;
	width: 630px;
	margin:0px;
	padding:0px;}
	
#LostLibrary #rspbBox h4{
	color:#EEFF5A;
	padding-bottom:0px;}
	
	
#winstonBox .featureContent{
	background: url(../images/features/featureBox-winston-back.gif) repeat-y;}
#winstonBox{
	color:#000000;
	background: url(../images/features/featureBox-winston-base.gif) no-repeat bottom;
	padding-bottom: 28px;}	
#LostLibrary #winstonBox h3{
	background: url(../images/features/featureBox-winston-head.gif) no-repeat;
	height: 129px;
	width: 630px;
	margin:0px;
	padding:0px;}

#winston2Box .featureContent{
	background: url(../images/features/featureBox-winston2-back.gif) repeat-y;}
#winston2Box{
	color:#000000;
	background: url(../images/features/featureBox-winston2-base.gif) no-repeat bottom;
	padding-bottom: 28px;}	
#LostLibrary #winston2Box h3{
	background: url(../images/features/featureBox-winston2-head.gif) no-repeat;
	height: 197px;
	width: 630px;
	margin:0px;
	padding:0px;}

#tamsynBox .featureContent{
	background: url(../images/features/featureBox-tamsyn-back.gif) repeat-y;}
#tamsynBox{
	color:#000000;
	background: url(../images/features/featureBox-tamsyn-base.gif) no-repeat bottom;
	padding-bottom: 28px;}	
#LostLibrary #tamsynBox h3{
	background: url(../images/features/featureBox-tamsyn-head.gif) no-repeat;
	height: 285px;
	width: 630px;
	margin:0px;
	padding:0px;}
	
#RennisonBox .featureContent{
	background: url(../images/features/featureBox-rennison-back.gif) repeat-y;}
#RennisonBox{
	color:#000000;
	background: url(../images/features/featureBox-rennison-base.gif) no-repeat bottom;
	padding-bottom: 28px;}	
#LostLibrary #RennisonBox h3{
	background: url(../images/features/featureBox-rennison-head.gif) no-repeat;
	height: 129px;
	width: 630px;
	margin:0px;
	padding:0px;}
	
	
#tombstoneBox{
	padding:0px;
	margin-top:15px;
	border:#FFFFFF 1px solid; }
#LostLibrary #tombstone h3{
	margin:7px;
	padding:0px;}
	
#martialArtsBox .featureContent{
	background: url(../images/features/featureBox-martialArts-back.gif) repeat-y;}
#martialArtsBox{
	background: url(../images/features/featureBox-martialArts-base.gif) no-repeat bottom;
	padding-bottom: 28px;}	
#LostLibrary #martialArts h3{
	background: url(../images/features/featureBox-martialArts-head.gif) no-repeat;
	height: 226px;
	width: 630px;
	margin:0px;
	padding:0px;}
	

#ecoCrazy .featureContent{
	background: url(../images/features/featureBox-ecoCrazy-back.gif) repeat-y;}
#ecoCrazy{
	color:#500124;
	background: url(../images/features/featureBox-ecoCrazy-base.gif) no-repeat bottom;
	padding-bottom: 28px;}		
#LostLibrary #ecoCrazy a{
	color:#500124;}
#LostLibrary #ecoCrazy h3{
	background: url(../images/features/featureBox-ecoCrazy-head.gif) no-repeat;
	height: 176px;
	width: 630px;
	margin:0px;
	padding:0px;}
	
	
#stantonBox .featureContent{
	background: url(../images/features/featureBox-stanton-back.gif) repeat-y;}
#stantonBox{
	background: url(../images/features/featureBox-stanton-base.gif) no-repeat bottom;
	padding-bottom: 28px;
	color:#320E50;}	
#LostLibrary #stantonBox h3{
	background: url(../images/features/featureBox-stanton-head.gif) no-repeat;
	height: 129px;
	width: 630px;
	margin:0px;
	padding:0px;}
	

#cracknellBox .featureContent{
	background: url(../images/features/featureBox-cracknell-back.gif) repeat-y;}
#cracknellBox{
	background: url(../images/features/featureBox-cracknell-base.gif) no-repeat bottom;
	padding-bottom: 28px;
	color:#ffffff;}	
#LostLibrary #cracknellBox h3{
	background: url(../images/features/featureBox-cracknell-head.gif) no-repeat;
	height: 129px;
	width: 630px;
	margin:0px;
	padding:0px;}
	

#bradfordBox .featureContent{
	background: url(../images/features/featureBox-bradford-back.gif) repeat-y;}
#bradfordBox{
	background: url(../images/features/featureBox-bradford-base.gif) no-repeat bottom;
	padding-bottom: 28px;}	
#LostLibrary #bradfordBox h3{
	background: url(../images/features/featureBox-bradford-head.gif) no-repeat;
	height: 129px;
	width: 630px;
	margin:0px;
	padding:0px;}
	

#punishmentBox .featureContent{
	background: url(../images/features/featureBox-punishment-back.gif) repeat-y;}
#punishmentBox{
	background: url(../images/features/featureBox-punishment-base.gif) no-repeat bottom;
	padding-bottom: 28px;
	color:#ffffff;}	
#LostLibrary #punishmentBox h3{
	background: url(../images/features/featureBox-punishment-head.gif) no-repeat;
	height: 129px;
	width: 630px;
	margin:0px;
	padding:0px;}
.storiesReview{
	border-bottom:solid #FFFFFF 1px;
	margin-bottom:20px;
	padding-bottom:10px;}
.storiesReview p{
	padding-left:180px;}
#storiesRight img{
	margin-left:20px;
	border:solid #FFFFFF 1px;
	}
	
	
#gemTarts{
	margin-top:25px;}
	
#rainbowdustBox .featureContent{
	background: url(../images/features/featureBox-rainbowdust-back.gif) repeat-y;
	
	padding:0 20px;
	line-height:20px;
	text-align:left;}
#rainbowdustBox{
	background: url(../images/features/featureBox-rainbowdust-base.gif) no-repeat bottom;
	padding-bottom: 175px;
	color:#000;}	
#LostLibrary #rainbowdustBox h3{
	background: url(../images/features/featureBox-rainbowdust-head.gif) no-repeat;
	height: 108px;
	width: 630px;
	margin:0px;
	padding:0px;}	
	
	
#frostypotatoBox .featureContent{
	background: url(../images/features/featureBox-frostypotato-back.gif) repeat-y;
	
	padding:0 20px;
	line-height:18px;
	text-align:left;}
#frostypotatoBox{
	background: url(../images/features/featureBox-frostypotato-base.gif) no-repeat bottom;
	padding-bottom: 235px;
	color:#000;}	
#LostLibrary #frostypotatoBox h3{
	background: url(../images/features/featureBox-frostypotato-head.gif) no-repeat;
	height: 180px;
	width: 630px;
	margin:0px;
	padding:0px;}
	
	
#tammiesfestiveBox .featureContent{
	background: url(../images/features/featureBox-tammiesfestive-back.gif) repeat-y;
	
	padding:0 20px;
	text-align:left;}
#tammiesfestiveBox{
	background: url(../images/features/featureBox-tammiesfestive-base.gif) no-repeat bottom;
	padding-bottom: 25px;
	color:#fff;}	
#LostLibrary #tammiesfestiveBox h3{
	background: url(../images/features/featureBox-tammiesfestive-head.gif) no-repeat;
	height: 60px;
	width: 630px;
	margin:0px;
	padding:0px;}
	
#LostLibrary #tammiesfestiveBox p{
line-height:20px;}

.special{
font-size:18px;
color:#a6e4fd;
font-weight:bold;}	


#darrenshanBox .featureContent{
	background: url(../images/features/featureBox-darrenshan-back.gif) repeat-y;
	
	padding:0 20px;
	line-height:18px;
	text-align:left;}
#darrenshanBox{
	background: url(../images/features/featureBox-darrenshan-base.gif) no-repeat bottom;
	padding-bottom: 140px;
	color:#000;}	
#LostLibrary #darrenshanBox h3{
	background: url(../images/features/featureBox-darrenshan-head.gif) no-repeat;
	height: 170px;
	width: 630px;
	margin:0px;
	padding:0px;}
	
	
#spydogBox .featureContent{
	background: url(../images/features/featureBox-spydog-back.gif) repeat-y;
	padding:0 20px;
	line-height:18px;
	text-align:left;}
	
#spydogBox .featureContent p{margin-top:0;
font-size:14px;}	
	
#spydogBox{
	background: url(../images/features/featureBox-spydog-base.gif) no-repeat bottom;
	padding-bottom: 28px;
	color:#ffffff;}	
#LostLibrary #spydogBox h3{
	background: url(../images/features/featureBox-spydog-head.gif) no-repeat;
	height: 120px;
	width: 630px;
	margin:0px;
	padding:0px;}
	

#rodneyBox .featureContent{
background-color:#FFFFFF;
color:#000066;
	padding:0 20px;
	line-height:18px;
	text-align:left;}
	
#rodneyBox .featureContent p{margin-top:0;
font-size:14px;
padding-bottom:20px;}


#operationcrowBox .featureContent{
	background: url(../images/features/featureBox-operationcrow-back.gif) repeat-y;}
#operationcrowBox{
	background: url(../images/features/featureBox-operationcrow-base.gif) no-repeat bottom;
	padding-bottom: 57px;}	
#LostLibrary #operationcrowBox h3{
	background: url(../images/features/featureBox-operationcrow-head.gif) no-repeat;
	height: 129px;
	width: 630px;
	margin:0px;
	padding:0px;}
	
	
#quizBox .featureContent{
	background: url(../images/features/featureBox-quiz-back.gif) repeat-y;
	color:#035e89;}
#quizBox{
	background: url(../images/features/featureBox-quiz-base.gif) no-repeat bottom;
	padding-bottom: 28px;}	
#LostLibrary #quizBox h3{
	background: url(../images/features/featureBox-quiz-head.gif) no-repeat;
	height: 120px;
	width: 630px;
	margin:0px;
	padding:0px;}	
				
#dragonfightBox .featureContent{
	background: url(../images/features/featureBox-dragonfight-back.gif) repeat-y;
	
	padding:0 20px;
	line-height:20px;
	text-align:left;}
#dragonfightBox{
	background: url(../images/features/featureBox-dragonfight-base.gif) no-repeat bottom;
	padding-bottom: 44px;
	color:#000;}	
#LostLibrary #dragonfightBox h3{
	background: url(../images/features/featureBox-dragonfight-head.gif) no-repeat;
	height: 129px;
	width: 630px;
	margin:0px;
	padding:0px;}
	
#spooksBox .featureContent{
	background: url(../images/features/featureBox-spooks-back.gif) repeat-y;
	color:#333;}
#spooksBox{
	background: url(../images/features/featureBox-spooks-base.gif) no-repeat bottom;
	padding-bottom: 57px;}	
#LostLibrary #spooksBox h3{
	background: url(../images/features/featureBox-spooks-head.gif) no-repeat;
	height: 95px;
	width: 630px;
	margin:0px;
	padding:0px;}	
	
	
.eitheror{
	background-color:#B4F5E6;
	padding:10px;
	color:#333;
	margin-bottom:10px;
}
	
.eitherorTitle{
	font-size:16px;
	font-weight:bold;}		
	
	
	
/*OSCARS FUNFAIR*/
	
#OscarsFunfair{
	background:  url(../images/back_funfair.jpg) repeat;}
#OscarsFunfairHeaderImg{
	background:  url(../images/headerback_funfair.jpg) no-repeat;}
#OscarsFunfairFade{
	background:  url(../images/cornerimg_funfair.png) no-repeat right top;}
#OscarsFunfairHeader{
	height:120px;
	background:  url(../images/disc_funfair.png) no-repeat;}
	
#welcomeToFair.PuffinMainContent{
 width:938px;
}

#fairWelcomeHeader{
 background:url(../images/fairHeader.png) no-repeat;
	width:385px;
	height:142px;
	padding:60px 0 0 225px;
	margin-top:10px;
	float:left;
}

ul.TwoOptions{
 float:left;
	width:610px;
	margin-top:20px;
}

#welcomeToFair ul.TwoOptions li.first{
 margin-right:14px;
}

ul.ThreeOptions{
 float:left;
	width:922px;
	margin-top:20px;
}

#welcomeToFair ul.ThreeOptions li.middle{
 margin:0 14px;
}

#OscarsFunfairRightContent{
	margin-top:100px;
	min-height:364px;
	float:right;}

	

#competitionBox{
	margin-top:20px;}
	
.competition{
	background-image: url(../images/compbox.png);
	background-repeat: no-repeat;
	background-position: top;
	color:#003300;
	}
	
.compClose{
	background-image: url(../images/compbox_bot.png);
	background-repeat: no-repeat;
	background-position:bottom;
	padding-bottom:30px;
	padding-top:10px;
	color:#003300;
	margin-top:-10px;
}


#competitionBox .compClose p{
	text-align:center;
	padding-left:30px;
	padding-right:30px;}

.competition p{
	padding-left:90px;
	padding-right:50px;}
	
.competition h5{
	padding-top:55px;
	padding-left:190px;
	padding-right:40px;
	padding-bottom:25px;
	font-size:200%;}
	
	
#contentWrapper.island .competition a{
	color:#330066;}



#whackachef{
	margin-top:20px;
	margin-left:15px;}
	
.wordsearch{
	margin-top:20px;
	margin-bottom:20px;
	text-align:center;}
	
.wordsearchHeader{
	font-weight:bold;
	background-color:#133261;
	width:599px;
	padding-left:20px;}
.wordsearchHeader p{
	margin-bottom:0px;}

#wordSearchBestTime{
	margin-top:75px;
	background-image: url(../images/puffin-wordsearch.gif);
	background-repeat: no-repeat;
	height: 384px;
	width: 250px;
	padding-top:103px;
	padding-left:24px;
	color:#990000;}


#compEntry{
	padding-top:15px;
	padding-bottom:26px;
	margin-bottom:30px;
	width:600px;
	border:solid #FFFFFF 1px;}
	
#welcomeToFair li{
	float:left;}
	
#welcomeToFair .first{
	margin-right:32px;}
	

.factsBox{
	padding-left:15px;
	background: url(../images/1pxFade.png);
	margin-top:20px;
	padding-bottom:20px;
	margin-bottom:20px;}
	
.factnQuip{
	margin-bottom:30px;}
	
#funfacts .factsBox p{
	margin-top:5px;
	margin-bottom:0px;
	width:580px;}
	
#funfacts h5 img{
	margin-top:20px;
	margin-bottom:20px;}	
.fact{
	font-size:140%}

.download{
	padding-bottom:20px;}
.download img{
	border:#0000CC 1px solid;}
.download li span a{
	text-align:center;
	margin-top:8px;
	font-weight:bold;
	text-decoration:none;
        display:block;}
.download li{
	margin:20px;
	float:left;}
.download.wallpaper li span a{
	margin-top:5px;}
	
#avatars li{
	float:left;
	margin-right:15px;
	margin-bottom:18px;}

	
#downloadSection .fadeWhiteBox{
	padding-top:0px;
	padding-bottom:5px;
	margin-bottom:25px;
	font-weight:normal;}
#downloadSection .fadeWhiteBox p{
	clear:left;}

#downloadExtras{
	margin-top:0px;}
	
#downloadExtras .download li{
	margin-bottom:0px;
	float:none;}
#downloadExtras .download a{
	text-align:center;}
	
#downloadExtras h6{
	margin-top:20px;
	font-size:140%;}

#downloadQuicklinks{
	padding-bottom:20px;
	padding-left:100px;
	background-image: url(../images/downloadArrows.png);
	background-repeat: no-repeat;
	background-position: 20px 0px;}
	

#gamesHome{
	background-image: url(../images/gamesBack.png);
	background-repeat: no-repeat;
	background-position: left 11px;
	margin-left:0px;
	float:left;
 width:953px;
 padding-top:190px;}
 
#gamesCrossword{
	background-image: url(../images/gamesBack-Crossword.png);
	background-repeat: no-repeat;
	background-position: left 11px;
	margin-left:0px;
	float:left;
 width:953px;
 padding-top:120px;
}

#gamesWordsearch{
	background-image: url(../images/gamesBack-Wordsearch.png);
	background-repeat: no-repeat;
	background-position: left 11px;
	margin-left:0px;
	float:left;
 width:953px;
 padding-top:120px;
}

#gamesQuizzes{
	background-image: url(../images/gamesBack-Quizzes.png);
	background-repeat: no-repeat;
	background-position: left 11px;
	margin-left:0px;
	float:left;
 width:953px;
 padding-top:120px;
}

#gamesArcade{
	background-image: url(../images/gamesBack-Arcade.png);
	background-repeat: no-repeat;
	background-position: left 11px;
	margin-left:0px;
	float:left;
 width:953px;
 padding-top:120px;
}

/** OLD game launcher positioning styles
 #gameList{
	padding-right:10px;
	float:right;
	padding-top:200px;
	width:750px;}
#gameList li{
	float:right;
	margin:8px;}	
#gameList a{
	display:block;
	background-repeat: no-repeat;}
	
	.gameList{
	padding-right:10px;
	float:right;
	padding-top:0px;
	width:750px;}
.gameList li{
	float:right;
	margin:8px;}	
.gameList a{
	display:block;
	background-repeat: no-repeat;}
	
#gameListLong{
	padding-right:10px;
	
	padding-top:0px;
	width:940px;}
#gameListLong li{
	float:right;
	margin:6px;}	
#gameListLong a{
	display:block;
	background-repeat: no-repeat;}
 
END old styles **/

	.gameList{
	float:right;
 padding-right:0;
	padding-top:0px;
	width:953px;}
.gameList li{
	float:left;
	margin:8px;}	
.gameList a{
	display:block;
	background-repeat: no-repeat;}
	
ul#gameCategory{
 width:455px;
 float:left;
 margin-left:230px;
 padding-bottom:90px;
 display:inline;
}

ul#gameCategory li{
 height:85px;
 width:455px;
 float:left;
 margin-bottom:10px;
}

ul#gameCategory li a{
 height:85px;
 width:455px;
 text-indent:-9999px;
 float:left;
 outline:none;
}

ul#gameCategory li.crosswords a{
 background:url(../images/gameCatLauncher_crossword.png) left top no-repeat;
}

ul#gameCategory li.wordsearches a{
 background:url(../images/gameCatLauncher_wordsearch.png) left top no-repeat;
}

ul#gameCategory li.quizzes a{
 background:url(../images/gameCatLauncher_quiz.png) left top no-repeat;
}

ul#gameCategory li.arcade a{
 background:url(../images/gameCatLauncher_arcade.png) left top no-repeat;
}

ul#featuredGames{
 float:left;
 margin-left:20px;
 display:inline;
}

#gamesBack{
 float:left;
 width:240px;
 text-align:center;
 padding-top:34px;
}
 
#gamesAnswers{
	float:right;
 width:700px;
	text-align:center;
	padding-top:30px;
 clear:none;}
	
#gamesAnswersPage{
	padding-right:20px;}
	
#gamesAnswersPage li{
	float:right;
	width:250px;
	margin:18px;
	text-align:center;}
	
#gamesAnswersPage h4{
	padding-right:16px;
	padding-top:10px;
	text-align:right;
	clear:both;}


#gamesAnswersPage li img{
	margin-bottom:4px;
	border:4px solid #660066;
}


.wordsearchEasy a{
	height:227px;
	width:154px;
	padding-top:63px;
	padding-left:33px;
        padding-right:33px;
	background-image: url(../images/gamelaunchers_wordsearch_easy.gif);
        display:block;}
		
.wordsearchMedium a{
	height:227px;
	width:154px;
	padding-top:63px;
	padding-left:33px;
        padding-right:33px;
	background-image: url(../images/gamelaunchers_wordsearch_medium.gif);
        display:block;}
		
.wordsearchHard a{
	height:227px;
	width:154px;
	padding-top:63px;
	padding-left:33px;
        padding-right:33px;
	background-image: url(../images/gamelaunchers_wordsearch_hard.gif);
        display:block;}		
		
.arcadeEasy a{
	height:228px;
	width:189px;
	padding-top:62px;
	padding-left:31px;
	background-image: url(../images/gamelaunchers_arcade_easy.gif);
        display:block;}
		
.arcadeMedium a{
	height:228px;
	width:189px;
	padding-top:62px;
	padding-left:31px;
	background-image: url(../images/gamelaunchers_arcade_medium.gif);
        display:block;}
		
.arcadeHard a{
	height:228px;
	width:189px;
	padding-top:62px;
	padding-left:31px;
	background-image: url(../images/gamelaunchers_arcade_hard.gif);
        display:block;}	
		
.arcadeBorder{
border:3px solid #d9a7e8;}					
		
.quizEasy a{
	height:227px;
	width:189px;
	padding-top:63px;
	padding-left:29px;
	background-image: url(../images/gamelaunchers_quiz_easy.gif);
        display:block;}
		
.quizMedium a{
	height:227px;
	width:189px;
	padding-top:63px;
	padding-left:29px;
	background-image: url(../images/gamelaunchers_quiz_medium.gif);
        display:block;}
		
.quizHard a{
	height:227px;
	width:189px;
	padding-top:63px;
	padding-left:29px;
	background-image: url(../images/gamelaunchers_quiz_hard.gif);
        display:block;}				
		
.crosswordEasy a{
	height:224px;
	width:189px;
	padding-top:66px;
	padding-left:31px;
	background-image: url(../images/gamelaunchers_crossword_easy.gif);
        display:block;}
		
.crosswordMedium a{
	height:224px;
	width:189px;
	padding-top:66px;
	padding-left:31px;
	background-image: url(../images/gamelaunchers_crossword_medium.gif);
        display:block;}
		
.crosswordHard a{
	height:224px;
	width:189px;
	padding-top:66px;
	padding-left:31px;
	background-image: url(../images/gamelaunchers_crossword_hard.gif);
        display:block;}				
	

#OscarsFunfairWordSearch{
	width:703px;}

#OscarsFunfairWordSearch .fadewhitebox{
	width:703px;}
	
.jokeRow{
    width:600px;
    overflow:hidden;
}

.joke{
	margin:8px;
	padding:8px;
	width:160px;
	float:left;
	border:#FFFFFF 1px solid;}
	
#jokes .green{
	background:#009900;}
#jokes .blue{
	background: #0066FF;}
#jokes .purple{
	background:#990099;}	
#jokes .orange{
	background:#FF6633;}
#jokes .red{
	background:#FF0033;}

	
	
	
/*Puffineer's Club House*/

#ClubHouse{
	background:  url(../images/back_treehouse.jpg) repeat;}
#ClubHouseHeaderImg{
	background:  url(../images/headerback_treehouse.jpg) no-repeat;}
#ClubHouseFade{
	background:  url(../images/cornerimg_treehouse.png) no-repeat right top;}
#ClubHouseHeader{
	height:120px;
	background:  url(../images/disc_clubhouse.png) no-repeat;}
	
#clifftopConduct p{
	margin-top:0px;
	width:580px;}
	
#clifftopConduct h4{
	margin-top:20px;}
	
#ClubHouseRightContent{
	margin-top:120px;
	text-align:center;}
	
#BlogNBoard{
	margin-top:25px;}

#board{
	margin-right:40px;
	}

	
.paper{
	font-size:13px;
	margin-top:20px;
	color:#000000;
	width:604px;
	background: url(../images/profile-paperbase.gif) no-repeat 0 100%;
	padding:0 0 21px 0;
	font-family: "Courier New", Courier, monospace;
}

.paper h4{
}
	
.profileInfo{
	background: url(../images/profile-paperback.gif) repeat-y;
	padding:0 30px 10px 75px;
}

#contentWrapper.island .profileInfo p{
	line-height:21px;
	margin:0 0 21px 0;
}

#sandy{
	background: url(../images/big-puffin_sandy.gif) no-repeat right 90px;	}
#feathers{
	background: url(../images/big-puffin_feathers.gif) no-repeat right 90px;}
#billy{
	background: url(../images/big-puffins_billy.gif) no-repeat right 90px;}
#storm{
	background: url(../images/big-puffins_storm.gif) no-repeat right 90px;}
#webfoot{
	background: url(../images/big-puffins_webfoot.gif) no-repeat right 90px;}
#tammie{
	background: url(../images/big-puffins_tammie.gif) no-repeat right 90px;}
#odway{
	background: url(../images/big-puffins_odway.gif) no-repeat right 90px;}
#ptolemy{
	background: url(../images/big-puffins_ptolemy.gif) no-repeat right 90px;}
#oscar{
	background: url(../images/big-puffins_oscar.gif) no-repeat right 90px;}
#tomcat{
	background: url(../images/big-puffins_tomcat.gif) no-repeat right 90px;}

#arctica{
	background: url(../images/big-puffins_arctica.gif) no-repeat right 90px;}
#rocky{
	background: url(../images/big-puffins_rocky.gif) no-repeat right 90px;}
#lundy{
	background: url(../images/big-puffins_lundy.gif) no-repeat right 90px;}
#may{
	background: url(../images/big-puffins_may.gif) no-repeat right 90px;}
#kilda{
	background: url(../images/big-puffins_kilda.gif) no-repeat right 90px;}
#talan{
	background: url(../images/big-puffins_talan.gif) no-repeat right 90px;}

	
#profilehome ul{
	float:left;
	display:inline;
	margin:0 15px 10px 15px;
	width:430px;
	overflow:hidden;
}
	
	
#profilehome li{
	float:left;
	display:inline;
	margin-top:10px;
}
	
	
/*freebook bounty*/


	
#FreeBookBounty{
	background:  url(../images/back_freebooks.jpg) repeat;
	margin-bottom:0px;}
#FreeBookBountyHeaderImg{
	background:  url(../images/headerback_freebooks.jpg) no-repeat;}
#FreeBookBountyFade{
	background:  url(../images/cornerimg_freebooks.png) no-repeat right top;}
#FreeBookBountyHeader{
	height:120px;
	background:  url(../images/disc_freebooks.png) no-repeat;}

	
#FreeBookIntro p{
	padding-left:180px;
	}
	
#puffinPirate{
	float:left;
	margin-top:-30px;}

#FreeBookList{
	margin-left:25px;}

.FreeBookItem {
	width:176px;
	float:left;
	margin:20px;}

#contentWrapper.island .FreeBookItem a{
	text-align:center;
	color:#CC0000;}
	
#contentWrapper.island .FreeBookImg a{
	text-align:center;
	color:#CC0000;}
	

.FreeBookImg{
	border:#F1AD27 solid 8px;
	padding:15px;
	background:#FFFFFF;}
	
.selectBook{
	background:#F1AD27;}
	
.bookBox{
	background:#F1AD27;
	margin-top:20px;
	margin-right:16px;
	color:#790000;
	background-image: url(../images/orangestar_big.gif);
	background-repeat: no-repeat;
	background-position: right top;}	
	
.bookIcons li{
	display:inline;
	margin-right:3px;
	}

.bookIcons{
	margin-left:8px;
	padding-bottom:8px;
	}

#FreeBookItemMoreInfo{
	padding-bottom:15px;}

#contentWrapper.island .bookBox a{
	color:#CC0000;
	text-decoration:none;}

#contentWrapper.island .bookBox a:hover{
	text-decoration:underline;}
	
#FreeBookItemMoreInfo .FreeBookImg{
	margin: 16px;
	border:none;
	padding:15px;
	background:#FFFFFF;
	width:222px;
	float:left;
	text-align:center;}
	
#FreeBookItemMoreInfo #FreeBookBase{
	clear:both;
	margin-left:26px;
	height:66px;}


	
#FreeBookItemMoreInfo ul{
	margin-left:280px;}
	
.searchInside{
	float:left;}

#FreeBookDetails{
	padding-top:16px;
	padding-bottom:8px;}	

#FreeBookItemMoreInfo #extraFreeBookDetails{
	margin-top:16px;
	text-align:center;
	margin-left:260px;
	margin-right:20px;
	padding-top: 8px;
	padding-bottom:8px;
	background-image: url(../images/1pxFade.png);}
	
#extraFreeBookDetails li{
	display:inline;
	margin-right:15px;}
		
.booktitle{
	font-size:200%;
	font-weight:bold;}	
.bookauthor{
	font-weight:bold;
	font-size:140%;}
.bookreview{
	font-weight:bold;
	margin-top:10px;}	
.bookreview img{

	vertical-align:middle;}
.bookiconMain{
	float:right;
	margin-right:16px;}

#FreeBookItemMoreInfo .bookiconMain ul{
	margin-left:0px;}
	
.enlargeImg{
	display:block;
	font-weight:bold;
	margin-top:12px;}
	
#reviewsBox{
	padding:15px;}
	
#reviewsBox .reviewList{
	margin-top:16px;
	margin-bottom:16px;
	padding:12px;
	background-image: url(../images/1pxFade.png);
	}
#reviewsBox img{
	vertical-align:middle;}

#reviewsBox #reviewAverage{
	padding-bottom:16px;
	}
	
#reviewsBox	.floatRight{
	margin-top:-8px;}
	
#contentWrapper.island #reviewsBox h4{
	font-size:140%;}

#reviewsBox .reviewScore strong{
	padding-left:16px;
	font-size:120%;}	

#reviewsBox .reviewAuthor{
	font-weight:bold;
	display:inline;}
#reviewsBox .reviewDate{
	display:inline;
	padding-left:16px;}
	
#addReview{	
	width:700px;
	margin-left:100px;}

#addReview dd{
	padding-top:3px;
	padding-bottom:3px;
	float:left;
	width:250px;
	height:auto;
	line-height:normal;
		}
		
#addReview select{
	padding:1px;
	padding-left:0px;		
	margin-bottom:0px;
	height:auto;
		}
		
#addReview textarea{
	margin-left:15px
		}
		

		
	


#checkoutAddress{
	padding-top:10px;
	margin-left:300px;	}

#checkoutAddress ul{
	margin-top:20px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:15px;
	margin-bottom:25px;
	padding-top:0px;
	margin-right:75px;
	margin-left:0px;
	background-image: url(../images/1pxFade.png);}
	
#checkoutAddress dl{
	margin-top:20px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:15px;
	margin-bottom:25px;
	padding-top:0px;
	margin-right:75px;
	margin-left:0px;
	background-image: url(../images/1pxFade.png);}
	
#checkoutAddress li{
	margin-top:3px;
	font-weight:bold;}
	
#checkoutAddress li strong{
	display:block;
	padding-top:12px;}

#checkoutAddress a{
	text-align:right;}
	
#FreeBookOrderPlaced{
	margin-top:120px;
	margin-left:auto;
	margin-right:auto;
	width:700px;}

#FreeBookOrderPlaced p, #FreeBookOrderPlaced h4{
	padding-left:180px;
	}
	
#editCheckoutAddress {
	clear:none;
	width:600px;
	float:left;
}
	
#editCheckoutAddress input{
	padding-top:2px;
	margin-top:3px;
	margin-bottom:3px;}

#editCheckoutAddress  label{
	padding-top:5px;
	clear:left;
	float:left;
	width:105px;
	text-align:right;
	
		}

		
#editCheckoutAddress  a{
	margin-left:120px;
	text-align:left;
	clear:both;
	
		}
		
/******ENLARGE WINDOW*****/

#FreeBookEnlarge{
	text-align:center;
	background:#F1AD27;
	color:#790000;
	background-image: url(../images/orangestar_big.gif);
	background-repeat: no-repeat;
	background-position: right top;}

#FreeBookEnlarge p, #FreeBookEnlarge h1{
	text-align:center;}

#FreeBookEnlarge h2{
	color:#790000;
	clear:both;
	width:500px;
	text-align:center;
	}

/****Quiz Styles****/

dl.quizDetails{
margin-top:10px;
font-size:110%;
}

dl.quizDetails dt{
font-weight:bold;
clear:both;
}

dl.quizDetails dd{
margin:10px 0 0 15px;
width:280px;
float:left;
display:inline;
}

dl.quizDetails dd ul{
margin-bottom:20px;
width:280px;
float:left;
}

dl.quizDetails dd ul li{
margin-bottom:2px;
width:280px;
}

#whichPuffin dd ul li{
margin-bottom:2px;
width:480px;}


dl.quizDetails .quizAnswerBox{
background:url(../images/quiz-answerBox.png) top left no-repeat;
width:96px;
height:75px;
float:right;
margin:10px 180px 10px 0;
display:inline;
}

#contentWrapper.island dl.quizDetails .quizAnswerBox a{
text-decoration:none;
color:#FFFFFF;
display:block;
width:97px;
height:75px;
}

dl.quizDetails .quizAnswerBox a span.quizRoll{
margin-top:10px;
text-align:center;
display:block;
font-weight:normal;
}

dl.quizDetails .quizAnswerBox a span.quizAnswer{
display:none;
text-align:center;
font-size:400%;
margin-top:2px;
font-weight:normal;
}

dl.quizDetails .quizAnswerBox a:hover{
background-position: 0 0;
}

dl.quizDetails .quizAnswerBox a:hover span.quizRoll{
display:none;
}

dl.quizDetails .quizAnswerBox a:hover span.quizAnswer{
display:block;
}



/*****Editors Letter****************/


#editorsLetterPage{
	color:#000000;
	background-image: url(../images/editors_letter_bot.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom:40px;
}

#contentWrapper.island #editorsLetterPage a{
	color:#000099;
}

#editorsLetter{
	padding-top:110px;
	background-image: url(../images/editors_letter_top.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

#editorsLetterPage p{
	padding-left:70px;
	width:490px;
}

#editorLetterFeature{
	float:right;
	margin-right:40px;
	margin-top:60px;}
	
#editorLetterFacts{
	float:right;
	clear:right;
	margin-right:0px;
	margin-top:0px;}


/* GATEWAY STYLES */

.islandgate{
background:url(../images/IslandGatewayBG.jpg) 50% 0 no-repeat;
}

#content.IslandGateway{
height:750px;
color:#000000;
}

#content.IslandGateway #IslandArrivals{
float:right;
display:block;
width:382px;
height:161px;
background:url(../images/formIslandArrivals.png) top left no-repeat;
padding:150px 40px 40px 40px;
}

#content.IslandGateway .buttonTour{
float:left;
margin:305px 0 0 210px;
display:inline;
}

#content.IslandGateway .buttonMore{
clear:both;
float:left;
margin:40px 0 0 360px;
display:inline;
}

#content.IslandGateway .buttonRingtone{
clear:both;
float:right;
margin:100px 35px 0 0;
display:inline;
}

	#content.IslandGateway{
		font-size:0.9em;
	}

/* PUFFIN ISLAND TOUR*/

.puffinIslandTour{
	width:729px;
	margin-left:auto;
	margin-right:auto;}
	
.puffinIslandTour p, .puffinIslandTour span{
	display:none;}
	
	
.puffinIslandTour li {
	float:left;
	height:162px;
	}	
	
#tourContent{
	height: 367px;
	width: 729px;
	clear:left;
	}
	
#tourPage1 #tourContent{
	background: url(../images/tour1_main.png) no-repeat;}
	
#tourPage2 #tourContent{
	background: url(../images/tour2_main.png) no-repeat;}

#tourPage3 #tourContent{
	background: url(../images/tour3_main.png) no-repeat;}
	
#tourPage4 #tourContent{
	background: url(../images/tour4_main.png) no-repeat;}
	
#tourPage5 #tourContent{
	background: url(../images/tour5_main.png) no-repeat;}
	
#tourPage6 #tourContent{
	background: url(../images/tour6_main.png) no-repeat;}
	
#tourControl{
	padding-top:265px;
	margin-left:95px;
	margin-right:95px;}

#continue{
	float:right;}
	
#tourPage2 #tourDownload{
	position:absolute;
	margin-top:388px;
	margin-left:295px;}
	
#tourPage5 #tourDownload{
	position:absolute;
	margin-top:382px;
	margin-left:300px;}
	
	
#tourDownload{
	position:absolute;
	margin-top:395px;
	margin-left:240px;}
	
	
#tourBase {
	text-align:center;
	}	

#tourBase a{
	font-weight: bold;
	color: #FFFF00;
	margin-right: 30px;
	margin-left: 30px;
	}	
		
/* Ringtone & Games page styles */
#ringtone{
text-align:center;
}

/* Guess Who game styles */
.guessWrapper{
	width:300px;
	height:300px;
	float:left;
	position:relative;
 margin-left:40px;
}

.guessWrapper img{
	display:none;
}

.guessWrapper img.current{
	display:block;
}

.guessWrapper .overlay, .guessWrapper .finished{
	display:none;
	width:260px;
	height:260px;
	position:absolute;
	z-index:1;
	color:#ffffff;
	text-align:center;
	padding:20px;
	overflow:hidden;
}

.guessWrapper .overlay .transparency, .guessWrapper .finished .transparency{
	width:300px;
	height:300px;
	opacity:0.4;
	filter:alpha(opacity=40);
	background-color:#000000;
	position:absolute;
	z-index:-1;
	top:0;
	left:0;
}

.guessWrapper .overlay .innerOverlay, .guessWrapper .finished .innerOverlay{
	position:relative;
}

.guessWrapper .finished p{
	font-size:16px;
}

.guessWrapper .overlay p.large, .guessWrapper .finished p.large{
	font-size:40px;
	margin:80px 0 20px 0;
}

.guessWrapper .overlay a, .guessWrapper .finished a{
	color:#ffffff;
	font-size:18px;
}

.guessInfo{
	float:left;
	width:210px;
	margin:0 0 0 20px;
}

.guessInfo .summary{
	height:175px;
	width:200px;
	margin-bottom:15px;
}

.guessInfo .summary h2{
	margin:0 0 10px 0;
}

.guessInfo .summary p{
	line-height:18px;
	font-size:14px;
}

p.hint a{
	color:#0099FF;
}

p.hint span{
	display:none;
}

.guessInfo .count, .guessInfo .timer{
	font-size:18px;
	margin-bottom:15px;
}

.guessInfo .count span, .guessInfo .timer span{
	font-size:25px;
}

.guessInfo input.guess{
	color:#000000;
	width:200px;
 border:1px solid #7F9DB9;
 border-right:none;
 height:18px;
 width:182px;
 padding:2px 4px 2px 2px;
 float:left;
}

.guessInfo input.guess.empty{
	color:#999999;
}

.guessInfo span.submitBorder{
 float:left;
 display:block;
 width:20px;
 height:22px;
 border:1px solid #7F9DB9;
 border-left:none;
 background-color:#ffffff;
}

.guessInfo input.submitButton{
 width:20px;
 height:22px;
 border:none;
 background:url(../images/games/GuessWho/submit.gif) left top no-repeat;
 padding:0;
 text-indent:-9999px;
 display:block;
 cursor:pointer;
 outline:none;
}

.guessInfo input.submitButton.fail{
 background:url(../images/games/GuessWho/fail.gif) left top no-repeat;
}

.guessInfo input.submitButton.pass{
 background:url(../images/games/GuessWho/pass.gif) left top no-repeat;
}

		
/*** RSPB page styles ***/
#generalContent.RSPB{
 background-color:#8BB532;
	color:#FFFFFF;
}

#generalContent.RSPB p{
 margin:10px 0;
}

#generalContent.RSPB .leftColumn{
 float:left;
	width:200px;
	padding:0 11px;
}

#generalContent.RSPB .centerColumn{
 float:left;
	width:452px;
	padding:0 10px;
}

#generalContent.RSPB .rightColumn{
 float:left;
	width:234px;
	padding:0 16px;
}