/* CSS Document */

body {
    background: url(../images/whateverBodyBkgrd.png) repeat 0 0 !important;
}

body#schlTweens table#tweens,
body#schlTweens #schlPageWrapper {
    background: none !important;
}
body#schlTweens #schlPageContent {
background: transparent url(/images/tween/overlay.png);
}

header, section, article, nav, footer {
	display: block;
}

/* Dummy class, so it show's up in IDE's autocomplete dropdowns (like Dreamweaver). */
.flyShimify { }

.clear {
	clear: both;
}

.blockLink {
	display: block;
	background-repeat: no-repeat;
	background-position: left top;
}

.blockLink:HOVER {
	background-position: left bottom;
}

#whateverWrapper {
	width: 738px;
	font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.2pt;
	color: #3e1d1c;
}

#whateverWrapper img {
    border: 0 none;
}

#whateverWrapper a {
	outline: none;
}

#whateverWrapper p {
    margin: 0 0 6px 0;
}

#whateverWrapper header {
	width: 738px;
    height: 228px;
    
    background: url(../images/whateverHeaderBkgrd.jpg) no-repeat 0 0;
}

#whateverContent {
    padding-left: 34px;
    
    width: 738px;
	height: 3780px; /*Adjust when adding new book*/
    
    background: url(../images/whateverContentBkgrd-738x3780.png) no-repeat 0 0; /*Extend image in Photoshop when adding new book and update the height in this section*/
}

/** TRAILER/DRESS **/

#whateverTrailerDressBox {
    display: block;
    
    height: 300px;
	
	background: url(../images/whateverHorizontalLine.png) no-repeat left top;
}

#whateverTrailerBox {
    display: block;
    float: left;
    padding-top: 12px;
    
    width: 225px;
    height: 280px;
    
    background: url(../images/whateverVerticalLine.png) no-repeat right 12px;
}

#whateverTitle_WatchTheTrailer {
    display: block;
    
    width: 201px;
    height: 40px;
    
    background: url(../images/whateverTitle_WatchTheTrailer.png) no-repeat 0 0;
}

#whateverVideoBtn {
    display: block;
    
    width: 186px;
    height: 170px;
    
    background: url(../images/whateverVideoBtn.jpg) no-repeat 0 0;
}

#whateverTrailerDressBox p {
    padding: 6px 0 0 4px;
}

#whateverDressAbbyBox {
    display: block;
    float: left;
    
    width: 479px;
    height: 292px;
    
    background: url(../images/whateverDressAbbyBkgrd.jpg) no-repeat 0 0;
}

#whateverDressTitle {
    display: block;
    padding-left: 237px;
    
    width: 230px;
    height: 60px;
}

#whateverDressCopy {
    padding: 34px 25px 0 0;
    height: 52px;
    color: #fff;
    line-height: 15px;
    text-align: center;
}

#whateverPlayBtn {
    margin-left: 131px;
    
    width: 188px;
    height: 37px;
    
    background-image: url(../images/whateverPlayBtn.png);
}
/** END TRAILER/DRESS **/

/** BOOK **/

#whateverBookBox {
    padding-top: 13px;
    height: 304px;
    background: url(../images/whateverHorizontalLine.png) no-repeat left top;
}

#whateverBook2Box {
    padding-top: 13px;
    height: 332px;
    background: url(../images/whateverHorizontalLine.png) no-repeat left top;
}

#whateverBook3Box {
    padding-top: 13px;
    height: 300px;
    background: url(../images/whateverHorizontalLine.png) no-repeat left top;
}

#whateverBook4Box {
    padding-top: 13px;
    height: 304px;
    background: url(../images/whateverHorizontalLine.png) no-repeat left top;
}

#whateverBook5Box {
    padding-top: 13px;
    height: 308px;
    background: url(../images/whateverHorizontalLine.png) no-repeat left top;
}

