body { margin: 0; font-family: "Courier New", Courier, monospace; } A { cursor: pointer; color: #000; } IMG { border: 0; } H1, H2, H3, H4, H5, UL { margin: 0; padding: 0; } .wrapper { margin: 0 auto; width: 1000px; } .hiddenDiv{display:none;} /* Music Player */ DIV#musicPlayerContainer { margin-left: 739px; position: absolute; width: 261px; height: 206px; background-color: white; } DIV#musicPlayer { background-image: url(images/musicPlayerBackground.jpg); border: 1px solid #b9b7bb; width: 239px; height: 176px; padding-left: 20px; } #musicFlash { margin: 10px; } DIV#whatsPlaying { font-size: 11px; width: 219px; text-align: center; margin: 93px 0 20px 0; } IMG#openPlayerInANewWindow { padding: 7px 0 0 15px; } #performanceVideos { margin-left: 22px; } #performanceVideos IMG { margin: 10px 10px 0 0; display: block; } #performanceVideos OBJECT, #performanceVideos EMBED { margin: 12px 10px 0 0; } #performanceVideos P#comingSoon { margin-bottom: 0; } #downloadOnItunes { margin: 0; font-size: 15px!important; text-align: right; font-weight: bold; } /* Navigation */ DIV#navigation { background-image: url(images/headerBackground.jpg); width: 100%; height: 98px; } DIV#navigationInside { background-image: url(images/headerBackground.jpg); width: 1000px; margin: 0 auto; height: 98px; } DIV#navigationBar { height: 40px; width: 100%; background-color: #ebf6bc; } DIV#navigationBarInside { overflow: auto; width: 1000px; margin: 0 auto; padding: 10px 0 0 40px; } DIV#navigationBarInside IMG { float: left; margin: 2px 10px 0 0; } DIV#navigationBarInside DIV { float: left; } DIV#navigationInside UL LI { list-style-type: none; float: left; } DIV#navigationInside UL LI A { height: 98px; display: block; } DIV#navigationInside UL LI#home A { background: transparent url(images/navigationSprite.jpg) repeat scroll -2px 0; width: 84px; } .home DIV#navigationInside UL LI#home A, DIV#navigationInside UL LI#home A:hover { background: transparent url(images/navigationSprite.jpg) repeat scroll -2px -98px; } DIV#navigationInside UL LI#bio A { margin-left: 17px; background: transparent url(images/navigationSprite.jpg) repeat scroll -103px 0; width: 83px; } .bio DIV#navigationInside UL LI#bio A, DIV#navigationInside UL LI#bio A:hover { background: transparent url(images/navigationSprite.jpg) repeat scroll -103px -98px; } DIV#navigationInside UL LI#abbysroad A { margin-left: 12px; width: 96px; background: transparent url(images/navigationSprite.jpg) repeat scroll -198px 0; } .abbysroad DIV#navigationInside UL LI#abbysroad A, DIV#navigationInside UL LI#abbysroad A:hover { background: transparent url(images/navigationSprite.jpg) repeat scroll -198px -98px; } DIV#navigationInside UL LI#photos A { margin-left: 16px; width: 94px; background: transparent url(images/navigationSprite.jpg) repeat scroll -310px 0; } .photos DIV#navigationInside UL LI#photos A, DIV#navigationInside UL LI#photos A:hover { background: transparent url(images/navigationSprite.jpg) repeat scroll -310px -98px; } DIV#navigationInside UL LI#musicvideos A { margin-left: 15px; width: 95px; background: transparent url(images/navigationSprite.jpg) repeat scroll -419px 0; } .musicvideos DIV#navigationInside UL LI#musicvideos A, DIV#navigationInside UL LI#musicvideos A:hover { background: transparent url(images/navigationSprite.jpg) repeat scroll -419px -98px; } DIV#navigationInside UL LI#latestnews A { margin-left: 14px; width: 96px; background: transparent url(images/navigationSprite.jpg) repeat scroll -528px 0; } .latestnews DIV#navigationInside UL LI#latestnews A, DIV#navigationInside UL LI#latestnews A:hover { background: transparent url(images/navigationSprite.jpg) repeat scroll -528px -98px; } DIV#navigationInside UL LI#dearabby A { margin-left: 7px; width: 96px; background: transparent url(images/navigationSprite.jpg) repeat scroll -632px 0; } .dearabby DIV#navigationInside UL LI#dearabby A, DIV#navigationInside UL LI#dearabby A:hover { background: transparent url(images/navigationSprite.jpg) repeat scroll -632px -98px; } /* Homepage Top */ #homepageTop { width: 100%; height: 481px; background-image: url(images/dustyRoseBackground.jpg); } #homepageTopInner { width: 1000px; height: 481px; margin: 0 auto; background-image: url(images/dustyRoseBackgroundCenter.jpg); } #featuredPolaroid { background-image: url(images/featuredPhotoBackground.jpg); float: left; margin-top: 2px; width: 644px; height: 469px; } #slideshow { width: 644px; height: 469px; position: absolute; z-index: 0; } #photographerCaption { position: absolute; float: left; font-size: 11px; margin: 430px 0 0 260px; } #photographerCaption A { margin-left: 36px; } UL#featuredPhotoMenu { position: absolute; float: left; margin: 428px 0 0 470px; } UL#featuredPhotoMenu LI { display: inline; list-style-type: none; } UL#featuredPhotoMenu LI A { font-size: 11px; padding: 4px 8px; border: 1px solid transparent; } UL#featuredPhotoMenu LI.unselected A { background-color: transparent; border: 1px solid transparent; } UL#featuredPhotoMenu LI.selected A, UL#featuredPhotoMenu LI A:hover { background-color: #f1facf; border: 1px solid #c5bacc; } IMG#abbyLogo { margin: 99px 0 0 33px; float: left; } #abbysRoadTeaser { margin: 12px 0 0 18px; float: left; width: 335px; height: 190px; background-image: url(images/abbysRoadTeaser.jpg); } #abbysRoadTeaser A#seeShows { margin: 27px 0 0 32px; display: block; background-image: url(images/seeAllShows.jpg); width: 270px; height: 20px; } #nextShow { font-size: 11px; width: 246px; text-align: center; margin: 104px 0 0 47px; } /* Newsletter Signup */ #newsletterSignup { width: 100%; height: 106px; background-image:url(images/newsletterSignupBackground.jpg); overflow: hidden; } #newsletterSignupInner { width: 1000px; margin: 0 auto; } DIV.response { padding: 10px; display: block; clear: both; font-size: 13px; float: left; width: 400px; margin-left: 711px; background-color: white; border: 3px solid purple; } #newsletterSignupInner IMG, #newsletterSignupInner INPUT { float: left; } IMG#stayUpToDate { margin: 11px 0 0 22px; } IMG#purpleArrows { margin: 35px 30px 0 2px; } IMG#signUpPrompt { margin: 28px 0 4px 2px; } #newsletterSignupInner INPUT#text { font-family: Courier, monospace; font-size: 13px; width: 300px; padding: 6px 6px 5px 6px; border: 1px solid #ccc; } #newsletterSignupInner INPUT#submit { margin-left: 10px; } /* Homepage Bottom */ #homepageBottom { width: 100%; height: 774px; background-image:url(images/homepageParchment.jpg); } #homepageBottomInner { width: 1000px; height: 774px; margin: 0 auto; background-image:url(images/homepageParchmentInner.jpg); } #homepageLatestNews { float: left; width: 350px; margin: 245px 0 0 81px; _margin-left: 40px; } #homepageLatestNews UL LI A { text-decoration: none; } #homepageLatestNews UL LI A:hover { text-decoration: underline; } #homepageLatestNews UL LI { font-size: 21px; overflow: auto; margin-bottom: 43px; list-style-type: none; } #homepageLatestNews UL LI SPAN { width: 200px; margin-top: 4px; font-size: 12px; color: #561a1d; display: block; } #homepageLatestNews UL LI IMG { float: right; margin-top: 5px; } #homepageLatestNews UL LI#story2 { margin-left: 4px; } #homepageLatestNews UL LI#story3 { margin-left: 8px; } #homepageVideos { float: left; width: 400px; margin: 71px 0 0 112px; } #homepagePhotos { float: left; width: 400px; margin: 44px 0 0 132px; } #homepagePhotos IMG { border: 2px solid #fff; margin: 0 6px 6px 0; } #homepagePhotos IMG:hover { border: 2px solid #cacaca; } IMG#seeMoreVideos { margin: 0 0 26px 280px; } IMG#seeMorePhotos { margin: 40px 0 0 380px; } /* Footer */ #footer { text-align: center; padding: 10px 0; height: 60px; margin-top: -80px; background-color: #dfd3e7; opacity:0.7; filter:alpha(opacity=70); width: 100%; } #footerInner { width: 1000px; margin: 0 auto; } #footer UL { overflow: auto; margin: 0 auto; margin-top: 6px; margin-bottom: 10px; padding: 0; font-size: 14px; } #footer UL LI { list-style-type: none; display: inline; margin-right: 30px; } #footer UL LI A:hover { text-decoration: underline; } #footer P { margin: 2px 0 0 0; padding: 0; clear: both; display: block; font-size: 10px; } /* Subpages */ DIV#subpageBackground { background-image: url(images/subpageBackground.jpg); min-height: 600px; width: 100%; padding-bottom: 100px; } IMG#subpageTab { margin-bottom: 30px; } #polaroidTop { height: 20px; width: 1000px; margin: 0 auto; overflow: hidden; background-image: url(images/polaroidTop.jpg); } #polaroidMiddle { min-height: 300px; width: 1000px; background-image: url(images/polaroidMiddle.jpg); } #polaroidBottom { height: 20px; width: 1000px; margin: 0 auto; overflow: hidden; background-image: url(images/polaroidBottom.jpg); } /* Backgrounds */ #backgroundLatestNews { background-image: url(images/backgroundLatestNews.jpg); width: 945px; height: 627px; margin-left: 27px; } #backgroundDearAbby { background-image: url(images/backgroundDearAbby.jpg); width: 945px; height: 626px; margin-left: 27px; overflow: hidden; } #backgroundPhotos { background-image: url(images/backgroundPhotos.jpg); width: 1000px; height: 694px; overflow: auto; } #backgroundAbbysRoad { padding-top: 40px; background-image: url(images/backgroundAbbysRoad.jpg); width: 945px; height: 587px; margin-left: 27px; } #backgroundMusic { background-image: url(images/backgroundMusic.jpg); width: 945px; height: 756px; margin-left: 27px; } #backgroundBio { background-image: url(images/backgroundBio.jpg); width: 955px; height: 636px; margin: 0 0 0 25px; overflow: hidden; } /* Individual Pages: Latest News */ .newsContainer { height: 100px; } #newsPiece1 { padding-top: 142px; margin: 0 0 0 495px; } #newsPiece2 { margin: 10px 0 0 495px; } #newsPiece3 { margin: 10px 0 0 495px; } #newsPiece1, #newsPiece2, #newsPiece3 { width: 354px; font-size: 13px; } .newsPiece SPAN { display: block; font-size: 12px; } #moreNews1, #moreNews2 { float: left; background-color: white; padding: 4px 6px; border: 3px solid black; } #moreNews1 { position: absolute; margin: 261px 0 0 491px; } #moreNews2 { position: absolute; margin: 261px 0 0 757px; } .visible { opacity: 1; filter:alpha(opacity=100); cursor: pointer; } .hidden { opacity:0.0; filter:alpha(opacity=00); cursor: default; } #pressPiece1 { padding-top: 318px; margin: 0 0 0 495px; } #pressPiece2 { margin: 10px 0 0 495px; } #pressPiece3 { margin: 10px 0 0 495px; } #pressPiece1, #pressPiece2, #pressPiece3 { width: 354px; font-size: 13px; } #morePress1, #morePress2 { float: left; background-color: white; padding: 4px 6px; border: 3px solid black; } #morePress1 { position: absolute; margin: 528px 0 0 491px; } #morePress2 { position: absolute; margin: 528px 0 0 757px; } /* Individual Pages: Dear Abby */ #backgroundDearAbby #statusMessage { height: 197px; margin: 0 0 -13px 473px; background-color: #fff; width: 299px; padding: 60px; font-size: 16px; } #backgroundDearAbby #statusMessage A { color: purple; } #backgroundDearAbby FORM { width: 456px; margin-left: 456px; padding-top: 60px; } #backgroundDearAbby FORM LABEL { margin-right: 10px; float: left; display: block; width: 130px; text-align: right; } #backgroundDearAbby FORM INPUT.text { font-family: Courier, monospace; margin-bottom: 20px; font-size: 16px; float: left; width: 280px; padding: 2px; border: 0; background-color: transparent; } #backgroundDearAbby FORM INPUT#submit { margin: 10px 0 0 165px; } #backgroundDearAbby FORM TEXTAREA { font-family: Courier, monospace; font-size: 16px; border: 0; background-color: transparent; width: 277px; height: 127px; } DIV#letter { font-size: 11px; overflow: auto; width: 397px; height: 120px; padding: 10px; border: 1px solid #ccc; margin: 128px 0 0 475px; } #previousFanMail { margin: 20px 0 0 476px; width: 179px; height: 21px; float: left; } #nextFanMail { margin: 20px 0 0 98px; width: 148px; height: 21px; float: left; } #lawyer { border-top: 1px solid #ccc; margin: 20px 20px 10px 20px; padding: 20px 0 0 0; font-size: 12px; } #friendsList { margin: 0; padding: 0px 20px 0 20px; font-size: 12px; } #friendsList LI { display: inline; margin-right: 10px; } P#contactAbby { margin-left: 20px; } P#icons { margin-left: 20px; overflow: auto; } P#icons IMG { float: left; margin-right: 20px; } /* Individual Pages: Photos */ #backgroundPhotos DIV#selectAGallery { padding-top: 27px; } #backgroundPhotos DIV#selectAGallery SELECT { background-color: #fff; border: 0; padding: 10px 0 0 8px; height: 30px; width: 292px; font-family: Courier, monospace; margin-left: 505px; font-size: 12px; } #backgroundPhotos DIV#primaryPhoto { border: 0; padding: 145px 0 0 73px; width: 572px; float: left; } #backgroundPhotos DIV#primaryPhoto DIV#featuredPhoto { text-align: center; width: 500px; } #backgroundPhotos DIV#previous { border: 0; padding-top: 244px; text-align: center; width: 181px; float: left; _padding-top: 254px; } #backgroundPhotos DIV#next { text-align: center; border: 0; padding-top: 244px; width: 171px; float: left; _padding-top: 254px; } DIV#overview { width: 905px; height: 50px; margin: 64px 0 0 30px; } DIV#overview A { float: left; margin-right: 6px; } DIV#previousPhoto { display: block; margin: 43px 0 0 4px; } DIV#nextPhoto { display: block; margin: 47px 0 0 4px; } DIV#caption { float: left; margin: 10px 0 0 0; font-size: 12px; width: 300px; } DIV#photoNumber { float: left; margin: 0 0 14px 0; font-size: 16px; width: 500px; text-align: center; } DIV#currentPhotoShown, DIV#totalPhotos { display: inline; } #setPicked { margin: 10px 0 0 20px; font-size: 20px; color: #fff; } #setPicked:hover { text-decoration: underline; } /* Individual Pages: Abby's Road */ DIV#showDates { margin: 0 0 0 415px; padding: 30px; width: 396px; height: 385px; border: 0; font-size: 13px; overflow: auto; } A#emailAddress { margin: 54px 0 0 504px; width: 276px; height: 29px; display: block; background: transparent url(images/emailAddressSprite.jpg) scroll repeat 0 0; } A#emailAddress:hover { background: transparent url(images/emailAddressSprite.jpg) scroll repeat 0 -29px; } #backgroundAbbysRoad UL LI { border: 3px solid #d8a17f; opacity:0.7; filter:alpha(opacity=70); list-style-type: none; background-color: #c9a378; width: 300px; padding: 20px; text-align: center; margin: 28px 0 0 20px; } #backgroundAbbysRoad #pastShows { margin-top: 30px; } /* Individual Pages: Music */ #backgroundMusic UL { margin-left: 55px; padding-top: 110px; } #backgroundMusic UL LI { height: 15px; overflow: hidden; width: 334px; font-size: 13px; list-style-type: none; padding: 10px; } #backgroundMusic UL LI A:hover { text-decoration: underline; } #backgroundMusic UL LI.rose { background-color: #cd8262; } #backgroundMusic UL LI.beige { background-color: #f7dea3; } #backgroundMusic UL LI OBJECT { background-color: #000; padding: 2px; float: right; *margin-top: -14px; } #backgroundMusic A#launchTheMusicPlayer { margin: 5px 0 0 216px; display: block; width: 206px; height: 41px; background: transparent url(images/hearMoreSongsSprite.jpg) repeat scroll 0 0; } #backgroundMusic A#launchTheMusicPlayer:hover { background: transparent url(images/hearMoreSongsSprite.jpg) repeat scroll 0 -41px; } /* Individual Pages: Bio */ #bioWrapper { width: 1000px; overflow: auto; margin: 0 auto; } #featuredPhotos { width: 230px; height: 584px; float: left; } #moleskine { font-size: 13px; line-height: 22px; float: right; background-image: url(images/moleskine.jpg); width: 754px; height: 584px; } #page1, #page3, #page5, #page7 { margin-left: 188px; *margin-left: 198px; _margin-left: 104px; padding-top: 90px; *padding-top: 94px; float: left; width: 364px; height: 475px; font-size: 12px; line-height: 24px; _width: 344px; } #page2, #page4, #page6 { float: left; width: 367px; height: 565px; font-size: 12px; line-height: 24px; } #page1 P, #page3 P, #page5 P, #page7 P { width: 300px; height: 366px; margin-left: 50px; *margin-left: 25px; } #page2 P { width: 240px; padding-top: 13px; *padding-top: 0; height: 410px; margin-left: 40px; *margin-top: -8px; *width: 200px; } #page4 P { width: 240px; padding-top: 45px; height: 210px; margin-left: 40px; *padding-top: 52px; } #page6 P { width: 240px; height: 29px; margin-left: 40px; } A#bioPrev { float: left; width: 106px; height: 87px; display: block; margin: 7px 20px 0 50px; background: transparent url(images/bioPrev.jpg) scroll repeat -106px 0; *margin: 0 0 0 10px; } A#bioPrev:hover { background: transparent url(images/bioPrev.jpg) scroll repeat 0 0; } A#bioPrev1 { float: left; width: 106px; height: 87px; display: block; margin: -5px 20px 0 0; background: transparent url(images/bioPrev.jpg) scroll repeat -106px 0; *margin: 2px 4px 0 0; } A#bioPrev1:hover { background: transparent url(images/bioPrev.jpg) scroll repeat 0 0; } A#bioNext { float: right; width: 106px; height: 87px; display: block; background: transparent url(images/bioNext.jpg) scroll repeat 0 0; margin: 163px 9px 0 0; *margin: 160px 18px 0 0; } A#bioNext:hover { background: transparent url(images/bioNext.jpg) scroll repeat -106px 0; } A#bioPrev2 { float: left; width: 106px; height: 87px; display: block; margin: 0 20px 0 50px; background: transparent url(images/bioPrev.jpg) scroll repeat -106px 0; } A#bioPrev2:hover { background: transparent url(images/bioPrev.jpg) scroll repeat 0 0; } A#bioPrev3 { float: left; width: 106px; height: 87px; display: block; margin-left: 40px; *margin-left: 20px; background: transparent url(images/bioPrev.jpg) scroll repeat -106px 0; } A#bioPrev3:hover { background: transparent url(images/bioPrev.jpg) scroll repeat 0 0; } A#bioPrev4 { float: left; width: 106px; height: 87px; display: block; margin: 0 20px 0 50px; background: transparent url(images/bioPrev.jpg) scroll repeat -106px 0; } A#bioPrev4:hover { background: transparent url(images/bioPrev.jpg) scroll repeat 0 0; } A#bioNext2 { float: right; width: 106px; height: 87px; display: block; background: transparent url(images/bioNext.jpg) scroll repeat 0 0; margin: 16px -81px 0 0; *margin: 22px -71px 0 0; } A#bioNext2:hover { background: transparent url(images/bioNext.jpg) scroll repeat -106px 0; } A#bioNext3 { float: right; width: 106px; height: 87px; display: block; background: transparent url(images/bioNext.jpg) scroll repeat 0 0; margin: 0 -78px 0 0; *margin: 0 -69px 0 0; } A#bioNext3:hover { background: transparent url(images/bioNext.jpg) scroll repeat -106px 0; } IMG#etta { margin: 36px 0 0 69px; *margin-left: 59px; } IMG#bbking { margin: 26px 0 0 59px; *margin: 21px 0 0 49px; } IMG#withPhoebe { margin: 139px 0 0 31px; *margin-left: 21px; } #cboxWrapper H1 { font-size: 22px; font-weight: normal; } #musicPlayerPopup { background-image: url(images/musicPlayerPopupBackground.jpg); } #musicPlayerPopup UL { margin: 10px 0 0 22px; } #musicPlayerPopup UL LI { height: 15px; overflow: hidden; width: 334px; font-size: 13px; list-style-type: none; padding: 10px; } #musicPlayerPopup UL LI.longer { height: 28px; } #musicPlayerPopup UL LI A:hover { text-decoration: underline; } #musicPlayerPopup UL LI.rose { background-color: #cd8262; } #musicPlayerPopup UL LI.beige { background-color: #f7dea3; } #musicPlayerPopup UL LI OBJECT { *margin-top: -14px; background-color: #000; padding: 2px; float: right; }