/******************************************** Babies and Toddlers ********************************************/ #theBody{background-color: #ffffff } #thePage{ position: relative; width: 930px; margin-left: auto; margin-right: auto; margin-top:15px; display:block; background: #ffffff url(/kids/images/leadingtoreading/en/bg_page_top2.gif) no-repeat 0px 0px; margin-bottom:20px; } .nav_spanish a{display:block;width:111px; height:36px;} .nav_spanish a span{display:none} .nav_spanish a:hover{background: transparent url(/kids/images/leadingtoreading/en/nav_spanish_ro.gif) no-repeat 0px 0px;} /******************************************** Baby and Toddler ********************************************/ #stories #theBody {background: #7284b4 url(/kids/images/leadingtoreading/en/baby_stories_bg.gif) repeat-x 0 0;} #stories #main_content{width:710px; float:left;} #stories #main_content .content{padding: 20px 0px 0px 20px;margin:0px;} #stories #secondary_content {width:190px; float:right; } #stories #secondary_content .content{padding:0px;} #stories #primarySection{background: transparent url(/kids/images/leadingtoreading/en/baby_stories_bot.gif) no-repeat center bottom;width:910px; padding-bottom:245px;} #stories.detail #main_content{width:660px; float:left;} #stories.detail #main_content .content{padding: 20px 0px 10px 20px;margin:0px;} #stories.detail #secondary_content {width:230px; float:right;} #stories.detail #secondary_content .content{padding:0px;} #stories.detail #primarySection{background: transparent url(/kids/images/leadingtoreading/en/baby_stories_details_bot.gif) no-repeat center bottom;width:910px; padding-bottom:10px;} #games #theBody{background: #bd75a1 url(/kids/images/leadingtoreading/en/bg_gradient_1.gif) repeat-x 0 0;} #games #main_content{width:740px; float:left;} #games #main_content .content{padding: 20px 0px 20px 10px;margin:0px;} #games #secondary_content {width:149px; float:right; margin-top:20px;} #games #secondary_content .content{padding:0px;} #games #primarySection{background: transparent url(/kids/images/leadingtoreading/en/bg_gradient_1_bot.gif) no-repeat center bottom;} #games.detail #main_content{width:700px; float:left;} #games.detail #main_content .content{padding: 20px 0px 20px 20px;margin:0px;} #games.detail #secondary_content {width:175px; float:right;} #plays #theBody{background: #bd75a1 url(/kids/images/leadingtoreading/en/bg_gradient_1.gif) repeat-x 0 0;} #plays #main_content{width:748px; float:left; border:0px solid #ffff00;} #plays #main_content .content{ padding-top:0px; margin-top:0px; margin-right:0px; padding: 0px 0px 20px 20px;} #plays #secondary_content {width:162px; float:right;} #plays #secondary_content .content{padding:0px;} #plays #primarySection{background: transparent url(/kids/images/leadingtoreading/en/bg_gradient_1_bot.gif) no-repeat center bottom;} #lullabies #theBody{background: #6468cf url(/kids/images/leadingtoreading/en/baby_lull_bg.png) repeat-x 0 0;} #lullabies #main_content{width:753px; float:left;} #lullabies #main_content .content{padding: 20px 0px 0px 20px;margin:0px;} #lullabies #secondary_content {width:157px; float:right;} #lullabies #secondary_content .content{padding:0px;} #lullabies #primarySection{background: transparent url(/kids/images/leadingtoreading/en/baby_lull_bot_bg.gif) no-repeat center bottom;padding-bottom:10px;} #lullabies.detail #main_content{width:600px; float:left;} #lullabies.detail #main_content .content{padding: 30px 0px 20px 80px;margin:0px;} #lullabies.detail #secondary_content {width:190px; float:right;} #lullabies.detail #secondary_content .content{padding:0px;} #lullabies.detail #theBody{background: #6468cf url(/kids/images/leadingtoreading/en/baby_lull_details_bg.png) no-repeat;} #lullabies.detail #primarySection{background: transparent url(/kids/images/leadingtoreading/en/baby_lull_details_bot_bg.gif) no-repeat center bottom;padding-bottom:162px;} /* Rhyme page */ /* games page */ .game_row1 {margin-bottom:0px; clear:float; display:inline-block; width:740px;} .game_row1:after{ content: "."; display: block; height: 0; clear: both; visibility:hidden; } .game_row2 {margin:10px 0px 0px 110px; clear:float; display:inline-block; width:540px;} .game_row2:after{ content: "."; display: block; height: 0; clear: both; visibility:hidden; } .game_list1{ display:block; float:left; margin:0px 10px 0px 0px;} .game_list2{ display:block; float:left; margin:0px 15px 0px 15px;} .game_image{ width:230px; height:197px; margin:0px; } .game_image img{ border: 0px;} .game_info { display: block; width:200px; float:left; padding:0px 15px 0px 15px; } .game_info a, .game_info a:link, .game_info a:visited {color:#FFFF66;font:bold 14px/15px Verdana, Helvetica, sans-serif;} .game_info h3{padding:0px;margin:0px;margin-top:5px;} .game_info p{color:#ffffff;font: 12px/15px Verdana, Helvetica, sans-serif;} #games #flashwrap { border: 10px solid; display:block;} #games_detail_back { float:right; margin-left:6px; margin-right:10px; } #games_detail_back a { background: transparent url(/kids/images/leadingtoreading/en/baby_games_details_back.gif) no-repeat 0 0; width:140px; height:30px; display:block; } #games_detail_back a span {display:none;} #games_detail_back a:hover {background: transparent url(/kids/images/leadingtoreading/en/baby_games_details_back_ro.gif);} /* stories page */ #stories #list_wrapper{padding-bottom:0px; width:690px;} #stories #highlight {width:600px; float:left; padding:0px; display:inline-block; margin:0px 0px 0px 40px;} #stories #hightlight:after {content: "."; display: block; height: 0; clear: both; visibility:hidden; } #stories .list_row{ width:690px; display: inline-block;margin:0px; padding:0px;} #stories .list_row:after { content: "."; display: block; height: 0; clear: both; visibility:hidden; } #stories .list_left {width:330px; float:left; padding:0px; display:inline-block; margin:40px 20px 0px 0px;} #stories .list_right {width:330px; float:right; padding:10px 0px 10px 0px; display:inline-block;} #stories .list_center {width:330px; padding:10px 0px 10px 0px; display:inline-block; margin-left:170px;} #highlight .stories_image{ float:left; width:164px; height:164px; padding:0px; margin-right:10px; } #highlight .stories_info{width: 426px; padding-top:0px; float:right;} #highlight .stories_info a, .stories_info a:link, .stories_info a:visited {color:#ccff66; font:bold 14px/15px Verdana, Helvetica, sans-serif;} .stories_image{ float:left; width:134px; height:134px; padding:0px; margin-right:10px; } .stories_info{width: 185px; padding-top:0px; float:right;} .stories_info a, .stories_info a:link, .stories_info a:visited {color:#ccff66; font:bold 14px/15px Verdana, Helvetica, sans-serif;} .stories_info h3{padding:0px; margin:0px;} .stories_info p{color:#ffffff; font: 12px/13px Verdana, Helvetica, sans-serif; padding-bottom:0px; padding-top:1px;} #stories #intro { width:550px; display:block; } #stories #intro p{ font-size:12px; color: #ffffff; padding:15px 0px 5px 153px;} /* story detail page */ #stories #flashwrap { border: 10px solid; display:block;} #story_detail_back { float:right; margin-left:55px; margin-top:24px; margin-right:20px; } #story_detail_back a { background: transparent url(/kids/images/leadingtoreading/en/baby_story_detail_back.gif) no-repeat 0 0; width:155px; height:55px; display:block; } #story_detail_back a span {display:none;} #story_detail_back a:hover {background: transparent url(/kids/images/leadingtoreading/en/baby_story_detail_back_ro.gif) repeat scroll 0 0;} /* finger plays page */ .fp_row1 {display: inline-block; margin-bottom:0px; clear:float; background: transparent url(/kids/images/leadingtoreading/es/baby_fp_details_movie_bg.gif);} .fp_row1:after{ content: "."; display: block; height: 0; clear: both; visibility:hidden; } .fp_row2 {display: inline-block; margin-bottom:0px; clear:float;} .fp_row2:after{ content: "."; display: block; height: 0; clear: both; visibility:hidden; } .fp1{width:200px; float:left;} .fp1_image{ width:200px; margin-left:0px; margin-top:0px; } .fp1 img{border: 0px;} .fp { width:200px; float:left;} .fp_image{ width:200px; height:245px; margin-left:0px; margin-top:0px; } .fp img{ border: 0px;} .fp_info { display: block; padding:0px 15px 0px 15px; text-align:center; } .fp_info a, .fp_info a:link, .fp_info a:visited {color:#FFFF66; font:13px/15px Verdana, Helvetica, sans-serif; font-weight:bold;} .fp_info h3{padding:0px;margin:0px;margin-top:3px;} .fp_info h3 strong {font:bold 13px/15px Verdana, Helvetica, sans-serif;} .fp_info p{color:#ffffff;font:bold 13px/15px Verdana, Helvetica, sans-serif;} #fp1, #fp2 {margin-right:64px;} #fp4 {padding-left:135px; margin-right:61px;} /* fingerplays_details */ #plays.details #theBody{background: #bd75a1 url(/kids/images/leadingtoreading/en/bg_gradient_1.gif) repeat-x 0 0;} #plays.details #main_content{width:540px; float:left;} #plays.details #main_content .content{padding: 72px 77px 143px 96px;margin:0px;background: transparent url(/kids/images/leadingtoreading/es/baby_fp_details_movie_bg.gif) no-repeat 0 0;} #plays.details #secondary_content {width:370px; float:right;} #plays.details #secondary_content .content{padding:0px 0px 132px 0px;background: transparent url(/kids/images/leadingtoreading/en/baby_fp_details_lyric_bg_bot.gif) no-repeat bottom center; } #plays.details #primarySection{background: transparent url(/kids/images/leadingtoreading/en/bg_gradient_1_bot.gif) no-repeat center bottom;} #plays.details #secondary_content .content .movie_lyrics{padding:122px 83px 0px 22px;background: transparent url(/kids/images/leadingtoreading/en/baby_fp_details_lyric_bg_top.gif) no-repeat 0 0; font: 12px/18px Verdana, Helvetica, sans-serif;min-height:320px;} #plays.details #secondary_content .content .movie_lyrics em{color:#7a7a7a;} #plays.details #secondary_content .content .movie_lyrics h3{color:#993366;} #plays.details #secondary_content .content .back span{display:none;} #plays.details #secondary_content .content .back{width:190px;height:30px; position:absolute; margin-top:-110px; margin-left:148px;} #plays.details #secondary_content .content .back a {width:158px;height:30px;display:block;background: transparent url(/kids/images/leadingtoreading/en/baby_fp_details_back.gif) no-repeat 0 0;} #plays.details #secondary_content .content .back a:hover {background: transparent url(/kids/images/leadingtoreading/en/baby_fp_details_back_ro.gif);} #plays .links {padding-top:10px; font: 10px/10px Verdana, Helvetica, sans-serif; display:inline-block;height:42px;} #plays .links .text{ width:auto; display:block; height:42px; padding:14px 15px 0px 43px; color:#0066cc; float:left; background: transparent url(/kids/images/leadingtoreading/en/baby_fp_detail_button_print.gif) no-repeat 0 0; } #plays .links .send{ width:auto; display:block; height:42px; padding:14px 0px 0px 43px; color:#0066cc; float:left; background: transparent url(/kids/images/leadingtoreading/en/baby_fp_detail_button_send.gif) no-repeat 0 0; } /* lullabies page */ #lullabies #list_top{background: transparent url(/kids/images/leadingtoreading/en/baby_lull_list_top.gif) no-repeat 0 0; width:733px; height:39px; display:block;} #lullabies #list_wrapper{background: transparent url(/kids/images/leadingtoreading/en/baby_lull_list_bg.gif) repeat-y; padding-bottom:0px; width:733px; height:520px;} #lullabies .list_row{ width:673px; display: inline-block; border:0px solid #ff0000; margin:0px 30px 0px 30px; padding:0px;} #lullabies .list_row:after { content: "."; display: block; height: 0; clear: both; visibility:hidden; } #lullabies .list_left1 {width:308px; float:left; padding:0px 0px 10px 0px; display:inline-block; } #lullabies .list_right1 {width:308px; float:right; padding:0px 0px 10px 0px; display:inline-block;} #lullabies .list_left {width:308px; float:left; padding:10px 0px 10px 0px; display:inline-block; border-top:1px solid #c6e2ff; } #lullabies .list_right {width:308px; float:right; padding:10px 0px 10px 0px; display:inline-block; border-top:1px solid #bdddff;} .buttons{width:45px; float:left; display: inline_block; margin:0px; padding:0px;} .play {width:35px; float:left;;} .text {width:35px; float:right;} .lull_info{width: 258px; font: 12px/15px Verdana, Helvetica, sans-serif; padding:0px; float:right;} .lull_info h3{padding:0px;margin:0px;margin-top:3px;} .lull_info h3 a, .lull_info h3 a:link, .lull_info h3 a:visited{color:#990066; font: 14px/18px Verdana, Helvetica, sans-serif; font-weight:bold;} .lull_info p{color:#7a7a7a;font: 11px/11px Verdana, Helvetica, sans-serif; padding-bottom:0px; padding-top:3px;} #lullabies #intro p{ font-size:12px; color: #ffffff; padding:5px 10px 15px 0px; } #lullaby #flashwrap { display:block;} #lull_detail_back { float:right; margin-top:20px; margin-bottom:50px; } #lull_detail_back a { background: transparent url(/kids/images/leadingtoreading/en/baby_lullabies_details.jpg) no-repeat 0 0; width:158px; height:30px; display:block; } #lull_detail_back a span {display:none;} #lull_detail_back a:hover {background: transparent url(/kids/images/leadingtoreading/en/baby_lullabies_details.jpg);} #lullabies.detail h3{font: 15px/15px Verdana, Helvetica, sans-serif;color: #ffffff; font-weight:bold;padding:10px 0px 15px 0px;} #lullabies.detail p{font: 11px/19px Verdana, Helvetica, sans-serif; color: #ffffff; padding:0px 0px 0px 0px;} #lullabies .links {padding-top:20px; font: 10px/10px Verdana, Helvetica, sans-serif; display:inline-block; height:42px;} #lullabies .links .text{ width:auto; display:block; height:42px; padding:14px 30px 0px 46px; color:#ffff99; float:left; background: transparent url(/kids/images/leadingtoreading/en/baby_lull_detail_button_text.gif) no-repeat 0 0; } #lullabies .links .send{ width:auto; display:block; height:42px; padding:14px 0px 0px 46px; color:#ffff99; float:left; background: transparent url(/kids/images/leadingtoreading/en/baby_lull_detail_button_send.gif) no-repeat 0 0; }