body {
	margin: 0;
	padding: 0;
    color:#fef;
    background: #669 url('images/twilightdream-bg.png');
    font: 69%/1.9em 'Handlee', cursive;

 }
 
 #background 
{ 
	 left: 0px; 
	 top: 0px; 
	 position: relative; 
	 margin-left: auto; 
	 margin-right: auto; 
     background: #d0d5f4 url('images/daydream.png');
     border-right:#ddf 4px groove;
     border-left:#ddf 4px ridge;
     border-bottom:#ddf 5px groove;
	 width: 1000px;
	 z-index:0;
	} 
#notepad {
	width: 495px;
	padding-left: 500px;
	padding-top: 265px;
	position: relative;	
	color: #669;
}

	/************************************/
blockquote {
	width: 376px;
  font: 1.25em 'Handlee', cursive;  
  color: #77a;
  margin: 15px 0 20px 15px;
  padding: 5px 52px 0px 52px;
  background: url(images/lqt.png) top left no-repeat, url(images/rqt.png) bottom right no-repeat;
  min-height: 32px;
  text-align: justify;
} 
cite {
	font: 1.0em 'Handlee', cursive;
	font-weight: bold;
	line-height: 2em; 	
    display: block;
	text-align: right;
	padding-right: 5px;
	color: #77a;	
	position: relative;	
	bottom: -9px;
}
.divider {
	padding: 15px 0 10px 40px;
}

	/************************************/

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

 #bar 
{ 
	 left: 502px; 
	 top: 188px; 
	 position: absolute; 
	 width: 479px;
	 height: 73px;
	 z-index:3;
} 

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

 #pen 
{ 
	 left: 763px; 
	 top: 9px; 
	 position: absolute; 
	 width: 238px;
	 height: 87px;
	 z-index:5;
} 

 #name 
{ 
	 left: 14px; 
	 top: 15px; 
	 position: absolute; 
	 width: 426px;
	 height: 134px;
	 z-index:6;
} 

 #homelnk /* subfooter height 55px */
{ 
	position: relative;
	 width: 1000px;
	 height: 60px;
	 z-index:7;
} 
 .homelink /* the link */
{ 
	 margin-left: 895px; 
	 margin-top: 0px; 
	 width: 96px;
	 height: 48px;
	 z-index:7;
} 


a {
 color: #aad; 
 text-shadow: 1px 1px 0px #003;
 text-decoration: none;	
}

a:hover {
 color: #def;
 text-shadow: 1px 1px 0px #336;
 text-decoration: none;	
}

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

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

li {
 list-style-type:none;
 margin: 0.5em 8% 0.75em 0;
}


h5 {
 font-family:'Handlee', cursive;
 font-weight: bold;	
 margin: 0.5em 5% 0.75em;	
 
}

h4 {
 font-size: 1.4em;
 font-weight: bold;	
 margin: 0.5em 5% 0.75em;
}

h3 {
 font-size: 1.6em;
 font-family:'Handlee', cursive;
 font-weight: bold;	
 text-shadow: 1px 1px 2px #336;
 color:#fef;
 margin: 0.5em 5% 0.75em;
}

h2 {
 font-family:'Handlee', cursive;
 font-size: 1.75em;
 font-weight: bold;
 text-shadow: 2px 2px 2px #336;
 color:#fef;
 margin: 1em 5% 0.5em;	
}

h1 {
 font-family:'Handlee', cursive;   
 font-size: 2.25em;
 font-weight: bold;
 text-shadow: 2px 2px 2px #336;
 color:#fef;
 margin: 0.5em 5% 0.75em;	
}




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


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

 #nav 
{ 	 
	 left: 535px; 
	 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 -45px 0px;
}
#ntwrklinks ul li a.fb {
	height: 43px; 	 
	background:url('images/sidenav.png') no-repeat -45px -43px;
}
#ntwrklinks ul li a.tmb {
	height: 46px; 	 
	background:url('images/sidenav.png') no-repeat -45px -86px;
}
#ntwrklinks ul li a.da {
	height: 45px; 	 
	background:url('images/sidenav.png') no-repeat -45px -132px;
}
#ntwrklinks ul li a.flc {
	height: 35px; 	 
	background:url('images/sidenav.png') no-repeat -45px -177px;
}
#ntwrklinks ul li a.ig {
	height: 47px; 	 
	background:url('images/sidenav.png') no-repeat -45px -212px;
}
#ntwrklinks ul li a.blg {
	height: 41px; 	 
	background:url('images/sidenav.png') no-repeat -45px -259px;
}

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

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