/* --------------- STYLES FOR INJECTED JAVASCRIPT ELEMENTS -------------- */

/*  ------------- CONTENT PAGINATION ------------------ */

#content-next-button {
	position: absolute; z-index: 200;
	left: 80px; top: 300px;
	width: 48px; height: 17px;
	margin: 0; padding: 0;
}

#content-next-button a {
	display: block;
	width: 48px; height: 0px;
	margin: 0; padding: 17px 0 0;
	overflow: hidden;
	background: transparent url(../_img/next-button.gif) 0px 0px no-repeat;
}

#content-next-button a:hover { background-position: 0px -17px; }

.content-block-paginated {
	width: 220px; height: 250px;
	position: absolute;
	top: 20px; left: 250px;
}

/*  ------------- SIGNATURE REPLACEMENT ------------------ */
.signature-background { background: transparent url(../_img/kevin-jaako-signature.png) 0px 0px no-repeat; }
.signature-background-hover { background: transparent url(../_img/kevin-jaako-signature.png) 0px -211px no-repeat; }

.signature-background-gif { background: transparent url(../_img/kevin-jaako-signature.png) 0px 0px no-repeat; }
.signature-background-gif-hover { background: transparent url(../_img/kevin-jaako-signature.png) 0px -211px no-repeat; }


/*  ------------- SIGNATURE MASKING ------------------ */
#signature .signature-mask { display: block; position: absolute; margin: 0; padding: 0;	}
#signature-link-1 { width: 60px; height: 24px; top: 95px; left: 0px; }
#signature-link-2 { width: 100px; height: 78px; top: 99px; left: 35px; }
#signature-link-3 { width: 36px; height: 42px; top: 58px; left: 85px; }
#signature-link-4 { width: 60px; height: 24px; top: 78px; left: 118px; }
#signature-link-5 { width: 34px; height: 82px; top: 0px; left: 140px; }
#signature-link-6 { width: 18px; height: 30px; top: 50px; left: 170px; }
#signature-link-7 { width: 18px; height: 33px; top: 116px; left: 0px; }
#signature-link-8 { width: 18px; height: 33px; top: 156px; left:24px; }
#signature-link-9 { width: 18px; height: 33px; top: 178px; left:10px; }


/*  ------------- CONTACT ME POPUP ------------------ */

#black-mask { position: absolute; z-index: 200; left: 50px; top: 50px; width: 800px; height: 533px; padding: 0; background: #000; }

#contact-popup { 
	position: absolute; z-index: 210; 
	left: 250px; top: 150px; 
	width: 360px; height: 200px; 
	padding: 20px; 
	background: #262626; 
	color: #999;
}

#contact-popup-wrapper {
	position: relative;
	background: #222;
	width:340px;
	height:180px;
	padding: 10px;
	border: 1px solid #444;
}

#contact-popup h2 {
	text-align: center;
	font-family: georgia;
	font-size: 3em;
	margin-top: 0;
}

#contact-popup p {
	margin: 0 0 1em;
	color: #fff;
	word-spacing: normal;
	font-size: 1.1em;	
	letter-spacing: 0;
	line-height: 1.3em;
}

#email-address-dark {
	display: block; float: left;
	margin: 0 10px 10px 0;
	border: 1px solid #111;
}

#contact-popup #close-popup {
	display: block;
	position: absolute;
	top: 160px; left: 280px;
	width: 60px; height: 20px;
	padding: 4px;
	color: #ccc; background: #666;
	text-decoration: none; text-align: center;
	font: 16px georgia; line-height: 18px;
	border-top: 1px solid #888; 	border-left: 1px solid #888;
	border-bottom: 1px solid #444; 	border-right: 1px solid #444;
}

#contact-popup #close-popup:hover { background: #888; color: #fff; }