@charset "UTF-8";
/* CSS Document */

/* GLOBAL */
* {
	margin: 0;
	padding: 0;
}
.clearfix {
	clear: both;
}
body {
	padding: 10px;
	background-color: #14120d;
	text-align: center;
	font: normal 14px Georgia, "Times New Roman", Times, serif;
}
img {
	border: 0;
}
p {
	line-height: 26px;
	padding: 10px 0;
}
p.capital {
	padding-top: 6px;
}
p.capital:first-letter {
	font-size: 28px;
	padding-left: 0px;
}
a {
	color: #790909;
	outline: none;
	cursor: pointer;
}
a:hover {
	text-decoration: none;
}
p.center {
	text-align: center;
}

/* GLOBAL POSITIONING */
#outer {
	background: url(images/pattern-utama.jpg) top center;
}
#container {
	width: 980px;
	margin: 0 auto;
	text-align: left;
}

/* HEADER */
#header {
	width: 980px;
	background: url(images/header-bg.jpg) no-repeat top center;
	height: 265px;
}
#header h1 {
	width: 382px;
	height: 97px;
	float: left;
	display: block;
	padding-top: 20px;
}
#header h1 a {
	display: block;
	width: 381px;
	height: 69px;
	background: url(images/logo.png) no-repeat top left;
	text-indent: -7777px;
}
ul#topnav {
	list-style:none;
	width: 400px;
	float: right;
}
ul#topnav li {
	float: left;
	padding-top: 2px;
	padding-left: 15px;
}
ul#topnav li a {
	float: left;
	padding: 2px 8px;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
}
ul#topnav li a:hover {
	background: #15120d;
}
div#quote {
	/*width: 400px;*/
	float: right;
	text-align: right;
	font-size: 15px;
	padding-top: 10px;/*30*/
	display: inline;
	margin: 0 20px 0 0;
	color: #33231B;
}
*html div#quote{
	width: 550px;
	/*border: 1px solid black;*/
}
*:first-child+html div#quote{
	width: 550px;
}

div#quote #testimonials {
	font-size: 1.2em;
}
div#quote #author {
	font-size: 0.9em;
	font-weight: bold;
}
div#mainnav {
	clear: both;
}
div#mainnav #nav {
	list-style: none;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	height: 33px;
	padding-top: 4px;
	padding-left: 28px;
	width: 610px;
	float: left;
}
div#mainnav #nav li {
	/*float: left;*/
}
div#mainnav #nav li a {
	padding: 6px 15px;
	display: block;
	float: left;
	color: #000000;
	text-decoration: none;
}
div#mainnav #nav li a:hover {
	background: url(images/main-nav-hover.jpg) repeat-x top;
}
form#signup {
	display: block;
	float: right;
	width: 330px;
	padding-top: 7px;
}
form#signup input {
	font: normal 14px Georgia, "Times New Roman", Times, serif;
}
form#signup input.email {
	background: url(images/signup-input.png) no-repeat top left;
	border: none;
	width: 213px;
	padding: 4px 5px;
	float: left;
}
form#signup input.signupbutton {
	background: url(images/signupbutton.png) no-repeat;
	width: 76px;
	height: 21px;
	border: none;
	font-weight: bold;
	font-size: 11px;
	float: left;
	margin-left: 10px;
	text-transform: uppercase;
	cursor: pointer;
}

/* MAIN CONTENT */
#main {
	width: 990px;/*980*/
	background: url(images/container-bg.jpg) repeat-y center top;
}

/* LEFT */
#left {
	width: 518px;
	float: left;
	padding-top: 5px;
	margin: 0 0 0 60px;
	display: inline;
}
h2.cast {
	background: url(images/title-cast.jpg) no-repeat top left;
	width: 520px;
	height: 76px;
	text-indent: -7777px;
}
div.castbox {
	background: url(images/castbox.jpg) no-repeat top center;
	width: 519px;
	height: 620px;
}

/*Cast Hover*/
.morecast a, .morecastindex a {
	text-decoration: none;
}
.morecast a.active, .morecastindex a.active {
	background-position: top right;
}
a.cast1 {
	background:url(images/cast1s.jpg) no-repeat top left;
	width: 51px;
	height: 63px;
	display: block;
	border: 3px solid #fff;
}
a.cast1:hover {
	background: url(images/cast1s.jpg) no-repeat top right;
}

