﻿
#Header { /* cuts off the navigation menu's html shadow. */
    height: 157px;
}
#Header #Navigation { /* cuts off the navigation menu's html shadow. */
    height: 34px;
}
.OneColumn {
	padding:0;
}

.bedtimeMomentsWrapper{
	width:948px;
	height:485px;
	margin:6px;
	background:url(Images/BedtimeMomentsStorybook/bedtime-moments-wrapper-bg.jpg) no-repeat;
	position:relative;
	font-family:Times New Roman,serif;
	font-size:1.1em;
	color:#001937;
}
.bookStack{
	/* 
	text-indent:-9000px;
	overflow:hidden;
	*/
	width:206px;
	height:303px;
	position:absolute;
	bottom:0;
	left:0;
	z-index:1;	
}
#storyBookCategoriesHTML{ /* Hide this text, as it's for SEO only */
	position:absolute;
	text-indent:-9000px;
}
.bookStackDefault{
	background:url(Images/BedtimeMomentsStorybook/books-stack-bg-default.jpg) no-repeat bottom left;
}
.bookStackStorybook{
	background:url(Images/BedtimeMomentsStorybook/books-stack-bg-storybook.jpg) no-repeat bottom left;
}
.book{
	width:751px;
	height:407px;	
	z-index:5;
	padding:78px 0 0 191px;	
}

.GenericBook{	
	/* background:url(Images/BedtimeMomentsStorybook/book-binding-outline-red.gif) no-repeat bottom right; */
	background:none;
}
.StoryTimeBook{	
}

/* Landing Page */
.titlePage{
	float:left;
	width:377px;
	height:407px;
	position:relative;
}
h2.title-bedtime-moments{
	width:245px;
	height:33px;
	position:absolute;
	top:25px;
	left:27px;
	background:url(Images/BedtimeMomentsStorybook/title-bedtime-moments.gif) no-repeat;
}
.titlePage h3{
	width:94px;
	height:24px;
	padding:50px 0 0 138px;
	background:url(Images/BedtimeMomentsStorybook/title-page-GoodNites.gif) no-repeat bottom right;
}
.titlePage h4{
	width:251px;
	height:241px;
	padding:12px 0 0 54px;
	background:url(Images/BedtimeMomentsStorybook/title-page-title-bedtime-moments.gif) no-repeat bottom right;
}
.titlePage h5{
	width:199px;
	height:34px;
	padding:11px 0 0 80px;
	background:url(Images/BedtimeMomentsStorybook/title-page-Bedtime-Moments-Inspired-by-Parents.gif) no-repeat bottom right;
}
.storyPage-BookSummaries{
	float:left;
	width:302px;
	height:383px;
	padding:24px 0 0 34px;
	position:relative;
}
.storyPage-BookSummaries .introP{
	padding:0px 30px 14px 50px;
	background:url(Images/BedtimeMomentsStorybook/title-page-intro-letter.gif) no-repeat;
}
.storyPage-BookSummaries .introP span{
	display:none;
}
.storyPage-BookSummaries .bookSummary{
	padding:0 35px 6px 7px;
}
.storyPage-BookSummaries .bookSummary h3{
	font-size:1.4em;
	padding:0;
	line-height:1.2em;
}
.storyPage-BookSummaries .bookSummary p{
	line-height:1.1em;
}

/* Storybook TOC Pages */

.tocPage{
	float:left;
	width:377px;
	height:407px;
}
.tocPage h2{
}
.storybookIntro{
	float:left;
	width:130px;
	height:333px;
	padding:50px 0 0 40px;
	display:none;
}
.SweetDreamsBook .tocPage .SweetDreamsBookIntro,
.StoryTimeBook .tocPage .StoryTimeBookIntro,
.NightTunesBook .tocPage .NightTunesBookIntro,
.PerfectEndBook .tocPage .PerfectEndBookIntro,
.JustYouAndMeBook .tocPage .JustYouAndMeBookIntro{
	display:block;
}
.tocPage .storybookIntro p{
	color:#001937;
	font-size:1.2em;
	padding-left:2px;
}
.tocPage .storybookIntro h3{
	padding-left:2px;
}
.tocPage .storybookIntro p{
	padding-top:14px;
}


