﻿    * {
    margin:0px;
    padding:0px;
    }
    
   
    body {
    margin:0px;
    padding:0px;
    }
    
    #iphone_background_fix {
    
    height:100%; 
    background-color:white; 
    background-image:none;
    margin:0px;
    padding:0px;
    }
    
    #contentwrapper {
    background-image:url('../images/ip_images/FarBackgroundGREEN1008px.jpg');
    background-repeat:repeat;
    background-position:top left;
    background-color:Green;
    float:left;
    overflow:auto;
	min-height:1100px;
    }
    
#ip_container {
    width:1008px;
    margin-top:25px;
    }
    
    #top_nav {
    margin-left:5px;
    height:87px;
    background-image:url('../images/ip_images/NavBar.png');
    background-repeat:no-repeat;
    margin-right:5px;
	}
	
#home_link {
	width:300px;
	height:85px;
	text-indent:-9999px;
	display:block;
	float:left;
	}
    
    #top_nav ul {
	float:right;
    margin-top:25px;
    padding-top:15px;
	padding-right:35px;
    }
    
    #top_nav ul li {
    padding:2px 0;
    text-indent: -9999px;
    color:transparent;
    list-style:none;
    display:inline;
    }


#home_maincontent {
    background-image:url('../images/ip_images/background.png');
    background-repeat:no-repeat;
    width:969px;
    height:645px;
    margin:0px auto;
    overflow:auto;
    /*padding:5px 10px 10px 10px;*/
    }
 

#promo_img 
{
	position:absolute;
	top:345px;
	left:345px;
    background:url('../images/ip_images/GhostTalePromo.jpg') no-repeat center; 
    height:222px;
    width:338px;
    z-index:1;
    }

    
   #home_header{
    width:903px;
    height:200px;
    margin:0px auto;
    padding:10px;
    background-image:url('../images/ip_images/bannerLonger.png');
    background-repeat:no-repeat;
    z-index:2;    }
    
    #h_text{
    margin:0px 20px;
    }
    
    #h_text p a 
    {
		color:#000;
    }
    
    .home_float_container {
	position:relative;
    float:left;
    height:425px;
    overflow:hidden;
    padding:0;
    margin:0;
    z-index:2;
    }
    
    .home_float_container2 {
	position:relative;
    float:right;
    height:425px;
    overflow:hidden;
    z-index:2;        
    }
    
    #home_onstage
    {
    float:left;
    margin:0px 0px 0px 75px;
    background-color:Red;
    width:186px;
    height:240px;
    background:url('../images/ip_images/OnStageLink.png') no-repeat center;    
    text-indent:-9999px;
    display:block;
        z-index:3; 
            
    }
    
    #home_for_div {
    float:right;
    position:relative;
    right:75px;
    margin:0 110px 0 0;
    text-indent:-9999px;
        z-index:3; 
        }
    
    #home_for_teachers {
    width:102px;
    height:61px;
    background:url('../images/ip_images/ForTeachersLink.png') no-repeat;
    background-position:top;
    text-indent:-9999px;
    display:block;
    margin-bottom:10px;
        z-index:3; 
    }
    
    #home_for_parents {
    width:99px;
    height:62px;
    background:url('../images/ip_images/ForParentsLink.png') no-repeat bottom;
    text-indent:-9999px;
    display:block;
        z-index:3; 
    }
    
    #home_library {
    float:left;
    margin:160px 0 0px 0px;
    width:241px;
    height:269px;
    background:url('../images/ip_images/LibraryLink.png') no-repeat center;
    text-indent:-9999px;
    display:block;
        z-index:3; 
        }
    
    #home_about {
    float:left;
    margin:160px 0 0px 0px;
    width:240px;
    height:271px;
    background:url('../images/ip_images/AboutLink.png') no-repeat center;
    text-indent:-9999px;
        z-index:3; 
    }
    
        
    #ip_footer{
    
    height:50px;
    width:100%;
    margin-bottom:25px;
    background-image:url('../images/ip_images/NavBarBottom.png');
    background-repeat:no-repeat;
    clear:both;
    margin-left:5px;
    }
    
    /*==============================================  FONTS AND P TAGS  ===============================================*/

    /*iPhone font adjustment*/
    
    html { -webkit-text-size-adjust:none; }

    p {
    font-family:Georgia, Times New Roman, Serif;
    font-size:120%;
    color:#000;
    margin-bottom:20px;
    }
     

 
 #big_margin {
     margin:0;
     margin-left:200px;
     margin-bottom:10px;
     text-indent:0;
 }
 
 .really_big_margin {
     margin-left:350px;

     text-indent:0;
 }
 
