/* CSS Document */
body{
background-image:url(media/starsbg.gif);
background-repeat:repeat-x repeat-y;
color:#966c3c;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.75em;
margin:0px;
padding:0px;
}

#wrapper{
position: relative;
margin: 0px auto;
padding: 0;
width: 800px;
height: auto;
}


#header {padding: 0;}


#logo {
	margin: 0 auto;
	padding: 10px 0 0 0;
	position:absolute;
	top:20px;
	left:30px;
	z-index:20;
	}
#logo span {
	display: block;
	width: 254px;
	height: 201px;
	padding: 0;
	border-style: none;
	background: url(media/leanne_logo.gif) no-repeat;
	}
#logo img  {
	display: block;
	width: 0;
	}

#navBar {
	width: 740px;
	margin: 0 0 0 60px;
	padding: 0;
	background-image:url(media/leanne_logo.gif) no-repeat;
	position:relative;
	top:81px;
	font-size: 100%;
	z-index:20;
	display:static;
	}
	
#navBar img{
clear:right;
}
	
#navBar ul {
	margin: 0;
	padding: 0;
	list-style: none;
	background: #000000;
	float:right;
/*	border-bottom:1px solid #666699;*/
	background-image:url(media/purple_pixel.gif);
	background-position:bottom left;
	background-repeat:repeat-x;
	}
#navBar li {
	float: left;
	margin: 0 0 0 1px;
	padding: 0;
	/*border-bottom:none;*/
	background-color:#000000;
	background-image:url(media/subnav_bg.gif);
	background-repeat:repeat-x;
	}

#navBar li a:link, #navBar li a:visited {
	float: left;
	padding: 4px 6px;
	text-decoration: none;
	color:#9374d4;
	border: 1px solid #5f578f;
	/*border-left:1px solid #666699;
	border-top:1px solid #666699;
	border-bottom:1px solid #666699;*/
}

#navBar li a:hover{
	float: left;
	padding: 4px 6px;
	text-decoration: none;
	color:#FFFFFF;
	border: none;
	border-left:1px solid #5f578f;
	border-top:1px solid #5f578f;
	border-right:1px solid #5f578f;
	border-bottom:1px solid #000000;
}

#navBar li a#active {
	float: left;
	padding: 4px 6px;
	text-decoration: none;
	color:#FFFFFF;
	border-top: none;
	border-left:1px solid #5f578f;
	border-top:1px solid #5f578f;
	border-bottom:1px solid #000000;
}

#navBar li a.endTab{
	float: left;
	margin: 0;
	padding: 4px 6px;
	text-decoration: none;
	color:#9374d4;
	border:1px solid #666699;
	background-color:#000000;
}

#subNav, #subNavHolder{
float:right;
color:#CC6633;
position:relative;
top:5px;
margin:0;
padding:0;
display:inline;
z-index:20;
}

#subNav ul, #subNavHolder ul{
float:right;
list-style:none;
padding:0;
margin:0;
margin-top:2px;
margin-right:6px;
}

#subNav li{
font-size:95%;
color:#ecb338;
float:left;
margin:0px 0px 0px 0px;
padding:5px 5px 5px 10px;
text-decoration:none;
background-image:url(media/animated.gif);
background-repeat:no-repeat;
background-position:0px 2px;
} 

#subNav li.imageLink{
padding:0; margin-left:8px;
}

#subNav li a:link, #subNav li a:active, #subNav li a:visited{
text-decoration:none;
color:#ecb338;
}

#subNav li a:hover{
text-decoration:underline;
cursor:pointer;
color:#FFFFFF;
}

#subNav li a.active{
color:#FFFFFF;
text-decoration:underline;
font-weight:bold;
} 

#subNavHolder li{
font-size:95%;
color:#000000;
float:left;
margin:0px 0px 0px 0px;
padding:5px 5px 5px 10px;
}


#contentBox{
width:696px;
float:right;
background-color:#000000;
border:1px solid #5f578f;
position:relative;
top:80px;
z-index:10;
padding:0;
padding-bottom:250px;
color:#966c3c;
font-size:100%;
height:auto 100%;
}

#content {
padding:0;
margin:0;
position:relative;
top:70px;
left:40px;
width:686px;
display:inline;
margin-bottom:150px;
}

#content span.header, #content td.header{
font-weight:bold;
font-size:105%;
line-height:1.6em;
color:#eab239;
}


#dragon_lg{
position:relative;
float:right;
top:-50px;
padding-right:10px;
}
.dragonBg{
background-image:url(media/dark-dragon.gif);
background-repeat:no-repeat;
background-position: 440px 70px;
}
.bigdragonBg{
background-image:url(media/two_dragons.gif);
background-repeat:no-repeat;
background-position: 180px 60px;
}
.guitarBg{
background-image:url(media/guitar_bg.gif);
background-repeat:no-repeat;
background-position: 60px 40px;
}

/*#footer{
width:698px;
float:right;
position:relative;
top:-112px;
z-index:15;
display:inline;
}*/

#credits{
font-size:90%;
text-align:center;
padding:8px;
}

#credits a:link, #credits a:active, #credits a:visited{
color:#eab239;
text-decoration:underline;
}

#credits a:hover{
color:#eab239;
text-decoration:none;
}


#footer{
width:698px;
float:right;
position:relative;
top:-50px;
z-index:15;
display:block;
}