#raining-container {
	background: rgb(235, 246, 247) /*url('raining.jpg') no-repeat*/;
	width: 700px;
	height: 500px;
	margin: 0 auto;
	position: relative;
	}
	
#snoring-container {
	background: rgb(238, 48, 107) /*url('snoring.jpg') no-repeat*/;
	width: 700px;
	height: 500px;
	margin: 0 auto;
	position: relative;
	}

#bed-container, #bumped-container
	{
	background: white ;
	height: 500px;
	width: 700px;
	margin: 0 auto;
	position: relative;
	}
		
#morning-container
	{
	background: rgb(230, 60, 36) /*url('morning.jpg') no-repeat*/;
	height: 500px;
	width: 700px;
	margin: 0 auto;
	}	


body-raining, body-bumped {
	margin: 0;
	padding: 0;
	font: bold 100px/50px Futura, Helvetica, Arial, sans-serif;
	}

body-snoring {
	margin: 0;
	padding: 0;
	font: 21px/35px Futura, Helvetica, Arial, sans-serif;
	color: rgb(238, 48, 107);
	}

body-bed
	{
	padding: 0;
	margin: 0;
	font: 96px/86px Futura, Helvetica, Arial, sans-serif;
	font-style: italic;
	}

body-morning
	{
	padding: 0;
	margin: 0;
	font: 100px/50px Futura, Helvetica, Arial, sans-serif;
	color: white;
	text-align: center;
	}


#raining-container pre
	{
	font: bold 20px/6px Futura, Helvetica, Arial, sans-serif;
	color: rgb(90,202,241); 
	margin: 0;
	padding: 0;
	}

#bumped-container pre
	{
	font: 60px/0px Futura, Helvetica, Arial, sans-serif;
	/*background-color: red;*/
	margin: 0;
	padding: 0;
	opacity: 0.5;
	}


#cloudleft
	{
	color:white;
	}

#cloud1
	{
	font-size: 420px;
	position: absolute;
	top:-35px;
	left: 108px;
	}

#cloud2
	{
	font-size: 750px;
	position: absolute;
	top: -160px;
	left: 108px;
	}

#cloud3
	{
	font-size: 660px;
	position: absolute;
	top: -125px;
	left: 176px;
	}

#cloud4
	{
	font-size: 320px;
	position: absolute;
	top: 8px;
	left: 272px;
	}

#cloudright
	{
	color: white;
	position: absolute;
	left: 275px;
	}

#cloudleft a:link, #cloudright a:link
	{
	color:white;
	text-decoration: none;
	}

#cloudleft a:visited, #cloudright a:visited
	{
	color:grey;
	text-decoration: none;
	}

#cloudleft a:hover, #cloudright a:hover
	{
	color:white;
	text-decoration: none;
	}

#cloudleft a:active, #cloudright a:active
	{
	color: rgb(255, 246, 131);
	text-decoration: none;
	}

#water a:visited
	{
	color: black;
	text-decoration: none;
	}

#itsraining
	{
	font-size: 50px;
	position: absolute;
	left: 70px;
	top: 97px;
	}

.raintext
	{
	color: rgb(90,202,241);
	}

#raindropsleft
	{
	/*background-color: red;*/
	width: 225px;
	position: absolute;
	left: 108px;
	top: 185px;
	}

#raindropsright
	{
	/*background-color: red;*/
	width: 225px;
	position: absolute;
	left: 400px;
	top: 185px;
	}

#raindropsleft:hover {
	margin-top: 25px;
	/*background-color:red;*/
	}

#raindropsright:hover {
	margin-top: 25px;
	/*background-color:red;*/
	}

#water
	{
	font-size: 27px;
	font-weight: normal;
	position: absolute;
	bottom: 20px;
	}

#water div {
	margin: 0;
	padding: 5px;
	line-height: 30px;
	}

#old
	{
	position: relative;
	top: 48px;
	}

