body {
	margin: 0;
	padding: 0;
    color:#632;
    background: #022 url('images/eglace-tealrose.png');
    font: 65%/1.65em 'Sofadi One', cursive;

 }
 
 #background 
{ 
	 left: 0px; 
	 top: 0px; 
	 position: relative; 
	 margin-left: auto; 
	 margin-right: auto;
     background: #bcb url('images/goblinking-bg.png');
     border-right:#6aa 4px groove;
     border-left:#6aa 4px ridge;
     border-bottom:#6aa 5px groove;     
     width: 1000px;
	 height: 900px; 
	 
	 z-index:0;
	} 



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

 #bar 
{ 
	 left: 515px; 
	 top: 199px; 
	 position: absolute; 
	 width: 465px;
	 height: 60px;
	 z-index:3;
} 

 #witch 
{ 
	 left: 520px; 
	 top: 5px; 
	 position: absolute; 
	 width: 433px;
	 height: 105px;
	 z-index:4;
} 

 #name 
{ 
	 left: 11px; 
	 top: 12px; 
	 position: absolute; 
	 width: 436px;
	 height: 144px;
	 z-index:5;
} 

 #homelnk 
{ 
	 position: relative;
	 width: 1000px;
	 height: 55px;
	 z-index:6;
} 

 .homelink /* the link */
{ 
	 margin-left: 890px; 
	 margin-top: 840px; 
	 width: 96px;
	 height: 48px;
	 z-index:6;
} 

 #dragonfaepent 
{ 
	 left: 25px; 
	 top: 690px; 
	 position: absolute; 
	 width: 104px;
	 height: 102px;
	 z-index:11;
} 

 #dsp100px  
{ 
	 left: 200px; 
	 top: 690px; 
	 position: absolute; 
	 width: 102px;
	 height: 102px;
	 z-index:12;
} 

 #witchhaven
{ 
	 left: 375px; 
	 top: 695px; 
	 position: absolute; 
	 width: 99px;
	 height: 97px;
	 z-index:13;
} 

 #gothere
{ 
	 left: 0px; 
	 top: 830px; 
     border:0px dashed;
	 position: absolute; 
	 width: 515px;
	 height: 30px;
	 z-index:13;
} 

a {
 color: #dcc; 
 text-shadow: 1.5px 1.5px 2px #000;
 text-decoration: none;	
}

a:hover {
 color: #988;
 text-shadow: 1.5px 1.5px 2px #000;
 text-decoration: none;	
}

p, li {
 font-size: 1.2em;
 font-weight: bold;
}

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

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



h2 {
 font-family: 'Macondo Swash Caps', cursive;
 font-size: 2em;
 font-weight: bold;
 color: #bcb;
 text-shadow: 1px 1px 2px #000;
 margin: 0.25em 5% 0.5em;	
}

h1 {
 font-family: 'Macondo Swash Caps', cursive;   
 font-size: 2.75em;
 font-weight: bold;
 color: #bcb;
 text-shadow: 1.5px 1.5px 3px #000;
 margin: 0.5em 5% 0.5em;	
}

cite {
	font: 1.0em 'Macondo Swash Caps', cursive;
	font-weight: bold;
	line-height: 1.25em; 	
    display: block;
	text-align: right;
	padding-right: 5px;
	position: relative;	
	bottom: -9px;
}


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


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


 #nav 
{ 
	left: 528px; 
	 top: 105px; 
	 position: absolute; 
	 width: 435px;
	 height: 100px;
	 overflow: hidden;
	 background:url('images/sitenav.png') no-repeat 0px -100px; 
	 z-index:15;
} 

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

#nav ul li a {
 	margin: 0;
 	padding: 0;
 	display: block;
	height: 50px; 
	text-decoration: none;
} 

#nav a.artist {
	width: 100px;
	margin-right: 20px; 	 
	background:url('images/sitenav.png') no-repeat 0px 0px;
}
#nav a.author {
	width: 100px;
	margin-right: 20px;  	 
	background:url('images/sitenav.png') no-repeat -120px 0px;
}
#nav a.witch {
	width: 165px; 	 
	background:url('images/sitenav.png') no-repeat -240px 0px;
}
#nav a.photo {
	width: 180px; 
	margin-right: 20px;	 
	background:url('images/sitenav.png') no-repeat 0px -50px;
}
#nav a.designer {
	width: 210px; 	 
	background:url('images/sitenav.png') no-repeat -200px -50px;
}
/* ===== 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: 41px; 	 
	background:url('images/socialnav.png') no-repeat 0px 0px;
}
#ntwrklinks ul li a.fb {
	height: 41px; 	 
	background:url('images/socialnav.png') no-repeat 0px -41px;
}
#ntwrklinks ul li a.tmb {
	height: 48px; 	 
	background:url('images/socialnav.png') no-repeat 0px -82px;
}
#ntwrklinks ul li a.da {
	height: 45px; 	 
	background:url('images/socialnav.png') no-repeat 0px -130px;
}
#ntwrklinks ul li a.flc {
	height: 35px; 	 
	background:url('images/socialnav.png') no-repeat 0px -175px;
}
#ntwrklinks ul li a.ig {
	height: 35px; 	 
	background:url('images/socialnav.png') no-repeat 0px -210px;
}
#ntwrklinks ul li a.blg {
	height: 37px; 	 
	background:url('images/socialnav.png') no-repeat 0px -255px;
}

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

#ntwrklinks ul li a:hover.tw { 	 
	background:url('images/socialnav.png') no-repeat -41px 0px;
	text-decoration: none;
}
#ntwrklinks ul li a:hover.fb { 	 
	background:url('images/socialnav.png') no-repeat -41px -41px;
	text-decoration: none;
}
#ntwrklinks ul li a:hover.tmb { 	 
	background:url('images/socialnav.png') no-repeat -41px -82px;
	text-decoration: none;
}
#ntwrklinks ul li a:hover.da { 	 
	background:url('images/socialnav.png') no-repeat -41px -130px;
	text-decoration: none;
}
#ntwrklinks ul li a:hover.flc { 	 
	background:url('images/socialnav.png') no-repeat -41px -175px;
	text-decoration: none;
}
#ntwrklinks ul li a:hover.ig { 	 
	background:url('images/socialnav.png') no-repeat -41px -210px;
	text-decoration: none;
}
#ntwrklinks ul li a:hover.blg { 	 
	background:url('images/socialnav.png') no-repeat -41px -255px;
	text-decoration: none;
}