/******************************************** Preschoolers ********************************************/ #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/es/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/es/nav_spanish_ro.gif) no-repeat 0px 0px;} /******************************************** Preschoolers ********************************************/ #read #theBody {background: #004bb1 url(/kids/images/leadingtoreading/es/presch_read_bg.png) no-repeat;} #read #main_content{width:720px; float:left;} #read #main_content .content{padding: 20px 0px 0px 20px;margin:0px;} #read #secondary_content {width:180px; float:right;} #read #secondary_content .content{padding:0px;} #read #primarySection{background: transparent url(/kids/images/leadingtoreading/es/presch_read_bot.gif) no-repeat center bottom;width:910px; padding-bottom:198px;} #read.detail #theBody{background: #004bb1 url(/kids/images/leadingtoreading/es/presch_read_detail_bg.png) repeat-x 0 0;} #read.detail #main_content{width:660px; float:left;} #read.detail #main_content .content{padding: 20px 0px 10px 20px;margin:0px;} #read.detail #secondary_content {width:230px; float:right;} #read.detail #secondary_content .content{padding:0px;} #read.detail #primarySection{background: transparent url(/kids/images/leadingtoreading/es/presch_read_detail_bot.gif) no-repeat center bottom;width:910px; padding-bottom:10px;} #play #theBody{background: #006600 url(/kids/images/leadingtoreading/es/presch_play_bg.gif) no-repeat;} #play #main_content{width:895px; float:left;} #play #main_content .content{padding: 0px 0px 20px 15px;margin:0px;} #play #primarySection{background: transparent url(/kids/images/leadingtoreading/es/presch_play_bot.gif) no-repeat center bottom; width:910px;} #play.detail #main_content{width:700px; float:left;} #play.detail #main_content .content{padding: 20px 0px 20px 20px;margin:0px;} #play.detail #secondary_content {width:175px; float:right;} #sing #theBody{background: #dcffff url(/kids/images/leadingtoreading/es/presch_sing_bg.gif) repeat-x 0 0;} #sing #main_content{width:787px; float:left;} #sing #main_content .content{padding: 20px 0px 0px 20px;margin:0px;} #sing #secondary_content {width:123px; float:right;} #sing #secondary_content .content{padding:0px;} #sing #primarySection{background: transparent url(/kids/images/leadingtoreading/es/presch_sing_bot_bg.gif) no-repeat center bottom;padding-bottom:124px;} #sing.detail #main_content{width:738px; float:left;} #sing.detail #main_content .content{padding: 20px 0px 0px 20px;margin:0px;} #sing.detail #secondary_content {width:123px; float:right;} #sing.detail #secondary_content .content{padding:0px;} #sing.detail #theBody{background: #dcffff url(/kids/images/leadingtoreading/es/presch_sing_detail_bg.gif) repeat-x 0 0;} #sing.detail #primarySection{background: transparent url(/kids/images/leadingtoreading/es/presch_sing_details_bot_bg.gif) no-repeat center bottom;padding-bottom:20px;} #explore #theBody{background: #609309 url(/kids/images/leadingtoreading/es/presch_explore_bg.gif) no-repeat;} #explore #main_content{width:910px;float:left;} #explore #main_content .content{padding: 0px 0px 20px 0px; margin:0px; float:left;} #explore #primarySection{background: transparent url(/kids/images/leadingtoreading/es/presch_explore_bot.gif) no-repeat center bottom; width:910px;} #doodle #theBody{background: #669900 url(/kids/images/leadingtoreading/es/presch_doodle_bg.gif) repeat-x 0 0;} #doodle #main_content{width:910px;float:left; background: transparent url(/kids/images/leadingtoreading/es/presch_doodle_octopus_bg.gif) no-repeat 0 0; display:inline-block;} #doodle #main_content .content{padding: 0px 0px 20px 0px; margin:0px; float:left;} #doodle #primarySection{background: transparent url(/kids/images/leadingtoreading/es/presch_doodle_bot.gif) no-repeat center bottom; width:910px;} #doodle.detail #theBody{background: #669900 url(/kids/images/leadingtoreading/es/presch_doodle_octopus_bg.gif) repeat-x 0 0;} #doodle.detail #main_content{width:700px; float:left; background:none;} #doodle.detail #main_content .content{padding: 20px 0px 20px 20px;margin:0px;} #doodle.detail #secondary_content {width:175px; float:right;} /* read page */ #read #list_wrapper{padding-bottom:0px; width:700px;} #read #highlight {width:600px; float:left; padding:0px; display:inline-block; margin:0px 0px 0px 40px;} #read #hightlight:after { content: "."; display: block; height: 0; clear: both; visibility:hidden; } #read .list_row{ width:690px; display: inline-block; margin:0px; padding:0px;} #read .list_row:after { content: "."; display: block; height: 0; clear: both; visibility:hidden; border: 0px solid white;} #read .list_left {width:330px; float:left; padding:0px; display:block; margin:40px 0px 0px 0px; border: 0px solid red;} #read .list_right {width:330px; float:right; padding:10px 0px 0px 0px; display:inline-block; border:0px solid yellow;} #read .list_center {width:330px; padding:20px 0px 0px 0px; display:inline-block; margin-left:170px;} #highlight .read_image{ float:left; width:164px; height:164px; padding:0px; margin-right:10px; } #highlight .read_info{width: 426px; padding-top:0px; float:right;} #highlight .read_info a, .read_info a:link, .read_info a:visited {color:#ccff66; font:bold 14px/15px Verdana, Helvetica, sans-serif;} .read_image{ float:left; width:134px; height:134px; padding:0px; margin-right:10px; } .read_info{width: 185px; padding-top:0px; float:right;} .read_info a, .read_info a:link, .read_info a:visited {color:#ccff66; font:bold 14px/15px Verdana, Helvetica, sans-serif;} .read_info h3{padding:0px; margin:0px;} .read_info p{color:#ffffff; font: 12px/13px Verdana, Helvetica, sans-serif; padding-bottom:0px; padding-top:1px;} #read #intro { width:550px; display:block; } #read #intro p{ font-size:12px; color: #ffffff; padding:15px 0px 5px 153px;} /* story detail page */ #read #flashwrap { border: 10px solid; display:block;} #read_detail_back { float:right; margin-left:45px; margin-right:20px; margin-top:20px; } #read_detail_back a { background: transparent url(/kids/images/leadingtoreading/es/presch_read_detail_back.gif) no-repeat 0 0; width:155px; height:30px; display:block; } #read_detail_back a span {display:none;} #read_detail_back a:hover {background: transparent url(/kids/images/leadingtoreading/es/presch_read_detail_back_ro.gif);} /* sing page */ #sing #list_top{background: transparent url(/kids/images/leadingtoreading/es/presch_sing_list_top.gif) no-repeat; width:767px; height:36px; display:block;} #sing #list_wrapper{background: transparent url(/kids/images/leadingtoreading/es/presch_sing_list_bg.gif) repeat-y; padding-bottom:0px; width:767px;} .list_row{ width:717px; display: inline-block;margin:0px 25px 0px 25px; padding:0px;} .list_row:after { content: "."; display: block; height: 0; clear: both; visibility:hidden; } .list_left1 {width:339px; float:left; padding:0px 0px 10px 0px; display:inline-block;} .list_right1 {width:339px; float:right; padding:0px 0px 10px 0px; display:inline-block; } .list_left {width:339px; float:left; padding:10px 0px 10px 0px; display:inline-block;} .list_right {width:339px; float:right; padding:10px 0px 10px 0px; display:inline-block;} .song_image{ width:120px; height:80px; padding:4px; background-color:#9966cc; float:left; } .sing_info{width: 200px; padding-top:0px; float:right;} .sing_info h3{padding:0px;margin:0px;margin-top:3px;} .sing_info h3 a{color:#0066cc; font:bold 14px/15px Verdana, Helvetica, sans-serif;} .sing_info p{color:#7a7a7a; font: 12px/13px Verdana, Helvetica, sans-serif; padding-bottom:0px; padding-top:3px;} #sing #intro { background: transparent url(/kids/images/leadingtoreading/es/presch_sing_bird.gif) no-repeat top left; width:550px; display:block; min-height:120px; } #sing #intro p{ font-size:12px; color: #003300; padding:15px 0px 5px 153px;} #song_top{background: transparent url(/kids/images/leadingtoreading/es/presch_sing_song_top.gif) no-repeat; width:718px; height:31px; display:block;} #song_wrapper{ background: transparent url(/kids/images/leadingtoreading/es/presch_sing_song_bg.gif) repeat-y; width:658px; padding:0px 30px 0px 30px;} #sing #flashwrap { border: 10px solid; margin:auto; display:block;} #sing_detail_back { float:right; margin-top:20px; margin-right:15px; } #sing_detail_back a { background: transparent url(/kids/images/leadingtoreading/es/presch_sing_detail_back.gif) no-repeat 0 0; width:155px; height:30px; display:block; } #sing_detail_back a span {display:none;} #sing_detail_back a:hover {background: transparent url(/kids/images/leadingtoreading/es/presch_sing_detail_back_ro.gif);} /* play page */ #play #highlights_wrapper{width:895px; padding:0px; display:inline-block; margin:0px;} #play #highlights_wrapper:after { content: "."; display: block; height: 0; clear: both; visibility:hidden; } #play #highlights{width:700px; float:left; padding:0px; display:inline-block; margin:26px 0px 20px 0px;} #play #highlights:after { content: "."; display: block; height: 0; clear: both; visibility:hidden; } #play_header{width:180px; float:right; padding:0px; display:block; margin:20px 0px 0px 0px;} #play #game_highlight { display:inline-block; float:left; width:345px; padding:0px; margin:0px; } #play #fp_highlight { display:inline-block; float:right; width:345px; padding:0px; margin:0px; } #play .highlight_image{ float:left; width:177px; height:134px; padding:0px; margin: 0px 0px 10px 0px; } #play .highlight_info{color: #ffffff; width: 160px; display: block; float:right; padding:0px; margin-left:8px;} #play .highlight_info a, #play .highlight_info a:link, #play .highlight_info a:visited {color:#ccff66; font:bold 14px/15px Verdana, Helvetica, sans-serif;} #anchorbuttons { float:left; width:700px; display:block; margin:0px;} .games_button { float:left; margin-left:165px;} .games_button a { background: transparent url(/kids/images/leadingtoreading/es/presch_play_button_games.gif) no-repeat 0 0; width:170px; height:26px; display:block; } .games_button a span {display:none;} .games_button a:hover {background: transparent url(/kids/images/leadingtoreading/es/presch_play_button_games_ro.gif);} .fp_button {float:left; margin-left:192px;} .fp_button a { background: transparent url(/kids/images/leadingtoreading/es/presch_play_button_fp.gif) no-repeat 0 0; width:170px; height:26px; display:block; } .fp_button a span {display:none;} .fp_button a:hover {background: transparent url(/kids/images/leadingtoreading/es/presch_play_button_fp_ro.gif);} #play #list_wrapper{padding-bottom:0px; width:855px; margin-left:12px; display:block;} #play .list_row{ width:855px; display: inline-block;margin:0px 0px 20px 0px; padding:0px;} #play .list_row:after { content: "."; display: block; height: 0; clear: both; visibility:hidden; } #play .list_item {width:171px; float:left; padding:0px; display:inline-block; margin:0px;} .play_image{ float:left; width:171px; height:125px; padding:0px; margin: 0px 0px 8px 0px; } .play_info{width: 157px; padding:0px 7px 0px 7px;} .play_info a, .play_info a:link, .play_info a:visited {color:#ccff66; font:bold 14px/15px Verdana, Helvetica, sans-serif;} .play_info h3{padding:0px; margin:0px;} .play_info p{color:#ffffff; font: 12px/13px Verdana, Helvetica, sans-serif; padding-bottom:0px; padding-top:1px;} #play_fp{margin-top:50px;} #play #flashwrap { border: 10px solid; display:block;} #play_detail_back { float:right; margin-left:20px; margin-top:17px; } #play_detail_back a { background: transparent url(/kids/images/leadingtoreading/es/presch_play_details_back.gif) no-repeat 0 0; width:155px; height:30px; display:block; } #play_detail_back a span {display:none;} #play_detail_back a:hover {background: transparent url(/kids/images/leadingtoreading/es/presch_play_details_back_ro.gif);} /* fingerplays_details */ #play.fpdetails #theBody{background: #006600 url(/kids/images/leadingtoreading/es/presch_fp_details_bg.gif) no-repeat;} #play.fpdetails #main_content{width:540px; float:left;} #play.fpdetails #main_content .content{padding: 91px 77px 186px 122px;margin:0px; no-repeat 0 0;} #play.fpdetails #secondary_content {width:370px; float:right;} #play.fpdetails #secondary_content .content{padding:0px 0px 42px 0px;background: transparent url(/kids/images/leadingtoreading/es/presch_fp_details_lyric_bg_bot.gif) no-repeat bottom center; margin-bottom:10px;} #play.fpdetails #primarySection{background: transparent url(/kids/images/leadingtoreading/es/presch_play_bot.gif) no-repeat center bottom;} #play.fpdetails #secondary_content .content .movie_lyrics{padding:122px 83px 0px 22px;background: transparent url(/kids/images/leadingtoreading/es/presch_fp_details_lyric_bg_top.gif) no-repeat 0 0; font: 12px/18px Verdana, Helvetica, sans-serif;min-height:320px;} #play.fpdetails #secondary_content .content .movie_lyrics em{color:#7a7a7a;} #play.fpdetails #secondary_content .content .movie_lyrics h3{color:#0a7000;} #play.fpdetails #secondary_content .content .back span{display:none;} #play.fpdetails #secondary_content .content .back{width:129px;height:47px; position:absolute; margin-top:-125px; margin-left:220px} #play.fpdetails #secondary_content .content .back a {width:170px;height:47px;margin: 20px -30px;display:block;background: transparent url(/kids/images/leadingtoreading/es/presch_play_details_back.gif) no-repeat 0 0;} #play.fpdetails #secondary_content .content .back a:hover {background: transparent url(/kids/images/leadingtoreading/es/presch_play_details_back_ro.gif) no-repeat 0 0;} #play.fpdetails .links {padding-top:10px; font: 10px/10px Verdana, Helvetica, sans-serif; display:inline-block;height:42px;} #play.fpdetails .links .text{ width:auto; display:block; height:42px; padding:14px 15px 0px 43px; color:#0066cc; float:left; background: transparent url(/kids/images/leadingtoreading/es/baby_fp_detail_button_print.gif) no-repeat 0 0; } #play.fpdetails .links .send{ width:auto; display:block; height:42px; padding:14px 0px 0px 43px; color:#0066cc; float:left; background: transparent url(/kids/images/leadingtoreading/es/baby_fp_detail_button_send.gif) no-repeat 0 0; } /* explore */ #explore #top_wrapper{padding:0px; width:910px; min-height:125px; margin-left:0px; display:inline-block;} #explore #top_wrapper:after { content: "."; display: block; height: 0; clear: both; visibility:hidden; } #explore #intro{ width:700px; min-height:156px; background: transparent url(/kids/images/leadingtoreading/es/presch_explore_flamingo.gif) no-repeat 0 0; float:left; padding:0px 0px 0px 0px; display:block; margin:0px; } #explore #intro p{color:#ffffff; font: 12px/13px Verdana, Helvetica, sans-serif; padding:75px 140px 20px 140px;} #explore_header{width:156px; float:right; padding:0px; display:block; margin:0px;} #explore #list_wrapper{padding:10px 0px 0px 0px; width:910px; margin:0px; display:inline-block;} #explore #left_column { display:block; float:left; width:426px; padding:0px; margin:0px; } #explore #right_column { display:block; float:right; width:454px; padding:0px; margin:35px 0px 0px 0px; } #explore .site { display:inline-block; padding:0px; margin:0px 0px 12px 0px; } #explore .site:after { content: "."; display: block; height: 0; clear: both; visibility:hidden; } #left_column .site_image{ background: transparent url(/kids/images/leadingtoreading/es/presch_explore_image_lft_bg.gif) no-repeat 0 0; float:left; width:221px; height:136px; padding:0px; margin: 0px 10px 0px 0px; } #left_column .site_image img{ width:126px; height:126px; padding:0px; margin: 5px 0px 0px 90px; } #right_column .site_image{ background: transparent url(/kids/images/leadingtoreading/es/presch_explore_image_rt_bg.gif) no-repeat 0 0; float:right; width:249px; height:137px; padding:0px; margin: 0px 0px 0px 10px; } #right_column .site_image img{ width:126px; height:126px; padding:0px; margin: 5px 0px 0px 5px; } #left_column .site_info{float:right; color: #ffffff; width: 195px; display: block; padding:0px;} #right_column .site_info{float:left; color: #ffffff; width: 195px; display: block; padding:0px;} #explore .site_info h3{font: 14px/16px Verdana, Helvetica, sans-serif; padding:10px 0px 3px 0px; margin:0px;} #explore h3 a, #explore h3 a:link, #explore h3 a:visited {color:#ffff66; font:bold 14px/15px Verdana, Helvetica, sans-serif;} #explore .site_info p{color:#ffffff; font: 12px/14px Verdana, Helvetica, sans-serif; padding:0px 0px 10px 0px;} /* explore_details */ #explore.details #theBody{background: #609309 url(/kids/images/leadingtoreading/es/presch_explore_details_bg.gif) no-repeat;} #explore.details #main_content{width:584px; float:left;} #explore.details #main_content .content{background: transparent url(/kids/images/leadingtoreading/es/presch_explore_movie_bg.gif) no-repeat 0 0; padding: 90px 123px 186px 137px;margin:0px; no-repeat 0 0;} #explore.details #secondary_content {width:326px; float:right;} #explore.details #secondary_content .content{padding:0px 0px 27px 0px;background: transparent url(/kids/images/leadingtoreading/es/presch_explore_text_bot.gif) no-repeat bottom center; margin-bottom:10px;} #explore.details #primarySection{background: transparent url(/kids/images/leadingtoreading/es/presch_explore_bot.gif) no-repeat center bottom;} #explore.details #secondary_content .content .movie_text{padding:150px 52px 0px 46px;background: transparent url(/kids/images/leadingtoreading/es/presch_explore_text_top.gif) no-repeat 0 0; font: 12px/18px Verdana, Helvetica, sans-serif;min-height:320px;} #explore.details #secondary_content .content .movie_text em{color:#7a7a7a;} #explore.details #secondary_content .content .movie_text h3{color:#0a7000;} #explore.details #secondary_content .content .back span{display:none;} #explore.details #secondary_content .content .back{width:155px;height:30px; position:absolute; margin-top:-70px; margin-left:110px} #explore.details #secondary_content .content .back a {width:155px;height:30px;display:block;background: transparent url(/kids/images/leadingtoreading/es/presch_explore_details_back.gif) no-repeat 0 0;} #explore.details #secondary_content .content .back a:hover {background: transparent url(/kids/images/leadingtoreading/es/presch_explore_details_back_ro.gif);} #explore.details .links {padding-top:10px; font: 10px/10px Verdana, Helvetica, sans-serif; display:block;} #explore.details .links .text{ width:auto; height:42px; padding:14px 15px 15px 43px; color:#0066cc; background: transparent url(/kids/images/leadingtoreading/es/baby_fp_detail_button_print.gif) no-repeat 0 0; } #explore.details .links .send{ width:auto; display:block; margin-top:20px; height:42px; padding:14px 15px 0px 43px; color:#0066cc; background: transparent url(/kids/images/leadingtoreading/es/baby_fp_detail_button_send.gif) no-repeat 0 0; } /* doodle */ #doodle_header{width:156px; float:right; padding:0px; display:block; margin-left:54px;} #doodle #wrapper{float:left; padding:0px; width:700px; min-height:125px; margin-left:0px; display:inline-block;} #doodle#wrapper:after { content: "."; display: block; height: 0; clear: both; visibility:hidden; } #doodle #intro{ width:210px; min-height:156px; background: transparent url(/kids/images/leadingtoreading/es/presch_doodle_doodle.gif) no-repeat 0 0; float:left; padding:0px 0px 0px 0px; display:block; margin:0px; } #doodle #intro p{color:#ffffff; font: 12px/13px Verdana, Helvetica, sans-serif; padding:143px 20px 20px 20px;} #doodle #list_wrapper{ float:left; padding:10px 0px 0px 0px; width:460px; margin-left:5px; display:inline-block; } #doodle #left_column { display:block; float:left; width:220px; padding:0px; margin:0px; } #doodle #right_column { display:block; float:right; width:220px; padding:0px; margin:0px 0px 0px 20px; } #doodle .activity { display:block; padding:0px; margin-top:20px; } #doodle .activity:after { content: "."; display: block; height: 0; clear: both; visibility:hidden; } #doodle .activity_info{float:left; color: #ffffff; width: 220px; display: block; padding-left:0px;} #doodle h3{font: 14px/16px Verdana, Helvetica, sans-serif; padding:10px 10px 3px 10px; margin:0px;} #doodle h3 a, #doodle h3 a:link, #doodle h3 a:visited {color:#ccff66; font:bold 14px/15px Verdana, Helvetica, sans-serif;} #doodle .activity_info p{font: 12px/14px Verdana, Helvetica, sans-serif; padding:0px 10px 10px 10px;} /* Doodle details */ #doodle #flashwrap { border: 10px solid; display:block;} #doodle_detail_back { float:right; margin-left:0px; margin-top:18px; margin-right:20px; } #doodle_detail_back a { background: transparent url(/kids/images/leadingtoreading/es/presch_doodle_details_back.gif) no-repeat 0 0; width:155px; height:30px; display:block; } #doodle_detail_back a span {display:none;} #doodle_detail_back a:hover {background: transparent url(/kids/images/leadingtoreading/es/presch_doodle_details_back_ro.gif);} /* Sugarloaf */ .obbu_content { background-color: #white; width: 625px; text-align: center; padding: 10px; font-family: Palinto, Times New Roman, serif; } .obbu_title { font-style: italic; font-weight: bold; color: #007ac2; } .obbu_credits_copy { margin-top: 10px; text-align: left; font-size: 10pt; line-spacing: 10pt; } .obbu_index_easyTd { background-color: #4BB050; text-align: center; font-size: 10pt; } .obbu_index_lnk { text-align: center; font-weight: bold; font-size: 8pt; } .obbu_credits_main { background-image: url(/kids/images/credits_ourBookByUs.jpg); background-repeat: no-repeat; background-position: center right; text-align: left; }