/* Book-Specific Styles */

.SweetDreamsBook{background:url(Images/BedtimeMomentsStorybook/book-binding-outline-SweetDreams.gif) no-repeat bottom right;}
.SweetDreamsBook .tocPage .storybookIntro h3{
	width:119px;
	height:105px;
	background:url(Images/BedtimeMomentsStorybook/book-title-Sweet-Dreams.gif) no-repeat bottom left;
}
.StoryTimeBook{background:url(Images/BedtimeMomentsStorybook/book-binding-outline-StoryTime.gif) no-repeat bottom right;}
.StoryTimeBook .tocPage .storybookIntro h3{
	width:95px;
	height:105px;
	background:url(Images/BedtimeMomentsStorybook/book-title-Story-Time.gif) no-repeat bottom right;
}
.NightTunesBook{background:url(Images/BedtimeMomentsStorybook/book-binding-outline-NightTunes.gif) no-repeat bottom right;}
.NightTunesBook .tocPage .storybookIntro h3{
	width:90px;
	height:105px;
	background:url(Images/BedtimeMomentsStorybook/book-title-Night-Tunes.gif) no-repeat bottom right;
}
.PerfectEndBook{background:url(Images/BedtimeMomentsStorybook/book-binding-outline-PerfectEnd.gif) no-repeat bottom right;}
.PerfectEndBook .tocPage .storybookIntro h3{
	width:119px;
	height:105px;
	background:url(Images/BedtimeMomentsStorybook/book-title-Perfect-End.gif) no-repeat bottom left;
}
.JustYouAndMeBook{background:url(Images/BedtimeMomentsStorybook/book-binding-outline-JustYouAndMe.gif) no-repeat bottom right;}
.JustYouAndMeBook .tocPage .storybookIntro h3{
	width:115px;
	height:105px;
	background:url(Images/BedtimeMomentsStorybook/book-title-Just-You-And-Me.gif) no-repeat bottom left;
}
.ErrorBook .tocPage{
	display:none;
}
.ErrorBook #storyContainer{
	padding:70px 0 0 48px;
	width:302px;
	height:300px;
	overflow:hidden;
}
.ErrorPage{
	padding:50px 0 0 0px;
	width:302px;
	margin-left:-15px;
}
.ErrorBook #storyContainer h6,
.ErrorPage h6{
	display:block;
	background:url(Images/BedtimeMomentsStorybook/text-Oops!.gif) no-repeat bottom right;
	width:193px;
	height:38px;
}
.ErrorBook #storyContainer p,
.ErrorPage p{
	text-align:center;
	padding:15px 25px;
}
.ErrorBook #storyContainer a,
.ErrorPage a{
	display:block;
	width:302px;
	height:44px;
	background:url(Images/BedtimeMomentsStorybook/btn-Back-to-all-bedtime-moments.gif) no-repeat;
	cursor:pointer;
}



.tocPage .storybookTOCcolumn,
.tocPage .storybookTOCcolumnInner{
	width:185px; /* may be overridden by individual pages */
}
.tocPage .storybookTOCcolumn{
	float:left;
	margin-left:9px;
	margin-top:50px;
	background:url(Images/BedtimeMomentsStorybook/toc-dagger-top.gif) no-repeat top left;
	padding-top:8px;
}
.tocPage .storybookTOCcolumnInner{
	background:url(Images/BedtimeMomentsStorybook/toc-dagger-btm.gif) no-repeat bottom left;
	padding-bottom:8px;
}
.tocPage .storybookTOCcolumnInner h4{
	color:#001937;
	text-transform:uppercase;
	font-size:1.2em;
	padding-left:20px; /* IE override in HTML source */
}
.tocPage .storybookTOCcolumnInner ol,
.tocPage .storybookTOCcolumnInner li{
	padding:0;
	margin:0;
}
.tocPage .storybookTOCcolumnInner ol{
	margin-left:39px; /* IE override in HTML source */
	list-style-type:decimal;
}
.tocPage .storybookTOCcolumnInner li{
	text-transform:capitalize;
	padding-bottom:2px;
}
.tocPage .storybookTOCcolumnInner li a{
	margin-left:-5px; /* IE override in HTML source */
}

