/*	Styling for  overlay pop-ups
	overlay dimensions are defined with CSS. this tool detects them dynamically   
    and resizes the background image correspondingly 	*/

#dvd, #character, #book, #game {     
	width:615px;
	/* overlay is initially hidden */
	display:none;
	/* overlayed image is setup normally with background-image property */
	/* background-image:url(../img/global/overlay.png); */
} 

#character {     
	/*	background-image:url(../img/global/overlay2.png); */
} 

#book {
	/* padding-top: 20px;
	/* background-image:url(../img/global/overlay3.png); */
}

#dvd {
	width:675px;
}

#game {
	width:500px;
}

/*	close button (div.close element) is auto-generated by default	*/ 
#dvd div.close, #character div.close, #book div.close, #game div.close { 
    background:url(../img/global/overlayclose.png) no-repeat; 
    position:absolute; 
    top:3px; 
    left:3px; 
    width:25px; 
    height:25px; 
    cursor:pointer;     
} 
 
/*	the actual content is moved inside a little bit so that it doesn't overlap 
	with the drop shadow in the overlayed image 		*/ 
#dvd p, #character p, #book p, #game p {
	margin:20px 20px;
}


/*  container for the overlaid external url	*/

.overlaycontent {
	display: block;
	width:600px;
	color: white;
}

.overlaycontent p, .overlaycontent ul, .overlaycontent p1 {
	font-weight: normal;
	color: white;
}

.overlaycontent h1 {
	margin-top: 30px;
	font-weight: bold;
	color: white;
}

.overlaycontent ul {
	margin: 5px 0 0 30px;
}

.overlaypic {
	float: left;
}

.overlaylogo {
	margin-left: 35px;
	float: left;
}


.episodelist {
	margin-left: 0px;
	float: left;
}


.overlaylogo {
	margin: 30px 0 0 15px;
}

.overlaybook {
	margin: 45px 0 0 40px;
}

.overlaydvd {
	margin: 0px 0 0 20px;
}

.overlaydvdbox {
	margin: 0px 0 0 25px;
}

.overlaydvdlogo {
	margin: 20px 0 0 35px;
}

.characterwrapper {
	width: 545px;
	height: 290px;
	margin: 30px;
	float: left;

}

.characterwrapper p {
	color: white;
	margin-top: 30px;
		float: left;

}

.characterdescription {
	position: absolute;
	top: 32px;
	right: 30px;
	width: 340px;
}


.episodelist {
	height: 300px;
	width: 330px;	
}


.overlaycharacterpic {
	position: absolute;
	top: 20px;
	left: 20px;
}