a.cast2 {
	background: url(images/cast2s.jpg) no-repeat top left;
	width: 51px;
	height: 63px;
	display: block;
	border: 3px solid #fff;
}
a.cast2:hover {
	background: url(images/cast2s.jpg) no-repeat top right;
}
a.cast3 {
	background: url(images/cast3s.jpg) no-repeat top left;
	width: 51px;
	height: 63px;
	display: block;
	border: 3px solid #fff;
}
a.cast3:hover {
	background: url(images/cast3s.jpg) no-repeat top right;
}
a.cast4 {
	background: url(images/cast4s.jpg) no-repeat top left;
	width: 51px;
	height: 63px;
	display: block;
	border: 3px solid #fff;
}
a.cast4:hover {
	background: url(images/cast4s.jpg) no-repeat top right;
}
a.cast5 {
	background: url(images/cast5s.jpg) no-repeat top left;
	width: 51px;
	height: 63px;
	display: block;
	border: 3px solid #fff;
}
a.cast5:hover {
	background: url(images/cast5s.jpg) no-repeat top right;
}
a.cast6 {
	background: url(images/cast6s.jpg) no-repeat top left;
	width: 51px;
	height: 63px;
	display: block;
	border: 3px solid #fff;
}
a.cast6:hover {
	background: url(images/cast6s.jpg) no-repeat top right;
}
a.cast7 {
	background: url(images/cast7s.jpg) no-repeat top left;
	width: 51px;
	height: 63px;
	display: block;
	border: 3px solid #fff;
}
a.cast7:hover {
	background: url(images/cast7s.jpg) no-repeat top right;
}
a.cast8 {
	background: url(images/cast8s.jpg) no-repeat top left;
	width: 51px;
	height: 63px;
	display: block;
	border: 3px solid #fff;
}
a.cast8:hover {
	background: url(images/cast8s.jpg) no-repeat top right;
}
a.cast9 {
	background: url(images/cast9s.jpg) no-repeat top left;
	width: 51px;
	height: 63px;
	display: block;
	border: 3px solid #fff;
}
a.cast9:hover {
	background: url(images/cast9s.jpg) no-repeat top right;
}
a.cast10 {
	background: url(images/cast10s.jpg) no-repeat top left;
	width: 51px;
	height: 63px;
	display: block;
	border: 3px solid #fff;
}
a.cast10:hover {
	background: url(images/cast10s.jpg) no-repeat top right;
}

div.currentcast {
	padding-left: 18px;
	padding-top: 18px;
}
div.currentcast img {
	background: #fff;
	padding: 4px;
}
div.morecast, .morecastindex {
	padding-left: 27px;
}
div.morecast img, .morecastindex img {
	padding: 3px;
	background: #fff;
}
div.morecast div, .morecastindex div {
	float: left;
}
div.morecast .prev, .morecastindex .prev {
	background: url(images/cast-arrow-left.jpg) no-repeat top left;
	width: 19px;
	height: 26px;
	margin-top: 40px;
	margin-right: 8px;
}
div.morecast .prev  a, .morecastindex .prev a {
	display: block;
	width: 19px;
	height: 26px;
	text-indent: -7777px;
}
div.morecast .next, .morecastindex .next {
	background: url(images/cast-arrow-right.jpg) no-repeat top right;
	width: 19px;
	height: 26px;
	margin-top: 40px;
	margin-left: 8px;
}
div.morecast .next a, .morecastindex .next a {
	width: 19px;
	height: 26px;
	text-indent: -7777px;
	display: block;
}
div.cast-thumb {
	padding: 20px 5px;
}
h2.synopsis {
	background: url(images/title-synopsis.jpg) no-repeat top left;
	width: 520px;
	height: 76px;
	text-indent: -7777px;
}
div#right {
	width: 366px;
	float: left;
	padding-left: 20px;
}
div.buybig {
	background: url(images/book.jpg) no-repeat top center;
	width: 355px;
	/*height: 444px;*/
}
div.buybig .button {
	width: 290px;
	height: 41px;
	padding-top: 405px;
	padding-left: 28px;
}
div.buybig .button a {
	background: url(images/buy-now-button.png) no-repeat top center;
	width: 290px;
	height: 41px;
	display: block;
	text-indent: -7777px;
}
div.buybig .button a:hover {
	background: url(images/buy-now-button.png) no-repeat bottom center;
}
div#right p {
	
}
div#right p:first-letter {
	font-size: 16px !important;
	padding: 0;
}
div.soundtrack {
	background: url(images/soundtrack-box.jpg) no-repeat right;
	width: 306px;
	height: 183px;
	padding: 40px 10px 0 25px;
}
div.soundtrack h3 {
	background: url(images/title-soundtrack.jpg) no-repeat top center;
	width: 150px;
	height: 35px;
	text-indent: -7777px;
}
div.soundtrack p {
	line-height: 20px;
}
div.soundtrack a {
	background: url(images/soundtrackplay.png) no-repeat top center;
	width: 73px;
	height: 24px;
	display: block;
	margin: 0 auto;
	text-indent: -7777px;
}

