/* @group Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
/* @end */
/*table{border-collapse:collapse;border-spacing:0}*//* General boxes and rows
-----------------------------------------------------------------------------------*/
/* @group General boxes and rows */
.row{float:left;margin-bottom:20px;width:100%;}
.row.dotted{border-bottom:3px dotted #fff;margin-bottom:20px;padding-bottom:20px;}
.quiz-list .row.dotted{width:755px;}
.quiz-list .row.last{padding-bottom:20px;}
.quiz-list.coming-soon .row{/*padding-bottom: 0;*/}
#content .box,#content .rounded,#sidebar .box{-moz-border-radius:8px;/* Firefox */-webkit-border-radius:8px;/* Safari and Chrome */border-radius:8px;/* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */}
.box{background:#fff;float:left;margin:0 8px 0 0;padding:13px;position:relative;width:220px;}
.full-width .box{margin-bottom:50px;margin-right:12px;padding:10px;width:213px;}
.full-width #footer .box{margin-bottom:0;}
.home .box.outer-button{min-height:280px;}
div.activities .box{margin-bottom:20px;margin-right:17px;padding:10px;width:220px;}
div.activities .box .inner-panel{min-height:270px;}
.about div.activities .box .inner-panel{min-height:510px;}
#content .box.two-thirds{background:#38388B;color:#fff;padding:15px;width:465px;}
.box.two-thirds p{color:#fff;}
.box.two-thirds .box-content{background:url(/img/stars/star-large-white.png) no-repeat top left;float:right;padding-left:60px;width:210px;}
.box.last,div.activities .box.last{margin:0;}
.box .box-header{background-position:left;background-repeat:no-repeat;position:relative;height:60px;}
.favourite-fairytales .box .box-header{height:70px;}
.home .box .box-header{background-position:top left;font-size:.9em;/*height: 80px;*/padding:0 0 10px;}
div.activities .box .box-header{background-position:top left;height:90px;}
.about div.activities .box .box-header{height:65px;}
div.activities .box.last{float:right;}
#sidebar div.box{margin:0;padding:13px 10px;width:160px;}
/* Books listing */ul.books-list .box{margin:0 15px 15px 0;padding:10px;width:157px;}
ul.books-list .box.last{margin-right:0;}
ul.books-list .box img{padding-top:0;}
ul.books-list .box .buy-link{background-position:left;background-repeat:no-repeat;font-size:1.4em;font-weight:bold;padding-left:25px;}
ul.books-list .box .buy-link a{text-decoration:none;}
ul.books-list .box .buy-link a:hover{text-decoration:underline;}
ul.books-list .box.red .buy-link{background-image:url(/img/stars/star-med-red.png);}
ul.books-list .box.green .buy-link{background-image:url(/img/stars/star-med-green.png);}
ul.books-list .box.blue .buy-link{background-image:url(/img/stars/star-med-blue.png);}
ul.books-list .box.purple .buy-link{background-image:url(/img/stars/star-med-purple.png);}
/* Quiz listing */div.quiz-list{}
div.quiz-list div.quiz-item{float:left;margin:0 15px 0 0;width:240px;}
div.quiz-list div.quiz-item.inactive{float:left;margin:0 15px 0 0;padding-bottom:0;}
div.quiz-list div.quiz-item.last{margin-right:0;}
.quiz-list.coming-soon div.quiz-item{margin-bottom:0;}
div.quiz-list .box{margin:0 15px 15px 0;padding:10px;width:220px;}
div.quiz-list .box.last{margin-right:0;}
div.quiz-list .box img{padding-top:0;}
div.quiz-list.coming-soon .box{margin:0 15px 0 0;}
div.quiz-list .box .inner-panel{background-image:url(/img/common/corners-220-bottom.png);background-position:bottom left;background-repeat:no-repeat;color:#fff;height:180px;margin-top:0;padding-right:30px;position:relative;width:190px;}
div.quiz-list .box.inactive .inner-panel{background-color:#C1B49A;color:#403339;}
div.quiz-list .box .inner-panel .image-wrapper{height:125px;overflow:hidden;position:relative;width:220px;}
div.quiz-list .box .inner-panel .image-wrapper .corners-top{background:url(/img/common/corners-220-top.png) no-repeat top left;height:7px;left:0;position:absolute;top:0;width:220px;}
div.quiz-list .box .inner-panel a{color:#fff;text-decoration:none;}
div.quiz-list .box .inner-panel a:hover{text-decoration:underline;}
#content div.quiz-list .box .inner-panel .quiz-name{background:url(/img/stars/star-white.png) no-repeat 7px;height:55px;margin:0;padding:0 0 0 45px;position:absolute;width:155px;}
#content div.quiz-list .box .inner-panel h3{border:none;display:block;font-size:1.2em;font-weight:normal;height:55px;margin:0 0 0 10px;padding:0;position:relative;width:155px;}
#content div.quiz-list .box .inner-panel h3 a,#content div.quiz-list .box .inner-panel h3 span{display:block;position:relative;}
#content div.quiz-list .button.large-240x40{background-image:url(/img/buttons/quiz-list-buttons.png);}
#content div.quiz-list .red a.button.large-240x40{background-position:-240px 0;}
#content div.quiz-list .red strong.button.large-240x40{background-position:-240px -40px;}
#content div.quiz-list .green a.button.large-240x40{background-position:-1680px 0;}
#content div.quiz-list .green strong.button.large-240x40{background-position:-1680px -40px;}
#content div.quiz-list .orange a.button.large-240x40{background-position:-960px 0;}
#content div.quiz-list .orange strong.button.large-240x40{background-position:-960px -40px;}
#content div.quiz-list .blue a.button.large-240x40{background-position:-480px 0;}
#content div.quiz-list .blue strong.button.large-240x40{background-position:-480px -40px;}
#content div.quiz-list .purple a.button.large-240x40{background-position:0 0;}
#content div.quiz-list .purple strong.button.large-240x40{background-position:0 -40px;}
#content div.quiz-list .purple a.button.large-240x40{background-position:0 0;}
#content div.quiz-list .purple strong.button.large-240x40{background-position:0 -40px;}
#content div.quiz-list .light-purple a.button.large-240x40{background-position:-1200px 0;}
#content div.quiz-list .light-purple strong.button.large-240x40{background-position:-1200px -40px;}
#content div.quiz-list .dark-blue a.button.large-240x40 { background-position: -720px 0;}
#content div.quiz-list .dark-blue strong.button.large-240x40 { background-position: 0 -40px;}
#content div.quiz-list a.button.large-240x40:hover{background-position:0 -80px;color:#fff;}
a.button.clear-quizzes{background-image:url(/img/buttons/btn-clear-quizzes.png);color:#fff;font-size:1.4em;font-weight:bold;height:60px;padding:15px 30px 0;text-align:center;width:166px;}
#content div.clear-quizzes .copy{float:left;width:510px;}
#content div.clear-quizzes div.button{float:right;width:230px;}
/* @end *//* @group Inner content in boxes *//* Full width layout */.full-width .box .inner-panel{background-image:url(/img/common/corners-212-bottom.png);background-position:bottom left;background-repeat:no-repeat;color:#fff;height:180px;margin-top:10px;position:relative;width:212px;}
.favourite-fairytales .box .inner-panel{font-size:1.2em;height:48px;padding:125px 10px 10px;width:192px;}
.full-width .box .inner-panel p{color:#fff;}
.full-width .box .inner-panel blockquote{background:url(/img/common/quote-mark-right.png) no-repeat bottom right;float:right;width:100px;}
.full-width .box .inner-panel blockquote p{background:url(/img/common/quote-mark-left.png) no-repeat top left;padding-top:25px;}
.full-width .box .inner-panel img{top:0;left:0;padding-top:0;position:absolute;}
.js .full-width .box .inner-panel{overflow:hidden;}
.full-width .box .inner-panel .inner{padding:0;width:212px;}
.js .full-width .box .inner-panel .inner{height:180px;left:0;position:absolute;width:424px;}
.full-width .box .inner-panel div{float:left;height:160px;padding:10px;width:192px;}
/* Teachers and parent pages */div.activities .box .inner-panel{background-image:url(/img/common/corners-220-bottom.png);background-position:bottom left;background-repeat:no-repeat;color:#fff;margin-top:10px;padding:10px;position:relative;width:200px;}
div.activities .box .inner-panel p,div.activities .box .inner-panel ul{color:#fff;}
/* Favourite fairytale page */.box.three-fourths{height:425px;margin-bottom:0;padding:10px 10px 15px;width:702px;}
.box.three-fourths .inner-panel{background-image:url(/img/common/corners-692-bottom.png);background-position:bottom left;background-repeat:no-repeat;color:#fff;height:335px;margin-top:10px;padding-top:0;width:682px;}
/* Main flash movie */div#fave-fairy-flash-outer,div#fave-fairy-flash{float:left;height:325px;margin-top:0;position:relative;width:505px;}
div#fave-fairy-flash-outer{margin-top:10px;padding:0;z-index:10;}
div#fave-fairy-flash-title{float:right;padding:10px 0;width:160px;}
/* Sidebar */#sidebar div.box{margin-bottom:20px;}
#sidebar .box .inner-panel{background-image:url(/img/common/corners-160-bottom.png);background-position:bottom left;background-repeat:no-repeat;color:#fff;margin:10px 0 0 1px;padding:10px;position:relative;width:140px;}
#sidebar .box .inner-panel p{color:#fff;}
/* @end */
/* Modules in top bar (Sign up etc) */
/* @group Top Bar */#top-bar .box{color:#fff;float:right;margin:0 0 0 10px;min-height:26px;padding:5px 12px;width:auto;-moz-border-radius:0 0 15px 15px;/* Firefox */-webkit-border-radius:0 0 15px 15px;/* Safari and Chrome */border-radius:0 0 15px 15px;/* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */}
.home #top-bar .box,.about #top-bar .box{background:#005879;}
.quiz #top-bar .box{background:#185c23;}
.favourite-fairytales #top-bar .box{background:#BD5806;}
.the-books #top-bar .box{background:#211A5C;}
.for-teachers #top-bar .box{background:#5F0048;}
.mix-it-up #top-bar .box{background:#420031;}
.for-parents #top-bar .box{background:#a7051c;}
/* @end *//* Columns footer *//* @group Footer */#footer .box{background:none;border-radius:0;padding:0;width:200px;}
#footer .box.copyright{width:280px;}
/* @end *//* Intro content
-----------------------------------------------------------------------------------*//* @group Intro content */.intro-content{float:left;width:755px;}
.intro-content img{float:left;margin:0;}
.intro-content .intro{float:left;padding-top:30px;width:565px;}
.for-parents .intro-content .intro{float:right;margin-right:5px;}
/* Default *//*.default .intro-content { width: 758px; }*/.default .intro-content img{margin:0;}
.default .intro-content .intro{padding-top:0;width:525px;}
.default .intro-content .button{float:right;width:230px;}
/* Quiz page */.quiz .intro-content{width:743px;}
.quiz .intro-content img{margin:0 30px 0 0;}
.quiz .intro-content .intro{float:right;padding-top:30px;width:525px;}
/* Competition page */.quiz.competition .intro-content{margin-top:-30px;margin-bottom:-30px;width:758px;}
.quiz.competition .intro-content img{margin:0;}
.quiz.competition .intro-content .intro{float:right;padding-top:30px;width:505px;}
/* Full width */.full-width .intro-content{width:968px;}
.full-width .intro-content img{margin:0 20px 0 0;}
.full-width .intro-content .intro{padding-top:0;width:450px;}
.full-width .intro-content .button{float:right;width:230px;}
.full-width .intro-content img.left{float:left;margin:0 20px 0 0;}
.full-width .intro-content img.right{float:right;margin:0 0 0 20px;}
.full-width.mix-it-up .intro-content .intro{padding-top:0;margin:0 auto;width:560px;}
.for-teachers .intro-content .intro,.the-books .intro-content .intro{float:right;margin-right:5px;width:520px;}
.about .intro-content .intro{float:right;width:495px;}
.about .intro-content img{margin-top:-20px;}
/* @end *//* Quiz pages and question layout
-----------------------------------------------------------------------------------*//* @group Quiz pages and questions */.quiz ol.questions div.question-content{clear:both;float:left;position:relative;width:630px;}
ol.questions,ol.choices{clear:left;float:left;margin:0;padding:0;width:630px;}
ol.choices{list-style:none;}
ol.questions li{color:#fff;float:left;margin:0 0 20px;list-style:none;padding:20px 20px 20px 100px;position:relative;width:630px;}
ol.choices li{border:none;float:left;font-size:1.225em;margin:0 20px 0 0;padding:0;width:130px;}
.type_one div.choices-wrapper ol.choices{clear:none;width:295px;}
.type_one div.choices-wrapper ol.choices li{clear:left;margin:0 0 10px;width:305px;}
ol.questions div.choices-wrapper{float:right;padding-top:10px;position:absolute;right:0;top:0;width:305px;}
ol.choices li img{float:left;margin-bottom:20px;}
ol.choices li div.radio{clear:left;float:left;min-height:1em;position:relative;padding:0 0 0 20px;width:110px;}
.type_one div.choices-wrapper ol.choices li div.radio{width:275px;}
ol.choices li div.radio input{position:absolute;left:0;top:2px;margin-right:10px;}
ol.questions li span.star{background:url(/img/stars/star-question-number.png) no-repeat top left;display:block;height:50px;left:20px;line-height:55px;position:absolute;text-align:center;width:50px;}
ol.questions.red span.star{color:#BF001B;}
ol.questions.red li{background:#BF001B;}
ol.questions.green span.star{color:#268836;}
ol.questions.green li{background:#268836;}
ol.questions.light-purple span.star{color:#A41E83;}
ol.questions.light-purple li{background:#A41E83;}
ol.questions.orange span.star{color:#EE6E24;}
ol.questions.orange li{background:#EE6E24;}
ol.questions.purple span.star{color:#5F0048;}
ol.questions.purple li{background:#5F0048;}
ol.questions.blue span.star{color:#007EAB;}
ol.questions.blue li{background:#007EAB;}
ol.questions.dark-blue span.star{color:#38388B;}
ol.questions.dark-blue li{background:#38388B;}
/* @end *//* Flash module for Mix It Up */
/* @group Mix It Up (Flash) */
.mix-it-up #flashwrapper { background:url(/img/common/bg-mix-it-up.png) no-repeat top left;height:506px;margin-bottom: 20px;padding:17px;position:relative;width:900px;z-index:1000;}
.mix-it-up #content #primary .row.wms p { line-height: 141px;}
.mix-it-up .row.wms img { float: left;margin-right: 20px;}
/* @end */
/* Clearer divs *//* @group Clearers */div.clearer{float:left;height:20px;}
fieldset div.clearer{height:1px;}
div.clearer.left{clear:left;}
.default div.clearer.two-thirds{width:500px;}
/* @end *//* For parents page modules *//* @group For parents */.box.full-width{background-position:15px 15px;background-repeat:no-repeat;margin-bottom:30px;min-height:80px;padding:20px;width:715px;}
.box.full-width .level-header{background-repeat:no-repeat;background-position:top left;float:left;margin-bottom:20px;padding:0 0 20px 70px;position:relative;width:645px;}
.box.full-width .inner-panel{background-image:url(/img/common/corners-470-bottom.png);background-repeat:no-repeat;background-position:bottom left;float:right;margin:0;padding:15px;width:440px;}
.box.full-width .side-panel{float:left;width:230px;}
.box.full-width .side-panel img{padding-top:0;}
.box.full-width.red .level-header{background-image:url(/img/stars/star-and-dots-red.png);border-bottom:3px dotted #BF001B;}
.box.full-width.green .level-header{background-image:url(/img/stars/star-and-dots-green.png);border-bottom:3px dotted #268836;}
.box.full-width.blue .level-header{background-image:url(/img/stars/star-and-dots-blue.png);border-bottom:3px dotted #007EAB;}
.box.full-width.purple .level-header{background-image:url(/img/stars/star-and-dots-purple.png);border-bottom:3px dotted #5F0048;}
.box.full-width a.button,ul#levels-anchors a.button{background-image:url(/img/buttons/levels-buttons.png);background-repeat:no-repeat;background-position:top left;color:#fff;display:block;font-size:1.3em;font-weight:bold;height:40px;line-height:40px;margin-top:10px;padding-left:40px;width:190px;}
.box.full-width.green a.button{background-position:-230px 0;}
.box.full-width.blue a.button{background-position:-460px 0;}
.box.full-width.purple a.button{background-position:-690px 0;}
.box.full-width a.button:hover{background-position:0 -41px;}
/* Anchor links */ul#levels-anchors{float:left;margin-bottom:0;width:100%;}
ul#levels-anchors li{float:left;margin-right:15px;width:120px;}
ul#levels-anchors li.last{margin-right:0;}
ul#levels-anchors a.button{background-image:url(/img/buttons/levels-anchors.png);padding-left:40px;width:80px;}
ul#levels-anchors a.button.level-1{background-position:0 0;}
ul#levels-anchors a.button.level-2{background-position:-120px 0;}
ul#levels-anchors a.button.level-3{background-position:-240px 0;}
ul#levels-anchors a.button.level-4{background-position:-360px 0;}
ul#levels-anchors a.button:hover{background-position:0 -40px;}
/* @end *//*
ColorBox Core Style
The following rules are the styles that are consistant between themes.
Avoid changing this area to maintain compatability with future versions of ColorBox.
*//* @group Colorbox */#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;/* overflow:hidden;*/}
#colorbox{display:none;}
#cboxWrapper{background:#fff;top:10px;margin-bottom:-20px;-moz-border-radius:8px;/* Firefox */-webkit-border-radius:8px;/* Safari and Chrome */border-radius:8px;/* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */}
#cboxOverlay{position:fixed;width:100%;height:100%;background:#000;z-index:9999;}
#cboxMiddleLeft,#cboxBottomLeft{clear:left;}
#cboxContent{position:relative;overflow:hidden;margin-bottom:32px;background:#fff;padding:0;top:5px;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block;width:100%;height:100%;border:0;}
#cboxWrapper #cboxLoadedContent img{display:none;margin:0;}
#cboxTitle{position:absolute;top:-22px;left:0;color:#000;margin:0;}
#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;}
#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer;}
#cboxLoadingGraphic{background:url(/img/colorbox/loading.gif) center center no-repeat;}
#cboxLoadingOverlay{background:#000;}
#cboxCurrent{position:absolute;top:-22px;right:205px;text-indent:-9999px;}
#cboxSlideshow,#cboxPrevious,#cboxNext,#cboxClose{text-indent:-9999px;width:20px;height:20px;position:absolute;bottom:0;background:url(/img/colorbox/controls.png) 0 0 no-repeat;}
#cboxPrevious{background-position:0 0;right:44px;}
#cboxPrevious.hover{background-position:0 -25px;}
#cboxNext{background-position:-25px 0;right:22px;}
#cboxNext.hover{background-position:-25px -25px;}
#cboxClose{background:url(/img/colorbox/close.gif) 0 0 no-repeat;height:30px;right:10px;width:76px;}
#cboxClose.hover{background-position:0 -30px;}
.cboxSlideshow_on #cboxPrevious,.cboxSlideshow_off #cboxPrevious{right:66px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px;right:44px;}
.cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-100px 0;right:44px;}
.cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}
#colorBox.cboxIe #cboxTopLeft,#colorBox.cboxIe #cboxTopCenter,#colorBox.cboxIe #cboxTopRight{display:none;}
/* @end *//************************************************************************************
-------------------------------------------------------------------------------------
"type.css"
@desc Typographic rules for Penguin Read It Yourself
@author ico Design
-------------------------------------------------------------------------------------
************************************************************************************//* @group Global */html{font-size:62.5%;}
body{font:1.2em "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande"," Lucida Sans", Arial, sans-serif;}
body #content{font-size:1.2em;}
button,input.text,textarea{font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande"," Lucida Sans", Arial, sans-serif;}
/* @end *//* Headings
-----------------------------------------------------------------------------------*//* @group Headings */#header .logo h1{border-bottom:none;height:75px;padding-top:40px;width:506px;}
#header .logo h1 a{background:url(/img/common/logo.png) no-repeat left;display:block;height:75px;text-indent:-999em;width:506px;}
.js #header .logo h1{display:none;}
h1{border-bottom:3px dotted #fff;font-size:29px;font-weight:bold;line-height:30px;margin-bottom:20px;padding:0;}
.level-header h1{border:none;margin-bottom:0;padding-bottom:0;}
h2{font-size:29px;font-weight:100;line-height:.9em;}
#content .box h2.small{/*font-size: 21px;*/}
h2 strong{font-size:25px;font-weight:normal;line-height:30px;margin-bottom:10px;}
#content .box h2 strong{font-size:1em;font-weight:bold;}
#content h3{font-size:1.4em;}
#content .box h2,#content .box h3{background-position:top left;background-repeat:no-repeat;margin-bottom:5px;padding:0 0 5px;}
#content .box h3{font-weight:normal;font-size:1.3em;}
#content .box h2.with-star{font-size:1.4em;line-height:1.2em;padding:0 0 0 60px;position:absolute;margin-bottom:0;/*min-height: 60px;*/}
.favourite-fairytales #content .box h2.with-star{/*min-height: 55px;*/}
.favourite-fairytales #content .box h2.with-star strong{font-size:1.6em;}
#content div.activities .box h2.with-star{/*min-height: 75px;*/}
.full-width #content .box h2{font-size:1.4em;/*font-size: 16px;
min-height: 35px;*/padding:0 0 10px 60px;}
.full-width #content .box h2 span{display:block;font-size:.7em;}
#content .box.two-thirds h2{margin-bottom:15px;}
#content .box h3,#content .box p.share-buttons{border-bottom:3px dotted #fff;font-weight:bold;margin-bottom:20px;min-height:1em;padding:0 0 15px;}
.quiz ol.questions h3{border-bottom:3px dotted #fff;font-weight:100;margin-bottom:10px;padding:0 0 10px;}
/* @end *//* Misc type
-----------------------------------------------------------------------------------*//* @group Misc type */#content #primary p{line-height:1.4em;}
#primary p,#primary li{font-size:1.1em;}
.intro p{margin-bottom:15px;}
#content .inner-panel p{margin-bottom:15px;}
#content .box p.share-buttons{float:left;padding-bottom:25px;width:710px;}
#content .box p.more-chances{float:left;font-size:1.2em;line-height:50px;width:710px;}
.terms ol{list-style-type:decimal;}
.terms ol li{margin:0 0 20px 25px;}
.favourite-fairytales #content .inner-panel p{font-size:.9em;}
/* @end *//* Download lists
-----------------------------------------------------------------------------------*//* @group Download lists */ul.downloads{margin:0;}
ul.downloads li{background:url(/img/common/pdf-purple.png) no-repeat top left;padding-left:50px;padding-top:2px;padding-bottom:20px;}
ul.downloads li a{color:#fff;display:block;padding:0;}
/* @end *//* Main nav for non flash
-----------------------------------------------------------------------------------*//* @group Main nav for non flash */#nav{background:#fff;float:left;margin-top:40px;padding:1px 10px;width:948px;}
#nav li{float:left;}
#nav li a{color:#000;display:block;padding:5px 10px;}
/* @end *//* Top bar signup form and links
-----------------------------------------------------------------------------------*//* @group Top bar *//* Signup form */#top-bar .box h3{color:#fff;display:inline;float:left;line-height:22px;margin-right:10px;}
#top-bar .box div{float:left;line-height:20px;padding-left:5px;}
/* Top bar sign up form */#top-bar form{background:url(/img/common/bg-form-signup.png) no-repeat top left;float:left;height:22px;line-height:20px;position:relative;width:211px;}
#top-bar .box input.text{background:none;border:none;color:#fff;font-size:11px;width:150px;}
#top-bar .box input.text.error{background:red;color:#fff;}
#top-bar button{background:url(/img/buttons/btn-signup-blue.png) no-repeat 50%;border:none;cursor:pointer;text-align:center;position:absolute;right:0;top:1px;height:20px;width:60px;}
#top-bar button span{cursor:pointer;display:block;height:22px;text-indent:-999em;width:58px;}
.quiz #top-bar button{background-image:url(/img/buttons/btn-signup-green.png);}
.favourite-fairytales #top-bar button{background-image:url(/img/buttons/btn-signup-orange.png);}
.the-books #top-bar button{background-image:url(/img/buttons/btn-signup-darkblue.png);}
.for-parents #top-bar button{background-image:url(/img/buttons/btn-signup-red.png);}
.for-teachers #top-bar button{background-image:url(/img/buttons/btn-signup-purple.png);}
.mix-it-up #top-bar button{background-image:url(/img/buttons/btn-signup-purple.png);}
#top-bar button:hover,.quiz #top-bar button:hover{background-image:url(/img/buttons/btn-signup-black.png);}
/* Links */#top-bar ul{}
#top-bar ul li{background:url(/img/type-icons/star-small-white.png) no-repeat left;display:inline;float:left;font-weight:bold;line-height:22px;margin-right:10px;padding-left:15px;}
#top-bar ul li.last{margin-right:0;}
#top-bar ul li a{color:#fff;text-decoration:none;}
#top-bar ul li a:hover{text-decoration:underline;}
#content .inner-panel a{color:#fff;}
/* @end *//* @group Footer *//* Footer lists and links
-----------------------------------------------------------------------------------*//* Copyright notice */#footer h3{color:#fff;font-size:1.2em;font-weight:100;margin-bottom:10px;}
#footer p{font-size:.9em;color:#fff;line-height:1.6em;}
/* Links */#footer p{font-size:1.2em;}
#footer .box.copyright p{font-size:1em;}
#footer .box.copyright p.facebook{font-size:1.2em;}
#footer p.twitter,#footer p.facebook{background-position:left;background-repeat:no-repeat;float:left;margin-bottom:20px;padding-left:30px;}
#footer p.twitter{background-image:url(/img/common/logo-twitter.png);}
#footer p.facebook{background-image:url(/img/common/logo-facebook.png);width:250px;}
#footer ul li{background:url(/img/type-icons/star-small-white.png) no-repeat left;clear:left;font-size:1.2em;float:left;margin-bottom:5px;padding-left:15px;width:198px;}
#footer ul li.last{margin-right:0;}
#footer a{color:#fff;text-decoration:none;}
#footer a:hover{text-decoration:underline;}
/* @end *//* Buttons
-----------------------------------------------------------------------------------*//* @group Buttons */a:hover{text-decoration:underline;}
a.button{display:block;text-decoration:none;}
a.button.large{font-size:1.4em;font-weight:bold;padding:10px;text-align:center;}
/* Rounded buttons with background hover images *//* For buttons on parents page, see modules.css - line 518 onwards */a.button.large-140x40,a.button.large-220x55,a.button.take-quiz,a.button.large-230x115,a.button.large-113x40,a.button.large-160x55,.button.large-240x40,a.button.large-210x40,a.button.large-190x40{background-position:top left;background-repeat:no-repeat;font-weight:bold;text-align:center;}
a.button.large-140x40{background-image:url(/img/buttons/btn-140x40.png);background-color:none;font-size:1.4em;height:40px;line-height:40px;width:140px;}
a.button.large-160x55{font-size:2em;height:55px;line-height:55px;width:160px;}
a.button.large-210x40{background-image:url(/img/buttons/btn-210x40.png);font-size:1.4em;height:40px;line-height:40px;margin-top:20px;width:210px;}
a.button.large-220x55{font-size:2.5em;height:55px;line-height:55px;width:220px;}
a.button.large-190x40{font-size:1.2em;height:40px;line-height:40px;margin-top:20px;padding-left:40px;text-align:left;width:150px;}
a.button.large-230x115{height:115px;width:230px;}
a.button.vote.large-230x115{background-image:url(/img/buttons/btn-vote-230x115.png);text-indent:-999em;}
.button.large-240x40,.button.large-240x40{background-image:url(/img/buttons/btn-140x40.png);float:left;font-size:1.4em;height:40px;line-height:40px;width:240px;}
.button.large-255x50{background-image:url(/img/buttons/btn-255x50.png);float:left;font-size:1.2em;height:50px;line-height:50px;padding-left:50px;width:205px;}
.button.large-255x50.take-another{float:right;}
#content #primary a.button.large-113x40{background-image:url(/img/buttons/btn-113x40.png);font-size:1.1em;height:40px;line-height:40px;padding-left:0;width:113px;}
#content a.button.take-quiz{background-position:top left;background-repeat:no-repeat;background-image:url(/img/buttons/btn-take-quiz.png);color:#fff;font-size:1.6em;height:75px;line-height:1em;padding:10px 15px 5px;width:137px;}
#content a.button:hover{background-position:bottom left;}
/* Buttons that sit outside of modules */.box.outer-button a.button,.box.double-outer-button a.button{/*background: #fff;*/bottom:-50px;position:absolute;right:0;}
.box.outer-button a.button.left,.box.double-outer-button a.button.left{left:0;}
.box.double-outer-button a.button{}
#content a.button.share{background-position:top left;cursor:pointer;float:left;font-size:1.4em;font-weight:bold;height:43px;margin-right:20px;padding:17px 10px 20px 80px;width:245px;}
#content a.button.share.facebook{background-image:url(/img/buttons/btn-share-facebook.png);}
#content a.button.share.twitter{background-image:url(/img/buttons/btn-share-twitter.png);float:right;line-height:43px;margin-right:0;}
#content a.button.share:hover{background-position:bottom left;}
/* @end *//* Forms
-----------------------------------------------------------------------------------*//* @group Forms */input.submit{background:#fff;border:none;cursor:pointer;}
/* Quiz forms */.quiz #content p.submit-button{clear:both;float:left;text-align:right;width:750px;}
.quiz #content button{background:url(/img/buttons/btn-check-answers.png) no-repeat top left;border:none;clear:both;cursor:pointer;float:right;text-align:center;height:50px;width:232px;}
.quiz #content button span{cursor:pointer;display:block;font-size:20px;font-weight:bold;height:50px;line-height:50px;width:232px;}
.quiz #content .page-content.box button{background:url(/img/buttons/btn-enter-comp.png) no-repeat top left;float:left;}
.quiz #content .page-content.box button:hover,.quiz #content button:hover{background-position:bottom left;}
/* @group Quiz reg form */.default .page-content.box fieldset{border-top:3px dotted #fff;margin-top:15px;padding-top:15px;}
.page-content.box fieldset div.row{float:left;padding-bottom:0;width:100%;}
.page-content.box fieldset div.row.last{margin-bottom:0;}
.page-content.box label{display:block;margin-bottom:5px;width:100%;}
.page-content.box div.checkbox label{float:left;width:75%;}
.page-content.box div.input{float:left;width:330px;}
.page-content.box div.checkbox{clear:left;margin-top:10px;width:400px;}
.page-content.box fieldset.full-width div.checkbox{width:710px;}
.page-content.box input.text{border:none;font-size:1.1em;padding:6px;width:318px;}
.page-content.box div.input.last{float:right;}
.page-content.box div.checkbox input{float:left;margin-right:10px;}
.quiz #content .page-content.box p.submit-button{border-top:3px dotted #fff;margin-top:15px;padding-top:15px;width:710px;}
.page-content.box p.note{font-size:.8em;font-style:italic;margin-bottom:20px;}
/* @end *//* @end *//* Images
-----------------------------------------------------------------------------------*//* @group Images */img.beanstalk{margin:10px 20px 10px 25px;}
img.quiz-sidebar-image{bottom:0;left:0;position:absolute;}
.box img{background-repeat:no-repeat;background-position:top left;padding-top:10px;}
.box.two-thirds img{float:left;padding-top:0;margin:0 -10px -10px 0;}
/* @end *//* Notices
-----------------------------------------------------------------------------------*//* @group Notices */.error,.error-message{background:#fff;color:#000;}
div.notice,div.error,div.error-message{float:left;font-size:1.4em;font-style:italic;font-weight:bold;margin:0 0 10px;padding:10px;width:500px;}
.page-content.box div.error-message{width:680px;}
.page-content.box div.input div.error-message{width:310px;}
.page-content.box fieldset.full-width div.error-message{width:685px;}
div.notice p{margin-bottom:0;}
.quiz div.error{width:730px;}
ol.questions div.error{width:610px;}
/* @end *//* Colouring
-----------------------------------------------------------------------------------*//* @group Colouring */
/* @group General element colouring */
/* Purple */.purple,.purple a{color:#5F0048;}
.purple a.button.large{background:#5F0048;color:#fff;}
.purple.outer-button a.button{color:#5F0048;}
.purple.outer-button a.button:hover{color:#fff;}
.row.wms a{
color:#5F0048;
}
/*#content .box.purple h2{
background-image: url('/img/stars/star-purple.png');
border-bottom: 3px dotted #5F0048;
}*/#content .box.purple .box-header{background-image:url(/img/stars/star-purple.png);border-bottom:3px dotted #5F0048;}
.box.purple .inner-panel{background-color:#5F0048;}
.default .page-content.purple{background-color:#5F0048;}
/* Light purple */.light-purple,.light-purple a{color:#A41E83;}
.light-purple a.button.large{background:#A41E83;color:#fff;}
.light-purple.outer-button a.button{color:#A41E83;}
/*#content .box.light-purple h2{
background-image: url('/img/stars/star-light-purple.png');
border-bottom: 3px dotted #A41E83;
}*/#content .box.light-purple .box-header{background-image:url(/img/stars/star-light-purple.png);border-bottom:3px dotted #A41E83;}
.box.light-purple .inner-panel{color:#fff;background-color:#A41E83;}
.default .page-content.light-purple{background-color:#A41E83;}
/* Orange */.orange,.orange a{color:#EE6E24;}
.orange a.button.large{background:#EE6E24;color:#fff;}
.orange.outer-button a.button{/*background: #fff;*/color:#EE6E24;}
/*#content .box.orange h2{
background-image: url('/img/stars/star-orange.png');
border-bottom: 3px dotted #EE6E24;
}*/#content .box.orange .box-header{background-image:url(/img/stars/star-orange.png);border-bottom:3px dotted #EE6E24;}
.box.orange .inner-panel{background-color:#EE6E24;}
.default .page-content.orange{background-color:#EE6E24;}
/* Green */.green,.green a{color:#268836;}
.green a.button.large{background:#268836;color:#fff;}
.green.outer-button a.button{color:#268836;}
/*#content .box.green h2{
border-color: #268836;
border-bottom: 3px dotted #268836;
}
#content .box.green h2.with-star{
background-image: url('/img/stars/star-green.png');
}*/#content .box.green .box-header{background-image:url(/img/stars/star-green.png);border-color:#268836;border-bottom:3px dotted #268836;}
.box.green .inner-panel{background-color:#268836;}
.default .page-content.green{background-color:#268836;}
/* Red */.red,.red a{color:#BF001B;}
.red a.button.large{background:#BF001B;color:#fff;}
/*.red.outer-button a.button{
background: #fff;
color: #BF001B;
}*//*#content .box.red h2{
background-image: url('/img/stars/star-red.png');
border-color: #BF001B;
border-bottom: 3px dotted #BF001B;
}*/#content .box.red .box-header{background-image:url(/img/stars/star-red.png);border-color:#BF001B;border-bottom:3px dotted #BF001B;}
.quiz #content form button.red{color:#BF001B;}
.box.red .inner-panel,.default .page-content.red{background-color:#BF001B;}
.red.outer-button a.button:hover{color:#f90;}
/* Blue */.blue,.blue a{color:#007EAB;}
.blue a.button.large{background:#007EAB;color:#fff;}
.blue.outer-button a.button{background:#fff;color:#007EAB;}
/*#content .box.blue h2{
background-image: url('/img/stars/star-blue.png');
border-color: #007EAB;
border-bottom: 3px dotted #007EAB;
}*/#content .box.blue .box-header{background-image:url(/img/stars/star-blue.png);border-color:#007EAB;border-bottom:3px dotted #007EAB;}
.quiz #content form button.blue{color:#007EAB;}
.box.blue .inner-panel{background-color:#007EAB;}
.default .page-content.blue{background-color:#007EAB;}
#content .blue a.button.large-190x40,.favourite-fairytales #content .blue a.button{background-image:url(/img/buttons/btn-190x40-blue.png);color:#007EAB;}
/* Dark blue */.dark-blue,.dark-blue a{color:#38388B;}
.dark-blue a.button.large{background:#38388B;color:#fff;}
.dark-blue.outer-button a.button{background:#fff;color:#38388B;}
.two-thirds a.button,.favourite-fairytales #content .dark-blue a.button{color:#38388B;}
/*#content .box.dark-blue h2{
background-image: url('/img/stars/star-dark-blue.png');
border-color: #38388B;
border-bottom: 3px dotted #38388B;
padding-bottom: 15px;
}*/#content .box.dark-blue .box-header{background-image:url(/img/stars/star-dark-blue.png);border-color:#38388B;border-bottom:3px dotted #38388B;}
.quiz #content form button.dark-blue{color:#38388B;}
.box.two-thirds.dark-blue,.box.two-thirds.dark-blue p{background:#38388B;color:#fff;}
.box.dark-blue .inner-panel{background-color:#38388B;}
.default .page-content.dark-blue{background-color:#38388B;}
/* @end *//* @group Enter competition boxes *//* Violet */.violet,.violet a{color:#fff;}
.enter.violet a.button.large-220x55{background-image:url(/img/buttons/btn-enter-220x55-violet.png);color:#B71497;}
#content .box.violet h2,#content .box.violet h3{background-image:url(/img/stars/star-light-violet.png);border-color:#fff;}
.box.enter.violet{background:#B71497;}
/* Green */.enter.green,.enter.green a{color:#fff;}
.enter.green a.button.large-160x55{background-image:url(/img/buttons/btn-enter-160x55-green.png);color:#268836;}
#content .enter.box.green h2,#content .enter.box.green h3{background:none;border-color:#fff;}
#content .enter.box.green h2{border:none;}
.box.enter.green{background:#268836;}
/* @end *//* @group Full width boxes eg Quiz reg form page */.default .page-content.box{width:725px;}
.default .page-content.box h3,.default .page-content.box h4,.default .page-content.box p,.default .page-content.box label,.default .page-content.box a
.box .inner-panel p{color:#fff;}
/* Reset all shared colouring */.box p{color:#000;margin:5px 0;}
.box.enter p{border-bottom:none;border-top:3px dotted #fff;color:#fff;font-size:1.2em;padding-top:20px;}
.box.enter p.button{border-top:none;font-size:1em;}
.quiz #content form button:hover,.quiz #content form a,#content .box a.button:hover{color:#fff;}
#content .box .level-header h2{background:none;border:none;font-size:1.2em;margin-bottom:0;padding-bottom:0;}
#content .box .level-header h2.small{/*font-size: 1.2em;*/margin-bottom:0;}
#content .box.full-width h3{background:url(/img/stars/star-med-white.png) no-repeat top left;border:none;color:#fff;font-weight:normal;margin-bottom:0;padding-left:30px;}
#content #primary .box.full-width h3{margin:0;}
#content .box.full-width li h4{margin:15px 0 5px;}
#content .box.full-width ul{color:#fff;list-style:disc;margin:0 20px 30px;}
#content .box.full-width ul li{line-height:1.2em;margin-bottom:10px;}
#content a.button.quizzes,#content a.button.quizzes:hover{background-image:url(/img/stars/stars-double-white.png);background-position:50%;background-repeat:no-repeat;font-size:1.6em;padding:10px 32px;}
#content .box.two-thirds h2{border-bottom:3px dotted #fff;background:none;}
#content #primary div.intro h3{margin:20px 0 5px;}
/*#content #primary div.intro p{
line-height: 1.2em;
}*//* @end *//*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.
Copyright 2006 – 2008 Mark Wubben,
Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben
See also and .
This software is licensed and provided under the CC-GNU LGPL.
See
*****************************************************************************/@media screen {
.sIFR-flash{visibility:visible!important;margin:0;padding:0;}
.sIFR-replaced,.sIFR-ignore{visibility:visible!important;}
.sIFR-alternate{position:absolute;left:0;top:0;width:0;height:0;display:block;overflow:hidden;}
.sIFR-replaced div.sIFR-fixfocus{margin:0;padding:0;overflow:auto;letter-spacing:0;float:none;}
h1.sIFR-replaced,h2.sIFR-replaced{font-size:18pt;line-height:1em;}
h2.sIFR-replaced strong{font-size:49px;height:100px;}
}
@media print {
.sIFR-flash{display:none!important;height:0;width:0;position:absolute;overflow:hidden;}
.sIFR-alternate{visibility:visible!important;display:block!important;position:static!important;left:auto!important;top:auto!important;width:auto!important;height:auto!important;}
}
/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/@media screen {
/* Example:
.sIFR-active h1 {
font-family: Verdana;
visibility: hidden;
}
*/
}
/************************************************************************************
-------------------------------------------------------------------------------------
"riy.css"
@desc main layout rules for Penguin Read It Yourself
@author ico Design
-------------------------------------------------------------------------------------
************************************************************************************//* Global
-----------------------------------------------------------------------------------*/
/* @group Global/layout */
*{margin:0;padding:0;}
.clear:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
ul#skip-nav{position:absolute;top:-999em;}
body{background:#E8E3DA;background-repeat:no-repeat;background-position:50%;}
/* Layout
-----------------------------------------------------------------------------------*/#wrapper-outer{margin:0 auto;padding:0;position:relative;width:100%;}
#dimmer{background:#000;float:left;position:absolute;top:0;width:100%;z-index:900;}
#flash-wrapper{/*position: relative;
z-index: 999;*/}
#primary{position:relative;z-index:999;}
#wrapper{margin:0 auto;padding:0;position:relative;width:968px;}
#wrapper-background{background-position:bottom center;background-repeat:no-repeat;margin:0 auto;position:relative;}
.quiz #wrapper-background{min-height:1050px;}
.quiz #wrapper-background{background-position:bottom center;}
#header{height:230px;padding:0;position:relative;width:968px;}
#content{/*float: left;*/padding:20px 0;position:relative;width:968px;}
#primary{float:left;width:755px;}
.full-width #primary{width:968px;}
#sidebar{float:right;position:relative;width:195px;}
.quiz #sidebar{padding-bottom:0;}
#footer-outer{background-position:top center;background-repeat:no-repeat;float:left;padding-top:115px;overflow:hidden;/*height: 195px;*/width:100%;}
#footer{height:140px;margin:0 auto;width:968px;overflow:hidden;}
#footer-scripts{}
.page-content{float:left;margin-top:30px;}
.default .page-content{width:755px;}
.default .page-content.box{padding:20px;width:710px;}
/* @end */
/* Page and header backgrounds
-----------------------------------------------------------------------------------*/
/* @group Page and header backgrounds */
#wrapper-outer{background-position:top center;background-repeat:no-repeat;}
.home #wrapper-outer{background-image:url(/img/headers-and-footers/home-header.png);}
.home #footer-outer{background-image:url(/img/headers-and-footers/home-footer.png);}
.quiz #wrapper-outer{background-image:url(/img/headers-and-footers/quiz-header.png);}
.quiz #footer-outer{background-image:url(/img/headers-and-footers/quiz-footer.png);}
body.quiz{background-color:#FAEFD1;}
.quiz.competition #wrapper-outer{background-image:url(/img/headers-and-footers/competition-header.png);}
.quiz.competition #footer-outer{background-image:url(/img/headers-and-footers/competition-footer.png);}
body.quiz.competition{background-color:#DCECDF;}
.quiz.competition #wrapper-background{background-image:url(/img/backgrounds/bg-take-the-quiz.jpg);}
.mix-it-up #wrapper-outer{background-image:url(/img/headers-and-footers/mix-header.png);}
.mix-it-up #footer-outer{background-image:url(/img/headers-and-footers/mix-footer.png);}
body.mix-it-up{background-color:#E5D6E3;}
.mix-it-up #wrapper-background{background-image:url(/img/backgrounds/bg-mix-it-up.jpg);min-height:1050px;}
.favourite-fairytales #wrapper-outer{background-image:url(/img/headers-and-footers/favourite-header.png);}
.favourite-fairytales #footer-outer{background-image:url(/img/headers-and-footers/favourite-footer.png);}
body.favourite-fairytales{background-color:#FCE8DC;}
.favourite-fairytales #wrapper-background{background-image:url(/img/backgrounds/bg-favourite-fairytales.jpg);}
.for-parents #wrapper-outer{background-image:url(/img/headers-and-footers/parents-header.png);}
.for-parents #footer-outer{background-image:url(/img/headers-and-footers/parents-footer.png);}
body.for-parents{background-color:#F5C6AC;}
.for-parents #wrapper-background{background-image:url(/img/backgrounds/bg-for-parents.jpg);}
.for-teachers #wrapper-outer{background-image:url(/img/headers-and-footers/teachers-header.png);}
.for-teachers #footer-outer{background-image:url(/img/headers-and-footers/teachers-footer.png);}
body.for-teachers{background-color:#F0DBEB;}
.for-teachers #wrapper-background{background-image:url(/img/backgrounds/bg-for-teachers.jpg);}
.the-books #wrapper-outer{background-image:url(/img/headers-and-footers/books-header.png);}
.the-books #footer-outer{background-image:url(/img/headers-and-footers/books-footer.png);}
body.the-books{background-color:#DFDFEC;}
.the-books #wrapper-background{background-image:url(/img/backgrounds/bg-thebooks.jpg);}
.about #wrapper-outer{background-image:url(/img/headers-and-footers/home-header.png);}
.about #footer-outer{background-image:url(/img/headers-and-footers/home-footer.png);}
body.about{background-color:#D6EAF2;}
/* @end */
/* Home page bg images */
/* @group Home page bg images */
.about #wrapper-background{background-image:url(/img/backgrounds/bg-about.jpg);}
body.home-1{background-image:url(/img/backgrounds/home-1.jpg);}
body.home-2{background-image:url(/img/backgrounds/home-2.jpg);}
body.home-3{background-image:url(/img/backgrounds/home-3.jpg);}
body.home-4{background-image:url(/img/backgrounds/home-4.jpg);}
.absolute{position:absolute;z-index:999;}
.fullscreen{position:fixed;left:0;top:0;width:100%;height:100%;background-color:black;z-index:0;overflow:hidden;}
.fullscreen-ie6{width:1000%;height:2000px;}
/* @end */