/* CSS Document */

a {outline:none}

body {background-color:black;background-image:url(../images/background.jpg);background-position:top center}
#container {position:relative;margin-left:auto;margin-right:auto; width:1124px;margin-top:40px;height:753px; }
h1 {text-indent:-9000px; background-image:url(../images/logo.png);background-repeat:no-repeat;position:absolute;top:-5px;left:3px;width:94px;height:276px;z-index:10000}
#menu, #flowtabs {
padding:0;margin:0;
	width:597px;
	height:41px;
	position:absolute;
	left: 381px;
	top: -3px;z-index:100001
}
#menu img {padding:0;margin:0}

.content, #contentholder, #flowpanes  {width:929px;height:673px;position:relative;padding-top:30px;float:left;margin-left:30px;}
#bo {position:absolute;background-image: url(../images/images/bo_11.png);width:221px;height:735px;top:28px;left:839px;z-index:10011}

#footer {position:relative;width:1024px;  float:left;height:100px;z-index:10000;top:-20px;}
#footerleft {width:450px;float:left;   }
#links {position:relative;height:35px;margin-left:30px;width:450px;float:left;}

#links div {float:left;height:31px;position:relative;}

#mailinglist {float:left;
 	height:23px;
	position:relative;
 	width: 550px;margin-left:45px;
}
#form1 {
	display:block;
}
#contact a {color:black;text-decoration:none;}
#contact a:hover {color:black:}
#musicplayer {position:relative;height:35px;float:right;z-index:1;width:350px;margin-right:100px;}

.formfield {
background-color:black;color:white;
font-family:"Courier New", Courier, monospace;position:relative;
font-size:14px;border:1px #e8e1be solid;  float:left;}

#home {
	position:relative;
	width:929px;
	height:653px;
	background-image: url(../images/home-montage.jpg);
	background-repeat:no-repeat
}
#diary { position:relative;width:884px;height:540px;padding-top:81px;padding-left:45px;padding-bottom:32px;
background-image:url(../images/diary-montage.jpg);
background-repeat:no-repeat;
}
#diary-content {width:575px;height:495px;position:absolute;  overflow:auto;}
#biog { position:relative;width:884px;height:540px;padding-top:81px;padding-left:45px;padding-bottom:32px;background-image: url(../images/biog-montage.jpg);
background-repeat:no-repeat}
#biog-content {width:575px;height:495px;position:absolute;  overflow:auto;}

#scrapbook {position:relative; width:929px;height:653px;background-image: url(../images/scrapbook-montage.jpg);
background-repeat:no-repeat}
#scrapbook a {
	color:#000000;
	text-decoration:none
}
#scrapbook a:hover {
	color:#000000;
	text-decoration:underline
}
#polaroids { position:relative;width:929px;height:653px;background-image: url(../images/polaroids-montage.jpg);
background-repeat:no-repeat}

#contact {position:relative;width:884px;height:540px;padding-top:81px;padding-left:45px;padding-bottom:32px;background-image: url(../images/contact-montage.jpg);
background-repeat:no-repeat}


#subbut {margin-top:-3px;float:left;position:relative;}

 

#t1, #t2, #t3, #t4, #t5,#t6 {
	height:41px;
	display:block;
	position:relative;float:left;
}

#t1
{
	background-image: url(../images/images/diary_03.png);
	width:77px;
}

a.current#t1,  a:hover#t1{ 
	cursor:pointer;
	background-image: url(../images/images/home_03.png);
}
 
#t2 {
	background-image: url(../images/images/home_04.png);
	width:84px;
}

a.current#t2, a:hover#t2  {
	background-image: url(../images/images/diary_04.png);	cursor:pointer;

}

#t3 {
	background-image: url(../images/images/home_05.png);
	width:83px;
}

a.current#t3, a:hover#t3  {
	background-image: url(../images/images/biog_05.png);	cursor:pointer;

}


#t4{
	background-image: url(../images/images/home_06.png);
	width:108px;
}

a.current#t4, a:hover#t4  {
	background-image: url(../images/images/scrapbook_06.png);	cursor:pointer;

}

