@charset "UTF-8";

/* ALL PAGES */

html body {
  background:url('../pictures/paperGreen.gif') repeat;
  font:1em/2.1em "Trebuchet MS", Helvetica, Arial, sans-serif;
  margin:0;
  padding:0;
}

.nospace { line-height:normal; }

.noindent { padding-left:0px !important; margin-left:0px !important; }

.list { letter-spacing:0.03em;}

#centering {
  margin:0 auto;
  padding:0;
  text-align:left;
  width:720px;
}

#pageHead {
  left:20px;
  position:absolute;
  top:20px;
  z-index:1;
}

.sides p, .sides dl {
  margin:0 250px 1em 80px;
  z-index:0;
}

p.nextbook {
  letter-spacing:0.05em;
  margin-top:3em;
  text-align:center;
}

p.nextbook a img {
  margin-top:0.5em;
  margin-right:-35px;
}

p.nextbook a:hover img {
  background-image:url('../pictures/arrowRb.png');
  background-repeat:no-repeat;
  background-position:right;
}

.sides dd,
.sides dt,
.sides .award {
  font:1em/1.9em Georgia, "Times New Roman", Times, serif;
}

.sides dd {
  margin:0 !important;
}

.sides dt,
.sides .award {
  font-style:italic;
  padding-bottom:0.6em;
}

.sides dt {
  margin-top:0.4em;
  text-align:right;
}

.sides .award { margin-top:0; }

.sides dt a { text-decoration:none; }
.sides dt a:hover { text-decoration:none; }

.little { font:0.8em "Trebuchet MS", Helvetica, Arial, sans-serif; }

.headSmall {
  font:0.6em Verdana, Arial, Helvetica, sans-serif;
  letter-spacing:0.2em;
  text-transform:uppercase;
}

#catNavBG {
  border-top:2px solid;
  float:none;
  height:240px;
  margin-left:0;
  margin-top:-265px;
  position:absolute;
  width:720px;
  z-index:2;
}

#catNav {
  position:absolute;
  margin-top:80px;
  width:760px;
}

#catNav ul {
  list-style:none;
  margin:0;
  padding:0;
  float:right;
  position:static;
  width:720px;
}

#catNav li {
  float:left;
  margin:0;
}

#catNav a img {
  background-position:0 -200px;
  border:0;
  height:200px;
}

#catNav a:hover img { background-position:0 0; }

#main #navBooks img,
#original #navBooks img,
#doghouse #navBooks img,
#mummy #navBooks img,
#bones #navBooks img,
#boards #navBooks img,
#shop #navStore img,
#closet #navCloset img { background-position:0 0; }

#book {
  border-right:none !important;
  float:right;
  padding-right:6px;
  padding-bottom:10px;
  position:relative;
  right:25px;
  width:193px;
  top:20px;
  z-index:3;
}

#book p {
  margin:0;padding:0;
  text-align:center;
}

#book a { line-height:normal !important; text-decoration:none; }
#book:hover a:hover { text-decoration:underline; }
#book p { margin-bottom:1em; }

#copyright {
  cursor:default;
  font-size:7.5pt;
  font-family:Georgia, "Times New Roman", Times, serif;
  color:#222222;
  margin:-18px auto 0;
  padding-bottom:18px;
  position:relative;
  width:690px;
  z-index:10;
}

#copyright p { margin:0; }

#pEffectTL {
  background:url('../pictures/paperTL.png') no-repeat;
  height:350px;
  left:0px;
  position:absolute;
  top:0px;
  width:185px;
}

#drawing {
  float:right;
  overflow:hidden;
  position:relative;
  z-index:0;
}

#skippyjonjonesdotcom {
  left:40px;
  margin-top:26px;
  position:absolute;
}

/* PAPER BACKGROUND */

div.top, div.sides, div.bottom {
  background:no-repeat center;
  float:none;
  position:relative;
  word-wrap:break-word;
  width:760px;
  z-index:5;
}

div.top, div.sides { background-position:top; }

div.sides { background:repeat-y top; }

div.bottom { background-position:bottom; }

#overGreenS {
  background-image:url('../pictures/overGreenS.png');
  padding-top:240px;
  padding-bottom:235px;
  top:0px;
}

#overGreenT {
  background-image:url('../pictures/overGreenT.png');
  padding-top:60px;
  top:0px;
}

#overGreenB {
  background-image:url('../pictures/overGreenB.png');
  margin:0px -20px 0;
  padding-bottom:60px;
}

/* STORYBOOK */

.storybook {
  margin:0;
  padding:0;
  padding-left:10px;
  padding-right:10px;
  height:auto;
  margin-left:26px;
  overflow:auto;
  width:689px;
}