#went
	{
	background-color: rgb(90, 202, 241);
	position: relative;
	top: 39px;
	}

#bumped
	{
	background-color: rgb(139, 213, 235);
	position: relative;
	top: 29px;
	width: 690px;
	}

#bumped:hover
	{
	padding-top: 10px;
	}

#old .first
	{
	position: relative;
	left: 30px;
	}
	
#old .second
	{
	position: relative;
	left: 90px;
	}	

#went .first
	{
	position: relative;
	left: 60px;
	}
	
#went .second
	{
	position: relative;
	left: 202px;
	}	

#went:hover
	{
	padding-top: 10px;
	}

#bumped .first
	{
	position: relative;
	left: 80px;
	}

#bottomwater
	{
	background-color: rgb(235, 246, 247);;
	position: relative;
	top: 19px;
	}

#bottomwater:hover 
	{
	padding-top: 10px;
	}

/* SNORING.HTML */

#snoring-he
	{
	position: absolute;
	left: 420px;
	top: 110px;
	}

#snoring-he span:hover
	{
	text-decoration: line-through;
	}

#snoring-raining
	{
	font-size: 23px;
	color: white;
	position: relative;
	left: 45px;
	top: 46px;
	}
	
#snoring-raining:hover
	{
	text-decoration: line-through;
	}

#snoring-circle
	{
	color: white;
	/*background-color: blue;*/
	font-size: 905px;
	position: relative;
	top: 124px;
	left: 185px;
	height: 180px;
	}

#snoring-oldman
	{
	font-size: 132px;
	line-height: 40px;
	color: white;
	position: relative;
	top: -55px;
	left: 40px;
	}

#snoring-oldman-man
	{
	font-size: 152px;
	line-height: 60px;
	position: relative;
	left: -4px;
	}

#snoring-oldman-snoring
	{
	font-size: 171px;
	line-height: 60px;
	position: relative;
	top: 8px;
	left: -4px;
	}

#snoring-oldman span:hover
	{
	font-style:italic;
	}

#snoring-oldman-the
	{
	color:white;
	font-size: 28px;
	position: absolute;
	top: 115px;
	left: 50px;
	}
	
#snoring-oldman-is
	{
	color:white;
	font-size: 36px;
	position: absolute;
	top: 290px;
	left: 340px;
	}	

#snoring-he a:visited
	{
	text-decoration: none;
	color: rgb(238, 48, 107);
	}

#snoring-raining a:visited
	{
	text-decoration: none;
	color: white;
	}
	
/* BED.HTML */

#bed-arrow pre
	{
	padding: 0;
	margin: 0;
	font: 32px/17px Futura, Helvetica, Arial, sans-serif;
	}
	
.bed-smallgreen
	{
	padding: 0;
	margin: 0;
	font: lighter 12px/8px Futura, Helvetica, Arial, sans-serif;
	color: rgb(205, 223, 121);
	}

.bed-smallgreen span
	{
	font-size: 16px;
	}
	
#bed-hewent
	{
	position: absolute;
	top: 49px;
	left: 0px;
	}

#bed-arrow
	{
	position: absolute;
	top: 310px;
	left: 112px;
	}

#bed-bed
	{
	position: absolute;
	top: 376px;
	left: 398px;
	}

#bed-itsraining1
	{
	position: absolute;
	top: 50px;
	left: 522px;
	}
	
#bed-itsraining2
	{
	position: absolute;
	top: 115px;
	left: 312px;
	}
	
#bed-itsraining3
	{
	position: absolute;
	top: 415px;
	left: 562px;
	}

#bed-itsraining4
	{
	position: absolute;
	top: 215px;
	left: 522px;
	}	
	
#bed-oldman1
	{
	position: absolute;
	top: 330px;
	left: 352px;
	}
	
#bed-oldman2
	{
	position: absolute;
	top: 300px;
	left: 552px;
	}
		
#bed-andhe1
	{
	position: absolute;
	top: 130px;
	left: 422px;
	}	
	