#t5 {
	background-image: url(../images/images/home_07.png);
	width:99px;
}

a.current#t5, a:hover#t5  {
	background-image: url(../images/images/polaroids_07.png);	cursor:pointer;

}

#t6 {
	background-image: url(../images/images/home_08.png);
	width:126px;
}

a.current#t6, a:hover#t6  {
	background-image: url(../images/images/contact_08.png);	cursor:pointer;

}




 .jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: none;
}

.jScrollPaneDrag {
	position: absolute;
	background: none;
 
	height:28px;
	cursor: pointer;
	overflow: hidden;
}

.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}

.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}

a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	background-image:  url(../images/images/diary_19.png);
	height: 58px;
}

a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background-image:  url(../images/images/diary_21.png);
	height: 58px;
}

a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}

a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

.scroll-pane {
width:575px;
height:495px;
float:left;
}

 
 
.diarytitle {font-family:"Courier New", Courier, monospace; font-weight:bold; color:black;font-size:18px;}

.diarytext {font-family:"Courier New", Courier, monospace;font-weight:bold;color:black;font-size:14px;line-height:20px;}

.biogtext {font-family:"Courier New", Courier, monospace;font-weight:bold;color:black;font-size:16px;line-height:20px;}
 
#diary-content p,  #biog-content p {width:525px;}

#scrapbook-photo {position:absolute;top:40px;left:40px;background-image: url(../images/images/scrapbook_16.png);background-repeat:no-repeat;}





/* Easy Slider */

#slider
	{position:absolute;top:100px;left:100px;z-index:10002;width:370px;height:383px;}
	
#slider2 
	{position:absolute;top:90px;left:85px;z-index:10002;width:680px;height:483px;}

#slider ul, #slider li,#slider2 ul, #slider2 li {
		margin:0;
		padding:0;
		list-style:none;
		}
		
 	#slider li  li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:370px;
		height:383px;
		overflow:hidden; 
		}	
		
	#slider li { 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:370px;
		height:383px;
		overflow:hidden; 
		}
	#slider2 li  li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:680px;
		height:483px;
		overflow:hidden; 
		}
		#slider2  li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:680px;
		height:483px;
		overflow:hidden; font-family:"Courier New", Courier, monospace;color:white;font-size:14px;font-weight:bold;
		}
		#slider2  li p { margin:0;padding:0;position:relative;}
		#slider2  li img {float:left;position:relative;padding-right:15px;margin-right:20px;}
		
		
	#slider1next, #slider1prev{ 
		display:block;text-indent:-9000px;
		width:51px;
		height:50px;
		position:absolute;
		left:30px;
		top:300px;
		z-index:10001;
		}	
	  #slider1next{ 
		left:596px;
		top:300px;		
		}				
	#slider2next, #slider2prev{ 
		display:block;text-indent:-9000px;
		width:51px;
		height:50px;
		position:absolute;
		left:30px;
		top:300px;
		z-index:10021;
		}	
	  #slider2next{ 
		left:776px;
		top:300px;		
		}

	#slider1next a, #slider1prev a,#slider2next a, #slider2prev a{  
		display:block; 
		position:relative;
		width:51px;
		height:50px;
		background:url(../images/left.png) no-repeat 0 0;	
		}	
	 #slider1next a,#slider2next a{ 
		background:url(../images/right.png) no-repeat 0 0;	
		}	

#contactform { width:625px;position:absolute;top:55px;left:45px;
font-family:"Courier New", Courier, monospace;position:relative;
}
 #thanks {visibility:hidden;position:absolute;top:0px;left:0px;
font-family:"Courier New", Courier, monospace;position:relative;
}


#contactform p, #thanks p {font-size:24px;font-weight:bold;color:black; margin:0;padding:0;text-align:left
}
#contactform {float:left;}
#contactform .formfield {
background-color:black;color:white;
font-family:"Courier New", Courier, monospace;position:relative; 
font-size:18px;border:1px #e8e1be solid; margin-left:10px; float:left;}
 
#response { font-family:"Courier New", Courier, monospace;color:white;margin-left:45px;}
#emailtext {font-family:"Courier New", Courier, monospace;color:white;}