#whateverBook6Box {
    padding-top: 13px;
    height: 310px;
    background: url(../images/whateverHorizontalLine.png) no-repeat left top;
}

#whateverBook7Box {
    padding-top: 13px;
    height: 348px;
    background: url(../images/whateverHorizontalLine.png) no-repeat left top;
}

#whateverBook8Box {
    padding-top: 13px;
    height: 308px;
    background: url(../images/whateverHorizontalLine.png) no-repeat left top;
}

#whateverBook9Box {
    padding-top: 13px;
    height: 312px;
    background: url(../images/whateverHorizontalLine.png) no-repeat left top;
}

#whateverBook10Box {
    padding-top: 13px;
    height: 300px;
    background: url(../images/whateverHorizontalLine.png) no-repeat left top;
}

#whateverBookThumbnailBox {
    display: block;
    float: left;
    padding-top: 4px;
    
    width: 186px;
}

#whateverAfterBookThumbnail {
    display: block;
    
    width: 185px;
    height: 264px;
    
    background: url(../images/whateverAfterBook1Thumbnail.png) no-repeat 0 0;
}

#whateverAfterBook2Thumbnail {
    display: block;
    
    width: 185px;
    height: 264px;
    
    background: url(../images/whateverAfterBook2Thumbnail.png) no-repeat 0 0;
}

#whateverAfterBook3Thumbnail {
    display: block;
    
    width: 185px;
    height: 264px;
    
    background: url(../images/whateverAfterBook3Thumbnail.png) no-repeat 0 0;
}

#whateverAfterBook4Thumbnail {
    display: block;
    
    width: 185px;
    height: 264px;
    
    background: url(../images/whateverAfterBook4Thumbnail.png) no-repeat 0 0;
}

#whateverAfterBook5Thumbnail {
    display: block;
    
    width: 185px;
    height: 264px;
    
    background: url(../images/whateverAfterBook5Thumbnail.png) no-repeat 0 0;
}

#whateverAfterBook6Thumbnail {
    display: block;
    
    width: 185px;
    height: 264px;
    
    background: url(../images/whateverAfterBook6Thumbnail.png) no-repeat 0 0;
}

#whateverAfterBook7Thumbnail {
    display: block;
    
    width: 185px;
    height: 264px;
    
    background: url(../images/whateverAfterBook7Thumbnail.png) no-repeat 0 0;
}

#whateverAfterBook8Thumbnail {
    display: block;
    
    width: 185px;
    height: 264px;
    
    background: url(../images/whateverAfterBook8Thumbnail.png) no-repeat 0 0;
}

#whateverAfterBook9Thumbnail {
    display: block;
    
    width: 185px;
    height: 264px;
    
    background: url(../images/whateverAfterBook9Thumbnail.png) no-repeat 0 0;
}

#whateverAfterBook10Thumbnail {
    display: block;
    
    width: 185px;
    height: 255px;
    
    background: url(../images/whateverAfterBook10Thumbnail.png) no-repeat 0 0;
}

#whateverBookRibbon {
    display: block;
    
    width: 186px;
    height: 32px;
    
    background: url(../images/whateverBookRibbon.png) no-repeat 0 0;
}

#whateverBookCopyBox {
    display: block;
    float: left;
    padding-left: 15px;
    
    width: 473px;
}

#whateverBookCopyBox ul {
    margin-top: 0;
    margin-bottom: 6px;
}

#whateverTitle_AboutTheBook {
    display: block;
    
    width: 174px;
    height: 41px;
    
    background: url(../images/whateverTitle_AboutTheBook.png) no-repeat 0 0;
}

#whateverTitle_Fairest {
    display: block;
    
    width: 500px;
    height: 41px;
    
    background: url(../images/whateverTitle_Fairest.png) no-repeat 0 0;
}

#whateverTitle_ShoeFits {
    display: block;
    
    width: 500px;
    height: 41px;
    
    background: url(../images/whateverTitle_ShoeFits.png) no-repeat 0 0;
}

