body#kids { background: #509EB3 url(../images/kids/kids_bg.jpg) repeat-x center top; color: #222; font-size: 62.5%; font-family: Arial, sans-serif; } #kids #header { height: 126px; } #kids #background-left { background: transparent; display: none; } #kids #background-right { background: transparent; display: none; } #kids #wrapper { margin-top: 0; } #kids #nav { background: transparent; margin: 0 auto; position: relative; width: 954px; z-index: 2; } #kids #nav li a { border-bottom: 0px; } #kids #nav ul { top: 35px; } #kids #feature { background: transparent !important; margin: -38px auto 0 auto; padding: 0 0 0 0; position: relative; width: 1000px; height: 355px; z-index: 0; } #kids #sidebar { border-top: 20px solid #FFF; background: #EFEFEF; } #kids_calendar { background: #EFEFEF url(../images/kids/kids_calendar_bg.jpg) no-repeat 1px 1px; height: 181px; text-align: center; width: 193px; } #kids_calendar .month { color: #FFF; font-size: 1.8em; padding: 15px 0 0 0; text-transform: uppercase; } #kids_calendar .day { color: #5554FF; font-size: 3.1em; padding: 23px 0 0 0; } #kids_calendar .date { color: #5EB9C8; font-size: 7.3em;} #kids_calendar p.sifr.date { text-align: center; color: #5EB9C8; } #kids #sidebar .links { border: 0; margin: 12px 0 0; padding: 0 0 10px 0; background: #EFEFEF url(../images/kids/kids_links_bottom.jpg) 3px bottom no-repeat; } #kids #sidebar .links ul.nav { background-color: #FFF; border: solid 4px #3636A3; border-top: none; border-bottom: none; margin: 0 0 0 3px; padding: 0 0 10px 0; width: 180px; } #kids #sidebar .links .padded { padding: 15px 12px 25px 12px; } #kids #sidebar .links ul.nav li{ color: #DA3A00; display: block; font-size: 1.2em; line-height: .8em; padding: 8px 0 0 15px; text-decoration:} #kids #sidebar .links ul.nav a { color: #DA3A00; display: block; font-size: 1.2em; line-height: .8em; padding: 8px 0 0 15px; text-decoration: none !important; } /*#kids #sidebar .links ul.nav li { margin: 0 0 0 0; padding: 0 0 0 0; }*/ #kids #sidebar .links dt { background: #EFEFEF url(../images/kids/kids_links_top.jpg) no-repeat; color: #3636A3; font-size: 26px; height: 25px; line-height: .8em; margin: 0 0 0 3px; padding: 15px 0 0 17px; } #ask_a_librarian { background: url(../images/kids/ask_a_librarian_bg.jpg) no-repeat 3px 0; height: 80px; margin: 12px 0 0 0; width: 189px; padding: 65px 0 0 0; text-align: center; } #ask_a_librarian label { color: #BDE100; font-size: 2.89em; margin: 0 0 -10px 0; padding: 10px 0 0 15px; width: 150px; } #ask_a_librarian input { background: url(../images/kids/ask_a_librarian_input_bg.jpg) no-repeat; border: none; color: #509EB3; font-size: 1.4em; height: 34px; margin: 50px 0 0 16px; padding: 7px 0 0 5px; width: 164px; } #ask_a_librarian #go_button { margin: 5px 0 0 57px; height: 33px; padding: 0 0 0 0; width: 73px; } #kids #recommended_book { background: url(../images/kids/kids_reccomended_books_bg.png) no-repeat; border-bottom: solid 3px #FFF; float: left; height: 368px; width: 744px; padding: 0 0 0 14px; } #kids #recommended_book .cover { padding: 0; margin: 0; width: 175px; height: 250px; overflow: hidden; } #kids .recommended_book .book_content { float: right; padding: 0 25px 0 0; width: 164px; margin: 0; } #kids .recommended_book { color: #FFF; } #kids .recommended_book .column .half_with {width: 190px;} #kids .recommended_book .cover img { width: 170px; padding: 0 0 0 3px; } #kids .recommended_book a { color: #FFF;} #kids .recommended_book h3 { font-size: 2em; line-height: 1.2em;} #kids .recommended_book .new { font-size: 1.4em; font-style: italic; margin: 10px 0 0 0; } .see_new_items { background: url(../images/kids/see_new_items.gif) no-repeat; color: #FFF; float: right; font-size: 1.8em; height: 34px; margin: -65px 15px 0 0; text-indent: -1000em; width: 149px; } .go_find_movie { background: url(../images/kids/kids_go_find_movie_bg.gif) no-repeat left center; float: left; font-size: 1.8em; height: 34px; margin: 0 0 7px 0; text-indent: -1000em; width: 149px; } .go_find_book { background: url(../images/kids/kids_go_find_book_bg.gif) no-repeat left center; float: left; font-size: 1.8em; height: 34px; margin: 0 0 7px 0; text-indent: -1000em; width: 138px; } #new_items_header { height: 95px; text-indent: -1000em; width: 212px; } #kids .social .rating { border: 0; float: left; list-style: none; margin: 0 8px 15px 0; padding: 0 8px 0 0; } #kids .social .rating li { display: inline; font-size: 1em; padding: 0 0 0 0; } #kids .social .rating .star { background: url(../images/kids/kids_rating_star.gif) no-repeat left top; display: block; float: left; height: 15px; text-indent: -9999em; width: 15px; } #kids .social .rating .star:hover, #kids .social .rating .full { background-position: left bottom; } #kids #feature_carousel { background: #8D1026 url(../images/kids/kids_feature_carousel_bg.png) no-repeat; border-bottom: solid 3px #FFF; height: 213px; } #kids #feature_carousel .header { background: transparent; } #kids #feature_carousel .header .tabs { margin-left: 20px; } #kids #feature_carousel .header .tabs span { padding: 0; width: 50px; } #kids #feature_carousel .header .tabs a { background: transparent; border: 1px solid #E46A37; color: #E46A37; margin-right: 8px; } #kids #feature_carousel .header .tabs a.selected { border: 1px solid #FFF; color: #FFF; } #kids #feature_carousel .carousel { margin: 0 auto; padding: 15px 0 0 0; position: relative; } #kids #feature_carousel .carousel .previous { border-right: 3px solid #9C102A; display: block; height: 78px; left: 5px; padding: 47px 0 0 0; position: absolute; text-indent: -9999em; top: 15px; width: 43px; } #kids #feature_carousel .carousel .previous span { background: url(../images/kids/kids_carousel_arrow_left.png) no-repeat left top; display: block; height: 37px; margin: 0 auto; width: 37px; } #kids #feature_carousel .carousel .next { border-left: 3px solid #9C102A; display: block; height: 78px; padding: 47px 0 0 0; position: absolute; right: 5px; text-indent: -9999em; top: 15px; width: 43px; } #kids #feature_carousel .carousel .next span { background: url(../images/kids/kids_carousel_arrow_right.png) no-repeat left top; display: block; height: 37px; margin: 0 auto; width: 37px; } #kids #feature_carousel .carousel .disabled span { background-position: left bottom; } #kids #feature_carousel .carousel_items { height: 125px; left: 0; position: absolute; width: 5000px; } #kids #feature_carousel .carousel_items li { display: block; float: left; } #kids #feature_carousel .carousel_items a { display: block; float: left; margin: 0 10px 0 0; overflow: hidden; width: 90px; } #kids #feature_carousel .carousel_container { height: 125px; margin: 0 auto; overflow: hidden; position: relative; width: 641px; } #kids #feature_carousel h2.sifr { color: #FFF; font-size: 2.6em; padding: 8px 0 0 23px;} #kids .games_box { background: #366E00; height: 430px; width: 378px; } #kids .games_box div { padding: 20px; } #kids .games_box h4.sifr { color: #FFF; font-size: 3em; padding: 10px 0; } #kids .games_box a { color: #FFF; font-size: 12px; line-height: 16px; } /*Home Joke Box*/ #kids .joke_box { background: #DA3A00; color: #fff; height: 430px; width: 380px; } #kids .joke_box div { padding: 20px; } #kids .joke_box h4.sifr { color: #FFF; font-size: 3em; padding: 10px 0; } #kids .joke_box a { color: #FFF; font-size: 12px; line-height: 16px; } /*Kids Sub*/ #content { background: #FFF url(../images/kids/kids_content_bg.jpg) repeat;} #kids_sub { background-color: #5EB9C8; padding: 40px; } #kids_sub h2 { color: #FFF; font-size: 4em; padding: 0 0 20px 0; } #kids_sub p {color: #FFF; font-size: 1.6em; line-height: 1.5em; font-weight: normal; margin: 0 0 5px 0; padding: 0 15px 0 0;} #kids_sub p a {color: #BDE100;} #kids_sub ul { background: #59A8C3; margin: 20px 0 20px -5px; padding: 15px 0 15px 0; } #kids_sub ul li { color: #FFF; list-style-image: url(../images/kids/kids_li.jpg); font-weight: lighter; margin: 0 0 0 38px; padding: 5px 0 5px 0; } #kids_sub ul li a {color: #BDE100; font-size: 1.6em;} #kids_sub img.right { margin: 0 20px 0 15px; } #kids_sub img.left { margin: 0 15px 0 15px; } /*#kids_sub h3 { color: #BDE100; font-size: 22px; }*/ #kids_sub h3 { color: #FFFFFF !important; font-size: 2.8em; padding: 0 0 20px 0; } /*Come Play*/ #game_content { margin: auto; width: 597px; padding: 0 20px 0 0;} /*Joke Box*/ #feature_joke {background: url(../images/kids/joke_feature_bg.jpg) no-repeat; float: left; height: 293px; width: 678px; margin: 0 0 0 0px;} #more_jokes { width: 678px;} #more_jokes ul { background: transparent; margin: 0 !important; padding: 0 !important;} #more_jokes ul li { background: url(../images/kids/question.jpg) no-repeat 0 2px; color: #FFF; display: block; float: left; font-size: 16px; font-weight: lighter; height: 160px; line-height: 1.6em; padding: 0 0 0 18px; margin: 0 14px 20px 0; width: 300px; } #more_jokes ul li p {font-size: 13px; line-height: 18px; margin: 0 0 -10px 0; padding: 0; } /*#more_jokes ul li img { margin: 10px 0 0px 0; }*/ .popup_msg { background: transparent url(../images/kids/kids_pop_answer_bg.png) no-repeat; display:none; height:92px; line-height: 7px; padding:20px 0 0 10px; margin: -7px 0 0 -40px; width: 162px; } .popup_msg p { max-width: 134px; } /*#feature_joke p{ margin: 60px 0 0 300px;}*/ #featured_joke {font-size: 1em; margin: 68px 0 20px 300px; width: 210px;} #feature_joke .popup_msg { margin: 0px 0 0 -40px; } #feature_joke_answer {margin: 22px 0 0 400px;} .showanswer { cursor: pointer; } /* Links */ .kidlink { display: block; width: 169px; height: 153px; float: left; text-align: center; color: #FFF; font-size: 16px; font-weight: bold; padding-top: 20px; } .kidlink:hover { background-position: 0px 173px; text-decoration: none; color: #AFD100; } .kidlink1 { background: url(../images/kids/link1.png); } .kidlink2 { background: url(../images/kids/link2.png); } .kidlink3 { background: url(../images/kids/link3.png); } .kidlink4 { background: url(../images/kids/link4.png); } .kidlink5 { background: url(../images/kids/link5.png); } .kidlink6 { background: url(../images/kids/link6.png); } .kidlink7 { background: url(../images/kids/link7.png); } .kidlink8 { background: url(../images/kids/link8.png); }