.storybook ul {
  display:table-row;
  margin:0;
  padding:0;
  list-style:none;
  white-space:nowrap;
}

.storybook ul li {
  display:table-cell;
  padding:0 5px 10px;
  vertical-align:top;
}

.storybook ul li img {
  border:0;
  margin:10px 10px 0;
}

/* MAIN */

#main #pageHead { background:#f6d676 url('../pictures/headBGYellow.gif') no-repeat; padding-top:12px; width:710px; text-align:center; }
#main #pageHead img.head { border-top:3px solid #eb508c; }
#main .storybook { border-top:3px solid #eb508c;border-bottom:2px solid #eb508c; }
#main #centering { background-color:#f6d676; }
#main #catNavBG { background:#f5f197 url('../pictures/starsYellow.gif'); border:0; }
#main .sides { padding-top:358px; padding-bottom:195px; }
#main #catNav { margin-top:20px; }
#main #skippyL {
  background:url('../pictures/skippyL.gif') no-repeat;
  height:200px;
  left:-70px;
  position:absolute;
  top:-80px;
  width:200px;
}

#main #skippyR {
  background:url('../pictures/skippyR.gif') no-repeat;
  height:170px;
  left:560px;
  overflow:hidden;
  position:absolute;
  top:-16px;
  width:170px;
}

#main #navHome img { background-image:url('../pictures/navMain1.png'); }
#main #navBio img { background-image:url('../pictures/navMain2.png'); }
#main #navCloset img { background-image:url('../pictures/navMain3.png'); }
#main #navStore img { background-image:url('../pictures/navMain4.png'); }
#main #navBooks img { background-image:url('../pictures/navMain5.png'); }

#main #nav2, #original #nav2, #boards #nav2 { margin-left:-19px; }
#main #nav3, #original #nav3, #boards #nav3 { margin-left:-11px; }
#main #nav4, #original #nav4, #boards #nav4 { margin-left:-16px; }

#main .storybook {
  background:url('../pictures/bgDiagYellow.gif');
}

#main .storybook li a {
  text-decoration:none;
}

#main .storybook li a p {
  color:white;
  font-style:italic;
  font-weight:bold;
  line-height:normal;
  margin:0;
  margin-top:0.7em;
  padding:0;
  text-align:center;
  visibility:hidden;
  width:188px;
}

#main .storybook li:hover {
  background:#eb508c url('../pictures/bgDiagRose.gif');
  cursor:pointer;
}

#main .storybook li:hover a p {
  visibility:visible;
}


/* ORIGINAL */

#original #pageHead { border-bottom:3px solid #68b185; }

#original #centering { background-color:#81ca9c; color:#222; font-size:0.95em; }

#original #catNavBG {
  background:#68b185 url('../pictures/starsGreen.gif');
  border-top-color:#5c9f78;
}

#original #book { border:3px solid #81ca9c; }
#original #book a { color:#223322; }
#original #book:hover { background-image:url(../pictures/bgDiagYellow.gif);border:3px solid white; }
#original #book:hover a { color:black; }

#original .headSmall { border-top:1px solid #5c9f78; padding-top:0.6em; }
#original .award { border-bottom:none; }

#original #drawing {
  margin-top:-505px;
  right:-10px;
  width:220px;
}

#original #navHome img { background-image:url('../pictures/navOriginal1.png'); }
#original #navBio img { background-image:url('../pictures/navOriginal2.png'); }
#original #navCloset img { background-image:url('../pictures/navOriginal3.png'); }
#original #navStore img { background-image:url('../pictures/navOriginal4.png'); }
#original #navBooks img { background-image:url('../pictures/navOriginal5.png'); }

/* DOG-HOUSE */

#doghouse #centering { background-color:#3867c3; }

#doghouse #catNavBG {
  background:#5280db url('../pictures/starsBlue.gif');
  border-top-color:#2757b6;
}

#doghouse #book { border:3px solid #3867c3; }
#doghouse #book a { color:white; }
#doghouse #book:hover { background-image:url(../pictures/bgDiagBlue.gif);border:3px solid white; }
#doghouse #book:hover a { color:black; }

#doghouse p.nextbook a:hover img,
#bones p.nextbook a:hover img {
  background-image:url('../pictures/arrowR.png');
}

#doghouse .headSmall { border-top:1px solid #5280db; padding-top:0.6em; }
#doghouse .award { border-bottom-color:#5280db; }

#doghouse #drawing {
  margin-top:-545px;
  right:-10px;
  width:220px;
}

