@charset "utf-8";
/* CSS Document */

div#mobile-notice {
	display: none;
	position:absolute;
	top: 110px;
	left: 10px;
	width: 400px;
	height: 200px;
	margin: 30px 10px;
	padding: 40px 20px;
	background: #eee;
	z-index:3;
	font-size:24px;
}

div#mobile-notice p {
	margin: 40px 10px;
}

#thecode {
	text-align:left;
	display:none;
}
.reverse {
	display:none;
}
.box {
	font-size:1.2em;
	margin:25px 0 0 35px;
	padding:15px 15px 35px 15px;
	outline:1px solid #ccc;
	max-width: 650px;
}
#sth {
	background-image:url("../images/led-zeppelin-iv.jpg");
	background-repeat:no-repeat;
	background-position:right;
}
#imagine {
	background-image:url("../images/imagine-cover.jpg");
	background-repeat:no-repeat;
	background-position:right;
}
#sotired {
	background-image: url("../images/The-beatles-Imsotired.jpg");
	background-repeat: no-repeat;
	background-position: right;
}
#slim {
	background-image: url("../images/slim.jpg");
	background-repeat: no-repeat;
	background-position: right;
}
#pokemon {
	background-image: url("../images/pokemon.jpg");
	background-repeat: no-repeat;
	background-position: right;
}
#emptyspaces {
	background-image: url("../images/empty-spaces.jpg");
	background-repeat: no-repeat;
	background-position: right;
}
#babyonemoretime {
	background-image: url("../images/bomt.jpg");
	background-repeat: no-repeat;
	background-position: right;
}
#naturetrail {
	background-image: url("../images/naturetrail.jpg");
	background-repeat: no-repeat;
	background-position: right;
}
#aobtd {
	background-image: url("../images/aobtd.jpg");
	background-repeat: no-repeat;
	background-position: right;
}
#hotelcali {
	background-image: url("../images/Hotelcalifornia.jpg");
	background-repeat: no-repeat;
	background-position: right;
}
#revolution9 {
	background-image: url("../images/TheBeatles.jpg");
	background-repeat: no-repeat;
	background-position: right;
}
#fireonhigh {
	background-image: url("../images/fireOnHigh.jpg");
	background-repeat: no-repeat;
	background-position: right;
}
#breakonthrough {
	background-image: url("../images/breakOnThrough.jpg");
	background-repeat: no-repeat;
	background-position: right;
}
#beatit {
	background-image: url("../images/BeatIt.jpg");
	background-repeat: no-repeat;
	background-position: right;
}
#paparazzi {
	background-image: url("../images/Paparazzi.jpg");
	background-repeat: no-repeat;
	background-position: right;
}

.instructions {
	color: 999;
	text-align:left;
	float:left;
	width: 330px;
	font-size:16px;
	position: absolute;
	list-style: none;
	clip:rect(0px,895px,1266px,0px);
	z-index: 2;
}
.instructions h2{
	color: #999;
	font-size:32px;
	line-height:32px;
	margin: 0;
	padding: 0;
}
.box h3 {
	color: #444;
	font-size:16px;
	line-height:16px;
	margin: 0;
	padding:0;
}
.box h4 {
	color: #999;
	font-size:12px;
	line-height:12px;
	margin: 5px 0 0 0;
	padding: 1px 0 10px;
}
#list {
	text-align:right;
}
ul#list  {
	list-style:none;
	line-height:20px;
}
#recommendation {
	margin:125px 0 0 0;
}
.lyrics {
	font-size:12px;	
}
.instructions ul li {
		text-indent: -9999px; position: absolute;
		-moz-border-radius: 50%;
		-webkit-border-radius: 390px;
		border-radius: 390px;
		list-style:none outside none;
	}
