body {
	margin: 0;
	padding: 0;
    color:#8cc;
    text-shadow: 1.5px 1.5px 1.5px #000;
    background: #88a url('images/plpurpbg2.png');
    font: 69%/1.25em 'Walter Turncoat', cursive;

 }
 
 #background 
{ 
	 left: 0px; 
	 top: 0px; 
	 position: relative; 
	 margin-left: auto; 
	 margin-right: auto;
     background: #ddf url('images/lavbg.png');
     border-right:#668 6px groove;
     border-left:#668 6px ridge;
     border-bottom:#668 6px groove; 
	 width: 1000px;
	 height: 875px; 
	 
	 z-index:0;
	} 

 #lavbg 
{ 
	 left: 0px; 
	 top: 0px; 
	 position: absolute; 
	 width: 1000px;
	 height: 800px;
	 z-index:1;
} 

 #bgpic 
{ 
	 left: 0px; 
	 top: 0px; 
	 position: absolute; 
	 width: 508px;
	 height: 674px;
	 z-index:2;
} 

 #bar 
{ 
	 left: 520px; 
	 top: 193px; 
	 position: absolute; 
	 width: 460px;
	 height: 55px;
	 z-index:3;
} 

 #artist 
{ 
	 left: 575px; 
	 top: 5px; 
	 position: absolute; 
	 width: 247px;
	 height: 105px;
	 z-index:4;
} 

 #brush 
{ 
	 left: 801px; 
	 top: 26px; 
	 position: absolute; 
	 width: 149px;
	 height: 76px;
	 z-index:5;
} 

 #name 
{ 
	 left: 10px; 
	 top: 11px; 
	 position: absolute; 
	 width: 433px;
	 height: 141px;
	 z-index:6;
} 

 #homelnk 
{ 
	 left: 815px; 
	 top: 815px; 
	 position: absolute; 
	 width: 103px;
	 height: 55px;
	 z-index:7;
} 

 #divider 
{ 
	 left: 596px; 
	 top: 360px; 
	 position: absolute; 
	 width: 309px;
	 height: 14px;
	 z-index:12;
} 

 #dart 
{ 
	 left: 800px; 
	 top: 290px; 
	 position: absolute; 
	 width: 123px;
	 height: 66px;
	 z-index:13;
} 

 #rosity 
{ 
	 left: 575px; 
	 top: 300px; 
	 position: absolute; 
	 width: 176px;
	 height: 45px;
	 z-index:14;
} 

 #fae /* Faekin */
{ 
	 left: 550px; 
	 top: 575px; 
	 position: absolute; 
	 width: 200px;
	 height: 267px;
	 z-index:15;
} 

 #gypsy /* Dance of the Gypsy */
{ 
	 left: 549px; 
	 top: 389px; 
	 position: absolute; 
	 width: 202px;
	 height: 152px;
	 z-index:16;
} 

 #lovers /* The Lovers */
{ 
	 left: 760px; 
	 top: 530px; 
	 position: absolute; 
	 width: 200px;
	 height: 250px;
	 z-index:17;
} 

 #dragon /* Dragon's Lair */
{ 
	 left: 760px; 
	 top: 390px; 
	 position: absolute; 
	 width: 200px;
	 height: 104px;
	 z-index:18;
} 

 #skulls /* Morte du Drame */
{ 
	 left: 340px; 
	 top: 706px; 
	 position: absolute; 
	 width: 150px;
	 height: 94px;
	 z-index:19;
} 

 #candle /* L'heure des Sorcières */
{ 
	 left: 175px; 
	 top: 700px; 
	 position: absolute;
	 width: 150px;
	 height: 106px;
	 z-index:20;
} 

 #brose /* Papillon D'amour */
{ 
	 left: 10px; 
	 top: 705px; 
	 position: absolute; 
	 width: 150px;
	 height: 97px;
	 z-index:21;
} 

a {
 color: #fff; 
 text-decoration: none;	
}

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

p, h5, li {
 font-size: 1.25em;
}

p {
 margin: 0.25em 5% 0.5em;
}

li {
 margin: 0.5em 8% 0.75em 0;
}



h2 {
 color:#8cc;
 font-family:'Walter Turncoat', cursive;
 font-size: 1.35em;
 font-weight: bold;
 margin: 0.25em 5% 0.5em;	
}