#doghouse .sides {
  color:#ffffff;
  padding-top:280px;
}

#doghouse #dogYellow, #doghouse #dogPink, #doghouse #dogBlue { position:absolute; }

#doghouse #dogYellow {
  background:url('../pictures/dogYellow.png') no-repeat;
  height:95px;
  left:100px;
  top:10px;
  width:87px;
}

#doghouse #dogPink {
  background:url('../pictures/dogPink.png') no-repeat;
  height:94px;
  left:306px;
  top:8px;
  width:65px;
}

#doghouse #dogBlue {
  background:url('../pictures/dogBlue.png') no-repeat;
  height:104px;
  left:482px;
  top:10px;
  width:71px;
}

#doghouse #navHome img { background-image:url('../pictures/navDoghouse1.png'); }
#doghouse #navBio img { background-image:url('../pictures/navDoghouse2.png'); }
#doghouse #navCloset img { background-image:url('../pictures/navDoghouse3.png'); }
#doghouse #navStore img { background-image:url('../pictures/navDoghouse4.png'); }
#doghouse #navBooks img { background-image:url('../pictures/navDoghouse5.png'); }

#doghouse #nav2, #closet #nav2 { margin-left:-13px; }
#doghouse #nav3, #closet #nav3 { margin-left:-11px; z-index:34; position:relative; }
#doghouse #nav4, #closet #nav4 { margin-left:-28px; z-index:33; position:relative; } /* Puts the Closet button overtop of the Store one. */
#doghouse #nav5, #closet #nav5 { margin-left:-11px; }

/* MUMMY TROUBLE */

#mummy #centering {
  color:#003f68;
  background-color:#fbc496;
}

#mummy #catNavBG {
  background:#fcb073 url('../pictures/starsOrange.gif') no-repeat;
  border-top-color:#d08a51;
}

#mummy #book { border:3px solid #fbc496; }
#mummy #book a { color:#003f68; }
#mummy #book:hover { background-image:url(../pictures/bgDiagBlue.gif); border:3px solid white; }
#mummy #book:hover a { color:black; }

#mummy #pageHead { border-bottom:3px solid #d08a51; }

#mummy .award { border-bottom-color:#d08a4e; }

#mummy #drawing {
  margin-top:-545px;
  right:-10px;
  width:220px;
}

#mummy #navHome img { background-image:url('../pictures/navMummy1.png'); }
#mummy #navBio img { background-image:url('../pictures/navMummy2.png'); }
#mummy #navCloset img { background-image:url('../pictures/navMummy3.png'); }
#mummy #navStore img { background-image:url('../pictures/navMummy4.png'); }
#mummy #navBooks img { background-image:url('../pictures/navMummy5.png'); }

/* BIG BONES */

#bones #centering { background-color:#34b5d0;color:#003333; }
#bones .sides dt a { color:#003333; }
#bones .sides dt a:hover { background-color:#2c95b5; color:white; border-bottom:1px dashed white; }

#bones #book { border:3px solid #34b5d0; }
#bones #book a { color:#003333; }
#bones #book:hover { background-image:url(../pictures/bgDiagYellow.gif);border:3px solid white; }
#bones #book:hover a { color:black; }
#bones #book:hover a:hover { color:black; }

#bones #catNavBG {
  background:#009abc url('../pictures/starsTurquoise.gif');
  border-top-color:#2c95b5;
}

#bones .nextbook { color:#003333; }

/* #bones #book { border:3px solid #34b5d0; }
#bones #book a { color:black; }
#bones #book:hover { background-image:url(../pictures/bgDiagRose.gif); border:3px solid white; }
#bones #book:hover a { color:white; } */

#bones .award { border-bottom-color:#00879c; }

#bones #drawing {
  margin-top:-545px;
  right:-10px;
}

#bones #navHome img { background-image:url('../pictures/navBones1.png'); }
#bones #navBio img { background-image:url('../pictures/navBones2.png'); }
#bones #navCloset img { background-image:url('../pictures/navBones3.png'); }
#bones #navStore img { background-image:url('../pictures/navBones4.png'); }
#bones #navBooks img { background-image:url('../pictures/navBones5.png'); }

/* BOARD BOOKS */

#boards #centering { background-color:#749bff; }

#boards p a { border-bottom:1px solid #5887ff; color:#000; text-decoration:none; }
#boards p a:hover { border-bottom:1px solid #fff; color:#fff; text-decoration:none; }

#boards #catNavBG {
  background:#5887ff url('../pictures/starsLightBlue.gif');
  border-top-color:#5781ed;
}

#boards .sides { padding-top:220px; }