div.praise {
	padding-left: 10px;
	padding-right: 23px;
}
div.praise h3 {
	background: url(images/title-praise2.jpg) no-repeat top center;
	width: 327px;
	height: 78px;
	text-indent: -7777px;
}
div#right div.praise p {
	text-align: right;
	padding: 6px 0;
}
div.praise p.intro {
	font-style: italic;
}

/* FOOTER */
div#footer {
	background: url(images/footer-bg.jpg) no-repeat top center;
	width: 980px;
	text-align: center;
}
div#footer p:first-letter {
	font-size: 16px !important;
}
div.sociallink {
	padding-top: 95px;
	text-align: left;
	margin: auto;
	width: 900px;
	height: 270px;
}
div.sociallink a.myspace {
	background: url(images/myspace.png) no-repeat top center;
	width: 69px;
	height: 17px;
	display: block;
	text-indent: -7777px;
	float: left;
	font-size: 5px;
}
div.sociallink a.myspace:hover {
	background: url(images/myspace.png) no-repeat bottom center;
}
div.sociallink a.facebook {
	background: url(images/facebook.png) no-repeat bottom center;
	width: 77px;
	height: 15px;
	display: block;
	text-indent: -7777px;
	float: left;
	margin-left: 30px;
	font-size: 5px;
}
div.sociallink a.facebook:hover {
	background: url(images/facebook.png) no-repeat top center;
}
div.sociallink a.balantine {
	background: url(images/balantine.png) no-repeat top right;
	width: 80px;
	height: 98px;
	display: block;
	float: left;
	text-indent: -7777px;
	margin-left: 235px;
}
div.sociallink a.balantine:hover {
	background: url(images/balantine.png) no-repeat top left;
}
div.sociallink a.blackstone {
	background: url(images/blackstone.png) no-repeat 0px -38px;
	width: 167px;
	height: 36px;
	display: block;
	float: right;
	text-indent: -7777px;
}
div.sociallink a.blackstone:hover {
	background: url(images/blackstone.png) no-repeat 0px 0px;
}
div.sociallink p {
	text-align: center;
	clear: both;
	line-height: 18px;
	font-style: italic;
	padding-top: 30px; 
	color: #443c34;
}
div.sociallink p:first-letter{
	font-size: inherit;
}
div.copyright {
	font-size: 13px;
	color: #665c4d;
	line-height: 20px;
	padding-bottom: 20px;
}

/*INTERNAL*/
h2.about {
	background: url(images/title-author.jpg) no-repeat -8px top ;
	width: 528px;
	height: 64px;
	text-align: left;
	text-indent: -7777px;
}
h2.book {
	background: url(images/book-title.png) no-repeat 0 top ;
	width: 515px;
	height: 70px;
	text-align: left;
	text-indent: -7777px;
}

h2.book-excerpt {
	background: url(images/book-excerpts-title.png) no-repeat 0 top ;
	width: 515px;
	height: 75px;
	text-align: left;
	text-indent: -7777px;
}