/* Book-Specific Styles to compensate for length of the story list */
.SweetDreamsBook .tocPage .storybookTOCcolumn{margin-top:12px;}
.SweetDreamsBook .tocPage .storybookTOCcolumn li{padding-bottom:0;}

.StoryTimeBook .tocPage .storybookIntro{padding-top:50px;}
.StoryTimeBook .tocPage .storybookTOCcolumn{margin-top:0px;} /* IE override in HTML source */
.StoryTimeBook .tocPage .storybookTOCcolumn li{padding-bottom:0; line-height:15px;} /* Pixels used to prevent em-relativity issue between browsers. IE override in HTML source */

.NightTunesBook .tocPage .storybookIntro{}
.NightTunesBook .tocPage .storybookTOCcolumn{}
.NightTunesBook .tocPage .storybookTOCcolumn li{padding-bottom:3px;}

.PerfectEndBook .tocPage .storybookTOCcolumn{margin-top:15px;}
.PerfectEndBook .tocPage .storybookTOCcolumn li{padding-bottom:1px;}

.JustYouAndMeBook .tocPage .storybookTOCcolumn{margin-top:0px;}
.JustYouAndMeBook .tocPage .storybookTOCcolumn li{padding-bottom:1px;}


/* Storybook Content Pages */

a.BackToAllBedtimeMoments{
	display:block;
	width:117px;
	height:28px;
	position:absolute;
	right:39px;
	top:45px;
	background:url(Images/BedtimeMomentsStorybook/back-to-all-bedtime-moments-button.gif) no-repeat;
	cursor:pointer;
}
a.BackToAllBedtimeMoments:hover,
a.BackToAllBedtimeMoments:active{
	background-position:0 -28px;
}


/* Standard Page + base styes for the rest */

.storyPage,
.regularStoryPage{
	float:left;
	width:303px;
	height:373px;
	padding:34px 0 0 34px;
	position:relative;
	overflow:visible;
}
.storyPage .storyContent,
.regularStoryPage .storyContent{
	width:303px;
	height:373px;
	position:relative;
}
.storyPage .storyHat,
.regularStoryPage .storyHat{
	width:303px;
	height:373px;
	background:url(Images/BedtimeMomentsStorybook/storybook-storyHat.jpg) no-repeat;
	position:absolute;
	top:34px;
	left:33px;
	background-position:-10px -20px;
}
.storyPage .storyContent h3,
.regularStoryPage .storyContent h3{
	font-size:1.6em;
	font-weight:bold;
	color:#001937;
	text-align:center;
	padding:0 70px 0 10px;
	line-height:1.1em;
}
.storyPage .storyContent h5,
.regularStoryPage .storyContent h5{
	font-size:1.1em;
	font-weight:normal;
	color:#001937;
	text-align:center;
	padding:0 52px 11px 0px;
	font-style:italic;
}
.storyPage .storyContent p#body,
.regularStoryPage .storyContent p#body{
	width:266px;
}

/* Short Page */
.shortStoryPage{
	width:303px;
	height:353px;
	padding:54px 0 0 34px;
}
.shortStoryPage .storyContent{
	width:303px;
	height:353px;
}
.shortStoryPage .storyHat{
	width:303px;
	height:353px;
	top:54px;
	left:33px;
	background-position:-10px -44px;
}
.shortStoryPage .storyContent h3{
	font-size:1.6em;
	font-weight:bold;
	color:#001937;
	text-align:center;
	padding:0 70px 0 10px;
	line-height:1.1em;
}
.shortStoryPage .storyContent h5{
	font-size:1.1em;
	font-weight:normal;
	color:#001937;
	text-align:center;
	padding:0 52px 11px 0px;
	font-style:italic;
}
.shortStoryPage .storyContent p#body{
	width:266px;
}

/* Med Page */
.medStoryPage{
	width:308px;
	height:387px;
	padding:20px 0 0 29px;
}
.medStoryPage .storyContent{
	width:308px;
	height:387px;
}
.medStoryPage .storyHat{
	width:308px;
	height:387px;
	top:20px;
	left:28px;
	background-position:-5px -10px;
}
.medStoryPage .storyContent h3{
	padding:0 70px 0 24px;
	line-height:1.2em;
}
.medStoryPage .storyContent h5{
	padding:0 48px 6px 0px;
}
.medStoryPage .storyContent p#body{
	width:275px;
	line-height:1.2em;
}

