BODY {
  margin: 0;
  padding: 0;
  font-family: georgia, times, serif;
  font-size: 0.8em;
  color: #fff;
  background: url(images/bg.jpg) repeat-x fixed #000;
  }

H1 {
  margin: 0px !important;
  padding: 0 0 225px 0;
  background: url(images/title_main.gif) top center no-repeat;
  width: 749px;
  height: 20px;
		display: block;
  }

H1 strong {
  display: none;
  }

H2 {
  margin: 0;
  padding: 0 0 15px 0;
  font-size: 2em;
  font-style: italic;
  font-weight: normal;
  }
	
H3 {
  margin: 0;
  padding: 0 0 5px 0;
  font-size: 1.8em;
  font-weight: normal;
		color: #BECAB9;
		font-style: italic;
  }
	
.chronicles	H3 {
  margin: 0;
  padding: 0 0 5px 0;
  font-size: 1.8em;
  font-weight: normal;
		color: #BECAB9;
		font-style: italic;
  }

P {
  margin: 0;
  padding: 0 0 10px 0;
		line-height: 1.4em;
  }
	
P.date {
  margin: 0;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.8em;
		text-transform: uppercase;
  padding: 0 0 3px 0;
		line-height: auto;
		color:#BECAB9;
  }

img {border: none;}

a:visited {color: #fff;}
a:hover {color: #fff; text-decoration: underline}
a:active {color: #fff;}
a:link {color: #fff;}

h3 a:visited {color: #BECAB9;}
h3 a:hover {color: #fff; text-decoration: underline}
h3 a:active {color: #BECAB9;}
h3 a:link {color: #BECAB9;}

  
/* CLEAR FIX */
  
.clear_fix:after {
 	content: ".";
 	display: block;
 	height: 0 !important;
 	clear: both;
 	visibility: hidden;
	}
		
.clear_fix {
	overflow: hidden;
	} 

* html .clear_fix { /* ie6 */
	height: 1%;
	overflow: visible;
	}

.clear_fix {
	padding-bottom: 10px !important; /* ie7 */
	} 

/* firefox / safari */
html:not([dummy]) .clear_fix { 
	padding-bottom: 0 !important; /* reset padding */
	}
	
	.clear {clear: both;height:1px;}


.divider_vr {
	display: block;
	width: 100%;
	height: 39px;
	margin: 10px 0;
	background: url(images/divider_vr.gif) top center no-repeat;
	}

.divider_cross {
	display: block;
	width: 100%;
	height: 39px;
	margin: 10px 0;
	background: url(images/divider_cross.gif) top center no-repeat;
	}

/* LAYOUT STYLES */

#container {
  background: url(images/bg_container.gif) repeat-y;
  width: 749px;
  padding: 0 5px 50px 5px;
  margin: auto;
  }
 
#innercontainer {
  background: url(images/bg_top.jpg) top center no-repeat;
  width: 749px;
  clear: both;
  }

#rightnav {
  float: left;
  width: 182px;
  margin: 0 18px 0 13px !important;
  margin: 0 18px 0 6px;
  }

#maincontent {
  float: left;
  margin: 0 0 0 15px !important;
  margin: 0 0 0 9px;
  width: 485px;
  }

/* RIGHT NAV STYLES */

#rightnav a:active, #rightnav a:link, #rightnav a:visited {
  color: #fff;
  text-decoration: none;
  }
 
#rightnav li a:active, #rightnav li a:link, #rightnav li a:visited {
  color: #ccc;
  text-decoration: none;
  }

#rightnav a:hover, #rightnav li a:hover  {
  color: #fff;
  text-decoration: underline;
  }

#rightnav dl {
  margin: 0;
  padding: 0 0 6px 0;
  }
  
#rightnav dt {
  background: url(images/rhn_title_bg.gif) no-repeat top center #576250;
  text-align: center;
  font-size: 1.4em;
  color: #fff;
  font-style: italic;
  padding: 2px 0 4px;
  margin: 0 0 8px 0;
  }
 
#rightnav dd {
  color: #fff;
  font-weight: bold;
  padding: 2px 0 4px 10px;
  margin: 0px;
  text-align: left;
  }
 
ul {list-style-type: none; padding: 2px 0 0 5px; margin: 0 0 0 5px;}
  
  
/* QUOTE */
#quote {
  width: 182px;
  background-color: #576250;
  margin-bottom: 20px;
  }

#quote_top {
  width: 182px;
  height: 66px;
  background: url(images/quote_top.gif) top center no-repeat;
  }
 
.quote_block {
	height: auto;
	width: 182px;
	overflow: hidden;
	background: url(images/quote_bot.gif) bottom center no-repeat #576250;
	
	}
 
.quote_bot {
  width: 168px;
  height: 48px;
  padding: 14px 7px 7px 7px;
  font-weight: bold;
  font-style: italic;
  font-size: 0.8em;
  background: url(images/quote_bot.gif) top center no-repeat;
  }

.quote_content {
  width: 168px;
  padding: 0px 7px;
  font-weight: normal;
  font-style: italic;
  color:#E4EBDF;
	font-size: 0.9em;
  }
 
 /* BOOK CYCLE */
