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

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

/* Ideas from Dynamic Drive CSS Library URL: http://www.dynamicdrive.com/style/ */
/*gallery rules  */



/*Credit goes to Dynamic Drive CSS Library for hints and inspiration!*/
/*URL: http://www.dynamicdrive.com/style/ */



/* text colours, font etc*/

h3, p{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
		
	color:#BFA6A4;
}
h4{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
		
	color:#000000;
}
h2{font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	color:#BFA6A4; 
}

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/pluto.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;
text-decoration: none;
}

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

a:link{
	color:#BE5C5C;
	text-decoration:none;	
	border: hidden;
}
a:visited{
	color:#A8736C;
 	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 #BFA6A4;
	/*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: 95px;
	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: 117px;
	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;
}

/*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(images/blank_sm.gif); }
a#arok:hover { background-image: url(images/blank_sm.gif); }
a#twins:hover { background-image: url(images/blank_sm.gif); }
a#cobra:hover { background-image: url(images/blank_sm.gif); }
a#lion:hover { background-image: url(images/blank_sm.gif); }
a#ceres:hover { background-image: url(images/blank_sm.gif); }
a#balencia:hover { background-image: url(images/blank_sm.gif); }
a#scorpion:hover { background-image: url(images/blank_sm.gif); }
a#archer:hover { background-image: url(images/blank_sm.gif); }
a#sgoat:hover { background-image: url(images/blank_sm.gif); }
a#water:hover { background-image: url(images/blank_sm.gif); }
a#fishes:hover { background-image: url(images/blank_sm.gif); }
  
/* 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);
	color: red; 
	-moz-opacity: 0.7;
} 

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);
	-moz-opacity: 0.0;
}


/*text divs for inner circle*/

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


#textCon2
{
	width: 400px;
	margin:95;
	height:10;
	top:50px;
	}


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

#aries
{
	color:#CCCCCC;
	width:350px;
	margin:auto;
}
/*n0tes for alternat alpha

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

*/