/* Main style sheet for The Haven */

body {font-family: Georgia, Shindler, "Century Schoolbook", "Times New Roman", Times, serif;
  	 font-size: 1.0em;
  	 color: #000000;
  	 background: #FFFFFF;
	 position: relative;
	 margin: 2%;
     line-height: 1.3em}

table {font-family: Georgia, Shindler, "Century Schoolbook", "Times New Roman", Times, serif;
  	 font-size: 1.0em;
  	 color: #000000;
  	 background: white}

div#fic p {margin-top: 1.2em;
  margin-bottom: 1.2em;}
	 
h1 {font-family: Arial, Helvetica, sans-serif;
   font-size: 2.4em;
   color: #000000;
   background: transparent;}
   
h2 {font-family: Arial, Helvetica, sans-serif;
   font-size: 1.8em;
   color: #000000;
   background: transparent;}
   
h3 {font-family: Arial, Helvetica, sans-serif;
   font-size: 1.3em;
   color: #000000;
   background: transparent;}

/* Make links outside the sidebar bold blue */

a:link {color: #003399;
	   background: transparent;
	   text-decoration: none;
	   font-weight: bold;}

a:visited {color: #6666CC;
		  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 nagivation link and hide a separation character for improved accessibility */

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

/* 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: #039;
			  border: 1px solid #000000;
			  border-top: none;
			  padding: 5px;}
			 
a.button:visited, a.topbutton:visited {color: #fff;
				 background: #69c;
				 border: 1px solid #000000;
				 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: #396;}

/* Make all borders of the top button in the sidebar solid so that it has a top border */

a.topbutton:link {border: 1px solid #000000;}

a.topbutton:visited {border: 1px solid #000000;}

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

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

/* Styling for the pseudo copyright notice at the bottom of some pages*/

p.copyright {padding: 1.0em;/*
			 margin-top: 3.0em;*/
			 text-align: center;}

/* 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.buffycon {
  margin-top: 2em;
  display: block;
}
img.banner{
  margin: 2em 0px;
  display: block;
}
img.error{
  margin: 2.5em auto;
  display: block;
}

img.award {
  margin: 0.5em 0px;
  display: block;
}


/* Styling to layout the images on the icon and wallpaper pages */

div.imgcontainer_top {
  margin-top: 1.5em;
}

div.imgcontainer {
  margin-top: 0.5em;
}

div.spacer {
  clear: both;
}

img.icon {
  float: left;
  padding: 10px;
}

div.wallpaper {
  float: left;
  width: 170px;
  padding: 10px;
}

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

div.linktomore {
  clear: both;
  margin-bottom: 2em;
}


/* 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: #003399;
			font-weight: bold;
			background: #fff;}

/* 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 */

h1.highlight, h2.highlight, h3.highlight {color: #006666;}

/* Character dividers for "Making Rules" */

h2.j-d {font-family: "Bradley Hand ITC", "Kristen ITC", "Tempus Sans ITC", "Comic Sans MS", cursive;}
h3.j-d {font-family: "Bradley Hand ITC", "Kristen ITC", "Tempus Sans ITC", "Comic Sans MS", cursive;}

/* Serpent in the Shadows styling */

h1.serpent {font-family: Papyrus, "Tempus Sans ITC", Arial, Helvetica, sans-serif;
   text-align: center;}
h3.serpent {font-family: Papyrus, "Tempus Sans ITC", Arial, Helvetica, sans-serif;
   text-align: center;}
h1.serptopindex {font-family: Papyrus, "Tempus Sans ITC", Arial, Helvetica, sans-serif;
   text-align: center;
   margin-top: 0px;}

div#serpentsideimage {position: absolute;
			  top: 4em;
			  left: 0;
			  margin: 0 10px 5px 25px;}

div#serpentlinkindex {position: absolute;
			  top: 4em;
			  left: 310px;
			  margin: 0 5px 5px 15px;}

p.serpent {display: block;
		  width: 270px;}

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

p.centered {text-align: center;}

img.divider {margin-right: auto;
			margin-left: auto;
			display: block;}

img.map {margin: 10px auto 10px auto;
		display: block;}

img.right {
  float: right;
  margin: 10px;
  margin-left: 20px;
}

img.left {
  float: left;
  margin: 10px;
  margin-right: 20px;
}

img.rightborder {
  float: right;
  margin: 10px;
  margin-left: 20px;
  border: 1px solid #000;
}

img.leftborder {
  float: left;
  margin: 10px;
  margin-right: 20px;
  border: 1px solid #000;
}

/* Lateral Thinking styling */

span.fishing {font-weight: bold;
			 color: #FF0000;
			 background: transparent;}

span.jackson {font-weight: bold;
			 color: #339933;
			 background: transparent;}