#book_cycle {
  width: 182px;
  background-color: #40473C;
  margin-bottom: 20px;
  }

#book_cycle #book_cycle_title {
  background: url(images/rhn_title_bg.gif) no-repeat top center #576250;
  text-align: center;
  font-size: 1.4em;
  color: #fff;
  font-style: italic;
  padding: 2px 0 4px;
  margin: 0 0 8px 0;
	width: 182px;
  }

#book_cycle #book_cycle_title H2 {
  padding: 10px 10px 0 10px;
	text-align: center;
	width: 162px;
  }

#book_cycle #book_cycle_this {
	width: 182px;
	height: 230px;
	display: block;
	overflow: hidden;
	}

#book_cycle .book_cycle_content {
	height: 210px;
	padding: 10px;
	width: 162px;
	}

#book_cycle .bc_image {
	text-align: center;
	width: 162px;
	padding-bottom: 10px;
	}

#book_cycle .bc_details {
	text-align: center;
	width: 162px;
	font-size: 1.1em;
	font-weight: bold;
	font-style: italic;
	}

  
/* NAV */

#navigation {
  width:182px;
  background-color:#40473C;
  margin-bottom: 20px;
  }
	
#navigation a, #contact a {
	font-size: 0.9em;
	}
  
  
/* CONTACT */

#contact {
  width: 182px;
  background-color: #40473C;
  margin-bottom: 20px;
  }
	
	
	
	/* BOOK LISTING */

.cover {float:left; width: 100px;}
.blurb {float:left; padding-left:15px; width:370px}

.chronicles .cover, .chronicles .blurb { margin-top: 15px; }

#bookleft {float:left; font-size: 0.85em;}
#bookpic img {border:1px solid #31332C;}
#bookdetails {padding-top:15px; width:185px;}
#bookdetails B {color:#BECAB9; font-weight:normal}
#booktxt {float:left; margin-left:15px; width:275px;}
#booktxt B {color:#BECAB9;font-weight:normal}

#excerpt {width: 435px; padding: 20px; margin: auto; border: 1px dotted #000; background: url(images/excerpt_bg.gif) top center no-repeat #9AA696;}
#excerpt h3 { font-size: 2em; text-align: center; margin: 0; padding: 0px 0 40px 0; color: #000}
#excerpt  p { text-indent: 20px; text-align: justify; color: #000}

#reviews p {padding-bottom: 20px;}

/* CHARACTERS */

#char_vampires a {
	display: block;
	height: 26px;
	width: 228px;
	background: url(images/titleVampires.gif) top left no-repeat;
	text-indent: -9000px;
	overflow: hidden;
	}

#char_werewolves a {
	display: block;
	height: 26px;
	width: 288px;
	background: url(images/titleWerewolves.gif) top left no-repeat;
	text-indent: -9000px;
	overflow: hidden;
	}

#char_magic a {
	display: block;
	height: 26px;
	width: 172px;
	background: url(images/titleMagic.gif) top left no-repeat;
	text-indent: -9000px;
	overflow: hidden;
	}

#char_mortals a {
	display: block;
	height: 26px;
	width: 215px;
	background: url(images/titleMortals.gif) top left no-repeat;
	text-indent: -9000px;
	overflow: hidden;
	}

#char_demons a {
	display: block;
	height: 26px;
	width: 195px;
	background: url(images/titleDemons.gif) top left no-repeat;
	text-indent: -9000px;
	overflow: hidden;
	}

#vamp_aurorea {
	display: block;
	height: 26px;
	width: 300px;
	background: url(images/titleAurorea.gif) top left no-repeat;
	text-indent: -9000px;
	overflow: hidden;
	}

#vamp_caelestis {
	display: block;
	height: 26px;
	width: 300px;
	background: url(images/titleCaelestis.gif) top left no-repeat;
	text-indent: -9000px;
	overflow: hidden;
	}

#vamp_nocens {
	display: block;
	height: 26px;
	width: 300px;
	background: url(images/titleNocens.gif) top left no-repeat;
	text-indent: -9000px;
	overflow: hidden;
	}

#vamp_tenebrae {
	display: block;
	height: 26px;
	width: 300px;
	background: url(images/titleTenebrae.gif) top left no-repeat;
	text-indent: -9000px;
	overflow: hidden;
	}

#vamp_validus {
	display: block;
	height: 26px;
	width: 300px;
	background: url(images/titleValidus.gif) top left no-repeat;
	text-indent: -9000px;
	overflow: hidden;
	}

#vamp_vehemens {
	display: block;
	height: 26px;
	width: 300px;
	background: url(images/titleVehemens.gif) top left no-repeat;
	text-indent: -9000px;
	overflow: hidden;
	}

#vamp_venia {
	display: block;
	height: 26px;
	width: 300px;
	background: url(images/titleVenia.gif) top left no-repeat;
	text-indent: -9000px;
	overflow: hidden;
	}

#vamp_weaklings {
	display: block;
	height: 26px;
	width: 300px;
	background: url(images/titleWeaklings.gif) top left no-repeat;
	text-indent: -9000px;
	overflow: hidden;
	}