#boards .storybook {
  margin-bottom:20px;
  overflow:visible;
  padding-left:30px;
  padding-right:30px;
  width:649px;
}

#boards .storybook ul {
  text-align:center;
  white-space:normal;
}

#boards .storybook ul li {
  display:inline;
  height:150px;
  padding:0 1px 10px;
  width:150px;
  vertical-align:middle;
  zoom:1;
}

#boards .award { border-bottom-color:#5781ed; }

#boards #drawing {
  margin-top:-480px;
  right:-10px;
  width:240px;
}

#boards #dolls {
  background:url('../pictures/boardsDolls.png') no-repeat;
  height:96px;
  left:-19px;
  position:absolute;
  top:178px;
  width:96px;
}

#boards #navHome img { background-image:url('../pictures/navBoards1.png'); }
#boards #navBio img { background-image:url('../pictures/navBoards2.png'); }
#boards #navCloset img { background-image:url('../pictures/navBoards3.png'); }
#boards #navStore img { background-image:url('../pictures/navBoards4.png'); }
#boards #navBooks img { background-image:url('../pictures/navBoards5.png'); }



/* SHOP */

#shop #centering { background-color:#5887ff; color:#182133; }

#shop .headSmall { border-bottom:1px solid #5781ed; padding-top:0.6em; }

#shop #catNavBG {
  background:#5887ff url('../pictures/starsLightBlue.gif');
  border-top-color:#5781ed;
}

#shop #pageHead { border-bottom:3px solid #749bff; border-top:3px solid #749bff; margin-top:16px; }

#shop #polaroid {
  background:url('../pictures/polaroidCloset.png') no-repeat;
  height:169px;
  left:-2px;
  overflow:hidden;
  position:absolute;
  top:-34px;
  width:186px;
}

#shop .sides { padding-top:142px; }


.shopDetail p { font-size:0.95em; line-height:1.3em; margin:0.8em 30px 0 10px; }
.shopDetail #itemPic p { margin:0 0 1em; }
.shopDetail a {
  color:white;
  text-decoration:none;
}
.shopDetail a:hover { text-decoration:underline; }
.shopDetail a img { border:none; }

#shop .storybook {
  background:url('../pictures/bgDiagBlue.gif');
  border-bottom:3px solid #749bff;
}

#shop .storybook,
#closet .storybook {
  font-size:0.9em;
  line-height:1.5em;
  margin-bottom:10px;
  padding-left:30px;
  padding-right:30px;
  text-align:center;
  width:649px;
}

#shop .storybook a,
#closet .storybook a {
  color:black;
  text-decoration:none;
}

#shop .storybook li:hover {
  background-color:#5781ed;
  cursor:pointer;
}

#shop .storybook li:hover a,
#closet .storybook li:hover a {
  color:white;
}

#shop #drawing {
  margin-top:-505px;
  right:-10px;
  width:220px;
}

#shop #navHome img { background-image:url('../pictures/navShop1.png'); }
#shop #navBio img { background-image:url('../pictures/navShop2.png'); }
#shop #navCloset img { background-image:url('../pictures/navShop3.png'); }
#shop #navStore img { background-image:url('../pictures/navShop4.png'); }
#shop #navBooks img { background-image:url('../pictures/navShop5.png'); }

/* SKIPPY'S CLOSET */

#closet #centering { background-color:#673bb8;color:white; }

#closet .headSmall { border-bottom:1px solid #512698; padding-top:0.6em; }

#closet #catNavBG {
  background:#673bb8 url('../pictures/starsPurple.gif');
  border-top-color:#512698;
}

#closet #pageHead { border-bottom:3px solid #7a54c5; margin-top:10px; }

#closet .sides { padding-top:190px; }

.shopDetail p { font-size:0.95em; line-height:1.3em; margin:0.8em 30px 0 10px; }
.shopDetail #itemPic p { margin:0 0 1em; }

#closet .storybook {
  background:url('../pictures/bgDiagPurple.gif');
  border-bottom:3px solid #7a54c5;
}

#closet .storybook li a { color:white; }

#closet .storybook li:hover {
  background-color:#512698;
  cursor:pointer;
}

#closet #drawing {
  margin-top:-515px;
  right:-10px;
  width:250px;
}

#closet #navHome img { background-image:url('../pictures/navCloset1.png'); }
#closet #navBio img { background-image:url('../pictures/navCloset2.png'); }
#closet #navCloset img { background-image:url('../pictures/navCloset3.png'); }
#closet #navStore img { background-image:url('../pictures/navCloset4.png'); }
#closet #navBooks img { background-image:url('../pictures/navCloset5.png'); }