body
{
	color: white;
	background: black;
	font-family: times new roman, times, serif;
	margin: 0;
	padding: 0;
	font-size: 75%;
}

div.home-main
{
	background: url("/images/home-image.jpg") repeat-x center;
	height: 393px;
	z-index: 0;
}

div.header-wrapper
{
	height: 55px;
	background: url("/images/header-bg.png") repeat-x;
}
div.header 
{
	margin: 0 auto;
	width: 930px;
	height: 55px;
}

div.logo
{
	margin: 0;
	padding: 0;
	float: left;
	height: 55px;
	overflow: hidden;
}
div.header ul
{
	padding: 0 0 0 0px;
	background: url("/images/nav-divider.png") 192px 6px no-repeat transparent;
	margin: 0px;
	height: 55px;
}
div.header ul li
{
	float: left;
	padding: 20px 30px 20px 32px;
	height: 15px;
	font-size: 140%;
	margin: 0;
	list-style: none;
	background: url("/images/nav-divider.png") right center no-repeat transparent;
}
div.header ul li a
{
	color: #f4f5fa;
	text-transform: uppercase;
	text-decoration: none;
}
div.header ul li a:hover, div.header ul li:hover a
{
	color: #cccccc;
	text-transform: uppercase;
	text-decoration: none;
}
div.header ul.home li.home a
{
	color: #bdbcbd;
}
div.header ul.characters li.characters a
{
	color: #bdbcbd;
}
div.header ul.book li.book a
{
	color: #bdbcbd;
}
div.header ul.author li.author a
{
	color: #bdbcbd;
}

/* character dropdown nav */
div#character-links
{
	display: none;
	position: absolute;
	z-index: 50;
	width: 166px;
	background: black;
	opacity: .7;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
}

div#character-links ul
{
	margin: 0;
	padding: 0;
}
div#character-links ul li
{
	margin: 0;
	padding: 10px;
	border-bottom: 1px solid #515151;
	width: 146px;
	list-style: none;
}
div#character-links ul li a
{
	color: #f4f5fa;
	text-transform: uppercase;
	text-decoration: none;
}
div#character-links ul li a:hover
{
	color: #bdbcbd;
}

/*end character links*/

/* homepage base */
div.base-home-wrapper, div.base-wrapper
{
	background: url("/images/home-bg2.png") center top no-repeat;
	position: relative;
	top: -40px;
	padding-top: 60px;
	min-height: 150px;
	z-index: 30;
}


div.base-home, div.base-content
{
	margin: 0 auto;
	width: 950px;
}

div.base-home div.big-logo
{
	float: left;
}
div.base-home div.home-content
{
	margin-left: 210px;
	font-size: 110%;
	width: 740px
}
div.base-home div.home-content div
{
	padding-top: 10px;
}
div.base-home div.home-content div.content
{
	padding-top: 4px;
}
div.base-home div.home-content ul
{
	margin: 0;
	padding: 0;
}
div.base-home div.home-content ul li
{
	display: inline;
	padding-right: 1em;
}
div.base-home div.home-content ul li a
{
	font-size: 120%;
	font-weight: bold;
	color: white;
	text-decoration: none;
}
div.base-home div.home-content ul li a:hover
{
	color: #bdbcbd;
}

/* character base */
div.base-bookholder
{
	height: 175px;
	overflow: hidden;
}

div.base-book
{
	float: left;
	width: 316px;
	margin: 0;
}

div.base-book p
{
	margin: 0 0 .5em 130px;
	position: relative;
	top: -140px;
	font-size: 120%;
}
div.base-book img
{
	border: 0;
}
div.base-book p.buy
{
	font-size: 100%;
}
div.base-book p a
{
	color: white;
	text-decoration: none;
}
div.base-book p a:hover
{
	color: #bdbcbd;
	text-decoration: none;
}

div.base-book p.quote 
{
	text-transform: uppercase;
	font-size: 90%;
}
div.base-book p.quote span
{
	color: #90c8f8;
}



	
/* homepage top */
div.home-swf
{
	padding-top: 40px;
	height: 225px;
	text-align: center;
}

div.home-straplines
{
	text-transform: uppercase;
	font-size: 150%;
	color: white;
	text-align: center;
	
	/*shadow including IE version*/
	text-shadow: 1px 1px 1px black; 
	filter: dropshadow(color=black, offX=1, offY=1);
}
div.home-straplines p
{
	margin: 5px 0 0 0;
}

div.home-straplines p.bold
{
	font-size: 133%;
}

div.home-base-text
{
	text-align: center;
	margin-top: 10px
}