.instructions ul li:nth-child(1) {
	width: 10px; height: 10px;
	bottom: 130px; left: 0px;
	background-color: rgba(128,128,128,0.5);
}
.instructions ul li:nth-child(2) {
	width: 10px; height: 10px;
	bottom: 120px; left:10px;
	background-color: rgba(128,128,128,0.5);
}
.instructions ul li:nth-child(3) {
	width: 10px; height: 10px;
	bottom: 110px; left:20px;
	background-color: rgba(128,128,128,0.5);
}
.instructions ul li:nth-child(4) {
	width: 10px; height: 10px;
	bottom: 100px; left:10px;
	background-color: rgba(128,128,128,0.5);
}
.instructions ul li:nth-child(5) {
	width: 10px; height: 10px;
	bottom: 90px; left:0px;
	background-color: rgba(128,128,128,0.5);
}
.instructions ul li:nth-child(6) {
	width: 10px; height: 10px;
	bottom: 130px; left: 40px;
	background-color: rgba(128,128,128,0.5);
}
.instructions ul li:nth-child(7) {
	width: 10px; height: 10px;
	bottom: 120px; left:50px;
	background-color: rgba(128,128,128,0.5);
}
.instructions ul li:nth-child(8) {
	width: 10px; height: 10px;
	bottom: 110px; left:60px;
	background-color: rgba(128,128,128,0.5);
}
.instructions ul li:nth-child(9) {
	width: 10px; height: 10px;
	bottom: 100px; left:50px;
	background-color: rgba(128,128,128,0.5);
}
.instructions ul li:nth-child(10) {
	width: 10px; height: 10px;
	bottom: 90px; left:40px;
	background-color: rgba(128,128,128,0.5);
}
.instructions ul li:nth-child(11) {
	width: 10px; height: 10px;
	bottom: 130px; left: 80px;
	background-color: rgba(128,128,128,0.5);
}
.instructions ul li:nth-child(12) {
	width: 10px; height: 10px;
	bottom: 120px; left:90px;
	background-color: rgba(128,128,128,0.5);
}
.instructions ul li:nth-child(13) {
	width: 10px; height: 10px;
	bottom: 110px; left:100px;
	background-color: rgba(128,128,128,0.5);
}
.instructions ul li:nth-child(14) {
	width: 10px; height: 10px;
	bottom: 100px; left:90px;
	background-color: rgba(128,128,128,0.5);
}
.instructions ul li:nth-child(15) {
	width: 10px; height: 10px;
	bottom: 90px; left:80px;
	background-color: rgba(128,128,128,0.5);
}
.instructions ul li:nth-child(16) {
	width: 10px; height: 10px;
	bottom: 130px; left: 120px;
	background-color: rgba(128,128,128,0.5);
}
.instructions ul li:nth-child(17) {
	width: 10px; height: 10px;
	bottom: 120px; left:130px;
	background-color: rgba(128,128,128,0.5);
}
.instructions ul li:nth-child(18) {
	width: 10px; height: 10px;
	bottom: 110px; left:140px;
	background-color: rgba(128,128,128,0.5);
}
.instructions ul li:nth-child(19) {
	width: 10px; height: 10px;
	bottom: 100px; left:130px;
	background-color: rgba(128,128,128,0.5);
}
.instructions ul li:nth-child(20) {
	width: 10px; height: 10px;
	bottom: 90px; left:120px;
	background-color: rgba(128,128,128,0.5);
}
.instructions ul li:nth-child(21) {
	width: 10px; height: 10px;
	bottom: 90px; left:160px;
	background-color: rgba(128,128,128,0.5);
}
.instructions ul li:nth-child(22) {
	width: 10px; height: 10px;
	bottom: 130px; left: 160px;
	background-color: rgba(128,128,128,0.5);
}
.instructions ul li:nth-child(23) {
	width: 10px; height: 10px;
	bottom: 120px; left:170px;
	background-color: rgba(128,128,128,0.5);
}
.instructions ul li:nth-child(24) {
	width: 10px; height: 10px;
	bottom: 110px; left:180px;
	background-color: rgba(128,128,128,0.5);
}
.instructions ul li:nth-child(25) {
	width: 10px; height: 10px;
	bottom: 100px; left:170px;
	background-color: rgba(128,128,128,0.5);
}