#bed-andhe2
	{
	position: absolute;
	top: 220px;
	left: 282px;
	}	
	
#bed-andhe3
	{
	position: absolute;
	top: 340px;
	left: 482px;
	}	
	
#bed-bumped1
	{
	position: absolute;
	top: 45px;
	left: 367px;
	}	
	
#bed-bumped2
	{
	position: absolute;
	top: 400px;
	left: 367px;
	}	
	
#bed-bumped3
	{
	position: absolute;
	top: 250px;
	left: 427px;
	}	
	
	
#bed-bumpedblack
	{
	position: absolute;
	top: 140px;
	left: 562px;
	}	

.bed-bumpedblack	
	{
	padding: 0;
	margin: 0;
	font: lighter 14px/8px Futura, Helvetica, Arial, sans-serif;
	color: black;
	}
	
.bed-bumpedblack span
	{
	font-size: 16px;
	}

#bed-plus div
	{
	color: white;
	}

#bed-plus1
	{
	font-size: 130px;
	position: absolute;
	top: 32px;
	left: 440px;
	}

#bed-plus1:hover, #bed-plus2:hover, #bed-plus3:hover, #bed-plus4:hover, #bed-plus5:hover, #bed-plus6:hover, #bed-plus7:hover, #bed-plus8:hover, #bed-plus9:hover, #bed-plus10:hover, #bed-plus11:hover, #bed-plus12:hover, #bed-plus13:hover
	{
	visibility: visible;
	color: rgb(254, 249, 204)
	}
	
#bed-plus2
	{
	font-size: 80px;
	position: absolute;
	top: 83px;
	left: 334px;
	}
	
#bed-plus3
	{
	font-size: 80px;
	position: absolute;
	top: 105px;
	left: 524px;
	}
	
#bed-plus4
	{
	font-size: 120px;
	position: absolute;
	top: 145px;
	left: 398px;
	}	
	
#bed-plus5
	{
	font-size: 135px;
	position: absolute;
	top: 176px;
	left: 292px;
	}		
	
#bed-plus6
	{
	font-size: 120px;
	position: absolute;
	top: 190px;
	left: 485px;
	}		
	
#bed-plus7
	{
	font-size: 90px;
	position: absolute;
	top: 190px;
	left: 585px;
	}	

#bed-plus8
	{
	font-size: 80px;
	position: absolute;
	top: 238px;
	left: 422px;
	}			
	
#bed-plus9
	{
	font-size: 120px;
	position: absolute;
	top: 285px;
	left: 330px;
	}	
	
#bed-plus10
	{
	font-size: 90px;
	position: absolute;
	top: 315px;
	left: 497px;
	}	
	
#bed-plus11
	{
	font-size: 80px;
	position: absolute;
	top: 348px;
	left: 302px;
	}	
	
#bed-plus12
	{
	font-size: 120px;
	position: absolute;
	top: 360px;
	left: 410px;
	}		
	
#bed-plus13
	{
	font-size: 90px;
	position: absolute;
	top: 356px;
	left: 582px;
	}		
	
#bed-bumpedblack a:visited
	{
	color:black;
	text-decoration: none;
	}	
	
#bed-links a:visited
	{
	padding: 0;
	margin: 0;
	font: lighter 12px/8px Futura, Helvetica, Arial, sans-serif;
	color: rgb(205, 223, 121);
	text-decoration: none;
	}
	
	
	
/* BUMPED.HTML */



.redside 
	{
	color: rgb(238, 30, 88);
	}
	
.blueside
	{
	color: rgb(0, 174, 239);
	}
	
#bumped-he1
	{
	position: absolute;
	top: 45px;
	left: 260px;
	}

#bumped-he2
	{
	position: absolute;
	top: 45px;
	left: 270px;
	}
	
	
.bedspan
	{
	font-size: 85px;
	position: relative;
	top: -15px;
	right: 2px;
	}
	
