/* 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: #000000;
  	 background: #FFFFFF;
	 position: relative;
	 margin: 2% 4% 2% 2%;}

table {
  margin: 2%;
}

	
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: #009900;
	   background: transparent;
	   text-decoration: none;
	   font-weight: bold;}
	   
a:visited {color: #33CC66;
		  background: transparent;
		  text-decoration: none;
		  font-weight: bold;}
		 
a:hover, a:active {color: #CC3333;
		 background: transparent;
		text-decoration: none;
		font-style: italic;}

/* Replace text for header */

h1#reviewheader {
  text-indent: -5000px;
  width: 500px;
  height: 70px;
  background: url(images/review01.gif) no-repeat;
  margin-top: 5px;
}


/* Underline the accesskey character in a navigation link and hide a separation character for improved accessibility */

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

/* Put the main content next to the sidebar with a footer for copyrights */

div#container {width: 100%;
              float: right;
              margin-left: -210px;
}


div#maincontent {margin-left: 210px;
}

div#sidebar {width: 210px;
            float: left;}

div#footer {
  clear: both;
}

div#footer p {
  text-align: center;
}

/* Style the sidebar buttons */

ul#navigation {
  list-style: none;
  margin: 0;
  padding: 0;
  padding-top: 20px;
}

ul#navigation a {
  display: block;
  width: 170px;
  color: #FFFFFF;
  background: #336600;
  font-style: normal;
  padding: 5px 10px;
  border: 1px solid black;
  border-width: 1px 1px 0 1px;
}

ul#navigation a.bottom_button {
  border-bottom: 1px solid black;
}


ul#navigation a:visited {
  background: #33CC66;
}

ul#navigation a:hover {
  background: #333399;
  color: #FFFFCC;
}


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

/* 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.highlight {color: #000000;
  background: #fff;
  font-weight: bold;
}

p.centered, h3.centered {
  text-align: center;
  margin-right: 10%;
  margin-left: 10%;
}

span.optional {
  color: #CC0000;
}


/* Each entry on an  index needs some extra spacing top and bottom to make it easier to read */
		
div.entry {margin-bottom: 40px;
		  margin-top: 40px;}

div.entry h3 {
  margin-top: 3px;
  margin-bottom: 3px;
}

div.entry p {
  margin-bottom: 3px;
}


/* Mark-up for the layout of the recommendation form */

textarea {
  margin-bottom: 14px;
}

div.genre {
  width: 200px;
  float: left;
}

div.spacer {
  clear: both;
  height: 3px;
}


/* Layout and colours on the individual review pages - need some extra spacing between entries and
a different colour on the headers so they stand out */

div.entry2{
  margin-top: 2.5em;
  margin-bottom: 2.5em;
}

div.entry2 h1, div.entry2 h2, div.entry2 h3{
  color: #003399;
  background: #FFFFFF;
}

/* Layout for selection lists */

ul.quickpick {
  list-style: none;
  margin: 5px 0;
  padding: 0;
}

ul.quickpick li {
  list-style: none;
  display: inline;
  margin: 0;
  padding: 0 3px;
}

fieldset#hiddenid {
  height: 0px;
  width: 0px;
  border: none;
  display: none;
}

/* Layout report tables */

table.fandomrep {
  border: 1px solid #000000;
  border-width: 0;
}

table.fandomrep th, table.fandomrep td {
  border-bottom: 1px dotted #000000;
  padding-right: 10px;
}

div.loginpane {
  width: 300px;
  margin: 1em 60px;
  padding: 0.5em 1em;
  background: #EFEFEF;
  border: 1px solid #006600;
}

p.error {
  color: #993300;
}