#whateverTitle_SinkSwim {
    display: block;
    
    width: 500px;
    height: 41px;
    
    background: url(../images/whateverTitle_SinkSwim.png) no-repeat 0 0;
}

#whateverTitle_Book4 {
    display: block;
    
    width: 500px;
    height: 41px;
    
    background: url(../images/whateverTitle_Book4.png) no-repeat 0 0;
}

#whateverTitle_Book5 {
    display: block;
    
    width: 500px;
    height: 41px;
    
    background: url(../images/whateverTitle_Book5.png) no-repeat 0 0;
}

#whateverTitle_Book6 {
    display: block;
    
    width: 500px;
    height: 41px;
    
    background: url(../images/whateverTitle_Book6.png) no-repeat 0 0;
}

#whateverTitle_Book7 {
    display: block;
    
    width: 500px;
    height: 41px;
    
    background: url(../images/whateverTitle_Book7.png) no-repeat 0 0;
}

#whateverTitle_Book8 {
    display: block;
    
    width: 500px;
    height: 41px;
    
    background: url(../images/whateverTitle_Book8.png) no-repeat 0 0;
}

#whateverTitle_Book9 {
    display: block;
    
    width: 500px;
    height: 41px;
    
    background: url(../images/whateverTitle_Book9.png) no-repeat 0 0;
}

#whateverTitle_Book10 {
    display: block;
    
    width: 500px;
    height: 41px;
    
    background: url(../images/whateverTitle_Book10.png) no-repeat 0 0;
}


#whateverBookCopyWrapper {
    height: 200px;
}

#whateverBook2CopyWrapper {
    height: 245px;
}

#whateverBook3CopyWrapper {
    height: 200px;
}

#whateverBook4CopyWrapper {
    height: 200px;
}

#whateverBook5CopyWrapper {
    height: 220px;
}

#whateverBook6CopyWrapper {
    height: 220px;
}

#whateverBook7CopyWrapper {
    height: 260px;
}

#whateverBook8CopyWrapper {
    height: 220px;
}

#whateverBook9CopyWrapper {
    height: 220px;
}

#whateverBook10CopyWrapper {
    height: 208px;
}

#whateverReadBtn {
	float: left;
    margin-left: 5px;
    
    width: 186px;
    height: 37px;
    
    background-image: url(../images/whateverReadBtn.png);
}

#whateverBookBtn {
    float: left;
    margin-left: 26px;
    
    width: 189px;
    height: 37px;
    
    background-image: url(../images/whateverBookBtn.png);
}

/** END BOOK **/

/** FOOTER **/

#whateverContent footer {
    padding-top: 13px;
    background: url(../images/whateverHorizontalLine.png) no-repeat left top;
}

#whateverAuthorPhoto {
    display: block;
    float: left;
    
    width: 200px;
    height: 158px;
    
    background: url(../images/whateverAuthorPhoto.png) no-repeat 0 0;
}

#whateverAuthorBio {
    display: block;
    float: left;
    
    width: 459px;
}
#whateverAuthorBio .whateverFinePrint {
    font-size: 10px;
}

#whateverTitle_AboutTheAuthor {
    display: block;
    
    width: 189px;
    height: 41px;
    
    background: url(../images/whateverTitle_AboutTheAuthor.png) no-repeat 0 0;
}

/** END FOOTER **/

#whateverPopup {
    width: 625px;
    height: 400px;
}

#whateverPopupCloseBtn {
    display: block;
    float: right;
    
    width: 103px;
    height: 30px;
    
    background: url(../images/whateverPopupCloseBtn.png) no-repeat 0 0;
}

#whateverPopupFrameWrapper {
    padding: 20px 23px 22px 24px;
    
    width: 578px;
    height: 327px; 
    /* Without padding.
    width: 625px;
    height: 369px;
    */
    
    background: url(../images/whateverPopupBkgrd.png) no-repeat 0 0;
}