h2.book-song {
	background: url(images/book-song-title.png) no-repeat 0 top ;
	width: 515px;
	height: 75px;
	text-align: left;
	text-indent: -7777px;
}

h2.book-purchase {
	background: url(images/book-purchase-title.png) no-repeat 0 top ;
	width: 515px;
	height: 75px;
	text-align: left;
	text-indent: -7777px;
}

h2.book-large {
	background: url(images/title-large-print.png) no-repeat 0 top ;
	width: 515px;
	height: 70px;
	text-align: left;
	text-indent: -7777px;
}

h2.book-audio {
	background: url(images/book-audio-title.png) no-repeat 0 top ;
	width: 515px;
	height: 75px;
	text-align: left;
	text-indent: -7777px;
}

h2.about-interview {
	background: url(images/about-interview-title.png) no-repeat 0 top ;
	width: 515px;
	height: 75px;
	text-align: left;
	text-indent: -7777px;
}

h2.about-tour-schedule {
	background: url(images/about-tour-title.png) no-repeat 0 top ;
	width: 515px;
	height: 75px;
	text-align: left;
	text-indent: -7777px;
}

h2.about-media {
	background: url(images/about-media-title.png) no-repeat 0 top ;
	width: 515px;
	height: 75px;
	text-align: left;
	text-indent: -7777px;
}

h2.contact {
	background: url(images/contact-title.png) no-repeat 0 top ;
	width: 515px;
	height: 75px;
	text-align: left;
	text-indent: -7777px;
}

h2.contact-bookclub {
	background: url(images/contact-bookclub-title.png) no-repeat 0 top ;
	width: 515px;
	height: 75px;
	text-align: left;
	text-indent: -7777px;
}

h2.contact-email {
	background: url(images/contact-email-title.png) no-repeat 0 top ;
	width: 515px;
	height: 75px;
	text-align: left;
	text-indent: -7777px;
}

h2.contact-email-verification {
	background: url(images/contact-email-verification-title.png) no-repeat 0 top ;
	width: 515px;
	height: 75px;
	text-align: left;
	text-indent: -7777px;
}

h2.contact-email-success {
	background: url(images/contact-email-success-title.png) no-repeat 0 top ;
	width: 515px;
	height: 75px;
	text-align: left;
	text-indent: -7777px;
}

h2.contact-social {
	background: url(images/contact-social-title.png) no-repeat 0 top ;
	width: 515px;
	height: 75px;
	text-align: left;
	text-indent: -7777px;
}

h2.error {
	background: url(images/title-error.png) no-repeat 0 top ;
	width: 515px;
	height: 75px;
	text-align: left;
	text-indent: -7777px;
}

h2.press-downloads {
	background: url(images/title-press-downloads.png) no-repeat 0 top ;
	width: 515px;
	height: 75px;
	text-align: left;
	text-indent: -7777px;
}

h2.press-reviews {
	background: url(images/title-press-reviews.png) no-repeat 0 top ;
	width: 515px;
	height: 75px;
	text-align: left;
	text-indent: -7777px;
}

h2.press-praise {
	background: url(images/title-press-praise.png) no-repeat 0 top ;
	width: 515px;
	height: 75px;
	text-align: left;
	text-indent: -7777px;
}

ul#subpage {
	list-style: none;
	font-size: 16px;
	font-weight: bold;
	padding-top: 50px;
	padding-left: 10px;
	padding-bottom: 30px;
}
ul#subpage li {
	padding: 0;
}
ul#subpage li a {
	color: #2d2821;
	text-decoration: none;
	display: block;
	width: 303px;
	padding-left: 17px;
	height: 28px;
	line-height: 28px;
}
ul#subpage li a:hover, ul#subpage li a.active {
	background: url(images/about-leftbg.jpg) no-repeat;
}
div.buysmall {
	background: url(images/smallbook.png) no-repeat top center;
	width: 375px;
	padding-bottom: 20px;
}

div.buysmallbig {
	background: url(images/smallbook_large.png) no-repeat top center;
	width: 375px;
	padding-bottom: 20px;
}