#biopic {float:left; border:1px solid #31332C; clear: left;}
#biotxt {float:left; margin-left:15px; width: 280px; clear: right;}
#biotxt B {color:#BECAB9; font-weight:normal; text-transform: uppercase;}

#biotxt_nopic B {color:#BECAB9; font-weight:normal; text-transform: uppercase;}

.characters_content .minheight {
	min-height: 1400px;
	}

*html .characters_content .minheight {
	height: 1400px;
	}

.characters_content h2, .characters h3#aleaeries, .characters h3#griminor, .characters h3#kalamemnon, .characters h3#tkshal, .characters h3#umbra {
	display: block;
	height: 26px;
	width: 350px;
	text-indent: -9000px;
	overflow: hidden;
	}

h3#aleaeries  {	background: url(images/nameAleaeries.gif) top left no-repeat; }
.arkalus h2 {	background: url(images/nameArkalus.gif) top left no-repeat; }
.caden h2 {	background: url(images/nameCaden.gif) top left no-repeat; }
.cornelius h2 {	background: url(images/nameCornelius.gif) top left no-repeat; }
.dmitri h2 {	background: url(images/nameDmitri.gif) top left no-repeat; }
.elena h2 {	background: url(images/nameElena.gif) top left no-repeat; }
h3#griminor {	background: url(images/nameGriminor.gif) top left no-repeat; }
.hyperion h2 {	background: url(images/nameHyperion.gif) top left no-repeat; }
.ineru h2 {	background: url(images/nameIneru.gif) top left no-repeat; }
.jascha h2 {	background: url(images/nameJascha.gif) top left no-repeat; }
h3#kalamemnon {	background: url(images/nameKalamemnon.gif) top left no-repeat; }
.kalinor h2 {	background: url(images/nameKalinor.gif) top left no-repeat; }
.lilith h2 {	background: url(images/nameLilith.gif) top left no-repeat; }
.lincoln h2 {	background: url(images/nameLincoln.gif) top left no-repeat; }
.marise h2 {	background: url(images/nameMarise.gif) top left no-repeat; }
.mathias h2 {	background: url(images/nameMathias.gif) top left no-repeat; }
.mia h2 {	background: url(images/nameMia.gif) top left no-repeat; }
.mikael h2 {	background: url(images/nameMikael.gif) top left no-repeat; }
.natrivers h2 {	background: url(images/nameNatrivers.gif) top left no-repeat; }
.prophecy h2 {	background: url(images/nameProphecy.gif) top left no-repeat; }
.serenity h2 {	background: url(images/nameSerenity.gif) top left no-repeat; }
.timur h2 {	background: url(images/nameTimur.gif) top left no-repeat; }
h3#tkshal {	background: url(images/nameTkshal.gif) top left no-repeat; }
.tynan h2 {	background: url(images/nameTynan.gif) top left no-repeat; }
h3#umbra {	background: url(images/nameUmbra.gif) top left no-repeat; }
.valentine h2 {	background: url(images/nameValentine.gif) top left no-repeat; }
.venturi h2 {	background: url(images/nameVenturi.gif) top left no-repeat; }
.winter h2 {	background: url(images/nameWinter.gif) top left no-repeat; }
.nika h2 {	background: url(images/nameNika.gif) top left no-repeat; }
.willem h2 {	background: url(images/nameWillem.gif) top left no-repeat; }




/* COVENANT */
.covenant ul {list-style-type: circle; padding: 2px 0 0 10px; margin: 0 0 0 10px;}


	/* COPYRIGHT */

#copyright P {margin: 0px; padding: 0px 0px 15px 0px; font-size: 0.85em; text-align: center; color: #92A072;}
a.disclaimer:visited {margin: 0px; padding: 0px; text-transform: uppercase; color: #92A072; text-decoration: none}
a.disclaimer:hover {margin: 0px; padding: 0px;text-transform: uppercase; color: #999999; text-decoration: underline}
a.disclaimer:active {margin: 0px; padding: 0px; text-transform: uppercase; color: #92A072; text-decoration: none}
a.disclaimer:link {margin: 0px; padding: 0px; text-transform: uppercase; color: #92A072; text-decoration: none}

#access UL {list-style:none;margin:0px;padding:0px;}
#access LI {display:inline}

/* FORM */
FORM {margin:0px; padding:10px;}
FORM .txt {width:175px;float:left;}
FORM .field {float:left;}
#arc TEXTAREA {width:250px;background-color: #131510; border: 1px solid #434739; color: #919F71; font-family: Georgia, "Times New Roman", Times, serif; font-size: 0.9em;}
#arc SELECT {width:250px;background-color: #131510; border: 1px solid #434739; color: #919F71;  font-family: Georgia, "Times New Roman", Times, serif; font-size: 0.9em;}
#arc INPUT {width:250px;background-color: #131510; border: 1px solid #434739; color: #919F71;  font-family: Georgia, "Times New Roman", Times, serif; font-size: 0.9em;}
#arc .submit {width:75px;background-color: #131510; border: 1px solid #434739; color: #919F71;  font-family: Georgia, "Times New Roman", Times, serif; font-size: 0.9em;}