/* hoon.css */

body { 	
	margin:8; 
	color:#FFFFFF; 
	background-color:#000000; 
	background-image:url(bkgd_01.jpg); 
	background-repeat:no-repeat;
	background-attachment:fixed;
}

body.lyrics { 	
	margin:8; 
	color:#000000; 
	background-color:#FFFFFF; 
	background-image:url(); 
	background-repeat:no-repeat;
	background-attachment:fixed;
}

body.photo { 	
	margin:8; 
	color:#FFFFFF; 
	background-color:#000000; 
	background-image:url(); 
	background-repeat:no-repeat;
	background-attachment:fixed;
}

body.intro {
	color:#777777; 
	background-color:#000000; 
	background-image:url();
	background-repeat:no-repeat;
	background-attachment:fixed;
}

frameset { 	
	background-color:#000000; 
	background-image:url(bkgd_01.jpg); 
	background-repeat:no-repeat;
	background-attachment:fixed;
}




p,h1,h2,h3,h4,ul,ol,li,div,td,th,address,blockquote,nobr,b,i,marquee
     { font-family:Courier New,Courier; }

h1 { font-size:56pt; color:#888888; }
h1.lyrics { font-size:20pt; color:#000000; }

h2 { font-size:16pt; color:#FFBB00; }
h2.lyrics { font-size:12pt; color:#888888; }

h3 { font-size:12pt; }

h4 { font-size:10pt; }

p,ul,ol,li,div,td,th,address,nobr,b,i { font-size:10pt; }
p.lyrics { font-size:10pt; color:#000000; }


a:link { color:#888888; text-decoration:underline; } 
a:visited { color:#888888; text-decoration:underline; } 
a:hover { color:#BBBBBB; text-decoration:none }
a:active { color:#BBBBBB; text-decoration:none; } 
a:focus { color:#BBBBBB; text-decoration:underline }

a.nav:link { color:#888888; text-decoration:underline; } 
a.nav:visited { color:#888888; text-decoration:underline; } 
a.nav:active { color:#BBBBBB; text-decoration:none; } 

a.guestbook:link { font-family:Courier New,Courier; font-size:10pt; color:#888888; text-decoration:underline; } 
a.guestbook:visited { font-family:Courier New,Courier; font-size:10pt; color:#888888; text-decoration:underline; } 
a.guestbook:active { font-family:Courier New,Courier; font-size:10pt; color:#BBBBBB; text-decoration:none; } 

td.logo { 
	/* background-color:#FFFFFF; */
	vertical-align:middle; 
	text-align:center;
	margin-left:30;
	margin-right:30;
}

td.title { 
	vertical-align:bottom; 
}

td.nav { 
	vertical-align:top; 
	text-align:left; 
}

td.detail { 
	vertical-align:top; 
	color:#FFFFFF;
}

td.picture { 
	background-image:url(bkgd_pic_01a.jpg); 
	background-repeat:no-repeat; 
	vertical-align:top; 
	color:#000000;
}

div.margined { 
	margin:10; 
}

div.detail { 
	margin:10;
	position:relative; left:10px; 
	width:700px;
}

div.scrollframe { 
  height:300px; max-height:300px;
  overflow:auto;
}

div.scrollframe200 { 
  height:200px; max-height:200px;
  overflow:auto;
}

span.nav_current {
  color:#FFBB00;
  font-weight:bold;
}