div.buysmallbig .button {
	padding-top: 290px;
	padding-left: 88px;
}
div.buysmallbig .button a {
	background: url(images/buy-now-button-small.png) no-repeat 0 0;
	width: 204px;
	height: 28px;
	display: block;
	text-indent: -7777px;
}
div.buysmallbig .button a:hover {
	background: url(images/buy-now-button-small.png) no-repeat 0 -27px;
}

div.buysmall .button {
	padding-top: 290px;
	padding-left: 88px;
}
div.buysmall .button a {
	background: url(images/buy-now-button-small.png) no-repeat 0 0;
	width: 204px;
	height: 28px;
	display: block;
	text-indent: -7777px;
}
div.buysmall .button a:hover {
	background: url(images/buy-now-button-small.png) no-repeat 0 -27px;
}

/*buy audio*/

div.buysmall .button-audio {
	padding-top: 290px;
	padding-left: 76px;
}
div.buysmall .button-audio a {
	background: url(images/buy-the-audio-book-button.png) no-repeat 0 0;
	width: 227px;
	height: 26px;
	display: block;
	text-indent: -7777px;
}
div.buysmall .button-audio a:hover {
	background: url(images/buy-the-audio-book-button.png) no-repeat 0 -26px;
}

/*
	
*/

div.authorsmall {
	background: url(images/authorsmall.png) no-repeat top center;
	width: 375px;
	padding-bottom: 20px;
}
div.authorsmall .button {
	padding-top: 290px;
	padding-left: 88px;
}
div.authorsmall .button a {
	background: url(images/buy-now-button-small.png) no-repeat 0 0;
	width: 204px;
	height: 28px;
	display: block;
	text-indent: -7777px;
}
div.authorsmall .button a:hover {
	background: url(images/buy-now-button-small.png) no-repeat 0 -27px;
}

div.socialsmall {
	background: url(images/bellerophonsmall.png) no-repeat top center;
	width: 375px;
	padding-bottom: 20px;
}
div.socialsmall .button {
	padding-top: 290px;
	padding-left: 88px;
}
div.socialsmall .button a {
	background: url(images/buy-now-button-small.png) no-repeat 0 0;
	width: 204px;
	height: 28px;
	display: block;
	text-indent: -7777px;
}

div.excerptsmall {
	background: url(images/ettaharrysmall.png) no-repeat top center;
	width: 375px;
	padding-bottom: 20px;
}
div.excerptsmall .button {
	padding-top: 290px;
	padding-left: 88px;
}
div.excerptsmall .button a {
	background: url(images/buy-now-button-small.png) no-repeat 0 0;
	width: 204px;
	height: 28px;
	display: block;
	text-indent: -7777px;
}

div.songsmall .button a:hover {
	background: url(images/buy-now-button-small.png) no-repeat 0 -27px;
}

div.songsmall {
	background: url(images/elizasmall.png) no-repeat top center;
	width: 375px;
	padding-bottom: 20px;
}
div.songsmall .button {
	padding-top: 290px;
	padding-left: 88px;
}
div.songsmall .button a {
	background: url(images/abuy-now-button-small.png) no-repeat 0 0;
	width: 204px;
	height: 28px;
	display: block;
	text-indent: -7777px;
}
div.songsmall .button a:hover {
	background: url(images/abuy-now-button-small.png) no-repeat 0 -27px;
}