.really_big_margin2 {
     margin-left:350px;
     margin-bottom:0px;
     text-indent:0;
 }
 
 #no_margin {
     margin:0px auto;
     width:850px;
     
  }
 
  
#p_float {
     float:right;
     width:650px;
     margin-top:10px;
     margin-right:100px;
  }
  
#p_normal{
    margin:0 35px;
    
  }
  
#p_normal_books{
    width:650px;
  }  
 #p_pos_rel{
    position:relative;
    top:-50px;
    width:400px;
    height:0px;
 }
  #p_pos_rel2 {
     position:relative;
     top:-20px;
     width:550px;
  }
    
 /*==============================================  NAV LIST LINKS  =============================================*/
    
    #top_nav ul li#about, 
    #top_nav ul li#library, 
    #top_nav ul li#stage
    {
    margin:0 20px 10px 0;
    }
    
    #top_nav ul li#teachers a img,
    #top_nav ul li#parents a img
    {
        margin:0 5px;
    }
    
    #top_nav ul li#about a img, 
    #top_nav ul li#library a img, 
    #top_nav ul li#stage a img,
    #top_nav ul li#teachers a img,
    #top_nav ul li#parents a img
    {
        border:0;
        margin-bottom:5px;
        
    }
        
    
    #top_nav ul li#about a:link, 
    #top_nav ul li#library a:link, 
    #top_nav ul li#stage a:link
    {
        text-decoration:none;
        height:150px;
    }
    
    #top_nav ul li#about a:visited, 
    #top_nav ul li#library a:visited, 
    #top_nav ul li#stage a:visited 
    {
        text-decoration:none;
    }
    
    #top_nav ul li#about a:active img, 
    #top_nav ul li#library a:active img, 
    #top_nav ul li#stage a:active img 
    {
        background-image:url('../images/ip_images/GlowForRollovers90px.png');
        background-repeat:no-repeat;
        background-position:top left;
    }
    
    #top_nav ul li#about a:hover img, 
    #top_nav ul li#library a:hover img, 
    #top_nav ul li#stage a:hover img
    {
        background-image:url('../images/ip_images/GlowForRollovers90px.png');
        background-repeat:no-repeat;
        background-position:top left;
        
        
    }
    
/*=========================================  ABOUT THE SERIES  ==========================================*/

#about_maincontent {
    background-image:url('../images/ip_images/about_images/AboutTheBooksPaperBackground.png');
    margin:0px 20px 0px 0px;
    overflow: auto;
	width: 100%;
	padding-top:25px;
	

    }
 
#about_container_left {
    float:left;
    margin:10px 0 100px 90px;
}

#about_container_right {
    float:right;
    margin:20px 90px 0 0;
}

#about_container_center {
margin:50px auto;
clear:both;
width:450px;
overflow: auto;
}

#mary_photo_about,
#sal_photo_about,
#books_logo {
    float:left;
    margin:10px 0px 10px 40px;

   }

#mary_h_about,
#sal_h_about,
#books_h_logo {
    float:right;
    margin:10px 10px 5px 5px;
    }
    
#books_h_logo {
width:250px;
margin-right:25px;
}

#mary_h_about p,
#sal_h_about p,
#books_h_logo p {
    margin:10px 0 0 0;
    }
    
#mary_h_about p a img,
#sal_h_about p a img,
#books_h_logo p a img{
    border:0;
    }
    
    
    
#about_h_text {
     margin:0px auto;
     text-align:center;
     }


/*========================================  ABOUT SUBMENU  =================================*/

#sub_menu_container {
	height:83px;
	margin:0 auto 10px 14%;
}

#sub_menu_container ul {
	margin:0 0 0 25px;
		}

#sub_menu_container ul li {
		display:inline;
	margin:0 10px 0 0;
	height:83px;
	}
#sub_menu_container ul li a img{
	border:none;
}

/*==========================================  ILLUSTRATOR  ====================================*/
    
#illustrator_maincontent {
    background-image:url('../images/ip_images/about_images/IllustratorPageBackground.png');
    margin:0px 20px 0px 0px;
    height:570px;
 }
 
#illustrator_photo {
    float:left;
    margin:10px 25px 10px 40px;
    border:0;
}

#illustrator_h_text {
    float:right;
    margin:10px 20px 10px 0px;
}

#illustrator_text {
padding:0px 40px;
text-indent:20px;

}

/*==========================================  AUTHORS  ====================================*/
    
#authors_maincontent {
    background-image:url('../images/ip_images/about_images/AuthorsPageBackground2.png');
    margin:0px 20px 0px 0px;
    }
 