/* MedLong Page */
.medLongStoryPage{
	width:308px;
	height:397px;
	padding:10px 0 0 29px;
}
.medLongStoryPage .storyContent{
	width:308px;
	height:397px;
}
.medLongStoryPage .storyHat{
	width:308px;
	height:397px;
	top:10px;
	left:28px;
	background-position:-5px 0px;
}
.medLongStoryPage .storyContent h3{
	padding:0 70px 0 24px;
	line-height:1.2em;
}
.medLongStoryPage .storyContent h5{
	padding:0 48px 6px 0px;
}
.medLongStoryPage .storyContent p#body{
	width:275px;
	font-size:0.9em;
	line-height:1.2em;
}

/* Long Page */
.longStoryPage{
	width:308px;
	height:387px;
	padding:20px 0 0 29px;
}
.longStoryPage .storyContent{
	width:308px;
	height:387px;
}
.longStoryPage .storyHat{
	width:308px;
	height:387px;
	top:20px;
	left:28px;
	background-position:-5px -10px;
}
.longStoryPage .storyContent h3{
	padding:0 70px 0 24px;
	line-height:1.1em;
}
.longStoryPage .storyContent h5{
	padding:0 48px 6px 0px;
}
.longStoryPage .storyContent p#body{
	width:275px;
	font-size:0.9em;
	line-height:1.2em;
}

/* Super-Long Page */
.superLongStoryPage{
	width:303px;
	height:397px;
	padding:10px 10px 0 24px;
}
.superLongStoryPage .storyContent{
	width:303px;
	height:397px;
}
.superLongStoryPage .storyHat{
	width:313px;
	height:397px;
	top:10px;
	left:23px;
	background-position:0px 0px;
}
.superLongStoryPage .storyContent h3{
	padding:0 70px 0 24px;
	line-height:1.1em;
}
.superLongStoryPage .storyContent h5{
	padding:0 26px 6px 0px;
}
.superLongStoryPage .storyContent p#body{
	width:280px;
	font-size: 0.90em;
	line-height:1.2em;
}


#authorH{text-indent:-9000px;}


.storyPage .storyContent a#nextStory{
	display:block;
	position:absolute;
	bottom:0;
	right:0;
	width:91px;
	height:64px;
	background:url(Images/BedtimeMomentsStorybook/next-page-links.gif) no-repeat;
	background-position: 0 0px;
	cursor:pointer;
}
.storyPage .storyContent a#nextStory:hover,
.storyPage .storyContent a#nextStory:active{
	background-position: 0 -64px;
}

.theEnd{
	padding:90px 50px 0 20px;
}
.theEnd h3{
	width:167px;
	height:30px;
	background:url(Images/BedtimeMomentsStorybook/text-The-End.gif) no-repeat top right;
}
.theEnd p{
	font-size:1.2em;
	color:#001937;
	text-align:center;
}
.theEnd a{
	display:block;
	cursor:pointer;
	margin-top:5px;
}
.SweetDreamsTheEnd a{
	background:url(Images/BedtimeMomentsStorybook/nextBookBtn-Story-Time.gif) no-repeat;
	width:147px;
	height:29px;
	margin-left:40px;
}
.StoryTimeTheEnd a{
	background:url(Images/BedtimeMomentsStorybook/nextBookBtn-Night-Tunes.gif) no-repeat;
	width:147px;
	height:29px;
	margin-left:45px;
}
.NightTunesTheEnd a{
	background:url(Images/BedtimeMomentsStorybook/nextBookBtn-Perfect-End.gif) no-repeat;
	width:186px;
	height:40px;
	margin-left:23px;
}
.PerfectEndTheEnd a{
	background:url(Images/BedtimeMomentsStorybook/nextBookBtn-Just-You-and-Me.gif) no-repeat;
	width:186px;
	height:40px;
	margin-left:39px;
}
.JustYouAndMeTheEnd a{
	background:url(Images/BedtimeMomentsStorybook/nextBookBtn-Sweet-Dreams.gif) no-repeat;
	width:147px;
	height:29px;
	margin-left:48px;
}
