/* hover */

.map { 	cursor: url(pirate.png), text; }
.found { 	cursor: url(pirate2.png), text; }

.hazard { opacity: 0; 
		 -webkit-transition: .15s linear;
		 -moz-transition: .15s linear;
		 -ms-transition: .15s linear;
		cursor: url(skull.png), text;
}
.hazard:hover { opacity: 1; }


.two		{ text-align: left; }	

.two-pix		{ margin: 3px 0px 12px 0px; }	

/* webkit */

			@-webkit-keyframes fadesin {
			0% { opacity: 0; }
			100% { opacity: 1; }
			}
			#storybox {-webkit-animation: fadesin 3s linear 0s 1;}

			@-webkit-keyframes goUD {
			0% {top: 50px;}
			15% {top: 300px;}
			30% {top: 200px;}
			45% {top: 400px;}
			60% {top: 200px;}
			85% {top: 500px;}
			100% {top: 50px;}
			}

			@-webkit-keyframes goLR {
			0% {left: 50px;}
			15% {left: 300px;}
			30% {left: 150px;}
			45% {left: 520px;}
			60% {left: 200px;}
			85% {left: 400px;}
			100% {left: 50px;}
			}
			#ghost {-webkit-animation: goUD 27s ease-in-out -5s infinite,
			goLR 30s ease-in-out -5s infinite;}

			@-webkit-keyframes ghostarmgo {
			0% { -webkit-transform: rotate(20deg); }
			50% { -webkit-transform: rotate(-20deg); }
			100% { -webkit-transform: rotate(20deg); }
			}
			#ghost2 { -webkit-transform-origin: 0% 95%; -webkit-animation: ghostarmgo 2s ease-in-out 0s infinite;}

			@-webkit-keyframes mapgo {
			0% {top: 0px;}
			100% {top: -1000px;}
			}

			@-webkit-keyframes maphold {
			0% {top: -1000px;}
			100% {top: -1000px;}
			}

			#mapbox {-webkit-animation: mapgo 3s ease-in 0s 1,
			maphold 100s ease-in 3s infinite;}

/* moz */

			@-moz-keyframes fadesin {
			0% { opacity: 0; }
			100% { opacity: 1; }
			}
			#storybox {-moz-animation: fadesin 3s linear 0s 1;}

			@-moz-keyframes goUD {
			0% {top: 50px;}
			15% {top: 300px;}
			30% {top: 200px;}
			45% {top: 400px;}
			60% {top: 200px;}
			85% {top: 500px;}
			100% {top: 50px;}
			}

			@-moz-keyframes goLR {
			0% {left: 50px;}
			15% {left: 300px;}
			30% {left: 150px;}
			45% {left: 520px;}
			60% {left: 200px;}
			85% {left: 400px;}
			100% {left: 50px;}
			}
			#ghost {-moz-animation: goUD 27s ease-in-out -5s infinite,
			goLR 30s ease-in-out -5s infinite;}

			@-moz-keyframes ghostarmgo {
			0% { -moz-transform: rotate(20deg); }
			50% { -moz-transform: rotate(-20deg); }
			100% { -moz-transform: rotate(20deg); }
			}
			#ghost2 { -moz-transform-origin: 0% 95%; -moz-animation: ghostarmgo 2s ease-in-out 0s infinite;}

			@-moz-keyframes mapgo {
			0% {top: 0px;}
			100% {top: -1000px;}
			}

			@-moz-keyframes maphold {
			0% {top: -1000px;}
			100% {top: -1000px;}
			}

			#mapbox {-moz-animation: mapgo 3s ease-in 0s 1,
			maphold 100s ease-in 3s infinite;}

/* ms */

			@-ms-keyframes fadesin {
			0% { opacity: 0; }
			100% { opacity: 1; }
			}
			#storybox {-ms-animation: fadesin 3s linear 0s 1;}

			@-ms-keyframes goUD {
			0% {top: 50px;}
			15% {top: 300px;}
			30% {top: 200px;}
			45% {top: 400px;}
			60% {top: 200px;}
			85% {top: 500px;}
			100% {top: 50px;}
			}

			@-ms-keyframes goLR {
			0% {left: 50px;}
			15% {left: 300px;}
			30% {left: 150px;}
			45% {left: 520px;}
			60% {left: 200px;}
			85% {left: 400px;}
			100% {left: 50px;}
			}
			#ghost {-ms-animation: goUD 27s ease-in-out -5s infinite,
			goLR 30s ease-in-out -5s infinite;}

			@-ms-keyframes ghostarmgo {
			0% { -ms-transform: rotate(20deg); }
			50% { -ms-transform: rotate(-20deg); }
			100% { -ms-transform: rotate(20deg); }
			}
			#ghost2 { -ms-transform-origin: 0% 95%; -ms-animation: ghostarmgo 2s ease-in-out 0s infinite;}

			@-ms-keyframes mapgo {
			0% {top: 0px;}
			100% {top: -1000px;}
			}

			@-ms-keyframes maphold {
			0% {top: -1000px;}
			100% {top: -1000px;}
			}

			#mapbox {-ms-animation: mapgo 3s ease-in 0s 1,
			maphold 100s ease-in 3s infinite;}