#mary_photo {
    float:left;
    margin:10px 25px 10px 40px;
    border:0;
}

#nat_photo {
    float:right;
    margin:10px 25px 10px 40px;
    border:0;
}

#will_photo {
    float:left;
    margin:5px 25px 0px 40px;
    border:0;
}

#authors_h_text {
    float:right;
    margin:10px 100px 10px 0px;
}

.authors_text {
    padding:10px 40px;
    text-indent:20px;
    }
    
    /*==========================================  BOOKS  ====================================*/
    
#books_maincontent {
    background-image:url('../images/ip_images/about_images/AboutTheBooksPaperBackground.png');
    margin:0px auto;
    float:left;
    
    }
 
#mary_photo {
    float:left;
    margin:0px 0px 10px 50px;
    border:0;
}

#pter_img {
    position:absolute;
    top:150px;
    right:-800px;
}

#knight_img {

    background-image:url('../images/ip_images/about_images/KnightOnHorse.png');
    background-position:top left;
    background-repeat:no-repeat;
    width:90%;
    
    margin:0px 20px 10px 20px;
    }

#books_img {
    background:url('../images/ip_images/about_images/AboutBooksTitleWithImages.png') no-repeat;
    width:953px;
    height:315px;
    display:block;    
    
    margin:0 auto;
    }
    
 #books_img p#tight {
    padding:200px 0 0 50px;
    width:550px;
    }


#books_h_text {
    float:left;
    margin:10px 10px 0 250px;
    
}

.books_text {
    padding:10px 40px;
    text-indent:20px;
    }
    
 #books_spacer1 {
     height:250px;
     width:130px;
     float:right;
     margin:0 250px 10px 0px;
     
 }

    /*==========================================  ON STAGE  ====================================*/
    
#onstage_maincontent {
    background-image:url('../images/ip_images/on_stage/OnStagePaperBackground.png');
    
    overflow:auto;
    padding:35px 70px;
    }

.spacer {
    margin: 20px auto 10px auto;
    width:100%;
    clear:both;
    }
 
#onstage_title{
    margin:0px auto;
    width:827px;
    }
    
#onstage_themusical {
    margin-top:0;
    }

#merlin_img {
    float:left;
    margin:10px 10px 10px 20px;
    }
#merlin_text {
    float:right;
    width:600px;
    margin-left:10px;
    margin-right:20px;
    }
    
.video_img {
    float:right;
    margin:0px 60px 10px 20px;
    width:172px;
    text-indent:-9999px;
    height:147px;
    background-image:url('../images/ip_images/on_stage/WatchVideoIcon.png'); 
    display:block;
    }

    
.video_img_hover {
    float:right;
    margin:10px 0px 10px 0px;
    background-image:url('../images/ip_images/on_stage/WatchVideoIconOver.png');
    width:172px;
    text-indent:-9999px;
    height:147px;
    display:block;
    }
    
#musical {
    margin:0px auto;
    clear:both;
    float:left;
    }
#musical_img {
    float:left;
    margin:0px 10px 10px 20px;
    width:200px;
    height:174px;
    display:block;
    background-image:url('../images/ip_images/on_stage/MusicalImage.png');
    }
#musical_text{
    float:right;
    width:550px;
    margin-left:10px;
    margin-right:20px;
}
    
#video_text {
    float:left;
    width:550px;
    margin-left:10px;
   }

#passport{
    border-top:solid 1px #000;
    border-bottom:solid 1px #000;
    padding-top:10px;
    padding-bottom:10px;
    margin-top:20px;
    margin-bottom:20px;
    background-image:url('../images/ip_images/on_stage/PassportToReadingImage.png');
    background-repeat:no-repeat;
    background-position:right;
    width:100%;
    height:200px;
    float:left;
   }

#passport_text{
    float:left;
    width:600px;
}
#passport_img {
    float:right;
    background-image:url('../images/ip_images/on_stage/PassportToReadingImage.png');
    width:194px;
    height:182px;
    margin-left:10px;
    }

#space_mission {
    float:left;
    }
#space_mission_img{
    float:left;
    margin:10px 20px 10px 20px;
    background-image:url('../images/ip_images/on_stage/SpaceMissionIcon.png');
    width:202px;
    height:193px;
    }
#space_mission_text {
    float:right;
    width:550px;
    margin-right:20px;
    }
    
.view_website {
    background-image:url('../images/ip_images/on_stage/ViewWebsiteBtn.png');
    width:132px;
    height:30px;
    display:block;
    text-indent:-9999px;
}
.view_website_hover {
    background-image:url('../images/ip_images/on_stage/ViewWebsiteBtnOver.png');
    width:132px;
    height:30px;
    display:block;
    text-indent:-9999px;
}

