/*CSS by Kim Falconer for KimFalconer.com*/
/* Artistic direction Aaron Briggs*/

/* Quantum Enchantment Series-Kim Falconer-Published by HarperCollins Voyager 2009-2010*/


h2, h3, p{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 1.3;
}


h1{color:#D0CDF8; font-family:Georgia, "Times New Roman", Times, serif; font-size: 20px;}
h2{color:#AAAEBF}
h3{color:#D0CDF8;}
p{color:#AAAEBF}
body {
  background-color: #000;
  margin: 0;
  padding: 0;
  border: none;
  }
  /* This sets all the content dead centre--overflow must be visable as height is 1px */
  #horizon        
	{
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	display: block
	}
	
/* note two TOP heights, one for FF !important! and the other for IE and the margin-left is - the half the number of px or image as well*/

#content    
	{
	width: 600px;
	height: 600px;
	margin-left: -300px;
	position: absolute;
	top: -300px!important;
	top: -275px;
	left: 50%;
	background-image:url(images/neptune.jpg);
	background-repeat: no-repeat;
	border: 0px;
	z-index: 1;
	}
	
/* Links --a:active and a:focus remove the dotted line from invis image boarder!*/

a:active
{
outline: none;
}

a:focus
{
-moz-outline-style: none;
}

a:link{
	color:#71869F;
	text-decoration:none;	
	border: hidden;
}
a:visited{
	color:#6C7EBD;
 	border: hidden;
	text-decoration:none;	
	}
	
	/* this gives an nice hover effect by changing the alpha across in FF but was screwing with the mouse overs in IE (-Moz is for FF)*/
a:hover{
	border:none;
	text-decoration:none;	
	border-bottom: 1px dashed #D0CDF8;
	/*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);*/
	-moz-opacity: 0.7;
}

  /* Again we set this div at 1px so the page doesn't scroll vertically with menue items all over the shop. Overflow = visible */
  
  #book { 
  	
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	display: block
 
  }
  
  /*menu navitation div insige books div*/
  
 #menu a {
	position: absolute;
	height: 600px;
	width: 600px;
	/*cursor:inherit; here is where we change the cursor*/
	botom: 600px;
	text-decoration: none;
  }
  
  #menu a i { visibility: hidden;
  	 }
  
/*positions links around portal*/
	

a#home {
	left: 0px;
	width: 60px;
	height: 60px;
	top: 232px;
	border: none;
}
a#news{
	left: 58px;
	top: 94px;
	width: 60px;
	height: 60px;
	border: hidden;
}
a#contact {
	left: 272px;
	top: 1px;
	width: 60px;
	height: 60px;
}
a#astrology {
	left: 479px;
	top:90px;
	width: 60px;
	height: 60px;
}
a#aurochs{
	left: 18px;
	width: 60px;
	height: 60px;
	top: 385px;
}
a#mementos {
	left: 540px;
	width: 60px;
	height: 60px;
	top:234px;
}
a#credits {
	left: 118px;
	bottom: 44px;
	width: 60px;
	height: 60px;
	
}
a#indicia {
	left: 520px;
	top: 382px;
	width: 60px;
	height: 60px;
}
a#books {
	left: 420px;
	top: 497px;
	width: 60px;
	height: 60px;
}
/*Mouse over navigation links--calls new image--!NEEDED for ie to read invis buttons*/

a#home:hover { background-image:url(buttons/btn_jup1.png); }
a#news:hover { background-image:url(buttons/btn_sat1.png); }
a#contact:hover { background-image:url(buttons/btn_ur1.png); }
a#astrology:hover { background-image: url(buttons/btn_nep1.png); }
a#aurochs:hover { background-image: url(buttons/btn_ma1.png); }
a#mementos:hover { background-image: url(buttons/btn_pl1.png); }
a#credits:hover { background-image: url(buttons/btn_ve1.png); }
a#indicia:hover { background-image: url(buttons/btn_su1.png); }
a#books:hover { background-image: url(buttons/btn_mo1.png); }
 
  
/* hover opacity for mouse over buttons plus IE fix to remove bacground images on mouse out*/ 

a#home:hover,
a#news:hover, 
a#contact:hover, 
a#astrology:hover, 
a#aurochs:hover,   
a#mementos:hover, 
a#credits:hover, 
a#indicia:hover,
a#books:hover{ border: none; 
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=1);
	-moz-opacity: 0.7;
} 

/*text divs fir inner circle*/

#textCon
{
	width: 435px;
	margin-left: 80px;
	margin-right: 85px;
	margin-top: 85px;
	top: 75;
	padding-top: 5;
	padding-left: 0px;
	padding-right: 10px;	
	border: 0px;
	color:#7A819C;
	
}

#textCon2
{
	padding-top: 5px;
}

#aries
{
	color:#CCCCCC;
	width:auto;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 1.2;
}

#inner
{
	color:#CCCCCC;
	width:auto;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 1.2;
	padding-left: 20px;
	padding-right: 20px;	
}

/*n0tes for alternat alpha

 img {
filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity:0.5;
}

*/