@charset "UTF-8"; p {margin:1em 0;} h1 { display:block; position:absolute; width:960px; top:100px; font-size:24px; font-weight:normal; text-align:center; font-family:"Lucida Handwriting", "Monotype Corsiva", "Apple Chancery", sans-serif; margin-top:15px; margin-bottom:11px; } html, body { height:100%; width:100%; margin: 0px; padding:0px;} #shortPageTop {position:absolute; height:160px; top:0; left:0; right:0; width: 960px;} #content {position:relative; width:960px; height:100%; margin: 0 auto; font-family: "Trebuchet MS", Helvetica, sans-serif; font-size:13px; } #tallPageTop {position:absolute; height:224px; top:0; left:0; right:0; width: 960px;} #tallColumn1 {position:absolute; top:224px; bottom:0; left:0; overflow:auto;} /* width in # #tallColumn1 nb widths of columns = 960px - separation */ #shortColumn1 {position:absolute; top:160px; bottom:0; left:0; overflow:auto;} #tallColumn2 {position:absolute; top:224px; bottom:0; right:0; overflow:auto;} #shortColumn2 {position:absolute; top:160px; bottom:0; right:0; overflow:auto;} #column { position:absolute; top: 160px; bottom: 0; width: 920px; padding:0 10px; overflow: auto; } #narrowColumn { position:absolute; top: 160px; bottom: 0; width: 620px; margin: 0 0 0 140px; padding-right:20px; overflow: auto;} .narrowText { font-size:13px; line-height:110%;} #content1 {} #content2 {} #credits {position:absolute; font-size:20px; font-weight:bold; top:370px;} a img {border:none;} a:link {text-decoration:none; color: #00F;} a:visited {text-decoration:none; color:#551A8B;} a:hover {color:#36D6FF; text-decoration:none; } a:active, a:focus {outline: 0; text-decoration:none;} .SpryHiddenRegion {visibility: hidden;} /* to avoid flashing the code while loading */ .hover {color:#36D6FF; text-decoration:none; } .selected {color:#903; text-decoration:none;} #selected {color:#903; text-decoration:none;} .cursive { font-family: "Lucida Calligraphy", "Lucida Handwriting", "Monotype Corsiva", "Apple Chancery", sans-serif; } .centered {text-align:center;} .rightAlign {display:block; text-align:right;} .illuminatedDiv p:first-letter {position: absolute; top: 20px; display:block; float:left; font-size:200%; line-height: 60%; padding: 3px 0px 0 6px; border: 0px; text-align:center; margin-top:0px; margin-right:0.05em; font-family:"Times New Roman", Times, serif; color:#900; } .firstLetterColoredDiv p:first-letter { position: absolute; font-weight:bold; font-family:"Times New Roman", Times, serif; color:#900; } .poem {width:50%; margin-left:auto ; margin-right:auto; line-height:140%;} .note { margin:0px 80px 0px 10px; border-width:0px; border-color:#666; border-style:solid; font-size: 80%; padding:10px; font-weight:bold;} .photoDiv { float:left; } .noJavascript {position:fixed; width:600px; top:216px; left:180px; opacity: 0.70; zoom:1; filter:alpha(opacity=70); z-index:100; font-size: 36px; color:#F00; background-color:#FFF; border: 2px solid #000; padding: 10px 10px; } #flashWarning {visibility:hidden;} .noScroll {overflow:hidden;} #LHMenu {display:block; float:left; margin-right:20px; font-size:20px; line-height:150%; padding-bottom:30px; } #topMenuDiv {width:960px; position:absolute; height:100px; top:0px; /* position:relative; margin-left:auto; margin-right:auto;*/} #episodeHeaderDiv img {opacity:0.60; zoom:1; filter:alpha(opacity=60);} #episodeHeaderDiv {position:absolute; margin-top:144px; width:960px; height:47px;} #episodeHeaderDiv #episodesList { border-spacing:10px;} .episodeChoice { width:90px; padding:10px; text-align:center; background-image:url("../IMAGES/Icons/EpisodeIcons/LinkSwoosh.jpg"); background-position:center; background-repeat:no-repeat; cursor:pointer; cursor:hand;} #episodeHeaderDiv .episodeChoice.hover { background-image:url("../IMAGES/Icons/EpisodeIcons/HoverSwoosh.jpg"); background-position:center; background-repeat:no-repeat;} #episodeHeaderDiv .episodeChoice.selected { background-image:url("../IMAGES/Icons/EpisodeIcons/SelectedSwoosh.jpg"); background-position:center; background-repeat:no-repeat;} #episodesList {margin-left:auto; margin-right:auto;} /* ADD MESSAGE PAGE */ #addMessageDiv {margin: 10px 20px 0px 40px;} #addMessageDiv .addMessageName {font-size:120%; font-weight:bold;} #addMessageDiv .addMessageOptions {font-weight:bold;} #addMessageDiv .floatLeft {float:left; margin-top:5px; margin-right:10px;} #addMessageDiv textarea {font-size:11px;} #addMessageDiv .button { padding: 0 .25em; width: auto; overflow: visible; } /* AUTOBIOGRAPHY PAGE */ /* BACKSTORY PAGE */ #backstoryDiv {font-size:15px; } #backstoryLHdiv {float:left;} #backstoryDiv img {float:left;padding-right:20px; padding-top:0px; padding-bottom:10px;} /* BACKSTORY GALLERY PAGE */ #backstoryGalleryBody #shortColumn1 {width:320px;} #backstoryGalleryBody #shortColumn2 {width:600px; z-index:100; } /* high z-index needed for children z-index to work properly in IE */ #backstoryGalleryBody #elementsDiv { padding-left:40px; font-size:18px;} #backstoryGalleryBody .elementsDivHead {margin-top:0px;} #backstoryGalleryBody #elementsList {color:#00F; list-style:none; cursor:pointer; cursor:hand; } #backstoryGalleryBody #elementsList .hover {color:#36D6FF; text-decoration:none;} #backstoryGalleryBody #elementsList .selected {color:#903; text-decoration:none;} #backstoryGalleryBody .title {} #backstoryGalleryBody .episode {padding-left:30px; font-size:12px; font-family: "Trebuchet MS", Helvetica, sans-serif; line-height:200%;} #backstoryGalleryBody #contentDiv { padding:0px; } #backstoryGalleryBody .mediaTag {font-family:Arial, sans-serif; font-size:10px; line-height:10px; margin-top:-16px; margin-bottom:5px; margin-left:20px; color:black;} #backstoryGalleryBody .OLDmediaTag {font-family:Arial, sans-serif; font-size:10px; line-height:10px; margin-top:-0px; margin-bottom:5px; margin-left:20px; color:black;} /* CAST PAGE */ #castBody { } #castBody #tallColumn1 {width:430px;} #castBody #tallColumn2 {width:464px;} #castTableDiv { } #castTable { table-layout:fixed; width:410px; font-size:16px; } #castTable th {text-align:left; padding:0px; font-size:20px; line-height:200%;} #castTable td { vertical-align:bottom; padding:0px;} #castTable .rolesField { font-variant:small-caps; } #castTable .nameField { color:#00F; cursor:pointer; cursor:hand;} #castTable .nameField .hover {color:#36D6FF; text-decoration:none;} #castTable .nameField .selected {color:#903; text-decoration:none;} #castTable th.rolesFieldTitle {padding:0px;} #castTable th.nameFieldTitle {padding:0px;} #castTable #rolesCol {width:225px;} #castTable #nameCol {width: 175px;} #castBioDiv {font-size:11px; padding:0 20px 0 0;} .castBioIndent {padding:0 20px;} #castHeadshotHeader {text-align:center; font-size:18px; font-weight:bold; margin-top:0px;} #castHeadshotHeader p {} #castHeadshot { float: left; padding:15px 20px 10px 0px;} #castBioNotice {text-align:center; font-size:24px; line-height:200%;} /* CREDITS PAGE */ #creditsBody { font-size:18px;} #creditsBody .mejs-container .mejs-controls { background-color:white; background:white;} #creditsAudio {position:absolute; top:20px; left:20px;} #creditStage {display:block; position:absolute; width:960px; left:0; right:0;} #creditsBody #player1 {position:absolute; top:0px; left:40px;} #marqueeDiv {position:relative; top:165px; left:320px; height:560px;} #marqueeDiv .mainCredits {font-size:24px; text-align:center;} #marqueeDiv .RC {width:200px; vertical-align:text-top; direction:rtl; overflow-x:hidden;} #marqueeDiv .LC {width:160px; vertical-align:text-top; overflow-x:hidden;} #marqueeDiv .EC {text-align:center; font-weight:bold;} #marqueeDiv #castTitle {text-align:center; font-weight:bold; font-size:20px;} #marqueeDivHome { display:block; position:absolute; top:475px; left:760px; font-size:48px; font-weight:bold; } #creditsBody .end {font-size:20px;} /* CROW PAGE */ #crowDiv img { float:right; padding: 10px; } /* DEDICATION PAGE */ #dedicationDiv { width:550px; margin-left:auto; margin-right:auto; font-size:15px;} /* DESCENDANTS PAGE */ #descendentsDiv {margin:0px; padding:0px; } #descendantsDiv .photoDiv { padding:0px 0px 20px 0px; width:100%;} #descendantsDiv .photoBox {display:block; width:50%; float:left;} #descendantsDiv .photo {display:block; margin-left:auto; margin-right:auto; height:200px;} #descendantsDiv .textArea { clear:both; padding:0px 50px 0px 0px ; font-size:15px;} #descendantsDiv .playerDiv { width:540px; height:40px; margin-left:40px; padding:3px 0px 0px 20px; border: 1px solid black;} #descendantsDiv .playerHeading {display:block; font-size:20px;padding-top:5px;} #descendantsBody #mep_0 {float:right; } /* Director's Statement */ #dirStatementBody #dirPhoto {float:left; padding:30px 30px 30px 0px;} #dirStatementBody #dirName {font-size:20px;} /* #dirStatementDiv {padding: 0 0 30px 0;} */ /* ENTRY PAGE */ #entryDiv { position:absolute; width: 960px; left:0; right:0; top:0px; padding:0px; border: 0px; overflow:hidden; } #entryStage {} #entryDivEnter {display:block; position:absolute; top:490px; left:720px; font-size:48px; font-weight:bold;} /* EPISODE SUMMARY */ #episodeSummaryBody #tallColumn1 {width: 500px;} #episodeSummaryBody #tallColumn2 {width:380px;} #episodeSummaryBody #LHdiv { font-size:15px; padding: 0px 0px 0px 100px;} #episodeSummaryBody #RHdiv { font-size:14px; padding:0px 60px 0px 0px;} #episodeSummaryBody .album {padding-left:30px; font-size:12px; font-family: "Trebuchet MS", Helvetica, sans-serif; line-height:200%; } #episodeSummaryBody #songsList {list-style:none; padding:0px 0px 12px 0px; margin:0px;} #episodeSummaryBody #songsTitle { padding-left:15px; font-size:18px; font-weight:bold; } #episodeSummaryBody .songTitle {font-size:18px; line-height:50%;} .episodeSummaryHeader {padding: 0px 0px 20px 0px; text-align:center; font-size:20px; font-weight:bold;} /* EULOGY PAGE */ /* FAQ PAGE */ #faqBody #shortColumn1 {width:420px;} #faqBody #shortColumn2 {width:420px;} #FAQList { padding: 0px 20px 0px 20px; cursor:pointer; cursor:hand;} #FAQAns { padding: 40px 100px 0px 0px; font-size:14px;} .FAQContentTitle {font-size: 20px; line-height:100%; padding-top:0px; color:black; margin:20px 0px 10px 0px;} .FAQQ {padding:0 0 10px 20px; font-size:14px; color:#00F;} .FAQQ .hover {color:#36D6FF; text-decoration:none;} .FAQQ .selected {color:#903; text-decoration:none;} #FAQAns #title {font-weight:bold; font-size:16px; text-align:center;} /* HOME PAGE */ #homeDiv { position:absolute; width: 960px; margin-left: -480px; left: 50%; top:0px; padding:0px; border: 0px; } #homeDiv a:hover {opacity:0.7; filter:alpha(opacity=70);} /* LINKS PAGE */ #linksDiv td {margin: 10px; font-size:15px;} #linksDiv .lTd {text-align:right; padding-right:20px;} #linksDiv img { border-width:1px; border-color:#000; border-style:solid;} /* JOSH'S LETTER */ #letterPosterDiv {width: 320px; float:left;} #letterPosterDiv img {padding-bottom:40px; clear:both;} #letterContentDiv { width:880px;} #joshLetterBody #backButton {padding-left:40px;} #joshLetterBody #backButton:hover {opacity:0.7; filter:alpha(opacity=70);} /* LOOKING IN PAGE (common with backgroundStoryGallery)*/ #backstoryGalleryBody .pg { position:absolute; height:400px; width:580px; top:0; left:0; background-color:white;} .TVframe { font-size:14px; margin-top: 0px; width: 554px; margin-left:auto; margin-right:auto; padding:0px; border:0px; } .TVframe h2 {padding:0px; margin:0px; font-size:24px; text-align:center;} .TV { width:320px; margin:20px auto; } /* LYRICS PAGE */ #lyricsBody { } #lyricsBody #tallColumn1 {width:360px; padding-left:60px; } #lyricsBody #tallColumn2 {width:360px; padding-right:80px;} #lyricsSongsDiv {font-size:18px; line-height:50%; } #lyricsSongsDiv h1 {height:140%;} #lyricsSongsDiv #songsList {list-style:none; padding:0px 0px 12px 0px; margin:0px; cursor:pointer; cursor:hand; } #lyricsSongsDiv .songTitle {color:#00F;} #lyricsSongsDiv .hover {color:#36D6FF; text-decoration:none;} #lyricsSongsDiv .selected {color:#903; text-decoration:none;} #lyricsSongsDiv .album {padding-left:30px; font-size:12px; font-family: "Trebuchet MS", Helvetica, sans-serif; line-height:200%; } #lyricsSongsDivHead { } #lyricsWrapperDiv { font-size: 12px; } #lyricsNotice {text-align:left; padding-left:40px; font-size:24px; line-height:200%; border:solid; border-width:2px;} #lyricsDiv .songTitle { font-weight:bold; text-align:left; padding-left:40px; font-size:16px; margin-bottom:0px;} #lyricsDiv .songAuthor {font-weight:bold; padding-left:100px; margin-top:0px;} #lyricsDiv .chorus { text-align:center; } /* MUSIC PAGE */ #musicReviewsDiv {margin-left:360px; font-size:11px; font-weight:bold;} #musicReviewsDiv p {border-width:0px; border-style:solid; padding:0px 30px 0px 0px;} #musicSTG {padding:0px 30px 10px 0px; float:left;} #musicDiv #mainDiv {padding-left:0px; clear:both; font-size:15px; margin-top:0px; } #musicDiv #LHMenu {padding: 10px 0 40px 0;} #musicDiv {bottom:0;} /* MUSIC AVAILABILITY PAGE */ #musicAvailabilityDiv p {padding:0px; margin:0px;} #musicAvailabilityDiv {margin:0px 130px; } #musicAvailabilityDiv .track { font-size:11px;} #musicAvailabilityDiv .imageField { vertical-align:top; width:100px; } #musicAvailabilityDiv .headerField { vertical-align:top; width:360px; font-size:14px;} #musicAvailabilityDiv .title {font-weight:bold;} #musicAvailabilityDiv .tracksField { vertical-align:top; width:220px; font-size:11px;} #musicAvailabilityDiv .aTrack {width:140px; } #musicAvailabilityDiv .episode {width:100px; direction:rtl;} /* PODCAST PAGE */ #podcastBody #shortColumn1 {left: 40px; width:360px;} #podcastBody #shortColumn2 {right:40px; width:500px;} #podcastDiv {} #podcastLHDiv { } #podcastLHDiv #poster {margin:0px 20px 10px 20px; border: 1px solid #000; zoom:1;} #podcastRHDiv { padding:0 40px 0 0; } #podcastRHDiv #episodeList {border-width:2px; border: 2px solid #999; } #podcastRHDiv .episodeListItem { padding:4px 0 0 4px; border: 1px solid #999;} .podcastEpisode { font-weight:bold;} .podcastDuration { display:block; text-align:right; margin: -6px 0 0 0; padding: 2px 5px 0 0; font-weight:bold; font-size:0.8em;} .podcastSummary {padding:0 50px 0 0; margin:0; font-size:0.8em;} /* POP MATTERS PAGE */ #popMattersDiv {text-align:justify;} #popMattersDiv img { padding: 10px; float:right; } /* PRODUCTION PAGE */ #productionDiv {position:relative; width:920px;} #productionDiv #photoDiv { text-align:center; margin-top:20px; overflow:hidden;} #productionDiv #photoDiv img {padding:0px 4px 12px 4px;} #productionDiv #productionText {padding:0 10px 0 0;} /* STORY PAGE */ #storyDiv {padding:0px; font-size:15px;} #storyDiv img {float:left; padding-top:0px; padding-left:0px; padding-right:30px; padding-bottom:30px;} #storyDiv table {padding-top:30px;} #storyDiv #storyText {float:right; width:410px;} /* SYNOPSIS PAGE */ /* TRAILER PAGE */ #trailerDiv { width:480px; margin: 10px auto 0px auto; border: 2px solid #000000;} /* UNRELEASED SONGS PAGE */ #unreleasedSongsDiv {font-size:15px;} #unreleasedSongsDiv img {padding:30px 30px 30px 40px; } #jukeboxDiv {position:absolute; width:400px; top:10px; left: 480px;} /* WHY I WROTE PAGE */ /* YOUR MESSAGES PAGE */ #yourMessages .newsTitle {margin-top: 0px;} .newsTitle {font-size:20px; font-weight:bold;} .newsItem {font-size:11px; font-family:Arial,sans-serif; color:black;background-color:#E0EBFF; padding:4px ;margin:3px 0;} .newsDate {} .newsName {font-weight:bold;} .newsMailAddr {padding-left: 20px;} .newsLocale {padding-left:20px;} .newsContent {padding-top:0px; margin-top:0px; padding-left:20px; margin-bottom:0px;} /* TOP MENU */ /* Podcast, Messages,Production, Home, Title,Story,Music, Backstory, Troupe */ #topMenuDiv img:hover {opacity:0.7; filter:alpha(opacity=70);} #apDiv1 { position:absolute; z-index:1; left: 175px; top: 11px; } #apDiv2 { position:absolute; z-index:1; left: 92px; top: 20px; } #apDiv3 { position:absolute; z-index:1; left: 9px; top: 26px; }#apDiv4 { position:absolute; z-index:1; left: 257px; top: 3px; } #apDiv5 { position:absolute; z-index:1; left: 357px; top: 1px; } #apDiv6 { position:absolute; z-index:1; left: 584px; top: 6px; } #apDiv7 { position:absolute; z-index:1; left: 661px; top: 14px; } #apDiv8 { position:absolute; z-index:1; left: 740px; top: 21px; } #apDiv9 { position:absolute; z-index:1; left: 822px; top: 32px; } #apDiv10{ position:absolute; z-index:1; left: 895px; top: 46px; }