/* Cast Inside */
h2.cast-lorinda {
	background: url(images/title-lorinda.png) no-repeat 0 0;
	width: 512px;
	height: 71px;
	text-indent: -7777px;
}
h2.cast-harry {
	background: url(images/title-harry.gif) no-repeat 0 0;
	width: 512px;
	height: 71px;
	text-indent: -7777px;
}
h2.cast-butch {
	background: url(images/title-butch.gif) no-repeat 0 0;
	width: 512px;
	height: 71px;
	text-indent: -7777px;
}
h2.cast-eleanor {
	background: url(images/title-eleanor.gif) no-repeat 0 0;
	width: 512px;
	height: 71px;
	text-indent: -7777px;
}
h2.cast-harvey {
	background: url(images/title-harvey.gif) no-repeat 0 0;
	width: 512px;
	height: 71px;
	text-indent: -7777px;
}
h2.cast-laura {
	background: url(images/title-laura.gif) no-repeat 0 0;
	width: 512px;
	height: 71px;
	text-indent: -7777px;
}
h2.cast-charles {
	background: url(images/title-charles.gif) no-repeat 0 0;
	width: 512px;
	height: 71px;
	text-indent: -7777px;
}
h2.cast-william {
	background: url(images/title-william.gif) no-repeat 0 0;
	width: 512px;
	height: 71px;
	text-indent: -7777px;
}
h2.cast-annie {
	background: url(images/title-annie.gif) no-repeat 0 0;
	width: 512px;
	height: 71px;
	text-indent: -7777px;
}
h2.cast-fred {
	background: url(images/title-fred.gif) no-repeat 0 0;
	width: 512px;
	height: 71px;
	text-indent: -7777px;
}
div.theme {
	background: url(images/cast-inside-bg.jpg) no-repeat 8px 13px;
	width: 475px;
	height: 576px;
	padding: 22px;
}
div.theme img {
	background: #ffffff;
	padding: 4px;
}
div.theme .desc {
	line-height: 24px;
	font-size: 14px;
	padding-left: 10px;
	padding-top: 20px;
	float: left;
}
div.theme .descentry {
	float: left;
	width: 100%;
}
div.theme .titi {
	float: left;
	clear: both;
	text-align: right;
	width: 100px;
	margin: 0 5px 0 0;
	font-weight: bold;
}
div.theme .book, div.theme .born, div.theme .died {
	float: left;
	width: 345px;
}
h2.othercast {
	background: url(images/title-othercast.jpg) no-repeat top center;
	width: 335px;
	height: 77px;
	text-indent: -7777px;
}
#right div.morecast, #right .morecastindex {
	padding: 0;
}
#right div.cast-thumb {
	padding: 5px 5px 10px 5px;
}
div.story {
	clear: both;
}
div.col1, div.col2, div.col3{
	width: 265px;
	float: left;
	padding-right: 20px;
}
div.col1 {
	margin: 0 0 0 65px;
	display: inline;
}

/* Floating */
div.caption {
	position: absolute;
	width: 432px;
	height: 93px;
	background: #000;
	margin-top: 309px;
	margin-left: 4px;
	color: #fff;
	padding: 20px 18px 0px 18px;
	font-size: 14px;
	line-height: 20px;
}
div.caption a {
	color: #ffc536;
}
div.caption .cast_title {
	font-weight: bold;
}
div.caption .cast_info {
	display: block;
	padding-top: 15px;
}
.transparent {
	filter:alpha(opacity=70); 
	-moz-opacity: 0.7; 
	opacity: 0.7;
}

.castbox .popupwrap {
	float: left;
	clear: both;
	width: 100%;
}
.castbox .popup {
	position: absolute;
	background: url(images/popupbg.gif) no-repeat top left;
	padding: 18px 20px 10px 20px;
	color: #fff;
	margin-left: 40px;
	display:none;
}

.cast-thumb {
	float: left;
}

.cast-thumb .popup {
	position: absolute;
	background: url(images/popupbg.gif) no-repeat top left;
	padding: 18px 20px 10px 20px;
	color: #fff;
	margin-top: 70px;
	display: none;
	z-index: 100;
}
div.castintro div.caption {
	background: #000;
	width: 280px;
	height: 25px;
	margin-left: 172px;
	margin-top: 346px;
	padding: 10px;
}

/*IEPNGFIX*/
#header h1 a, .myspace, .balantine, .blackstone, .facebook, div.buybig .button a, div.buysmall .button a, div.buysmall .button-audio a, img, div.buysmall, .jcarousel-skin-tango .jcarousel-next-horizontal, .jcarousel-skin-tango .jcarousel-prev-horizontal, #left h2,.socialsmall, .button a, *{ 
	behavior: url("iepngfix.htc")
}
div.sociallink a.balantine {
	_margin-left: 200px;
}
div#footer div.sociallink span {
	text-align: center;
	padding-top: 30px;
}
div.sociallink {
	text-align: center;
}
div.outlink {
	clear: both;
	height: 100px;
	text-align: center;
	width: 100%;
}