/* Import Frameworks */
@import url('tripoli.css');



/* Structure */
.clear { overflow: hidden; height: 0; clear: both; }

html, body { background: url('../img/bg.jpg') center top #cc6699; }
.content a { color: #b83f9e; }
.content a:hover { color: #cd54b3; }

/*#container { height: auto !important; height: 100%; min-height: 100%; background: url('../img/bg.jpg') center top #cc6699; }*/
#wrapper { width: 917px; margin: 0 auto; }
.content #wrapper_inside { position: relative; width: 738px; background: #e6bcdd; padding-bottom: 45px; }

.content #header { height: 210px; background: url('../img/header_bg.png') right bottom no-repeat #b83f9e; padding: 0 55px; }
.content #header .menu { list-style: none; height: 35px; margin: 0; }
.content #header .menu li { line-height: 35px; margin-left: 60px; float: left; }
.content #header .menu li:first-child { margin-left: 0; }
.content #header .menu a { color: white; font-weight: bold; text-decoration: none; }
.content #header .menu a:hover { text-decoration: underline; }
.content #logo { overflow: hidden; width: 509px; height: 88px; text-indent: -5000px; background: url('../img/logo.png'); margin-top: 30px; }

.content #body { position: relative; min-height: 80px; background: url('../img/body_bg.png') right top no-repeat; padding: 40px 120px; }
.content #book { width: 329px; height: 458px; background: url('../img/book.jpg'); margin-top: -75px; }
.content #download-btn { overflow: hidden; display: block; width: 235px; height: 81px; text-indent: -5000px; background: url('../img/btn_download.png'); }

.content #sidebar { position: relative; width: 129px; background: url('../img/sidebar_bg.png') left 32px no-repeat; margin-right: -179px; padding: 310px 0 60px 50px; float: right; }
.content #sidebar .menu { position: relative; z-index: 20; list-style: none; margin: -20px 0 0; }
.content #sidebar .menu li { width: 129px; height: 53px; margin-bottom: 20px; }
.content #sidebar .menu a { overflow: hidden; display: block; width: 100%; height: 100%; text-indent: -5000px; }
.content #sidebar .menu .meet { background: url('../img/btn_menu_meet.png'); }
.content #sidebar .menu .read { background: url('../img/btn_menu_read.png'); }
.content #sidebar .menu .author { background: url('../img/btn_menu_author.png'); }
.content #sidebar .menu .download { background: url('../img/btn_menu_download.png'); }
.content #sidebar .menu .mailing { background: url('../img/btn_menu_mailing.png'); }
.content #sidebar .menu .facebook { background: url('../img/btn_menu_facebook.png'); }
.content #sidebar .menu .friendlaurel { background: url('../img/btn_menu_friendlaurel.png'); }
.content #sidebar .menu .amazon { background: url('../img/btn_menu_amazon.png'); }

.content #footer { position: absolute; left: 0; bottom: 0; clear: both; width: 628px; height: 45px; background: #ac208e; margin-right: 179px; padding: 0 55px; }
.content #footer .menu { list-style: none; height: 45px; margin: 0; }
.content #footer .menu li { line-height: 45px; margin-left: 60px; float: left; }
.content #footer .menu li:first-child { margin-left: 0; }
.content #footer .menu a { color: white; font-weight: bold; text-decoration: none; }
.content #footer .menu a:hover { text-decoration: underline; }



/* Home Page */
.home.page .content #body { padding: 40px 60px; }
.home.page .content .book-1 { margin-right: 14px; float: left; }
.home.page .content .book-2 { margin: 0 10px 40px 38px; float: left; }
.home.page .content .description-1 { width: 225px; margin-bottom: 20px; }
.home.page .content .description-2 { width: 160px; }
.home.page .content .description-1,
.home.page .content .description-2 { line-height: 1.1em; float: left; }



/* Big Syke 1 Page */
.bigskye-1.home.page .content #logo { width: 510px; height: 45px; line-height: 1.25em; text-indent: 0; background: url('../img/logo_home.png') no-repeat; margin: 15px 0 0 -35px; padding: 65px 0 0 35px; }

.bigskye-1.home.page .content #body { padding: 40px 30px 0; }

.bigskye-1.home.page .content #book { position: relative; width: 476px; height: 471px; background: url('../img/book_home.jpg'); }
.bigskye-1.home.page .content #book .quote { position: absolute; bottom: 25px; right: 30px; width: 125px; height: 40px; color: white; font-size: .87em; line-height: 1.1em; letter-spacing: -.025em; }
.bigskye-1.home.page .content #book .quote p { margin-bottom: 1.2em; }

.bigskye-1.home.page .content #houston { position: absolute; z-index: 10; top: 32px; right: 8px; width: 441px; height: 312px; background: url('../img/houston.png') right bottom no-repeat; }
.bigskye-1.home.page .content #houston .description { position: absolute; top: 12px; left: 72px; display: block; width: 115px; height: 105px; font-family: Georgia, Times, Serif; font-size: .85em; line-height: 1.2em; }
.bigskye-1.home.page .content #houston .speech-bubble { display: none; }
.bigskye-1.home.page .content #houston .quote { position: absolute; top: 188px; left: 290px; display: block; width: 125px; height: 50px; color: white; font-size: .87em; line-height: 1.1em; letter-spacing: -.025em; }
.bigskye-1.home.page .content #houston .quote p { margin-bottom: 1.2em; }

.bigskye-1.home.page .content #houston:hover { background-image: url('../img/houston_hover.png'); }
.bigskye-1.home.page .content #houston:hover .speech-bubble { position: absolute; top: 194px; left: 13px; display: block; width: 118px; height: 32px; font-size: 1.2em; font-style: italic; line-height: 1.2em; text-align: center; }

.bigskye-1.home.page .content #leeann { position: relative; z-index: 5; width: 438px; height: 353px; background: url('../img/leeann.png'); margin-top: -12px; }
.bigskye-1.home.page .content #leeann .description { position: absolute; top: 52px; right: 0; display: block; width: 150px; height: 90px; font-family: Georgia, Times, Serif; font-size: .85em; line-height: 1.2em; }
.bigskye-1.home.page .content #leeann .speech-bubble { display: none; }
.bigskye-1.home.page .content #leeann .quote.first { position: absolute; top: 73px; left: 56px; width: 135px; height: 54px; color: white; font-size: .87em; line-height: 1.1em; letter-spacing: -.025em; }
.bigskye-1.home.page .content #leeann .quote.second { position: absolute; top: 220px; left: 22px; width: 116px; height: 56px; color: white; font-size: .87em; line-height: 1.1em; letter-spacing: -.025em; }
.bigskye-1.home.page .content #leeann .quote p { margin-bottom: .9em; }

.bigskye-1.home.page .content #leeann:hover { background-image: url('../img/leeann_hover.png'); }
.bigskye-1.home.page .content #leeann:hover .speech-bubble { position: absolute; top: 182px; left: 200px; display: block; width: 90px; height: 35px; font-size: 1.2em; font-style: italic; line-height: 1.3em; text-align: center; }

.bigskye-1.home.page .content #cat { position: absolute; z-index: 10; top: 326px; right: 0; width: 236px; height: 360px; background: url('../img/cat.png') left top no-repeat; }
.bigskye-1.home.page .content #cat .description { position: absolute; top: 95px; left: 0; display: block; width: 110px; height: 90px; font-family: Georgia, Times, Serif; font-size: .85em; line-height: 1.2em; }
.bigskye-1.home.page .content #cat .speech-bubble { display: none; }
.bigskye-1.home.page .content #cat .quote { position: absolute; top: 3px; right: -59px; width: 140px; height: 43px; color: white; font-size: .87em; line-height: 1.1em; letter-spacing: -.025em; background: url('../img/cat_quote.png') right top no-repeat; padding: 15px 18px 33px 0; }
.bigskye-1.home.page .content #cat .quote p { margin-bottom: .9em; }

.bigskye-1.home.page .content #cat:hover .speech-bubble { position: absolute; top: 90px; right: -132px; display: block; width: 110px; height: 45px; font-size: 1.1em; font-style: italic; line-height: 1.1em; text-align: center; background: url('../img/cat_speech_bubble.png'); padding: 7px 22px 49px 15px; }

.bigskye-1.home.page .content #download-btn { position: absolute; z-index: 10; bottom: 0; right: 0; }



/* Author Page */
.author.page .content #body { font-family: Georgia, Times, Serif; }
.author.page .content h1 { font-size: 1.6em; font-weight: normal; margin-top: 0; margin-bottom: .6em; }
.author.page .content p { font-size: 1.4em; line-height: 1.5em; }
.author.page .content .ps { width: 270px; float: right; }



/* Payment Page */
.payment.page .content #body { padding: 40px 90px 173px 50px; }
.payment.page .content #book { margin-left: -20px; }
.payment.page .content #wrapper_inside { padding-bottom: 199px; }
.payment.page .content #footer { height: 199px; }
.payment.page .content #footer .menu { position: absolute; top: -173px; left: 55px; width: 628px; background: url('../img/dog.jpg') 398px 0 no-repeat; padding-top: 327px; }
.payment.page .content .column { width: 240px; margin-top: 20px; float: right; }
.payment .content .method { display: block; width: 79px; height: 35px; background: #f0d2ea 10px center no-repeat; padding: 10px; }
.payment .content .method:hover { background-color: #f4dcef; }
.payment .content .paypal { width: 116px; float: right; }




/* Download Page */
.page .link { position: relative; height: 54px; background: #f0d2ea 10px 10px no-repeat; line-height: 18px; margin: 2em 0; padding: 10px 10px 10px 80px; }

.page .link.book { background-image: url('../ico/book.png'); }
.page .link.globe { background-image: url('../ico/globe.png'); }
.page .link.pdf { background-image: url('../ico/pdf.png'); }
.page .link .url { overflow: hidden; position: relative; display: block; width: 100%; }
.page .link .copy { position: absolute; bottom: 10px; right: 10px; height: 18px; background: #fdebf9; padding: 3px 10px; }
.page .link .copy:hover { background: white; }
.page .link .url span { position: absolute; top: 0; right: 0; width: 40px; height: 100%; background: url('../img/download_link.png'); }

.page .link:hover { background-color: #f3d9ee; }
.page .link:hover .copy { background: #fff0fc; }
.page .link:hover .url span { background: url('../img/download_link_hover.png'); }
.page .link:hover .copy:hover { background: white; }

.download.page #mailing-list-notification { position: relative; background: #f0d2ea center center no-repeat; line-height: 18px; margin: 2em 0 4em; padding: 20px; }
.download.page #mailing-list-notification.loading { height: 32px; background-image: url('../ico/loading.gif'); }
.download.page #mailing-list-notification .close-toggle { position: absolute; top: 2px; right: 2px; width: 16px; height: 16px; background: url('../ico/cross-circle.png'); }
.download.page #mailing-list-notification h3 { text-align: left; margin: 0 0 .25em; }
.download.page #mailing-list-notification form,
.download.page #mailing-list-notification div { margin: 0; padding: 0; }
.download.page #mailing-list-notification .fields { text-align: center; }
.download.page #mailing-list-notification input.text { width: 150px; height: 1.25em; font-size: 1em; padding: .25em; float: none; }
.download.page #mailing-list-notification .error { font-weight: bold; text-align: center; margin: .5em 0 0; }
.download.page #mailing-list-notification .success { font-weight: bold; text-align: center; margin: 0; }


/* Text Style */
.content .aligncenter { text-align: center; margin-left: auto; margin-right: auto; }

.content .alignleft { text-align: left; }
.content .alignright { text-align: right; }
.content img.alignleft { margin: 0 1em 1em 0; float: left; }
.content img.alignright { margin: 0 0 1em 1em; float: right; }

.content .bold { font-weight: bold; }
.content .italic { text-style: italic; }
.content .red { color: #d52321; }

.content .tab { margin-left: 3em; }
.content .tab.alignright { margin-left: 0; margin-right: 3em; }

.content .half-tab { margin-left: 1.5em; }
.content .half-tab.alignright { margin-left: 0; margin-right: 1.5em; }



/* Clear Floated Elements */
.clear { clear: both; display: block; overflow: hidden; width: 0; height: 0; }
.clearfix:after { clear: both; content: '.'; display: block; visibility: hidden; height: 0; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }



/* Flash Copier */
#_flash_copier { position: absolute; bottom: 0; left: 0; }


/* Forms */
.content form h2 { margin: 2em 0 1em; }
.content form fieldset { clear: left; margin-bottom: 1em; border: 0; padding: 0; }
.content form label { display: block; font-size: 1.2em; margin-bottom: .4em; }
.content form label span { color: #b71010; font-weight: bold; }
.content form input[type="text"],
.content form textarea { width: 25em; height: 1.6em; font-family: arial, verdana, sans-serif; font-size: 1.2em; line-height: 1em; background: white; border: 1px solid #cf82be; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 0 .25em .25em 0; padding: .5em .5em 0; float: left; outline: 0; }

.content form input.submit { font-size: 1.2em; }
.content form textarea { display: block; height: 10em; float: none; }

.content form input[type="text"]:focus,
.content form textarea:focus { color: black; background: white; border-color: #c056a9; }

.content form input#city,
.content form input#recip_city { clear: both; width: 18em; }
.content form input#state,
.content form input#recip_state { width: 2em; }
.content form input#zip,
.content form input#recip_zip { width: 4em; }
.content form input#last_name,
.content form input#first_name { width: 11em; }

.content form .error { color: #b71010; font-weight: bold; }