/* Main style sheet for The Haven */

body, table {font-family: Georgia, Garamond, Shindler, "Century Schoolbook", "Times New Roman", Times, serif;
  	 font-size: 1.0em;
  	 color: black;
  	 background: white;
	 position: relative;
	 margin: 2%}
	
div#fic p {margin-top: 1.2em;
  margin-bottom: 1.2em;}

h1 {font-family: Arial, Helvetica, sans-serif;
   font-size: 2.4em;
   color: black;
   background: transparent;}

h2 {font-family: Arial, Helvetica, sans-serif;
   font-size: 1.8em;
   color: black;
   background: transparent;}

h3 {font-family: Arial, Helvetica, sans-serif;
   font-size: 1.3em;
   color: black;
   background: transparent;}

i.flashback {text-decoration: italic;}

/* Make links outside the sidebar bold blue */

a:link {color: #663399;
	   background: transparent;
	   text-decoration: none;
	   font-weight: bold;}
	   
a:visited {color: #CC66FF;
		  background: transparent;
		  text-decoration: none;
		  font-weight: bold;}
		 
a:hover, a:active {color: #CC3333;
		 background: transparent;
		text-decoration: none;
		font-style: italic;}
		
/* Underline the accesskey character in a navigation link and hide a separation character for improved accessibility */

span.acc {text-decoration: underline;}
span.hide {display: none;}

/* The container ensures that all the content is set to 'relative' */

div#container {position: relative;}		
		
/* The sidebar styling. It generates the appearance of buttons with roll-over colours.
The top border is deleted in all buttons except the top button so that the appearance
of the buttons is even. The sidebarbox div positions the sidebar on the page */

div#sidebarbox {position: absolute;
			   top: 0;
			   left: 0;
			   width: 180px;
			   margin: 10px 10px 5px 5px;}
		
div#sidebar a {display: block;
			  width: 180px;}

a.button:link, a.topbutton:link {color: #fff;
			  background: #663399;
			  border: 1px solid black;
			  border-top: none;
			  padding: 5px;}
			 
a.button:visited, a.topbutton:visited {color: #fff;
				 background: #CC99CC;
				 border: 1px solid black;
				 border-top: none;
				 padding: 5px;}
				 
a.button:hover, a.button:active, a.topbutton:hover, a.topbutton:active {text-decoration: none;
			   color: #ffc;
			   font-style: normal;
			   background: #993333;}
			   
/* Make all borders of the top button in the sidebar solid so that it has a top border */

a.topbutton:link {border: 1px solid black;}
			  
a.topbutton:visited {border: 1px solid black;}

/* Put the main content next to the sidebar */

div#maincontent {position: absolute;
				top: 0;
				left: 215px;
				overflow: visible;}

/* Styling image elements for various use - all will have 0 borders unless otherwise specified and any
images used as header graphics will display as blocks. The image used on the front page will have 0.5em
of top padding */				

img {border: 0px;}
img.head {display: block;}
div#sideimage img {padding-top: 0.5em;}
img.legacy {margin: 1em auto 1em auto;
  display: block;
}


/* Certain inline elements need to be different colours - update announcements on indexes and colour
coding for ratings */

span.adultcontent {color: #c00;
				  background: #fff;}
				  
span.pg13 {color: #090;
		  background: #fff;}
		  
span.authornote {color: #663399;
  background: #fff;
  font-weight: bold;
}


/* Each entry on a fiction index needs some extra spacing top and bottom to make it easier to read */	
		
div.entry {margin-bottom: 40px;
		  margin-top: 40px;}
		  
/* The title and author details on fiction pages need to be centered for emphasis */

h1.fic_header {text-align: center;}
h2.fic_header {text-align: center;}
h3.fic_header {text-align: center;}

/* The styling on the home page */

div#sideimage {position: absolute;
			  top: 120px;
			  left: 0;
			  margin: 0 5px 5px 10px;}
			 
div#linkindex {position: absolute;
			  top: 120px;
			  left: 350px;
			  margin: 0 5px 5px 5px;}
			  
div#disclaimer {font-family: Arial, Helvetica, sans-serif;
			   font-size: 0.6em;
			   padding: 1.0em;
			   margin-top: 3.0em;
			   margin-right: 3.0em;
			   margin-bottom: 3.0em;
			   border: 1px solid #000;
			   color:#000;
			   background: #99CCCC;}
			   
div#linkindex h1, div.sectionlinks h1 {margin-bottom: 1px;
			  	 margin-top: 5px;}
div#linkindex h2, div.sectionlinks h2 {margin-bottom: 1px;
			  	 margin-top: 5px;}
div#linkindex h3, div.sectionlinks h3{margin-bottom: 1px;
			  	 margin-top: 5px;}
div#linkindex p, div.sectionlinks p {margin-top: 1px;}
h2.topindex {margin-top: 0;}

/* Style the 'What's New' dates */

h2.whatnew {color: #006666;}

p.copyright {text-align: center;
			  font-size: 0.8em;}

p.centered {text-align: center;}

/* Positioning the columns in the One Year index */

div.column1 {position: absolute;
  left: 0;
  top: 110px;
  margin-left: 5px;
}

div.column2 {position: absolute;
  left: 50%;
  top: 110px;}