.bumped-raining
	{
	font-size: 48px;
	line-height: 23px;
	position: absolute;
	top: 35px;
	left: 48px;
	width: 200px;
	}
	
.bumped-its
	{
	font:  22px/21px Futura, Helvetica, Arial, sans-serif;
	padding: 0;
	position: absolute;
	top: 22px;
	left: 42px;
	}

#bumped-rainingmain2
	{
	position: absolute;
	left: 10px;
	top: 0px;
	}
	
	

.bumped-andhe-andhe
	{
	font-size: 18px;
	position: absolute;
	top: 50px;
	left: 565px;
	}

.bumped-andhe-couldnt
	{
	font-size: 30px;
	line-height: 0px;
	position: absolute;
	top: 66px;
	left: 540px;
	}

.bumped-andhe-get
	{
	font-size: 50px;
	line-height: 10px;
	position: absolute;
	top: 70px;
	left: 500px;
	}
	
#bumped-andhemain2	
	{
	position: absolute;
	top: 0px;
	left: 10px;
	height: 0;
	width:0;
	}

.bumped-oldman-the
	{
	font-size: 30px;
	line-height: 10px;
	position: absolute;
	top: 335px;
	left: 60px;
	}
	
.bumped-oldman-old
	{
	font-size: 60px;
	line-height: 0px;
	position: absolute;
	top: 348px;
	left: 32px;
	}	
	

	
#bumped-oldmanmain2
	{
	position: absolute;
	top: 0px;
	left: 10px;
	}
	
#bumped-please
	{
	font-size: 21px;
	font-style: italic;
	font-family: Futura, Helvetica, Arial, sans-serif;
	font-weight: lighter;
	position: absolute;
	top: 404px;
	left: 350px;
	}
	
.bumped-andbumped-and
	{
	font-size: 45px;
	position: absolute;
	top: 158px;
	left: 110px;
	}
	
.bumped-andbumped-bumped
	{
	font-size: 115px;
	position: absolute;
	top: 195px;
	left: 80px;
	}
	
#bumped-bumpedmain2
	{
	font-size: 115px;
	position: absolute;
	top: 195px;
	left: 80px;
	opacity: 0.5;
	}
		
	
.bumped-andbumped-bumped:hover
	{
	color: red;
	position: absolute;
	margin-left: 5px;
	opacity: 0.5;
	}
	
.bumped-andbumped-his
	{
	font-size: 93px;
	position: absolute;
	top: 256px;
	left: 135px;
	}	
	
.bumped-andbumped-head
	{
	font-size: 150px;
	position: absolute;
	top: 280px;
	left: 245px;
	}	
	
#bumped-links a:visited
	{
	text-decoration: none;
	color: rgb(0, 174, 239);
	}
	
/* MORNING.HTML */

#morning-raining
	{
	font: 17px/50px Futura, Helvetica, Arial, sans-serif;
	color: white;
	position: relative;
	top: 25px;
	
	}
	
#morning-andhe
	{
	font: 26px/50px Futura, Helvetica, Arial, sans-serif;
	position: relative;
	top: -32px;
	}
	
#morning-dashes
	{
	font: 26px/50px Futura, Helvetica, Arial, sans-serif;
	position: relative;
	top: -125px;
	}

.dashes
	{
	font: 26px/50px Futura, Helvetica, Arial, sans-serif;
	letter-spacing: .1 em;
	}

#morning-couldnt
	{
	font: 118px/155px Futura, Helvetica, Arial, sans-serif;
	position: relative;
	top: -54px;
	}

#morning-getup
	{
	font: 46px/50px Futura, Helvetica, Arial, sans-serif;
	position: relative;
	top: -228px;
	}	
	
#morning-backwards
	{
	font: 17px/50px Futura, Helvetica, Arial, sans-serif;
	direction: rtl;
	position: relative;
	top: 385px;
	}	
	
#morning-raining a:visited, #morning-backwards a:visited
	{
	color: white;
	text-decoration: none;
	}