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

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


/* text colours, fonts*/

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

h2{
	color:#BAC8D1;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 24px;}

h2{color:#BAC8D1;}
p{color:#BAC8D1;}
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/innerSymbol_K.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:#81C0C0;
	text-decoration:none;	
	border: hidden;
}
a:visited{
	color:#FFE2C6;
 	border: hidden;}
	
	/* 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;	
	
	/*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;
	left: 0px;
	top: 503px;
  }
  
  #menu a i { visibility: hidden;
  	 }
  
/*positions links around portal*/
	


a#home {
	left: 1px;
	width: 60px;
	height: 60px;
	top: 232px;
	border: none;
}
a#news{
	left: 58px;
	top: 96px;
	width: 60px;
	height: 60px;
	border: hidden;
}
a#contact {
	left: 270px;
	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: 115px;
	top: 497px;
	width: 60px;
	height: 60px;
	
}
a#indicia {
	left: 520px;
	top: 382px;
	width: 60px;
	height: 60px;
}
a#books {
	left: 420px;
	top: 497px;
	width: 60px;
	height: 60px;
}
/*zodiac buttons*/


a#ram {
	left: 64px;
	width: 40px;
	height: 40px;
	top: 284px;
	
}

a#fishes{
	left: 93px;
	width: 40px;
	height: 40px;
	top: 172px;
	
}

a#water{
	left: 167px;
	width: 40px;
	height: 40px;
	top: 94px;
	
}

a#sgoat{
	left: 280px;
	width: 40px;
	height: 40px;
	top: 67px;
	
}

a#archer{
	left: 386px;
	width: 40px;
	height: 40px;
	top: 95px;
	
}
a#scorpion{
	left: 464px;
	width: 40px;
	height: 40px;
	top: 174px;
	
}

a#balencia{
	left: 506px;
	width: 40px;
	height: 40px;
	top: 281px;
	
}

a#ceres{
	left: 467px;
	width: 40px;
	height: 40px;
	top: 392px;
	
}

a#lion{
	left: 386px;
	width: 40px;
	height: 40px;
	top: 469px;
	
}

a#cobra{
	left: 278px;
	width: 40px;
	height: 40px;
	top: 497px;
	
}

a#twins{
	left: 169px;
	width: 40px;
	height: 40px;
	top: 472px;
	
}

a#arok{
	left: 85px;
	width: 40px;
	height: 40px;
	top: 388px;
	
}
/*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); }
a#ram:hover { background-image: url(buttons/btn_jup1.png); }
a#arok:hover { background-image: url(buttons/btn_jup1.png); }
a#twins:hover { background-image: url(buttons/btn_jup1.png); }
a#cobra:hover { background-image: url(buttons/btn_jup1.png); }
a#lion:hover { background-image: url(buttons/btn_jup1.png); }
a#ceres:hover { background-image: url(buttons/btn_jup1.png); }
a#balencia:hover { background-image: url(buttons/btn_jup1.png); }
a#scorpion:hover { background-image: url(buttons/btn_jup1.png); }
a#archer:hover { background-image: url(buttons/btn_jup1.png); }
a#sgoat:hover { background-image: url(buttons/btn_jup1.png); }
a#water:hover { background-image: url(buttons/btn_jup1.png); }
a#fishes:hover { background-image: url(buttons/btn_jup1.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
a#ram:hover,
a#arok:hover,
a#twins:hover,
a#cobra:hover,
a#lion:hover,
a#ceres:hover,  
a#balencia:hover,
a#scorpion:hover,
a#archer:hover,
a#sgoat:hover,
a#water:hover,
a#fishes:hover{ border: none; 
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=1);
	color: red; 
	-moz-opacity: 0.7;
} 


/*{ border: none; 
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=1);
	color: red; 
	-moz-opacity: 0.7;
}


/*text divs for inner circle*/

#textCon
{
	width: 400px;
	margin: 95px;
	top: 75;
	padding-top: 5;
	padding-left: 5px;
	padding-right: 5px;	
	border: 0px;
	color:#BAC8D1;
	
}

#textCon6
{
	width: 10px;
	margin:auto;
	height:45;
	top:200px;
	
}

#aries
{
	color:#BAC8D1;
	width:350px;
	margin:auto;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 1.4;
}
/*n0tes for alternat alpha

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

*/