/* homepage alternate book image links */
ul#books-alternate
{
	padding: 0;
	margin: 0 auto;
}
ul#books-alternate li
{
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
}
ul#books-alternate li img
{
	border: 0;
}

object#books-alternate
{
	margin: 0 auto;
	width: 682px;
}

/*character pages top*/
div.character-wrapper
{
	height: 560px;
	z-index: 0;
	overflow: hidden;
}
div.janelle-bg
{
	background: url("/images/janelle-image.jpg") repeat-x top center;
}
div.dale-bg
{
	background: url("/images/dale-image.jpg") repeat-x top center;
}
div.samantha-bg
{
	background: url("/images/samantha-image.jpg") repeat-x top center;
}
div.howard-bg
{
	background: url("/images/howard-image.jpg") repeat-x top center;
}
div.author-bg
{
	background: url("/images/author-image.jpg") repeat-x top center;
}

div.character-main
{
	width: 930px;
	margin: 0 auto;
}

.character-image
{
	float: right;
	position: relative;
	z-index: 25;
	margin-right: 125px;
}
div.janelle-bg .character-image
{
	margin-right: 125px;
	top: -330px;
}
div.dale-bg .character-image
{
	top: -470px;
	margin-right: 90px;
}
div.samantha-bg .character-image
{
	top: -470px;
	margin-right: 250px;
}
div.howard-bg .character-image
{
	top: -475px;
	margin-right: 150px;
}
div.author-bg .character-image
{
	top: -445px;
	margin-right: 150px;
}

div.character-straplines
{
	padding: 50px 0 0 20px;
	margin: 0;
	text-transform: uppercase;
	font-size: 180%;
	width: 450px;
	
	/*shadow including IE version*/
	text-shadow: 1px 1px 1px black; 
	filter: dropshadow(color=black, offX=1, offY=1);
}

div.author-bg div.character-straplines
{
	/*get rid of shadow effects for the 'About the Author' headline (it's included in the image*/
	text-shadow: none;
	filter: none;
}

div.character-straplines p.name
{
	font-size: 120%;
	margin-bottom: .5em;
}

div.character-text
{
	padding: 10px 120px 10px 10px;
	background: white;
	color: black;
	font-size: 110%;
	width: 390px;
	opacity: .7;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	/*shadow - NB it is not possible to use 2 filters on an element in IE so we keep the Alpha and lose the dropshadow*/
	text-shadow: 0px 0px 1px #999999; 
	/*font-weight: bold;*/
	/*filter: dropshadow(color=#515151, offX=1, offY=1);*/
}
div.character-text p
{
	margin: .75em;
	opacity: 1;
}

div.dale-bg  div.character-text
{
	width: 440px;
}
div.character-text span.name
{
	font-size: 150%;
	font-weight: bold;
}

div.character-listen
{
	text-transform: uppercase;
	font-size: 120%;
	/*shadow including IE version*/
	text-shadow: 1px 1px 1px black; 
	filter: dropshadow(color=black, offX=1, offY=1);
}
div.character-listen a
{
	text-decoration: none;
	color: white;
}
div.character-listen img
{
	border: 0;
	position: relative;
	top: 2px
}


/* footer */
div.footer 
{
	background: url("/images/footer-bg2.png") no-repeat transparent;
	height: 80px;
	padding: 0;
	width: 1050px;
	margin: 0px auto 30px;;
	color: #f4f5fa;
}


div.footer a
{
	color: #f4f5fa;
	text-decoration: none;
}
div.footer a:hover
{
	color: #bdbcbd;
}

div.footer img
{
	margin-left: 60px;
	margin-top: 12px;
	float: left;
	border: 0;
}
	
div.footer-top
{
	margin: 0px 0 0 115px;
	padding-top: 33px;
	font-size: 125%;
}
div.footer-bottom
{
	margin: 0px 0 0 115px;
	padding-top: 13px;
	color: #bdbcbd;
}

/* about the book page */
div.book-main
{
	background: url("/images/about-image.jpg") repeat-x center;
	height: 393px;
	z-index: 0;
}

div.book-main div.home-base-text
{
	margin-top: 70px;
}

div.home-content h2
{
	margin: 3px 0;
}

div.reviews p
{
	font-style: italic;
	border-bottom: 1px solid #383838;
	margin: 3px 25% 0 0;
	/*color: #bdbcbd;*/
	color: white;
	font-size: 125%;
}
div.reviews p strong
{
	font-style: italic;
	color: #bdbcbd;
	text-transform: uppercase;
}
div.base-wrapper-author
{
	background: url("/images/home-bg2.png") center top no-repeat;
	position: relative;
	top: -40px;
	padding-top: 60px;
	min-height: 30px;
	z-index: 30;
}