h1 {
 color:#dcf; 
 font-size: 2.75em;
 font-weight: bold;
 text-shadow: 2px 2px 2px #000;
 margin: 0.25em 5% 0.5em;	
}



/* =========== Main Nav ============ */


.nopad {
	margin: 0;
	padding: 0;
}

 #nav 
{ 	 
	 left: 540px; 
	 top: 111px; 
	 position: absolute; 
	 width: 413px;
	 height: 81px;
	 background: url('images/mainnav.png') no-repeat 0px -85px; 
	 z-index:15;
} 

#nav ul li {
 margin: 0;
 padding: 0; 
 height: 40px;
 list-style: none;
}
.down40 { 
	 top: 40px; 
	 position: absolute; 
}
.floatme {
 float: left;
}

#nav ul li a {
 	margin: 0;
 	padding: 0;
 	display: block;
	height: 40px; 
	text-decoration: none;
}
#nav a.artist {
	width: 98px; 	 
	background:url('images/mainnav.png') no-repeat 0px 0px;
}
#nav a.author {
	width: 119px;  	 
	background:url('images/mainnav.png') no-repeat -98px 0px;
}
#nav a.witch {
	width: 195px; 	 
	background:url('images/mainnav.png') no-repeat -217px 0px;
}
#nav a.photo {
	width: 185px; 
	height: 40px;	 
	background:url('images/mainnav.png') no-repeat 0px -40px;
}
#nav a.designer {
	width: 227px;  	 
	background:url('images/mainnav.png') no-repeat -185px -40px;
}
/* ===== main nav hover fx ===== */

#nav a:hover { 	 
	background: none;
	text-decoration: none;
}






/* =========== Side Nav ============ */

 #ntwrklinks 
{ 
	 left: 5px; 
	 top: 150px; 
	 position: absolute; 
	 width: 41px;
	 height: 292px;
	 overflow: hidden;
	 z-index:17;
} 

 #ntwrklinks ul {
 	margin: 0;
 	padding: 0; 
	height: 292px;
	width: 41px;
}

#ntwrklinks ul li {
 	margin: 0;
 	padding: 0; 
	 width: 41px;
 	list-style: none;
}
#ntwrklinks ul li a {
 	margin: 0;
 	padding: 0;
 	display: block;
	width: 100%; 
	text-decoration: none;
} 

#ntwrklinks ul li a.tw {
	height: 43px; 	 
	background:url('images/sidenav.png') no-repeat 0px 0px;
}
#ntwrklinks ul li a.fb {
	height: 43px; 	 
	background:url('images/sidenav.png') no-repeat 0px -43px;
}
#ntwrklinks ul li a.tmb {
	height: 46px; 	 
	background:url('images/sidenav.png') no-repeat 0px -86px;
}
#ntwrklinks ul li a.da {
	height: 45px; 	 
	background:url('images/sidenav.png') no-repeat 0px -132px;
}
#ntwrklinks ul li a.flc {
	height: 35px; 	 
	background:url('images/sidenav.png') no-repeat 0px -177px;
}
#ntwrklinks ul li a.ig {
	height: 47px; 	 
	background:url('images/sidenav.png') no-repeat 0px -212px;
}
#ntwrklinks ul li a.blg {
	height: 41px; 	 
	background:url('images/sidenav.png') no-repeat 0px -259px;
}

/* ***** Side Nav Hover FX ***** */

#ntwrklinks ul li a:hover.tw { 	 
	background:url('images/sidenav.png') no-repeat -45px 0px;
	text-decoration: none;
}
#ntwrklinks ul li a:hover.fb { 	 
	background:url('images/sidenav.png') no-repeat -45px -43px;
	text-decoration: none;
}
#ntwrklinks ul li a:hover.tmb { 	 
	background:url('images/sidenav.png') no-repeat -45px -86px;
	text-decoration: none;
}
#ntwrklinks ul li a:hover.da { 	 
	background:url('images/sidenav.png') no-repeat -45px -132px;
	text-decoration: none;
}
#ntwrklinks ul li a:hover.flc { 	 
	background:url('images/sidenav.png') no-repeat -45px -177px;
	text-decoration: none;
}
#ntwrklinks ul li a:hover.ig { 	 
	background:url('images/sidenav.png') no-repeat -45px -212px;
	text-decoration: none;
}
#ntwrklinks ul li a:hover.blg { 	 
	background:url('images/sidenav.png') no-repeat -45px -259px;
	text-decoration: none;
}