html { height: 100%; }
body { background: #fefbf0 url('../images/body_bg.jpg') 0 0 repeat-x; }
html>body { min-height: 100%; height: auto; }

span.inline { display: none!important; }

a, a:hover { text-decoration: none; }

h2.redTitle { padding-top: 12px; width: 250px; height: 35px; font-size: 24px; line-height: 24px; font-family: Georgia, serif; color: #fdf3cc; font-weight: 200!important; text-shadow: 1px 2px 0 #911218; text-align: center; background: url('../images/red_title_bg.png') 0 0 no-repeat; }

.wrapper { margin: 0 auto; width: 944px; }
.wrapper p { font-size: 14px; line-height: 24px; font-family: Georgia, serif; color: #333132; font-weight: 400; }


/* Header */
#header { position: fixed; top: 0; width: 100%; height: 51px; background-color: #a1181f; overflow: hidden; -moz-box-shadow: 0 0 5px #7c1217; -webkit-box-shadow: 0 0 5px #7c1217; box-shadow: 0 0 5px #7c1217; behavior: url('css/PIE.htc'); z-index: 999; }
#header h1 { float: left; margin-top: 15px; }
#header h1 a { display: block; width: 312px; height: 19px; background: url('../images/teoylbc_logo.png') 0 0 no-repeat; text-indent: -20000em; }

#header .social { float: right; margin-top: 17px; }
#header .social ul li { float: left; }
#header .social ul li p { margin-right: 12px; font-size: 12px; line-height: 18px; color: #fef8e3; }

#header .social ul li a { display: block; text-indent: -20000em; }
#header .social ul li a.btnFacebook { margin-right: 8px; width: 19px; height: 18px; background: url('../images/header_sprite.png') 0 0 no-repeat; }
#header .social ul li a:hover.btnFacebook { background-position: 0 -18px; }
#header .social ul li a.btnTwitter { margin-right: 8px; width: 19px; height: 18px; background: url('../images/header_sprite.png') -19px 0 no-repeat; }
#header .social ul li a:hover.btnTwitter { background-position: -19px -18px; }
#header .social ul li a.btnPinterest { margin-right: 8px; width: 19px; height: 18px; background: url('../images/header_sprite.png') -38px 0 no-repeat; }
#header .social ul li a:hover.btnPinterest { background-position: -38px -18px; }
#header .social ul li a.btnGoodReads { width: 82px; height: 18px; background: url('../images/header_sprite.png') -57px 0 no-repeat; }
#header .social ul li a:hover.btnGoodReads { background-position: -57px -18px; }


/* Featured */
#featured { padding-top: 51px; width: 100%; }
#featured .wrapper { height: 574px; background: url('../images/featured_book.png') 50% 24px no-repeat; }

#featured .featRight { float: right; margin: 38px 15px 0 0; width: 523px; background: url('../images/quote_start.png') 0 0 no-repeat; }
#featured .featRight h2 { margin-left: 28px; }
#featured .featRight h2 p { font: 30px/41px Georgia, Helvetica, serif; color: #fdf3cc; }

#featured .featRight h3 { margin: 60px 0 0 28px; font: 30px/41px Georgia, Helvetica, serif; color: #962027; }
#featured .featRight h4 { font: 34px/41px Georgia, Helvetica, serif; color: #fefbef; }

.preorder { margin: 13px 0 0 28px; padding-top: 8px; height: 109px; }
.preorder h4 { margin-bottom: 12px; }
.preorder ul li { float: left; margin-right: 10px; }
.preorder ul li a { display: block; height: 38px; background-color: #fdf4d3; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 2px 2px 5px #851e23; -webkit-box-shadow: 2px 2px 5px #851e23; box-shadow: 2px 2px 5px #851e23; behavior: url('css/PIE.htc'); }
.preorder ul li a:hover { background-color: #fefaea; }
.preorder ul li a.btnAmazon { width: 102px; background: #fdf4d3 url('../images/btn_amazon.gif') 50% 14px no-repeat; text-indent: -20000em; }
.preorder ul li a:hover.btnAmazon { background: #fefaea url('../images/btn_amazon_hover.gif') 50% 14px no-repeat; text-indent: -20000em; }
.preorder ul li a.btnBarnes { width: 100px; background: #fdf4d3 url('../images/btn_barnes.gif') 50% 50% no-repeat; text-indent: -20000em; }
.preorder ul li a:hover.btnBarnes { width: 100px; background: #fefaea url('../images/btn_barnes_hover.gif') 50% 50% no-repeat; text-indent: -20000em; }
.preorder ul li a.btnPowells { width: 72px; background: #fdf4d3 url('../images/btn_powells.gif') 50% 50% no-repeat; text-indent: -20000em; }
.preorder ul li a:hover.btnPowells { width: 72px; background: #fefaea url('../images/btn_powells_hover.gif') 50% 50% no-repeat; text-indent: -20000em; }
.preorder ul li a.btnIndie { width: 56px; background: #fdf4d3 url('../images/btn_indie.gif') 50% 0 no-repeat; text-indent: -20000em; }
.preorder ul li a:hover.btnIndie { width: 56px; background: #fefaea url('../images/btn_indie_hover.gif') 50% 0 no-repeat; text-indent: -20000em; }
.preorder ul li a.btnUK { padding-top: 14px; width: 81px; height: 24px; font: 12px/12px Georgia, Helvetica, serif; color: #a1181f; text-align: center!important; }

.links { position: relative; margin: 28px 0 0 28px; }
.links .link_fb { position: absolute; top: 0; left: 0; }
.links .link_tw { position: absolute; top: 0; left: 90px; }
.links .link_pin { position: absolute; top: 0; left: 188px; }


/* Content */
#content { padding-bottom: 35px; width: 100%; background: #fdf6db url('../images/gradient_bg.png') 0 0 repeat-x; }
#content.error { margin: 120px 0 75px; }
#content.error .aboutLeft { width: 480px; }
#content.error .aboutLeft a { color: #a1181f; }
#content.error p.large { font-size: 18px; }


.aboutBook { position: relative; margin-top: 70px; padding: 48px 44px 35px; border: 1px solid #eeeeec; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; -moz-box-shadow: inset 0 0 5px #f3efde; -webkit-box-shadow: inset 0 0 5px #f3efde; box-shadow: inset 0 0 5px #f3efde; behavior: url('css/PIE.htc'); }
.aboutBook h2.redTitle { position: absolute; top: -23.5px; left: 50%; margin-left: -125px; }

.aboutLeft { float: left; width: 380px; }
.aboutLeft p { margin: 8px 0 24px; color: #333132; }

.aboutRight { float: right; padding: 7px; font-size: 1px; line-height: 1px; background-color: #fdf3cb; border: 1px solid #e9e0bb; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: inset 0 0 5px #eae1bc; -webkit-box-shadow: inset 0 0 5px #eae1bc; box-shadow: inset 0 0 5px #eae1bc; behavior: url('css/PIE.htc'); }

.quote { position: relative; margin-bottom: 54px; padding: 20px 44px; background: #a82a2f url('../images/quote_bg.png') 0 100% repeat-x; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; behavior: url('css/PIE.htc'); }
.quote ul li { margin: 0!important; padding: 0!important; font: 14px/24px Georgia, Helvetica, serif; color: #fef2c7; text-shadow: 1px 2px 0 #911218; }
.quote ul li span { display: block; margin: 0; padding: 0; color: #fff; }
.quote .bx-pager { position: relative; margin: 0; padding: 0; /*margin-top: 15px;*/ text-align: center; }
.quote a.pager-link { display: inline-block; margin: 0 5px; width: 15px; height: 15px; font-size: 1px; line-height: 1px; text-indent: -20000em; background: url('../images/pagination_dots.png') 0 0 no-repeat; zoom: 1; *display: inline; }
.quote a:hover.pager-link { background-position: 0 -15px; }
.quote a.pager-active { background-position: 0 -15px; }


.aboutWill { position: relative; float: left; padding: 55px 34px 35px; width: 402px; height: 350px; border: 1px solid #eeeeec; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; -moz-box-shadow: inset 0 0 5px #f3efde; -webkit-box-shadow: inset 0 0 5px #f3efde; box-shadow: inset 0 0 5px #f3efde; behavior: url('css/PIE.htc'); }
.aboutWill h2.redTitle { position: absolute; top: -23.5px; left: 50%; margin-left: -125px; }

.aboutWill .thumb { float: left; width: 196px; }
.aboutWill .thumb span { font: 12px/12px Georgia, Helvetica, serif; color: #939598; }
.aboutWill .bio { float: right; width: 175px; }


.latestNews { position: relative; float: right; padding: 37px 34px 35px; width: 364px; height: 368px; border: 1px solid #eeeeec; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; -moz-box-shadow: inset 0 0 5px #f3efde; -webkit-box-shadow: inset 0 0 5px #f3efde; box-shadow: inset 0 0 5px #f3efde; behavior: url('css/PIE.htc'); }
.latestNews h2.redTitle { position: absolute; top: -23.5px; left: 50%; margin-left: -125px; }


ul#newsSlide { width: 380px; }
ul#newsSlide li { background: url('../images/news_bottom_border.png') 50% 100% no-repeat; }
ul#newsSlide li .pad { padding: 18px 0 20px; }
ul#newsSlide li p { font: 14px/24px Georgia, Helvetica, serif; color: #333132; }
ul#newsSlide li p a { color: #a1181f; }
ul#newsSlide li p a:hover { text-decoration: underline; }
ul#newsSlide li .share { margin-top: 6px; }
ul#newsSlide li .share b { float: left; margin: 0 10px 0 0; font: 14px/15px Georgia, Helvetica, serif; color: #939598; font-weight: normal; }
ul#newsSlide li .share a { float: left; margin-right: 8px; text-indent: -20000em; }
ul#newsSlide li .share a.btnTwitter { display: block; width: 15px; height: 15px; background: url('../images/news_sprite.png') -15px 0 no-repeat; }
ul#newsSlide li .share a:hover.btnTwitter { background-position: -15px -15px; }
ul#newsSlide li .share a.btnFacebook { display: block; width: 15px; height: 15px; background: url('../images/news_sprite.png') 0 0 no-repeat; }
ul#newsSlide li .share a:hover.btnFacebook { background-position: 0 -15px; }

a.bx-prev { float: left; margin-top: 34px; font: 18px/18px Georgia, Helvetica, serif; color: #a1181f; }
a:hover.bx-prev { color: #7c0f14; }
a.bx-next { float: right; margin-top: 34px; font: 18px/18px Georgia, Helvetica, serif; color: #a1181f; }
a:hover.bx-next { color: #7c0f14; }

/* Footer */
#footer { padding-bottom: 21px; width: 100%; background: #a1181f url('../images/footer_repeat_bg.jpg') 0 0 repeat-x; }
#footer .bookBG { background: url('../images/footer_test.jpg') 50% 0 no-repeat; }
#footer .wrapper { padding-top: 30px; }
#footer h3 { margin-bottom: 16px; font: 18px/18px Georgia, Helvetica, serif; color: #fdf3cc; text-shadow: 1px 2px 0 #911218; }

.footLeft { float: left; margin-left: 205px; width: 250px; }
.footLeft blockquote { margin-top: 18px; font: 18px/24px Georgia, Helvetica, serif; color: #fdf3cc; }
.footLeft blockquote span { display: block; color: #fff; font-weight: normal; }

.footRight { float: right; width: 440px; }
.footRight .newsletter { margin-bottom: 38px; }

.footRight .mc-field-group label { display: none; }
.footRight .mc-field-group .email { float: left; padding: 10px 12px; width: 286px; font: 14px/14px Georgia, Helvetica, serif; color: #939598; border: 1px solid #bc2530; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: inset 0 0 10px #a3a3a3; -webkit-box-shadow: inset 0 0 10px #a3a3a3; box-shadow: inset 0 0 10px #a3a3a3; behavior: url('css/PIE.htc'); }
.footRight .mc-field-group .button { float: right; width: 110px; height: 37px; font: 14px/14px Georgia, Helvetica, serif; color: #9b0a13; text-shadow: 1px 2px 0 #fff; text-align: center; background: url('../images/signup_sprite.png') 0 0 no-repeat; border: 0; }
.footRight .mc-field-group .button:hover { background-position: 0 -37px; }

.footRight .connect { margin-bottom: 32px; }
.footRight .connect ul li { float: left; }
.footRight .connect ul li a { display: block; text-indent: -20000em; }
.footRight .connect ul li a.btnFacebook { margin-right: 8px; width: 36px; height: 35px; background: url('../images/footer_sprite.png') 0 0 no-repeat; }
.footRight .connect ul li a:hover.btnFacebook { background-position: 0 -35px; }
.footRight .connect ul li a.btnTwitter { margin-right: 8px; width: 36px; height: 35px; background: url('../images/footer_sprite.png') -36px 0 no-repeat; }
.footRight .connect ul li a:hover.btnTwitter { background-position: -36px -35px; }
.footRight .connect ul li a.btnPinterest { margin-right: 8px; width: 36px; height: 35px; background: url('../images/footer_sprite.png') -72px 0 no-repeat; }
.footRight .connect ul li a:hover.btnPinterest { background-position: -72px -35px; }
.footRight .connect ul li a.btnGoodReads { width: 140px; height: 35px; background: url('../images/footer_sprite.png') -108px 0 no-repeat; }
.footRight .connect ul li a:hover.btnGoodReads { background-position: -108px -35px; }

.footRight p.copyright { font-size: 14px; color: #fdf3cc; }
.footRight p.copyright a { color: #fdf3cc; }
.footRight p.copyright a:hover { text-decoration: underline; }


/* ToolTip CSS */
#tiptip_holder { display: none; position: absolute; top: 0; left: 0; z-index: 99999; }
#tiptip_holder.tip_top { padding-bottom: 5px; }
#tiptip_holder.tip_bottom { padding-top: 5px; }
#tiptip_holder.tip_right { padding-left: 5px; }
#tiptip_holder.tip_left { padding-right: 5px; }

#tiptip_content { padding: 8px 10px; font: 12px/12px Georgia, Helvetica, serif; color: #a1181f; border: 1px solid rgba(242,232,196); background-color: rgb(242,232,196); background-color: rgba(242,232,196); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; behavior: url('css/PIE.htc'); }
#tiptip_content span { color: #000; }
#tiptip_arrow, #tiptip_arrow_inner { position: absolute; width: 0; height: 0; border-width: 6px; border-color: transparent; border-style: solid; }

#tiptip_holder.tip_top #tiptip_arrow { border-top-color: #f9efc9; border-top-color: rgba(242,232,196); }
#tiptip_holder.tip_bottom #tiptip_arrow { border-bottom-color: #f9efc9; border-bottom-color: rgba(242,232,196); }
#tiptip_holder.tip_right #tiptip_arrow { border-right-color: #f9efc9; border-right-color: rgba(242,232,196); }
#tiptip_holder.tip_left #tiptip_arrow { border-left-color: #f9efc9; border-left-color: rgba(242,232,196); }

#tiptip_holder.tip_top #tiptip_arrow_inner { margin-top: -7px; margin-left: -6px; border-top-color: rgb(242,232,196); border-top-color: rgba(242,232,196); }
#tiptip_holder.tip_bottom #tiptip_arrow_inner { margin-top: -5px; margin-left: -6px; border-bottom-color: rgb(242,232,196); border-bottom-color: rgba(242,232,196); }
#tiptip_holder.tip_right #tiptip_arrow_inner { margin-top: -6px; margin-left: -5px; border-right-color: rgb(242,232,196); border-right-color: rgba(242,232,196); }
#tiptip_holder.tip_left #tiptip_arrow_inner { margin-top: -6px; margin-left: -7px; border-left-color: rgb(242,232,196); border-left-color: rgba(242,232,196); }

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
	#tiptip_content { padding: 4px 8px 5px 8px; background-color: rgba(242,232,196); }
	#tiptip_holder.tip_bottom #tiptip_arrow_inner { border-bottom-color: rgba(242,232,196); }
	#tiptip_holder.tip_top #tiptip_arrow_inner { border-top-color: rgba(242,232,196); }
}