/*
******************************************************

	The Beatles official site
	June 2008

	ideajunction.co.uk

******************************************************
	*/

	body { background:#000 url(../images/bg.jpg) top center repeat-x; }
	/* #wrap { margin-top:-34px; } */
	#wrap { border-left:10px solid #000; border-right:10px solid #000; background:#fff url(../images/contentBg.jpg) 0px 178px no-repeat; }
	#flashHead .flashWarning img { padding:0; margin:0 0 -1px 0; }
	body.theDocumentary #wrap { background:#fff url(../images/contentBg.jpg) 0px 288px no-repeat; }

	body.areaSelector #wrap { background:#fff url(../images/selectorBg.gif) 0px 34px repeat-x; }
	/* body.areaSelector #wrap #main { height:700px; } */

	body.areaSelector h1 { display:block; width:100%; height:174px; margin:0; padding:0; background:transparent url(../images/home/loveLogo.gif) top center no-repeat; float:left; }
	body.areaSelector #wrap #theShow,
	body.areaSelector #wrap #theAlbum,
	body.areaSelector #wrap #theDocumentary { display:block; border:none; height:255px; float:left; text-indent:-9999px; }
	body.areaSelector #theShow { background:transparent url(../images/home/theShow.jpg) no-repeat top right; width:205px; padding-left:15px; }
	body.areaSelector #theAlbum { background:transparent url(../images/home/theAlbum.jpg) no-repeat top left; width:237px; }
	body.areaSelector #theDocumentary { background:transparent url(../images/home/theDocumentary.jpg) no-repeat top left; width:207px; margin-right:-80px; }

	body #flashHead { padding:0; width:720px; position:relative; left:-20px; background-color:#F4B003; }
	
	/* Nav (LOVE nav, not top nav) */
	ul#loveNav { height:20px; margin:0px; padding:7px 0 9px 145px; }
	body.theDocumentary ul#loveNav { padding-left:105px; }
	#loveNav li { background:transparent url(../images/nav/separators.gif) top right repeat-y; }
	#loveNav li#loveNavLoveStore,
	#loveNav li#loveNavBuyTheDvd { padding-right:0; background-image:none; }
	#loveNav li a { background:transparent url(../images/nav/theshow.gif) no-repeat top left; display:block; float:left; width:20px; height:20px; text-indent:-9999px; }
	#loveNav li a:hover { background-position:bottom left; border:none; }
	#wrap #loveNavTheShow a { width:59px; background-image:url(../images/nav/theShow.gif); }
	#wrap #loveNavTickets a { width:46px; background-image:url(../images/nav/tickets.gif); }
	#wrap #loveNavPhotosVideo a { width:90px; background-image:url(../images/nav/photosVideo.gif); }
	#wrap #loveNavMusic a { width:37px; background-image:url(../images/nav/music.gif); }
	#wrap #loveNavMakingOf a { width:66px; background-image:url(../images/nav/makingOf.gif); }
	#wrap #loveNavLoveStore a { width:68px; background-image:url(../images/nav/loveStore.gif); }
	#wrap #loveNavExtras a { width:42px; background-image:url(../images/nav/extras.gif); }
	#wrap #loveNavAboutTheDocumentary a { width:154px; background-image:url(../images/nav/aboutTheDocumentary.gif); }
	#wrap #loveNavWatchTrailerClips a { width:129px; background-image:url(../images/nav/watchTrailerClips.gif); }
	#wrap #loveNavSynopsis a { width:53px; background-image:url(../images/nav/synopsis.gif); }
	#wrap #loveNavProductionNotes a { width:114px; background-image:url(../images/nav/productionNotes.gif); }
	#wrap #loveNavBuyTheDvd a { width:75px; background-image:url(../images/nav/buyTheDvd.gif); }
	body.theShow #loveNavTheShow a,
	body.tickets #loveNavTickets a,
	body.photosVideo #loveNavPhotosVideo a,
	body.music #loveNavMusic a,
	body.makingOf #loveNavMakingOf a,
	body.loveStore #loveNavLoveStore a,
	body.navExtras #loveNavExtras a,
	body.aboutTheDocumentary #loveNavAboutTheDocumentary a,
	body.watchTrailerClips #loveNavWatchTrailerClips a,
	body.synopsis #loveNavSynopsis a,
	body.productionNotes #loveNavProductionNotes a,
	body.buyTheDvd #loveNavBuyTheDvd a { background-position:bottom left; }
	/* distance between loveNav items */
	#loveNav li { display:block; float:left; padding-left:4px; padding-right:8px; }
	
	/* Sub nav */
	#loveSubNav { height:38px; width:720px; background:transparent url(../images/nav/subNavBg.png) top left; margin-left:-20px; }
	#loveSubNav ul { height:20px; }
	#loveSubNav li a { background:transparent url(../images/nav/theshow.gif) no-repeat top left; display:block; float:left; width:20px; height:20px; text-indent:-9999px; }
	#loveSubNav li a:hover { background-position:bottom left; border:none; }
	/* body.theShow */	
	body.theShow #loveSubNav ul { margin-left:162px; }
	#wrap #loveNavIntroduction a { width:88px; background-image:url(../images/nav/introduction.gif); }
	#wrap #loveNavDirectorsVision a { width:110px; background-image:url(../images/nav/directorsVision.gif); }
	#wrap #loveNavCharacters a { width:75px; background-image:url(../images/nav/characters.gif); }
	#wrap #loveNavCostumes a { width:61px; background-image:url(../images/nav/costumes.gif); }
	#wrap #loveNavTheCreators a { width:84px; background-image:url(../images/nav/theCreators.gif); }
	/* selected states */	
	body.theShow.introduction #loveNavIntroduction a,
	body.theShow.directorsVision #loveNavDirectorsVision a,
	body.theShow.characters #loveNavCharacters a,
	body.theShow.costumes #loveNavCostumes a,
	body.theShow.theCreators #loveNavTheCreators a { background-position:bottom left; }
	/* body.photosVideo */
	body.photosVideo #loveSubNav ul { margin-left:162px; }
	#wrap #loveNavPhotoGallery a { width:93px; background-image:url(../images/nav/photoGallery.gif); }
	#wrap #loveNavTrailersVideos a { width:105px; background-image:url(../images/nav/trailersVideos.gif); }
	#wrap #loveNavWallpapers a { width:73px; background-image:url(../images/nav/wallpapers.gif); }
	#wrap #loveNavScreensavers a { width:86px; background-image:url(../images/nav/screensavers.gif); }
	/* selected states */	
	body.photosVideo.photoGallery #loveNavPhotoGallery a,
	body.photosVideo.trailersVideos #loveNavTrailersVideos a,
	body.photosVideo.wallpapers #loveNavWallpapers a,
	body.photosVideo.screensavers #loveNavScreensavers a { background-position:bottom left; }
	/* body.makingOf */
	body.makingOf #loveSubNav ul { margin-left:260px; }
	#wrap #loveNavProductionDiaries a { width:124px; background-image:url(../images/nav/productionDiaries.gif); }
	#wrap #loveNavCostumes a { width:105px; background-image:url(../images/nav/costumes.gif); }
	/* selected states */	
	body.makingOf.productionDiaries #loveNavProductionDiaries a,
	body.makingOf.costumes #loveNavCostumes a { background-position:bottom left; }
	/* distance between loveSubNav items */
	#loveSubNav li { display:block; float:left; padding-right:12px; }


	/* Sub sub nav */
	#loveSubSubNav { position:absolute; padding:70px 0 0 20px; font:10px/20px Georgia, Times, serif; text-transform:uppercase; }
	body.makingOf.productionDiaries #loveSubSubNav { padding:90px 0 0 20px; }
	#loveSubSubNav a { color:#3a0408; }
	#loveSubSubNav a:hover { color:#fc552b; border:none; }
	/* selected states */	
	body.thePremiere #loveNavThePremiere a,
	body.showScenes #loveNavShowScenes a,
	body.behindTheScenes #loveNavBehindTheScenes a,
	body.backstage #loveNavBackstage a { color:#fc552b; }


	/* Video */
	.video { margin:15px auto; border:2px solid #450000; padding:1px 1px 0 1px; }
	.video b { display:block; padding:30px 0; text-align:center; }
	body.videoPlayer .video { background-color:#999; }


	/* Columns */
	#content { padding:0 20px 50px; }
	#column1, #column2 { width:300px; }
	#column1 { float:left; padding-bottom:50px; }
	#column2 { float:right; }


	/* Typography */
	body { font-size:13px; line-height:17px; }
	p { margin-top:6px; }
	#content h2 { color:#5c2726; font-family:"Century Gothic", Helvetica, Arial, sans-serif; font-weight:normal; margin-top:15px; padding-top:18px; padding-bottom:0; margin-bottom:0; text-align:left; border-top:1px dotted #ccc; }


	/* Per section amends */
	body.theShow.directorsVision img,
	body.theShow.characters img,
	body.photosVideo.trailersVideos img { border-top:1px dotted #ccc; margin-top:30px; padding-top:3px; }
	body.theShow.directorsVision #content h2,
	body.theShow.characters #content h2,
	body.photosVideo.trailersVideos #content h2 { margin-top:3px; padding-top:18px; }
	body.theShow.theCreators #content a.img { position:relative; display:block; width:100px; height:120px; float:right; border:none; }
	body.theShow.theCreators #content a img { position:relative; top:-22px; right:6px; border:1px solid #ccc; padding:2px; margin-left:20px; }
	body.theShow.theCreators #content a.img:hover img { border:1px solid #333; }
	body.makingOf.productionDiaries #content { padding-left:150px; width:460px; }
	body.makingOf h1 { position:relative; left:25px; }
	body.makingOf #loveSubSubNav { padding-top:125px; }


	/* h1 image replacement */
	body h1 { visibility:visible !important; display:block; width:620px; height:40px; text-indent:-9999px; margin:10px 0; }
	body.theShow h1 { background:transparent url(../images/titles/seeLoveAtTheMirageLasVegas.gif) top center no-repeat; }
	body.theShow.directorsVision h1 { background:transparent url(../images/titles/loveScenesTheDirectorsVision.gif) top center no-repeat; }
	body.theShow.characters h1 { background:transparent url(../images/titles/charactersAndArtists.gif) top center no-repeat; margin-bottom:-10px; }
	body.theShow.theCreators h1 { background:transparent url(../images/titles/theCreatorsBiographies.gif) top center no-repeat; }
	body.tickets h1 { background:transparent url(../images/titles/tickets.gif) top center no-repeat; margin:50px 0 10px; }
	body.photosVideo.photoGallery h1 { background:transparent url(../images/titles/photoGalleries.gif) top center no-repeat; }
	body.photosVideo.trailersVideos h1 { background:transparent url(../images/titles/trailersAndVideos.gif) top center no-repeat; }
	body.photosVideo.wallpapers h1 { background:transparent url(../images/titles/wallpapers.gif) top center no-repeat; }
	body.photosVideo.screensavers h1 { background:transparent url(../images/titles/screensavers.gif) top center no-repeat; }
	body.music h1 { background:transparent url(../images/titles/aboutTheAlbum.gif) top left no-repeat; }
	body.makingOf h1 { background:transparent url(../images/titles/productionDiariesTheMakingOfLove.gif) top center no-repeat; }
	body.makingOf.costumes h1 { background:transparent url(../images/titles/theCostumes.gif) top center no-repeat; width:590px; }
	body.makingOf.costumes h1.sketches { background:transparent url(../images/titles/costumeSketches.gif) top center no-repeat; width:590px; margin:30px 0 5px; }
	body.store h1 { background:transparent url(../images/titles/theLoveStore.gif) top center no-repeat; margin:50px 0 10px; }
	body.theDocumentary.aboutTheDocumentary h1 { background:transparent url(../images/titles/aboutTheDocumentary.gif) top center no-repeat; margin:50px 0 10px; }
	body.theDocumentary.synopsis h1 { background:transparent url(../images/titles/synopsis.gif) top center no-repeat; margin:50px 0 10px; }
	body.theDocumentary.productionNotes h1 { background:transparent url(../images/titles/productionNotes.gif) top center no-repeat; margin:50px 0 10px; }
	body.theDocumentary.watchTrailerClips h1 { background:transparent url(../images/titles/watchTrailerClips.gif) top center no-repeat; margin:50px 0 10px; }
	body.theDocumentary.buyTheDvd h1 { background:transparent url(../images/titles/buyTheDvd.gif) top center no-repeat; margin:50px 0 10px; }
	/* other image replacement */
	#content a#albumMicrosite { text-indent:-9999px; float:right; margin:20px 0 10px 30px; display:block; border:none; background:#fff url('../images/elements/albumMicrosite.jpg') no-repeat top left; width:330px; height:330px; }


	/* Photo gallery */
	#jquery-lightbox a { border:none; z-index:999999; }
	#jquery-overlay { background:#000 url(../images/bg.jpg) top center repeat-x; z-index:9999999; }
	#love ul.photos { padding-left:150px; width:460px; }
	#love ul.photos li { float:left; }
	#love ul.photos li a { float:left; border:none; }
	#love ul.photos li a img { padding:2px; background:#fff; margin:5px; border:1px solid #ccc; }
	#love ul.photos li a:hover img { border:1px solid #333; }
	
	body#love.makingOf.costumes ul.photos { padding-left:90px; }

	/* LANDING PAGE */
	
	ul#buy-links { width:675px; height:44px; margin:10px 0 0 15px; }
	ul#buy-links li { float:left; margin-right:40px; }
	ul#buy-links li.last { float:left; display:inline; margin-right:0; }
	ul#buy-links li a { display:block; width:187px; height:44px; text-indent:-9999px; }
	ul#buy-links li a:hover { border:0; }
	
	li a.buy-tickets { background-image:url(../images/home/buyTickets.png); }
	li a.buy-on-itunes { background-image:url(../images/home/buyOniTunes.png); }
	
	ul#download-link { width:675px; height:95px; padding:35px 0;  }
	ul#download-link li a#download-app { display:block; width:187px; height:95px;
		background-image:url(../images/home/downloadTheApp.png); margin:0 auto; text-indent:-9999px; }
	a:hover#download-app { border:0; }
	
	/* ALBUM PAGE */
	h2.image-replace { display:block; text-indent:-9999px; padding:0; margin:0 auto 20px auto; }
	h2#listen { width:302px; height:34px; background-image:url(../images/titles/listenToTheAlbum.png); margin-top:40px; }
	h2#themaking { width:419px; height:45px; background-image:url(../images/titles/theMakingOfTheAlbum.png); }
	
	#soundcloudPlayer { width:460px; height:200px; margin:0 auto 10px; }
	#makingOfTrailer { width:460px; background-color:#efefef; margin:0 auto 40px; }
	
	ul#itunes-link { width:187px; height:44px; margin:0 auto 40px; }
	ul#itunes-link li a { display:block; width:187px; height:44px; text-indent:-9999px; background-image:url(../images/home/buyOniTunes.png); }
	ul#itunes-link li a:hover { border:0; }
	
	
	/* AMENDS TO EXISTING CSS */
	body.theAlbum #wrap #main { height:inherit; }