*
	{
	margin:0 auto;
	padding:0;
	border:0
	}
body
	{
	width:100%;
	background-color:#800000;
	background-image:url(../gfx/hatched.jpg);
	background-attachment:fixed;
	margin-top:5rem;
	margin-bottom:1rem;
	font-family:"courier new", monospace;
	font-weight:bold;
	font-size:1rem;
	}
html
	{
	overflow-y:scroll
	}
#wrap
	{
	width:90%;
	background-color:#ffffff;
	background-image:url(../gfx/0.jpg);
	border:0.3rem solid #999900
	}
#cont,.cont
	{
	width:90%;
	margin:1rem auto;
	text-align:left
	}
#fret,#frets,#fretss,.fret,.frets,.fretss
	{
	width:100%;
	min-height:100%;
	background:transparent;
	margin:1rem 0 1rem 2.5rem;
	text-align:left;
	overflow:auto;
	clear:both
	}
#btm
	{
	width:100%;
	min-height:2rem;
	padding:1rem 0 0 0;
	position:relative
	}
#ico
	{
	width:auto;
	height:80px;
	text-align:center
	}
#jmp
	{
	width:70px;
	height:60px;
	position:fixed;
	left:0.3rem;
	bottom:2rem;
	z-index:999
	}
div
     {
     position:relative
     }
.txt
	{
	color:#663333;

	}
.tab
	{
	color:#cc3300
	}
.left
	{
	width:25%;
	height:2rem;
	margin:-1rem 0 0 3rem;
	float:left;
	text-align:left
	}
.mid
	{
	width:50%;
	height:2rem;
	margin:-1rem 0 0 -2rem;
	float:left;
	text-align:center
	}
.right
	{
	width:25%;
	height:2rem;
	margin:-2rem 3rem 0 0;
	float:right;
	text-align:right
	}
.up
	{
	width:25%;
	height:2rem;
	margin:-2rem 0 0 50%;
	float:left;
	text-align:center
	}
div.chor, div.chord, div.chords, div.chordss
	{
	font-size:0.8rem;
	width:4rem;
	height:auto;
	min-height:100%;
	float:left;
	color:#000000;
	text-align:center;
	}
.com
	{
	font-size:0.8rem;
	width:100%;
	padding:1rem 0;
	color:#003300;
	text-align:left
	}
.comm
	{
	font-size:1rem;
	width:100%;
	padding:2rem 0 0 0;
	color:#003300;
	text-align:left
	}
.comwrp
	{
	margin:-2rem 2.5rem 0 3rem
	}
.col
	{
	color:#663300
	}
 i
	{
	font-style:italic;
	color:#666600
	}
.dot
	{
	font-size:0.8rem
	}
.black
	{
	color:#000000
	}
.green
	{
	color:#339900
	}
.orange
	{
	color:#ff9900
	}
.red
	{
	color:#cc3333
	}
.blue
	{
	color:#336699
	}
.fake
	{
	width:1px;
	height:1px;
	background:transparent;
	position:absolute;bottom:0
	}
.icon
	{
	padding:0;
	border:3px solid #999900
	}
div.ico
	{
	width:60px;
	height:80px;
	position:absolute;
	top:-50%;
	right:25%;
	z-index:10
	}
.ico1
	{
	width:60px;
	height:80px;
	position:absolute;
	top:-50%;
	left:25%;
	z-index:20
	}
.ico2
	{
	width:60px;
	height:80px;
	position:absolute;
	top:-50%;
	right:25%;
	z-index:30
	}
.ico0
	{
	width:60px;
	height:80px;
	position:absolute;
	top:-30%;
	left:0;
	right:0;
	z-index:40
	}
.space
	{
	display:block; margin:-4px 0
	}
img
	{
	margin:10px 5px 0 5px
	}
img.left
	{
	width:200px;
	max-width:100%;
	height:auto;
	padding:0 1rem 0.5rem 0;
	margin:0.3rem 0 0 0;
	display:block
	}
img.vig
	{
	width:100px;
	max-width:100%;
	height:auto;
	padding:0 1rem 0.5rem 0;
	margin:0.3rem 0 0 0;
	float:left
	}
img.vign
	{
	width:120px;
	max-width:100%;
	height:auto;
	padding:0 1rem 0.5rem 0;
	margin:0.3rem 0 0 0;
	float:left
	}
img.ctc
	{
	width:80%;
	margin:0.3rem 0 0 0
	}
img.topalbleft
	{
	position:absolute;
	top:0rem;
	left:2.5rem
	}
img.topalbright
	{
	width:80px;
	position:absolute;
	top:-0.7rem;
	right:2rem
	}
img.ill
	{
	width:auto;
	max-width:100%;
	height:auto;
	}
figure
	{
	float:left;
	width:auto;
	height:auto;
	max-width:100%;
	border:0;
	margin:0 0.5rem 2.3rem -0.2rem;
	padding:0;
	position:relative
	}
figcaption
	{
	text-align:left;
	font-size:0.7rem;
	font-weight:bold;
	position:absolute;
	bottom:-2rem;
	left:0.2rem;
	z-index:2
	}
figcaption.a
	{
	text-align:left;
	font-size:0.7rem;
	font-weight:bold;
	position:absolute;
	bottom:-1rem;
	left:0.2rem;
	z-index:2
	}
h1
	{
	font-family:tahoma, arial, helvetica, sans-serif;
	font-size:1.2rem;
	color:#666600;
	text-decoration:none;
	border-bottom:2px solid #666600;
	width:100%;
	display:block;
	margin:0 0 0.5em 0;
	float:left;
	clear:both
	}
h2
	{
	font-family:tahoma, arial, helvetica, sans-serif;
	font-size:1rem;
	color:#666600;
	text-decoration:none;
	margin:0 0 0 2rem;
	}
a, a:active, a:visited
	{
	font-family:tahoma, arial, helvetica, sans-serif;
	font-size:1em;
	font-weight:bold;
	color:#666600;
	text-decoration:none
	}
a:hover
	{
	color:#cc3333;
	float:none
	}
a.text
	{
	font-family:"courier new", monospace;
	font-size:1em;
	color:#996600
	}
a.info
	{
	font-family:"courier new", monospace;
	font-size:0.9rem;
	margin:2rem 0 0 0;
	color:#999900
	}
a.box span.code, a.text span.img, a.text span.focus
	{
	display:none
	}
a.box:hover span.code
	{
	width:14rem;
	background:#ffffff;
	background-image:url(../gfx/0.jpg);
	border:5px solid #999900;
	padding:1rem;
	display:block;
	font-family:monospace;
	font-size:0.9rem;
	font-weight:bold;
	color:black;
	text-align:left;
	position:absolute;
	bottom:0;
	left:0;
	z-index:999
     }
a.text:hover span.img
	{
	width:auto;
	background:transparent;
	display:block;
	position:absolute;
	top:70%;
	left:20%;
	z-index:10
     }
a.text:hover span.focus
	{
	width:auto;
	background:transparent;
	display:block;
	position:absolute;
	top:10%;
	left:30%;
	z-index:10
     }
p, p.lyr
	{
	margin:0.5rem 0;
	}
p
	{
	color:black
	}
p.lyr
	{
	color:#4f4f00;
	display:block;
	clear:left
	}
p.cred
	{
	font-family:"courier new", monospace;
	font-size:1rem;
	font-weight:bold;
	color:#663333;
	text-align:right;
	padding:0 0 0.5rem 0;
	line-height:0.6rem
	}
p.about
	{
	line-height:60%;
	margin:-0.5rem 0
	}