/*============================================  LIBRARY  =====================================*/

#library_maincontent {
    background-image:url('../images/ip_images/library/LibraryPaperBackground.png');
    background-repeat:repeat-y;
    margin:0px 20px 0px 0px;
    overflow:auto;
    padding:35px 70px;
    }

#library_title{
    margin:0 auto;
	display:inline;
	}
	
.pag_border {
	border-bottom:solid 1px #000;	
	width:100%;
	float:left;
	padding-bottom:5px;
}
	
#library_title img {
	margin:auto 10px;
}

#top_promo_container {
	width:903px;
    height:200px;
    margin:0px auto;
    padding:10px;
    background-image:url('../images/ip_images/bannerLonger.png');
    background-repeat:no-repeat;
}

#top_promo{
	padding:10px;
	width:600px;
}

#leaves_img {
	background-image:url('../images/ip_images/library/Leaves.png');
    width:110px;
    height:102px;
    
    }
 #title_img {
	background-image:url('../images/ip_images/library/LibraryTitle.png');
    width:439px;
    height:78px;
    }	
 #lib_books_img {
 	background-image:url('../images/ip_images/library/BooksPicture.png');
    width:189px;
    height:167px;
    }    
	
.sectionwrapper {
	border-bottom:solid 1px #000;
	float:left;
	margin-top:10px;
}

.bookcontainer {
	float:left;
	margin:10px 35px;
	clear:both;
}

.book_img{
	float:left;
	margin-right:10px;
	margin-top:16px;
}


.book_text {
	float:right;
	padding:10px;
	width:500px;
}

.buy_button_container {
	float:right;
	margin: 20px auto;
}
.buy_button {
	background-image:url('../images/ip_images/library/BuyNowBtn.png');
	background-repeat:no-repeat;
    width:115px;
    height:35px;
    display:block;
    text-indent:-9999px;
    margin:10px 0 0 20px;
    border:0;
}
.buy_button_hover {
    background-image:url('../images/ip_images/library/BuyNowBtnOver.png');
    width:115px;
    height:30px;
    display:block;
    text-indent:-9999px;
}	

.p_title{
	margin:0;
	font-weight:bold;
}

/*===================================================  GLOBAL HEADER  =====================================*/

#ip_rh-band {
  margin: 0;
  padding: 0;
  color:#FFF;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  font-weight:bold;
  height:18px;
  text-transform:lowercase;
  background-color: #889F71;
  align: top center;
  width:1008px;
  }
#ip_rh-band-wrap {

  margin:0 auto;
  display:block;
  color: #FFF;
  }
#ip_rh-band a:link,
#ip_rh-band a:visited {
  color:#FFF;
  text-decoration:underline;
  }
#ip_rh-band a:hover,
#ip_rh-band a:active {
  color:#FFF;
  text-decoration:none;
  }
#ip_rh-menu-wrapper {

  margin: 0px auto;
  position: relative;
  z-index: 49;
}
.ip_randomhouse {
  background:url(../images/rhlogo.gif) left top no-repeat;
  padding:5px 0px 0 25px;
  display:block;
  height:10px;
  line-height:7px;
  float:left;
  color: #FFF;
}
.ip_separator{
  display:block;
  padding:5px 5px 0 5px;
  float: left;
  line-height:7px;
}
.ip_moresites-show {
  background:url(../images/moresites-bg.gif) right 3px no-repeat;
  padding:5px 15px 0 0;  
  display:block;
  float:left;
  height:10px;
  line-height:7px;
  color: #889F71;
  font-size: 11px;
}  
.ip_moresites-hide {
  background:url(../images/btn_minus.gif) right no-repeat;
  padding: 4px 5px 0 0;  
  height:10px;
  display:block;
  float:left;
  width:75px;
  line-height:8px;
  text-transform:lowercase;
  font-weight:bold;
  color: #889F71;
  font-size: 11px;
}  

.ip_moresites-list {
  position:absolute;
  top:-18px;
  left:200px;
  display:none;
  z-index:50;
  width:265px;
  height:100px;
  text-align:left;
  padding:5px;
  line-height:16px;
  font-weight:normal;
  border-collapse:collapse;
  text-transform:lowercase;
  font-size: 11px;
}

.ip_moresites-list .fill {  
  background:#fff;
}
.ip_moresites-list a:link,
.ip_moresites-list a:visited {
  color:#48652F !important;
  text-decoration:none !important;
}
.ip_moresites-list a:hover,
.ip_moresites-list a:active {
  color:#48652F !important;
  text-decoration:underline !important;
}
