html, body {
margin: 0 0 1px;
padding: 0;
}
ul
{
list-style-type: none;
padding: 0px;
margin: 0px;
}
.indent {padding-left: 20px;}
/*BIOGRAPHY*/
.biog {background-color: #0057a7;}
.biog .wrapper {background-color: #0057a7;}
.biog a:hover {color: blue;}
.biog .main {margin: 0 auto;}
.biog .right_col {float: right; width: 80%;}
.biog .left_col {float: left; width: 80%;}
.biog .left_col img {float: right;}
.biog h1 span {background: url(images/titles/biography.jpg) no-repeat; position: absolute; width: 835px; height: 95px;}
.biog p {padding-top: 20px; padding-left: 20px; padding-right: 20px;}
.biog .one {width: 60%;}
.clear_left {clear: left;}
.biog1 {background-color: #037be9; clear: both; height: 221px; border-bottom: 5px #0057a7 solid;}
.biog2 {background-color: #014380; clear: both; padding-bottom: 20px; border-bottom: 5px #0057a7 solid;}
.biog3 {background-color: #0085ff; clear: both; border-bottom: 5px #0057a7 solid; padding-bottom: 10px;}
.biog4 {background-color: #013666; clear: both; padding-bottom: 20px; border-bottom: 5px #0057a7 solid;}
.biog5 {background-color: #037be9; clear: both; height: 229px;}
/*.biography span {background: url(images/titles/biography.jpg) no-repeat; position: absolute; width: 375px; height: 85px;}
.biography {background: url(images/backgrounds/sky.jpg);}
.biography p {font-size: 1.5em; padding-left: 3em;}
.question {margin-top: 3em;}
.biography .main {background: url(images/sky.jpg); margin-top: 40px; padding-top: 0px;}
.biography a:hover {color: red;}
/*.right_col {float: left; width: 512px; }
.left_col {width: 512px; float: left;}
.centre_col {margin-right: auto; display: block;}*/
.news_pirates {background-color: #26336d;}
.news_pirates span {background: url("images/titles/pirates.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0); height: 85px; position: absolute; width: 823px;}
.news_pirates p {
font-size: 1.2em;
padding: 0 40px 10px;
margin: 0px;
}
.draw {background-color: #234094; background: url(images/backgrounds/crayon.jpg) repeat;}
.draw .wrapper {background-color: #54afe3;}
.draw span {background: url("images/titles/drawing_tips.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0); height: 85px;
position: absolute;
width: 380px;}
.merchandise {background-color: #010158; /*background: url(images/backgrounds/crayon.jpg) repeat;*/}
.merchandise .wrapper {background-color: #010158;}
.merchandise span {background: url("images/titles/merchandise.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0); height: 85px; position: absolute; width: 437px;}
.draw .wrapper .happy a:hover: {color: blue;}
/*.draw .videos {width: 324px;}*/
.videos .row {width: 972px; margin: 0 auto;}
.buttons {width: 300px; /*margin: 0 auto;*/ margin: 0 auto;}
.buttons p { height: 140px; width: 150px; padding-top: 45px;text-align: center; font-size: 1.5em;}
.buttons a {height: 140px; width: 150px; float: left; }
.happy a:hover {color: blue; background-image: url("images/elements/happy_button_pushed.jpg");}
.happy a {background-image: url("images/elements/happy_button.jpg"); color: red;}
.sad a:hover {color: blue; background-image: url("images/elements/sad_button_pushed.jpg");}
.sad a {background-image: url("images/elements/sad_button.jpg"); color: #8dc73f;}
.angry a:hover {color: blue; background-image: url("images/elements/angry_button_pushed.jpg");}
.angry a {background-image: url("images/elements/angry_button.jpg"); color: #0072bc;}
.puzzled a:hover {color: blue; background-image: url("images/elements/puzzled_button_pushed.jpg");}
.puzzled a {background-image: url("images/elements/puzzled_button.jpg"); color: #fff200;}
.questions1 .wrapper {background-color: #0057A7;}
.questions1 span {background: url("images/titles/questions.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
height: 85px;
position: absolute;
width: 825px;
}
.questions1 {background: url("images/backgrounds/sky.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);}
.questions1 p {font-size: 1.5em; padding-left: 3em;}
.question {margin-top: 3em;}
.questions1 .main {background: url("../images/sky.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0); margin-top: 40px; padding-top: 0;}
.questions1 a:hover {color: #FF0000;}
/*MONSTER*/
.monster, .monster .wrapper {background-color: #f7931e;}
.monster h1 span {background: url(images/titles/monster.jpg) no-repeat; position: absolute; width: 628px; height: 85px; padding-bottom: 0px;}
.monster p {font-size: 1.3em; text-align: center; width: 400px; float: right;}
.monster br {line-height: 450%;}
.monster .pub p {
float: none;
padding-left: 90px;
padding-top: 15px;
text-align: left;
width: 100%;
font-size: 1em;
}
.monster .pub {padding-top: 20px;}
.monster .main {padding-top: 0px;}
/*PANTS*/
.pants, .pants .wrapper {background-color: #f47521;}
.pants h1 span {background: url(images/titles/pants.jpg) no-repeat; position: absolute; width: 200px; height: 55px; padding-bottom: 0px;}
.pants .quote p {width: 400px; margin-left: 10%; padding: 20px 25px; font-size: 1.5em; position: absolute; z-index:1; margin-top: -80px;}
.pants .main {padding-top: 0px;}
.pants .quote img {float: left; padding-left: 0px; padding-top: 20px;}
.pants .entry {background-color: #3978bd;}
.pants a:hover {color: orange;}
.pants .pub {padding-top: 40px;}
.pants .pants_quote {
float: right;
margin-right: 150px;
margin-top: 100px;
width: 310px;
}
.footer {padding: 30px;}
.clear_both {clear: both;}
body {color: white; font-family: 'Nunito', sans-serif;}
.triangle {font-family: Webdings;}
.navleft {float: left; padding-left: 10px; font-size: 1.4em; font-family: 'Nunito', sans-serif; color: white;}
.navright {text-align: right; padding-bottom: 20px; margin-right: 10px; font-size: 1.4em; font-family: 'Nunito', sans-serif; color: white;}
.navleft a {color: white; text-decoration: none;}
/*.navleft a:hover {color: #85cdff;}*/
.navright a {color: white; text-decoration: none;}
h1 {clear: both; font-size: 8px; padding-left: 28px; padding-bottom: 50px;}
h2 {font-size: 2em;}
.subhead {padding-left: 28px; margin-top: 30px; margin-bottom: 10px;}
.studio .subhead {font-size: 1.5em;}
.strip {width: 834px;}
.right {float: right;}
.left {float: left;}
.clearr {clear: right;}
.clearl {clear: left;}
.center {text-align: center;}
.title {margin: 0 auto;} /*centered title - like homepage*/
.wrapper {/*padding: 0px 0px;*/ width: 1024px; margin: 0 auto;}
/*.wrapper {padding-bottom: 100px;}*/
.main {padding-top: 40px;}
.left.news_jacqueline_col {width: 512px; float: left;}
.right_col {float: left; width: 512px; }
.left_col {width: 512px; float: left;}
.centre_col {margin-right: auto; display: block;}
.footer {/*padding: 10px 10px 0px 20px;*/ width: 300px; padding-bottom: 50px; ;margin-top: 3em;font-size: .8em; }
.footer2 {font-size: 0.5em; text-align: right; padding-right: 30px; margin-top: 2em;}
.footblock {width: 1024px; background-color: red; color: blue;}
.bookstext {padding: 20px 0px; font-size: 1.75em;}
a {color: white; text-decoration: none;}
a:hover {color: #e9d0d7; text-decoration: none;} /*general page hover*/
.pub {clear: both; font-size: 2em; width: 700px; margin: 0 auto;}
.pub img {float: left; width: 65px;}
.pub p {padding-top: 15px; padding-left: 80px;}
.shark .pub {font-size: 1em; padding-left: 0px; width: 500px; position: relative; z-index: 2; margin-top: -25px;}
.shark .pub img {margin-top: -15px;}
.choose .pub {font-size: .8em; position: relative; z-index: 2; margin-top: 30px; width: 250px; padding-left: 0px; text-align: left; padding-top: 150px;}
.choose .pub p {width: 200px; padding-left: 30px; text-align: left;}
.choose .pub img {padding-right: 30px; padding-top: 15px;}
.jeremy .pub {padding-right: 30px; padding-top: 15px;font-size: 1em;}
.fairy .pub {padding-right: 30px; padding-top: 15px;font-size: 1em; text-align: center;}
.lift .pub {font-size: 1em; text-align: right; float: right; width: 600px; padding-right: 100px;}
.lift .pub img {float: right; padding: 0px;}
.awards {float: right; margin-top: -30px;}
.awards_shark {float: left; margin-bottom: -50px; width: 260px;}
.choose .awards {margin-top: -100px; margin-right: -20px;}
.bumper .awards {float: left; padding-left: 40px; position: relative; z-index: 2; padding-top: 50px;}
.kes .awards {float: left; margin-top: -90px; position: relative; z-index: 2;}
.awards_eyp {float: right; z-index: 2; position: relative; margin-top: -50px; margin-right: -700px; }
.awards_eyp1 {float: right; z-index: 2; position: relative; margin-top: -267px; margin-right: 400px; margin-left: -100px;}
/*ACTIVITY*/
.activity, .activity .wrapper {background-color: #562e91;}
.activity span {background: url(images/titles/activity.jpg) no-repeat; position: absolute; width: 400px; height: 85px;}
.activity img {padding-bottom: 300px;}
.activity a:hover {color: #55c0eb;}
/*SMART AUNTIES*/
.aunties, .aunties .wrapper {background-color: #eaa153;}
.aunties span {background: url(images/titles/smart_aunties.jpg) no-repeat; position: absolute; width: 391px; height: 85px;}
.aunties .main_spread {background: url(images/books/smart_aunties-mainspread.jpg) no-repeat; width: 895px; height: 650px; float:left; padding-bottom: 50px;}
.aunties .main_spread p {float: right; width: 300px; text-align: center; font-size: 1.5em; padding-top: 70px;}
.aunties p {text-align: left;}
.aunties .left_col img {float: right; margin-right: 80px;}
.aunties .bookstext {width: 350px; padding-top: 0px; width: 350px; text-align: center;}
.aunties a:hover {color: #ed1b31;}
.biblio {background: url(images/backgrounds/bibliography_bg.jpg); background-repeat: repeat;}
.biblio .wrapper {background-color: #533e7d;}
.biblio .footer {background-color: #533e7d;}
.biblio h1 {color: #533e7d;}
.biblio span {background: url(images/titles/bibliography.jpg) no-repeat; position: absolute; width: 325px; height: 85px;}
.biblio ul {padding-left: 20%;}
.biblio li {padding-left: 3%; font-size: 1.5em;}
.letter {font-size: 2.5em; padding-top: 20px;}
.biblio .alpha {color: #a299b6; font-size: 2em; text-align: center;}
.biblio p {text-align: center;}
.biblio li a:hover {color: red;}
.biblio img {padding-top: 30px;}
html .biblio {height: auto;}
.totop {text-align: right; padding-right: 20px;}
.totop a:hover {color: red;}
/*BUMPER BOOK MIX UPS */
.bumper span {background: url(images/titles/bumper_mix-ups.jpg) no-repeat; position: absolute; width: 750px; height: 85px;}
.bumper, .bumper .wrapper {background-color: #f47521;}
.bumper .bookstext {font-size: 2.3em; width: 418px; float:right; text-align: center; padding-right: 50px;}
.bumper .quote {font-size: 1.8em; margin-top: 50px;}
.bumper .smaller {font-size: 1.6em; padding-top: 50px; text-align: left;}
.bumper .main_spread a:hover, .bumper .navleft a:hover, .bumper .navright a:hover, .bumper h2 a:hover, .bumper .pub a:hover {color: #3a5da0;}
.bumper .equation {margin-left: -20px; float: left; position: relative; z-index:1;}
/*VIKINGS IN THE SUPERMARKET */
.vikings span {background: url(images/titles/vikings.jpg) no-repeat; position: absolute; width: 725px; height: 85px;}
.vikings, .vikings .wrapper {background-color: #0072bc;}
.vikings p {font-size: 1.8em; width: 418px; float:right; padding-right: 50px;}
.vikings .right_col {width: 400px;}
.vikings .pub p {width: 700px; font-size: 1em;}
.vikings .pub img {padding-right: 1em;}
.vikings a:hover {color: #f16024;}
/*CAT AND THE KING */
.catking span {background: url(images/titles/cat_king.jpg) no-repeat; position: absolute; width: 564px; height: 85px;}
.catking, .catking .wrapper {background-color: #7d00f1;}
.catking p {font-size: 1.5em; width: 418px; float:right; padding-right: 50px;}
.catking .right_col {width: 452px; float: right;}
.catking .left_col p {padding-top: 1em;}
.catking .pub p {width: 700px; font-size: 1em;}
.catking .pub img {/*padding-right: 1em;*/ float: right;}
.catking a:hover {color: #f16024;}
/*CAVEMAN DAVE PAGE */
.caveman span {background: url(images/titles/caveman_dave.jpg) no-repeat; position: absolute; width: 410px; height: 85px;}
.caveman, .caveman .wrapper {background-color: #935b24;}
.caveman .left_col img {float: right; margin-right: 80px;}
.caveman .main_spread p {float: left; width: 300px; font-size: 1.3em; padding-top: 0px;}
.caveman .right_col img {float: right; margin-right: 0px; font-size: 1.75em;}
.caveman .main_spread img {float: left;}
.caveman .quote {font-size: 1.5em; width: 400px;}
.caveman .left_col img {float: right;}
.caveman a:hover {color: #f5e600;}
/*BOOKS*/
.books, .books .wrapper {background-color: #ed2224;}
.books ul {font-size: 2em; width: 450px; padding-top: 20px;}
.books li {padding-bottom: 30px;}
.right {float: right;}
.books span {background: url(images/titles/books.jpg) no-repeat; width: 285px; height: 110px; position: absolute; margin: 0 auto;}
.books .left_col {width: 500px; float: left;}
.books .right_col {width: 524px; float: right;}
.books a:hover {color: #f6d331;}
.centerbooks {width: 285px; margin: 0 auto; padding-bottom: 100px;}
.centerbookshelf {width: 850px; margin: 0 auto;}
.books p {font-size: 1.6em; /*padding-left: 80px;*/}
.books .right_col img {/*padding-left: 80px;*/ float: left; padding-top: 30px;}
.books .footer {padding-left: 0px;}
.books h1 {width: 285px; margin: 0 auto; padding-left: 0px; padding-bottom: 20px;}
/*
.pointy .main_spread {background: url(images/books/pointy_princesses-spread.jpg) no-repeat; width: 895px; height: 639px; float:left; margin-top: -60px;}
.pointy .main_spread p {float: right; width: 300px; text-align: center; font-size: 1.5em; padding-top: 70px;}
.pointy p {text-align: left;}
.pointy .left_col img {float: right; margin-right: 80px;}
.pointy .right_col img {float: right; margin-right: 80px;}
*/
/*CONTENTS PAGE */
.contents, .contents .wrapper {background-color: #f58960;}
.contents h1 {color: #f58960;}
.contents {margin: 0 auto;width: 1024px;}
.contents span {background: url(images/titles/contents.jpg) no-repeat; position: absolute; width: 880px; height: 85px;}
.contents {background-color: #f58960;}
.contents .list {width: 600px; float: left; padding-top: 10px; position: absolute; }
.contents li {font-size: 2em; padding-left: 28px; padding-top: 20px;}
.contents ul {width: 300px; float: left; padding-top: 30px;}
.newsflash {background-color: #00b8f1; margin: 0 auto; width: 100%; height: 100%;}
.newsflash .entry {margin-top: 70px;}
.newsflash p, .newsflash h2 {padding: 5px;}
.newsflash h2 {padding-top: 10px;}
/*.newsflash img {float: left; padding: 10px;}*/
.newsflash p {font-size: 1.2em;}
.newsflash a {color: blue;}
.contents a:hover {color: red;}
.characters {padding-top: 25px; float: left;}
/*CO-WRITTEN BY NS PAGE */
.co_written span {background: url(images/titles/co_written.jpg) no-repeat; position: absolute; width: 903px; height: 85px; }
html .co_written {background-color: #9cc653;}
.co_written {margin: 0 auto;}
.co_written .shelf2 {float: right;}
.co_written .shelf3 {float: right; padding-right: 50px; width: 485px;}
.co_written .shelf4 {float: left; padding-left: 0px;}
.co_written .shelf5 {float: right;}
.co_written .shelf6 {float: right;}
.co_written .shelf7 {float: left; padding-left: 100px;}
.co_written a:hover {color: #007149; text-decoration: none;} /*general page hover*/
/*EVENTS*/
.events h1 span {background: url(images/titles/events.jpg) no-repeat; position: absolute; width: 835px; height: 95px;}
/*.location h2 span {background-color: none; position: relative;}*/
/*.events .location span {background-color: none; position: relative}*/
.events p {padding: 0px 20px 20px 20px; font-size: 1.5em;}
.events, .events .wrapper {background-color: #9cc654;}
.events {padding: 0px 0px;}
.entry {-moz-border-radius: 15px; border-radius: 15px; border: solid white 5px;}
.entry h2 {margin-bottom: 0px; margin-top: 0px;}
.entry p {margin-top: 0px;}
.one {background-color: #f5832f; width: 800px;}
.one img {float: right; margin-right: -90px; margin-top: -60px; position: relative;}
.two img {float: right; margin-right: -90px; margin-top: -60px; position: relative;}
.two {background-color: #253c97; width: 600px; margin-top: 20px; float: right;}
.three {background-color: #ee3f97; width: 400px; margin-top: 20px; float: right; margin-right: 200px;}
.four {background-color: #f5832f; width: 600px; margin-top: 20px; float: right; margin-right: 300px;}
.five {background-color: #00b4ff; width: 800px; margin-top: 20px; float: left;}
.three {background-color: #ee3f97; width: 600px; margin-top: 20px; float: right; margin-right: 200px;}
.dads {background-color: #00b4ff; width: 680px; margin-top: 50px; float: left; margin-left: 150px; margin-bottom: 30px;}
.dads img {margin: 0 auto; float:left; width: 660px; padding: 10px;}
.one h2 {color: #253c97; padding: 5px 10px 5px 15px; font-family: Ultra; font-size: 2.6em;}
.two h2 {color: #ed1e6f; padding: 5px 10px 5px 15px; font-family: Wellfleet; font-size: 3.5em;}
.three h2 {color: #f6d331; padding: 5px 10px 5px 15px; font-family: Ultra; font-size: 4em;}
.four h2 {color: #253c97; padding: 5px 10px 5px 15px; font-family: Sancreek; font-size: 3.5em;}
.five h2 {color: #ed1e6f; padding: 5px 10px 5px 15px; font-family: Ultra; font-size: 3.5em;}
.event_socks img {float: left; margin-left: 40px; margin-top: 50px; -moz-border-radius: 15px; border-radius: 15px; border: solid white 5px;}
.round {
border-radius: 3ex;
-webkit-border-radius: 3ex;
-moz-border-radius: 3ex;
}
.events a:hover h2 {color: #1F8AD0;}
.events p a:hover {color: #1F8AD0;}
.events span .yellow a:link {color: yellow;}
.events span .pink a:link {color: #ee3f97;}
span .blue a {color: blue;}
/*FAIRY*/
.fairy {background-color: #cf2276;}
.fairy .wrapper {background-color: #f78f1e;}
.fairy span {background: url(images/titles/fairy_tales.jpg) no-repeat; position: absolute; width: 850px; height: 85px; text-align: center; font-size: 1.5em;}
.fairy p {font-size: 1.5em; padding-left: 30px; float: left;}
.fairybooks {float: left; margin-top: 10px; padding-left: 50px;}
.fairy a:hover {color: #0072bc;}
.fairy .row2 {width: 825px; margin: 0 auto; padding-left: 25px;}
.fairy .row1 {width: 854px; margin: 0 auto; padding-left: 25px;}
.fairy .pub img {padding-right: 30px; margin-top: -20px;}
.dwarves img {float: left; padding-left: 20px;}
.dwarves {float: left; width: 1024px;}
.dwarves p {width: 426px; padding-top: 20px;}
/*FANCY*/
.fancy {background-color: #253d93;}
.fancy .wrapper {background-color: #253d93;}
.fancy span {background: url(images/titles/fancy_dress.jpg) no-repeat; position: absolute; width: 602px; height: 139px; text-align: center; font-size: 1.5em;}
.fancy1 img {float: left;}
.fancy1 {width: 1020px;}
.fancy2 {width: 690px;}
.fancy2 img {padding-top: 0px;}
.fancy h2 {padding-left: 275px; padding-bottom:20px;}
.fancy p {font-size: 1.5em;}
.fancycover {padding-top: 80px;}
.poem {float: left; width: 400px;margin-top: 60px;}
.poem p {text-align: center;}
.fancy a:hover {color: #5f247e;}
.fancy .pub {font-size: 1.5em;}
.balloons {float: left; width: 275px;}
.foggy span {background: url(images/titles/foggy_forest.png) no-repeat; position: absolute; width: 635px; height: 85px;}
body .foggy {background-color: black;}
.foggy .wrapper {background: url(images/backgrounds/foggy_forest.jpg) no-repeat; width: 1024px; height: 1144px;margin: 0 auto; background-color: black;}
.foggy .bookstext {padding: 20px 0px; font-size: 1.6em;}
.foggy {background-color: black;}
.foggy .left_col img {padding-left: 30px;}
.foggy .cover {padding-left: 100px; float: left;}
.foggy_text {width: 450px; float: left; font-size: 1.8em; text-align: center;}
.foggy p {color: black;padding-top: 10px;}
.foggy a:hover {color: #9d35df;}
.foggy .pub {margin-top: -10px;}
.foggy .footer {background-color: black;}
/*FUNNY FOODS BOOKS*/
.funny {background-color: #a2238f;}
.funny .wrapper {background-color: #a2238f;}
.funny span {background: url(images/titles/funny_foods.jpg) no-repeat; position: absolute; width: 750px; height: 85px;}
.funny .right_col {width: 492px; text-align: left;}
.funny .right_col img {padding-top: 70px; float: left;}
.funny .right_col p {padding-bottom: 50px; padding-top: 60px; margin-left: -20px; float: left; font-size: 1.5em;}
.funny .left_col {text-align: right;}
.funny .left_col p {padding-right: 10px; padding-bottom: 0px; padding-top: 0px; font-size: 1.5em;}
.zooawards {float: left; width: 100px; margin-left: -50px;}
.funnypages {float: left; width: 417px;}
.funnypages img {float: left; margin-bottom: 30px;}
.funnypages p { font-size: 1.5em;}
.funny2 {width: 900px;}
.funny2 img {float: left; padding-bottom: 40px;}
.funny a:hover {color: #f6d331;}
/*GREEN QUEEN*/
.greenqueen, .greenqueen .wrapper {background-color: #3cb54a;}
.greenqueen span {background: url(images/titles/green_queen.jpg) no-repeat; position: absolute; width: 465px; height: 85px;}
.greenqueen .main_spread {background: url(images/books/green_queen-spread.jpg) no-repeat; width: 895px; height: 639px; float:left; padding-bottom: 50px;}
.greenqueen .main_spread p {float: right; width: 300px; text-align: center; font-size: 1.5em; padding-top: 70px;}
.greenqueen p {text-align: left;}
.greenqueen .left_col img {float: right; margin-right: 80px;}
.greenqueen .bookstext {width: 350px; padding-top: 100px;}
.greenqueen a:hover {color: #e82625;}
.gallery span {background: url(images/titles/gallery.jpg) no-repeat; position: absolute; width: 200px; height: 85px;}
.gallery span {background: url(images/titles/gallery.jpg) no-repeat; position: absolute; width: 200px; height: 85px;}
.gallery {background-color: #7a3aa2;}
.gallery .wrapper {background-color: #7a3aa2; height: 101%;}
.gallery h1 {color: #2e364f; margin-bottom: 50px;}
.gallery img {padding-bottom: 50px;}
.gallery a:hover {color: white;}
.gallery p {font-size: 1em; padding-bottom: 5px; text-align: center;}
.gallery .footer2 {padding-bottom: 50px;}
#scrollbar {padding-bottom: 50px;}
.gallery h3 {float: left; padding: 30px;}
.gallery h3 a:hover {color: red;}
.current {text-decoration: underline;}
/*Giles Andreae page*/
.giles {background-color: #99268D; background: url(images/backgrounds/giles.gif) no-repeat center top; padding: 0; margin: 0; width: 100%;}
.giles span {background: url(images/titles/giles.jpg) no-repeat; position: absolute; width: 375px; height: 85px;}
.giles {background-color: #a73393;}
.giles1 {margin-top: 0px; padding-left: 70px;}
.giles2 {margin-top: -50px; padding-left: 20px;}
.giles3 {margin: -120px 0px;}
.giles .right {padding-left: 40px;}
.giles a:hover {color: #54b1e4;}
/*HOME PAGE INDEX!!!*/
.home {background-color: #67679a;}
.home .wrapper {background: url(images/border.gif) no-repeat; height: 811px;}
.home h1 {font-size: 2em; width: 594px; padding-top: 200px; padding-left: 0; text-align: center}
.home h2 {text-align: center; padding-top: 190px; padding-bottom: 50px;}
.home span {background: url(images/titles/nick_sharratt.jpg) no-repeat; position: absolute; width: 594px; height: 95px;}
.line3 {padding-top: 95px; text-align: center;}
.home a {text-decoration: none;}
.home a:link {color: white;}
.home a:visited {color: white;}
.home a:hover {color: blue;}
.home .title {width: 594px;}
/**IMAGINE **/
.imagine, .imagine .wrapper {background-color: #552e91;}
.imagine h1 {color: #552E91;}
.imagine span {background: url(images/titles/your_dreams.jpg) no-repeat; position: absolute; width: 702px; height: 85px;}
.imagine {font-size: .8em;}
.imagine .text p {width: 600px; float: left; font-size: 1em; padding-left: 15px; text-align: center; color: white;}
.imagine .para2 {padding-top: 1.5em;}
.mainspread {margin: 0 auto; width: 755px;}
.just_imagine_cover {padding-left: 28px; float: left;}
.imagine .column {width: 310px; float: left;}
.imagine .column p {font-size: 1.5em; padding-top: 2em;}
.imagine .columns {width: 930px; margin: 0 auto;}
/*new wilson*/
.jw {background: url(images/sky.jpg);}
.jw h1 span {background: url(images/titles/jacqueline.jpg) no-repeat; position: absolute; width: 460px; height: 85px;}
.jw .wrapper {background-color: #55b0e3;}
.jw_books img {padding-top: 0px; padding-bottom: 0px;}
.jw_books3 img {padding-top: 2em; padding-bottom: 4em;}
.jw .navleft a:link, .jw .navright a:link {color: white;}
.jw .poster {width: 214px; float: left; padding-top: 100px;}
.jw .poster p {padding: 15px; font-size: 1.2em;}
.jw .poster_pic {float: left; width: 596px}
.poster a:link {color: blue;}
.border_jw {width: 20px;}
.border_jw {width: 20px;}
.jw p {font-size: 1.2em;}
.jw h1 {padding-bottom: 10px;}
.jw span .orange {background-image: none;}
.jw_button {width: 519px; background-color: red; color: red;}
.jw .library_text {width: 300px; float: left; padding: 0px 25px;}
.jw .library p {padding-bottom: 20px; float: left;}
.sotb {float: left; padding-left: 50px; padding-right: 30px;}
.jw .international {float: left;}
.lib_row1 p {width: 400px; padding-top: 50px; padding-left: 50px;}
.lib_row2 p {width: 600px; float: left;}
.lib_row2 p img {margin-bottom: -2px;}
/*.jw .library {width: 855px; margin: 0 auto;}*/
.righttest
.lefttest p {width: 500px; float: left;}
/*.jw_col_right img {float: right; padding-right: 20px;}*/
/*.jw_col_right p {width: 350px; padding: 15px 0px 10px 0px; float: right;}
.jw_col_left {width: 674px; float: left;}
.jw_col_left .right {text-align: right;}
.jw_col_left img {padding: 20px 20px 0px 10px;}
.jw_col_left .clearr img {padding: 0px -100px -500px 0px;}
.jw_col_left p {width: 400px; padding-top: 40px;}
.jw_col_left .mighty img {padding: 20px; float: right;}
*/
.group {width: 519px;}
.jw .left_col p {width: 150px; float: left; padding-left: 30px; padding-top: 50px;}
/*.jw .right_col p {width: 150px; float: left; padding-left: 30px; padding-top: 50px}*/
.jw .left_col img {float: left;}
.jw .right_col img {float: left;}
.lefttest {width: 512px; float: left;}
.lefttest img {float: right; padding-right: 1em; padding-top: 2em;}
.lefttest p {width: 300px; float: left; padding-top: 3em; padding-left: 1.5em;}
.righttest {width: 512px; float: left;}
.righttest p {width: 300px; float: right; padding-top: 3em; }
.righttest img {float: left; padding-right: 1em; padding-top: 2em;}
.pencil p {padding-left: 4em;}
.marty p {width: 300px;}
.jw .drawing_one img {float: left; width: 166px; height: 166px; padding-left: 50px;}
.jw .drawing_one p {width: 200px; float: left; padding-left: 20px; padding-right: 20px; padding-top: 20px;}
.jw .drawing_two img {float: left;}
.jw .drawing_two {width: 300px; float: left; padding-left: 200px; padding-right: 20px; padding-top: 15px;}
.jw .drawing_three img {float: left; margin-top: 0px;}
.jw .drawing_three p {padding-right: 50px; float: right; width: 120px; text-align: right;}
.jw .drawing_three p {padding-right: 50px; float: right; width: 120px; text-align: right;}
.jw .animation iframe {width: 500px; height: 281; float: right; padding-right: 10%; padding-top: 30px;}
.jw .animation p {width: 300px; float: left; margin-left: 10%;}
.animation {width: 300px; padding-left: 50px; margin-top: 20px;}
.animation_block { padding-bottom: 30px;}
.jw .magazine p {
float: left;
font-size: 1.2em;
padding-left: 50px;
padding-top: 90px;
width: 280px;
}
.jw .magazine img {
float: right;
padding-right: 30px;
padding-top: 20px;
}
.jw .wrapper {padding-bottom: 0px;}
.jw p a {color: blue;}
.jw p a:hover {color: orange;}
.jw .navleft a:hover, .jw .navright a:hover {color: orange;}
.chinese {background: url(images/elements/chinese.jpg) no-repeat; position: absolute; width: 73px; height: 18px;}
/*JEREMY STRONG*/
.jeremy {background: url(images/backgrounds/big_stars.gif)}
.jeremy .wrapper {background-color: #E92A70;}
.jeremy span {background: url(images/titles/jeremy.jpg) no-repeat; position: absolute; width: 950px; height: 85px; text-align: center; font-size: 1.5em;}
.jeremy p {font-size: 1.5em; padding-left: 30px; float: left;}
.jeremybooks {float: left; margin-top: 10px; padding-left: 50px;}
.jeremy a:hover {color: #f5832f;}
.jeremy_row1 {width: 855px;}
/*fff341*/
/*JULIA DONALDSON*/
.julia h2 {text-align: center; padding-top: 190px; padding-bottom: 50px;}
.julia h1 span {background: url(images/titles/julia.jpg) no-repeat; position: absolute; width: 410px; height: 100px;}
.julia .publications {padding-top: 0px; font-size: .8em; padding-bottom: 2em;}
.julia {background-color: #1F8AD0;}/*blue page background*/
.julia .wrapper2 {background-color: #fff342;} /*yellow*/
.julia .wrapper {padding: 0px 0px;}
.julia .main {background-color: #a5ce52; padding-bottom: 10px; margin-top: -10px;} /*light green*/
.julia .main p {font-size: 1.5em; padding: 0px 40px;}
/*.julia .clear_both {background-color: #42ABD8;} /*light blue*/
.julia .row {width: 666px; float: left;}
.julia .wrapper2 a {color: #0066b3;}
.julia .wrapper2 a:hover {color: #f16022;}
.main .text {width: 300px; font-size: 2em; color: #e82433; float: left; padding-left: 18px;}
.bottom_strip {margin-top: 20px;}
.julia .row1 {width: 1024px; margin: 0 auto;}
.julia .row1 img {padding-right: 0px;}
.julia .row3 {width: 900px; margin: 0 auto; padding-bottom: 0px;}
.julia .row2 {width: 745px; margin: 0 auto;}
.julia center {margin: 0 auto;}
.awards_julia {margin-top: 0px; float: left; margin-top: -175px; position: relative; z-index: 1;}
.julia .pub {font-size: 1em; color: white; width: 550px; padding-top: 30px;}
.julia .pub p {padding-left: 80px; padding-top: 20px;}
.julia .quotes_left { width: 179px; float: left; font-size: .5em; font-size: 1em; padding-right: 14px; padding-left: 4px; padding-top: 2em; text-align: right;}
.julia .quotes_left2 {width: 265px; float: left; font-size: .5em; font-size: 1em; padding-right: 5px; padding-left: 10px; padding-top: 2em; text-align: right;}
.julia .quotes_left2 p {font-size: 1em; padding: .2em;}
.julia .quotes_right {width: 182px; float: right; font-size: .5em; font-size: 1em; padding-right: 10px; padding-top: 2em; text-align: left;}
/*KES GRAY*/
/*.kes {background: url(images/backgrounds/cloud_green.gif)}
.kes .wrapper {background-color: #186131;}
.kes span {background: url(images/titles/kes.jpg) no-repeat; position: absolute; width: 950px; height: 85px; text-align: center; font-size: 1.5em;}
.kes .daisy {padding-left: 25px; padding-right: 50px; float: left; width: 380px;}
.kes .daisy img {float: left;}
.kes .daisy p {font-size: 1.5em; padding-left: 30px; padding-top: 1.5em; float: left;}
.daisybooks {float: left; margin-top: 0px; padding-left: 50px;}
.daisyimg {float: right;}*/
.kes {background: url(images/backgrounds/cloud_green.gif)}
.kes span {background: url(images/titles/kes.jpg) no-repeat; position: absolute; width: 320px; height: 85px; text-align: center; font-size: 1.5em;}
.kes .wrapper {background-color: #1c6131; margin: 0 auto;}
.kes .daisyone {width: 965px; margin-left: 40px; float: left; margin-top: -100px; }
.kes p {font-size: 1.7em; padding-bottom: 25px;}
/*.kes .daisyone img {vertical-align:text-top;}*/
.kes .daisytwo {width: 880px; padding-left: 40px; clear: left; margin-top: -50px;}
.kes .daisythree {width: 880px; padding-left: 70px;}
.daisyfour {width: 581px; margin: 0 auto;}
.daisyfive {width: 581px; margin: 0 auto;}
.daisyfive img { padding-top: 20px;}
.daisyfive p {text-align: center; padding-bottom: 0px;}
.daisysix {width: 390px; margin: 0 auto; margin-top: -10px}
.kes .main {width: 700px; float: left;}
.daisy {float: left;}
.daisy img {float: right;}
.daisy_figure {width; 900px;}
.kes h1 {color: #1c6131;}
/*.kes .main {width: 200px; float: left;}*/
/*LIFT THE FLAP BOOKS*/
.lift, .lift .wrapper {background-color: #f7931e;}
.lift span {background: url(images/titles/lift_flap.jpg) no-repeat; position: absolute; width: 750px; height: 85px;}
.lift1 {width: 950px;}
.lift2 {width: 900px;}
.lift2 img {float: left; padding-bottom: 40px;}
.lift p {text-align: center; font-size: 1.5em;}
.lift a:hover {color: #f6d331;}
/*LINKS* - this page is now called Interviews and articles*/
.links, .links .wrapper {background-color: #569cd4;}
.links .footer2 {padding-bottom: 50px;}
.links span {background: url(images/titles/interviews.jpg) no-repeat; position: absolute; width: 750px; height: 85px;}
.links1 {width: 1000px;}
.links2 {width: 800px; margin: 0 auto;}
.links3 {width: 600px; margin: 0 auto;}
/*MAGICAL MIX UPS*/
.magical {background-color: #425ca9;}
.magical .wrapper {background-color: #425ca9;}
.magical span {background: url(images/titles/magical_mix.jpg) no-repeat; position: absolute; width: 750px; height: 85px;}
.magical1 {width: 640px; font-size: 1.5em;text-align: center;}
.magical2 {width: 915px;}
.magical2 img {float: left;}
.magical p {font-size: 1em;}
.magical a:hover {color: #00b4ff;}
/*MRS PIRATE*/
.mrspirate span {background: url(images/titles/mrs_pirate.jpg) no-repeat; position: absolute; width: 288px; height: 85px;}
.mrspirate, .mrspirate .wrapper {background-color: #0072bc;}
.mrspirate .left_col img {float: right; padding-right: 50px;}
.mrspirate .right_col img {float: right; margin-right: 80px; font-size: 1.75em;}
.mrspirate .right_col p {width: 350px;}
.mrspirate .main_spread img {float: left;}
.mrspirate .quote {font-size: 1.5em; width: 400px;}
.mrspirate .left_col img {float: right;}
.mrspirate a:hover {color: #6ccdf4;}
.waves {background: url(images/elements/sea.gif); background-repeat:repeat-x; height: 149px; margin-top: -100px; background-color: #0072bc; }
.mrspirate .main_spread a:link img {padding-right: 20px;}
.sailing img {padding-top: 140px; float: right;}
.boat {width: 570px; float: right;}
.mrspirate .wrapper {padding-bottom: 0px;}
.mrspirate .bookstext {padding-top: 50px;}
.mrspirate .main_spread a:link {font-size: .9em; width: 300px;}
.mrspirate .dot img {padding-top: 60px; padding-right: 10px;}
.mrspirate .bookstext .dot a:link {padding-top: 30px;}
/*MONDAY RUNDAY*/
.monday, .monday .wrapper {background-color: #de5f39;}
.monday span {background: url(images/titles/monday_runday.jpg) no-repeat; position: absolute; width: 440px; height: 85px;}
.monday .main_spread {background: url(images/books/monday_runday-mainspread.jpg) no-repeat; width: 945px; height: 650px; float:left; padding-bottom: 50px;}
.monday .main_spread p {float: right; width: 300px; text-align: center; font-size: 1.5em; padding-top: 70px;}
.monday p {text-align: left;}
.monday .left_col img {float: right; margin-right: 80px;}
.monday .bookstext {width: 350px; padding-top: 100px;}
.monday a:hover {color: #3953a4;}
/*MONDAY RUNDAY*/
.monday2, .monday2 .wrapper {background-color: #de5f39;}
.monday2 span {background: url(images/titles/monday_runday.jpg) no-repeat; position: absolute; width: 440px; height: 85px;}
.monday2 .main_spread {background: url(images/books/monday_runday-mainspread2.jpg) no-repeat; width: 945px; height: 616px; float:left; padding-bottom: 50px;}
.monday2 .main_spread p {float: right; width: 300px; text-align: center; font-size: 1.5em; padding-top: 70px;}
.monday2 p {text-align: left;}
.monday2 .left_col img {float: right; margin-right: 80px;}
.monday2 .bookstext {width: 350px; padding-top: 100px;}
.monday2 a:hover {color: #3953a4;}
/*NEWS*/
.newssocks span h1 {background: url(images/titles/news.jpg) no-repeat; position: absolute; width: 200px; height: 85px;}
.newssocks {background-color: #552f92;}
.newssocks .right_col li {padding-top: 20px; vertical-align: top;}
.newssocks li {padding-left: 50px; font-size: 1.2em;}
.newssocks h1 span {background: url(images/titles/news.jpg) no-repeat; width: 200px; height: 110px; position: absolute; margin: 0 auto;}
.newssocks .left_col {width: 524px; float: left;}
.newssocks .right_col {width: 500px; float: right;}
.newssocks .right_col p {font-size: 1.5em; padding-bottom: 15px;}
.newssocks .bramhall {font-size: 1em; padding-left: 50px; padding-top: 40px; padding-bottom: 35px;}
/*.newssocks a:link {color: #ffea00;}*/
.newssocks a:hover {color: #ec0c8a;}
.newssocks ul li {list-style:none;}
.newssocks p a {color: #6fd0f6;}
.newssocks p a:hover {color: #ec0c8a;}
.newssocks .right_col span {background-color: none; position: relative;}
/**news jacqueline***/
.news_jacqueline span {background: url(images/titles/news.jpg) no-repeat; position: absolute; width: 384px; height: 85px;}
.news_jacqueline{background-color: #f47a20;}/*orange*/
.news_jacqueline .subhead {text-align: right; font-size: 1.2em; padding-top: 0px; padding-bottom: 5px;}
.news_jacqueline .subhead a {color: blue;}
.news_jacqueline .subhead a:hover {color: white;}
.news_jacqueline h1 {padding-bottom: 60px; color: #f47a20;}
/*.newssocks li {
list-style-image:url("images/elements/star.jpg");
}*/
/*Ouch*/
.ouch, .ouch .wrapper {background-color: #ed1c24;}
.ouch span {background: url(images/titles/ouch.jpg) no-repeat; position: absolute; width: 600px; height: 85px;}
.ouch .bookstext {width: 300px; text-align: center; font-size: 2em; padding-left: 120px;}
.ouch .main img {padding-bottom: 20px;}
.ouch a:hover {color: #f5832f;}
.ouch .block {text-align: left;}
/*.ouch h2 {text-align: center; padding-top: 190px; padding-bottom: 50px;}*/
/*Other authors*/
.other span {background: url(images/titles/other_authors.jpg) no-repeat; position: absolute; width: 380px; height: 85px;}
.other html {background-color: #0170a9;}
.other {background-color: #0170a9;}
.other a:hover {color: orange;}
.other .shelf2 {float: right; padding-bottom: 20px;}
.other .shelf3 {float: left;}
.other .shelf2 img, .other .shelf3 img, .other .shelf4 img {margin-left: -1px;}
.other .shelf4 {float: right; padding-right: 100px;}
.publisher {/*background-color: red;*/ width: 380px;}
.publisher img {float: left; margin-top: -15px; padding-bottom: 20px; position: relative; width: 65px; height: 65px;}
.publisher p {padding-left: 10px; font-size: 1.5em; text-align: left; padding-left: 10px;}
/*new publisher link - using block to center*/
.publisherlink {padding-top: 25px; width: 550px;}
.publisherlink img {margin-top: 0px; padding-bottom: 20px; width: 65px; height: 65px; float: left;}
.publisherlink p {float: left; padding-top: 20px; width: 480px; font-size: 1.5em;}
.publisherlink p a {padding-left: 20px;} /*this was for the Julia Donaldson page NIGHTMARE*/
.block {margin: 0 auto; /*background-color: blue;*/ padding-bottom: 30px;}
/*POD*/
.pod span {background: url(images/titles/mr_pod.jpg) no-repeat; position: absolute; width: 835px; height: 95px;}
.pod, .pod .wrapper {background-color: #0073b4;}
.pod {padding: 0px 0px;}
.pod .left_col img {float: right; padding-right: 10px; padding-bottom: 10px;}
.pod .right_col {float: left; padding-left: 0px; padding-bottom: 10px;}
.box {background: url(images/elements/mr_pod_background.jpg) no-repeat; height: 271px; float: left; width: 379px;}
.box p {width:330px; padding-top: 18px; color: #0073b4; padding-left: 30px; font-size: 1.5em; margin-top: 0px;}
.piccalilli {background: url(images/elements/mr_piccalilli_background.jpg) no-repeat; height: 271px; margin-top: 10px;}
.pod .publisher { padding-top: 20px;}
.pod a:hover {color: #02406f;}
/*POD*/
.pod2 .wrapper {background-color: gray;}
.pod2 span {background: url(images/titles/mr_pod.jpg) no-repeat; position: absolute; width: 835px; height: 95px;}
.pod2 {background-color: #0073b4;}
.pod2 {padding: 0px 0px;}
.pod2 .left_col2 img {float: right; padding-right: 10px; padding-bottom: 10px;}
.pod2 .right_col2 {float: left; padding-left: 0px; padding-bottom: 10px;}
.box2 {background: url(images/elements/mr_pod_background.jpg) no-repeat; height: 271px; float: left;}
.box2 p {width:330px; padding-top: 18px; color: #0073b4; padding-left: 30px; font-size: 1.5em; margin-top: 0px;}
.piccalilli2 {background: url(images/elements/mr_piccalilli_background.jpg) no-repeat; height: 271px; margin-top: 10px;}
.pod2 .publisher { padding-top: 20px;}
.pod2 a:hover {color: #02406f;}
/*POETRY*/
.poetry, .poetry .wrapper {background-color: #ae248f;}
.poetry span {background: url(images/titles/poetry.jpg) no-repeat; position: absolute; width: 480px; height: 85px;}
.poetry .shelf2 {float: right;}
.poetry a:hover {color: #55c0eb;}
/*POINTY*/
.pointy, .pointy .wrapper {background-color: #812990;}
.pointy span {background: url(images/titles/pointy_princesses.jpg) no-repeat; position: absolute; width: 650px; height: 85px;}
.pointy .main_spread {background: url(images/books/pointy_princesses-spread.jpg) no-repeat; width: 895px; height: 639px; float:left;}
.pointy .main_spread p {float: right; width: 300px; text-align: center; font-size: 1.5em; padding-top: 70px;}
.pointy p {text-align: left;}
.pointy .left_col img {float: right; margin-right: 80px;}
.pointy .right_col img {float: right; margin-right: 80px;}
.football {float: right; margin-top: -40px; z-index:3; position: relative;}
.pointy a:hover {color: #e86aa0;}
/*POP IN THE SLOT*/
.pop, .pop .wrapper {background-color: #42abd8;}
.pop .wrapper {background-color: #552e91;}
.pop span {background: url(images/titles/pop.jpg) no-repeat; position: absolute; width: 950px; height: 85px; text-align: center; font-size: 1.5em;}
.popcover {width: 795px; font-size: 2em;}
.pop .clear_both {background-color: #42abd8;}
.popages {float: left;}
.pop p {text-align: center;}
.pop a:hover {color: #ee3f97;}
.popcover {width: 795px; font-size: 2em;}
/*.jeremy .clear_both {background-color: #42abd8;}*/
.popages {float: left; width: 671px; padding-left: 20px;}
.pop p {text-align: center;}
.pop .pub p {width: 200px; text-align: left;}
.pop .pub {float: left; width: 300px; clear: none; padding-top: 250px;}
.pop .pub img {padding-top: 40px;}
/*.pop .wrapper {background-color: red;}*/
/*.poppages {width: 936px;}*/
/*.pop .wrapper {background-color: red;}*/
/*.poppages {width: 936px;}*/
/*READ ME BEGINNERS*/
.readme, .readme .wrapper {background-color: #0072bc;}
.readme span {background: url(images/titles/read_me.jpg) no-repeat; position: absolute; width: 510px; height: 85px;}
.readme1 {width: 960px;}
.readme .container img {margin-right: 40px; margin-bottom: 40px; float: left;}
.readme_col {width: 320px; float: left;}
.readme2 {width: 960px;}
.readme2 img {float: left;}
.readme a:hover {color: #00b4ff;}
.photo {text-align: right; padding-right: 40px; font-size: 1.3em;}
/*SHARK*/
.shark, .shark .wrapper {background-color: #00b7f1;}
.shark span {background: url(images/titles/shark.jpg) no-repeat; position: absolute; width: 565px; height: 85px; text-align: center; font-size: 1.5em;}
.sharkcover {width: 1000px; float: left;}
.shark p {text-align: center; font-size: 1.5em; padding-top: 0px; margin-top: 0px;}
.sharkpages {width: 842px; padding-top: 10px;}
.shark a:hover {color: #22509f;}
.shark .block {padding-bottom: 0px;}
.shark p {margin-bottom: 10px;}
.sue .wrapper, .sue {background-color: #8eeaff;}
.sue span {background: url(images/titles/nick_sue.jpg) no-repeat; position: absolute; width: 699px; height: 85px;}
.sue .block p {
font-size: 1.7em;
}
.sue .block {padding-bottom; 0px;}
/*SOCKS PAGE*/
.socks .wrapper {background-color: #f47521;}
.socks span {background: url(images/titles/socks.jpg) no-repeat; position: absolute; width: 155px; height: 85px;}
.socks {background: url(images/elements/socks_stripe.jpg);}
.socks .main_spread img {float: left; padding-left: 30px;}
.socks .right img {margin-top: -100px;}
.socks .left_col {padding-left: 20px;}
.socks .right_col {width: 480px;}
.socks {clear: none;}
.socks .bookstext {text-align: center; width: 400px;}
.socks .main_spread p {font-size: 2em; padding-left: 50px; padding-top: 90px;}
.socks .main_spread img {padding-bottom: 60px;}
.socks .main_spread a:hover, .socks .navleft a:hover, .socks .navright a:hover, .socks h2 a:hover, .socks .pub a:hover {color: #ec108b;}
.socks .main_spread a, .socks h2 a {color: #92288d;}
.socks h1 {padding-bottom: 0px;}
/*.socks h2 {padding-bottom: 40px;}*/
/*SOMETHING BEGINNING WITH BLUE*/
.something, .something .wrapper {background-color: #0056a7;}
.something h1 span {background: url(images/titles/something.jpg) no-repeat; position: absolute; width: 800px; height: 85px;}
.beginning1 p {width: 450px; font-size: 2em; padding-bottom: 30px;}
.beginning1 {width: 757px;}
.somthing .beginning1 {margin: 0 auto;}
.something .beginning1 img {float: right;}
.something .beginning2 img {padding: 30px 120px;}
.peep img {padding: 100px 30px; float: left;}
.something .quote p {width: 250px; float: left; margin-left: -150px; padding: 40px 25px; font-size: 1.2em;}
.something .quote img {float: left; padding-left: 200px; padding-top: 50px;}
.something .entry {background-color: #f57f25;}
.something a:hover {color: orange;}
.something .pub {padding-top: 40px;}
#blue {color: #6bc4ef;}
#green {color: #9ccb3b;}
#grey {color: #acacab;}
/*STUDIO*/
.studio, .studio .wrapper {margin: 0 auto; background-color: #f6851f;}
.studio .wrapper {background-color: #f6851f;}
.studio span {background: url(images/titles/studio.jpg) no-repeat; position: absolute; width: 330px; height: 85px;}
.studio .main img {margin-top: -80px; position: relative;}
.studio img {padding: 50px;}
/*TOM*/
.tom {background-color: #f8991d;}
/*body .tom {background-color: #f8991d;}*/
/*.tom .wrapper {background-color: #f8991d;}*/
.tom {margin: 0 auto;}
.tom h1 {color: #f8991d;}
.tom span {background: url(images/titles/tom.jpg) no-repeat; position: absolute; width: 800px; height: 85px;}
.tom .bookstext {margin-left: 0px;}
.tom .left_col img {padding-left: 50px;}
.tom .right_col p {margin-left: -50px; padding-top: 0px; padding-bottom: 20px;}
.tom .main_spread {width: 802px; margin: 0 auto;}
.tom .wrapper {background: url(images/backgrounds/tom_background.jpg) no-repeat; margin: 0 auto; width: 1024px;}
/*WITCH'S KITCHEN*/
.witch {background-color: #004F26;}
.witch {background-color: #004F26;}
.witch .wrapper {background-color: #004F26;}
.witch h2 {text-align: center; padding-top: 190px; padding-bottom: 50px;}
.witch span {background: url(images/titles/witchs_kitchen.jpg) no-repeat; position: absolute; width: 835px; height: 95px;}
.witch p {text-align: center; font-size: 1.5em;}
.witch .bookstext {width: 400px; padding-left: 57px;}
.witch a:hover {color: #7db866;}
.witch .left_col {width: 512px; float: left;}
.witch .right_col {width: 512px; float: left;}
/*WRITTEN BY NS PAGE - fdb515*/
.written span {background: url(images/titles/written_by_ns.jpg) no-repeat; position: absolute; width: 975px; height: 85px;}
.written {background-color: #fdb515;}
.written .wrapper {background-color: #fdb515;}
.written .shelf1 img {margin: -1px;}
.written .shelf2 {padding-left: 0px;}
.written .shelf2 {margin: -1px;}
.written .shelf3 {float: right; padding-right: 50px;}
.written .shelf4 {float: left; padding-left: 0px;}
.written .shelf5 {float: left; padding-left: 50px;}
.written .shelf6 {float: right;}
.written .shelf7 {float: left; padding-left: 100px;}
.written .shelf8 {float: right; padding-right: 100px; padding-top: 50px;}
.written a:hover {color: #f5832f; text-decoration: none;} /*general page hover*/
.written img {border: 0px;}
.written .main img {margin: -1px;}
/*YOU CHOOSE*/
.choose, .choose .wrapper {background-color: #932a8d;}
.choose span {background: url(images/titles/you_choose.jpg) no-repeat; position: absolute; width: 352px; height: 85px;}
.choose .text p {width: 600px; float: left; font-size: .8em; padding-left: 15px;}
.choose .main img {float: left;}
.you_choose_cover {width: 350px; float: left;}
.text img {float: left;}
.choose .text {color: white;}
.line2 {color: yellow; padding-bottom: 0.6em;}
.colouring {width: 1024px; float: left; display: block;}
.colouring_col img {float: left;}
.colouring_col {width: 259px; float: left;}
.colouring_col p {width: 259px; font-size: 1.6em; text-align: center;}
.choose .awards {margin-top: 0px;}
.blue a:link {color: #29b9f3;}
.blue a:visited {color: #29b9f3;}
.blue {color: #29b9f3;}
.green a, .green {color: #8ec741;}
.orange {color: #f69421;}
.orange a {color: #ffad4e;}
.lilac {color: #8883bd;}
.lilac a {color: #a7a0ec;}
.pink {color: #ec0c8a;}
.pink a {color: #f198bf;}
.yellow a, .yellow {color: #f6d331;}
.lightyellow {color: #fbf9b9;}
.lightyellow a {color: #fbf9b9;}
.red a {color: red;}
.red {color: red;}
.magenta a {color: #f431f6;}
.magenta {color: #f431f6;}
.darkgreen {color: #183102;}
.darkgreen a {color: #183102;}
.grey {color: #47333e;}
.grey a {color: #47333e;}
.purple {color: #640786;}
.purple a {color: #640786;}
.darkblue {color: #012a87;}
/*.choose .pages {padding-top: -100px;}*/
/*.colouring2 {width: 259px; float: left; padding-top: 40px;}
.colouring2 img {float: left;}
.colouring2 p {width: 259px; font-size: 1em;}
.colouringbook */
/*JACQUELINE WILSON PAGE */
/*.wilson {background: url(images/sky.jpg);}
.wrapper2 {width: 804px; float: left; padding-left: 30px;}
.wilson left_col {padding: 0px;}
.wilson .navleft {float: left; font-size: 1.4em; font-family: 'Nunito', sans-serif; padding-left: 0px;}
.tower {float: left; width: 120px; padding-left: 20px;}
.wilson span {background: url(images/titles/jacqueline.jpg) no-repeat; position: absolute; width: 460px; height: 85px;}
.wilson p {font-size: 1.3em; clear: both;}
.wilson .nic {padding-left: 20px; float: left;}
.wilson .nic2 {margin-left: -80px; float: left;}
.wilson .strip {padding-top: 25px;}
/*.wilsonh1 {float: left; padding-left: 10px; font-size: 1.4em; font-family: 'Nunito', sans-serif;}*/
/*.wilson h1 {clear: both; font-size: 8px; padding-left: 200px; padding-bottom: 0px; float: left;}*/
/**************************************************
*
* CONTAINER STYLES
*
**************************************************/
#horiz_container_outer
{
width:800px;
overflow-x:hidden;
overflow-y:hidden;
position:relative;
height:450px;
margin:5px auto;
background-color: white;
border:1px solid #cccccc;
}
#horiz_container_outer p {color: black;}
#horiz_container
{
width:8040px;
margin:0px;
padding:0px;
height:440px;
}
#horiz_container ul
{
margin:0px; padding:0px;
float:left;
}
#horiz_container_inner
{
padding:5px;
padding-left:0px;
}
#horiz_container li
{
list-style:none;
display: inline-table;
margin:0px;
}
#horiz_container li img
{
padding:0px;
margin:0px;
}
/**************************************************
*
* SCROLLING STYLES
*
**************************************************/
#scrollbar
{
position:relative;
width:815px; height:12px;
display:block;
font-size:1px;
top:0px;
margin:0px auto;
}
#track
{
position:absolute; left:0px; top:0;
width:815px; height:12px;
background: #676767;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
#dragBar
{
position:absolute; left:0px; top:0px;
width:20px; height:10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.39, rgb(229,229,229)),
color-stop(0.7, rgb(245,245,245))
);
background-image: -moz-linear-gradient(
center bottom,
rgb(229,229,229) 39%,
rgb(245,245,245) 70%
);
}
#left_scroll
{
position:absolute;
border-color: transparent gray transparent transparent;
border-style: solid;
border-width: 5px;
width: 0;
height: 0px;
cursor:pointer;
top:1px;
left:-15px;
}
#right_scroll
{
position:absolute;
right:-15px;
top:1px;
border-color: transparent transparent transparent gray;
border-style: solid;
border-width: 5px;
width: 0;
height: 0px;
cursor:pointer;
}
/* Prevent selection problem */
#scrollbar, #track, #dragBar, #left, #right {
-moz-user-select: none;
-khtml-user-select: none;
}
.button
{
width:auto;
padding:16px;
display:inline-table;
font-family: Lucida Grande, Helvetica, Arial;
font-size:14px;
font-weight:normal;
color:#787878;
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0, rgb(195,200,206)),
color-stop(1, rgb(239,239,239))
);
background-image: -moz-linear-gradient(
center bottom,
rgb(195,200,206) 0%,
rgb(239,239,239) 100%
);
border:1px solid #cccccc;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
cursor:pointer;
margin:0px 10px;
text-decoration:none;
}
.button:hover
{
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0, rgb(120,120,120)),
color-stop(1, rgb(152,152,159))
);
background-image: -moz-linear-gradient(
center bottom,
rgb(120,120,120) 0%,
rgb(152,152,159) 100%
);
color:#f5f5f5;
border:1px solid #787878;
}
.button a
{
text-decoration: none;
}
#buttons
{
width:700px;
margin:0px auto;
margin-top:20px;
padding:20px;
border-top:1px dashed #dfdfdf;
border-bottom:1px dashed #dfdfdf;
}
.shark_pub_books {margin: 0px auto; width: 550px;}
.cat_pub {margin: 0px auto; width: 300px;}