@font-face {
    font-family: 'quaver';
    src: url('quaverserif-webfont.eot');
    src: url('quaverserif-webfont.eot?#iefix') format('embedded-opentype'),
         url('quaverserif-webfont.woff') format('woff'),
         url('quaverserif-webfont.ttf') format('truetype'),
         url('quaverserif-webfont.svg#quaver_serifregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


body { background: url(../img/greenbg.jpg) center top no-repeat #102c26; color:#fcf8c4; font-family:'quaver','Georgia',serif; text-shadow: 0px 0px 5px rgba(23, 34, 27, 1); background-attachment: fixed; }

header { width:100%; padding-bottom:0px; height: 56px; position:fixed; z-index:100; }
.header-content { height:52px; background:#181d16; display:block; }


.header-border { background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #bd864b), color-stop(0.03, #e7a548)); background-image: -moz-linear-gradient(center bottom, #bd864b 0%, #e7a548 3% ); box-shadow: 0 0 5px #000; }
.border { background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #bd864b), color-stop(0.03, #e7a548)); background-image: -moz-linear-gradient(center bottom, #bd864b 0%, #e7a548 3% ); box-shadow: 0px 0px 5px rgba(23, 34, 27, 1); }

.logo { background:url(../img/mister-max-logo_o.png) no-repeat; width:288px; height:237px; float:left; }

header nav { float: left; }
header ul { float: left; padding-left:20px; }
header li { float: left; list-style:none; background:url(../img/dot.png) no-repeat center left; padding-left:28px; }
header li:first-child { background: none; padding-left:0; }
header a { color:#fbe169; text-transform:uppercase; font-size:25px; text-decoration: none; margin-right:16px; font-weight:bold; }
header a:hover, header a.active { color:#fcf8c4; }

.centered { width: 940px; margin:0 auto; position: relative; }

.curtain { width: 139px; height: 913px; position:absolute; top:56px; z-index:-1; }
.curtain-left { left:-139px; background:url(../img/curtain-l-24_o.png) 0 -56px no-repeat; }
.curtain-right { right:-139px; background:url(../img/curtain-r-24_o.png) 0 -56px no-repeat; }

.main { width: 610px; float:right; padding-top:56px; margin-right:20px; }
.sidebar { width:290px; float:left; }
.sidebar .book-cover a.book1 { margin:223px 0 20px 20px; display:block; width:239px; height:340px; background:url(../img/book_o.png); }
.sidebar .book-cover a.book2 { margin:-50px 0 20px 20px; display:block; width:239px; height:340px; background:url(../img/book2_o.png); }
.sidebar .book-cover a.book2 { margin:-50px 0 20px 20px; display:block; width:239px; height:340px; background:url(../img/book2_o.png); }
#home .sidebar .book-cover a.book1 { margin:223px 10 20px 0px; display:block; width:200px; height:340px; background:url(../img/3d-lost-things.png) no-repeat; background-size: 100%; }
#home .sidebar .book-cover a.book2 { margin:-190px 0 20px 80px; display:block; width:200px; height:340px; background:url(../img/3d-book-secrets.png) no-repeat; background-size: 100%; }
#home .sidebar .book-cover a.book3 { margin:-146px 0 20px 9px; display:block; width:200px; height:340px; background:url(../img/3d-book-kings.png) no-repeat; background-size: 100%; }

.main h1 { font-size: 35px; margin: 20px 0 14px; text-align: center; }
.main h2 { text-align: center; font-size: 34px; margin:0; padding: 16px 0 14px; }
.main p { font-size:24px; margin:0 0 14px; }

.subpage h1 { text-align: center; }
.subpage .main h2:before { content: url(../img/title-decoration-left-sm.png); margin-right:4px; }
.subpage .main h2:after { content: url(../img/title-decoration-right-sm.png); margin-left:4px; }

#home .touts { clear:both; margin-bottom:20px; }
.tout { width:278px; height:190px; padding:4px; float:left; margin-left:20px; border-radius:4px; }
.tout:first-child { margin-left:0; }
.tout .content { background:#17221b; display:block; height:100%; width:100%; }
.tout .content h2 { margin:0; padding:12px; font-size:32px; }
.tout .content p { margin:0; padding:0 12px 12px; font-size:24px; }

.button { height:240px; width:170px; display:block; float:left; text-align: center; margin-left:35px; position:relative; font-weight: bold; }
.button:first-child { margin-left:0; }
.button a { display:block; height:100%; width: 100%; color:#fcf8c4; }
.button a .border { position:absolute; top:130px; padding:4px; border-radius:4px; z-index:-1; }
.button a .border p { background:#17221b; font-size:28px; margin:0; padding:10px 5px; line-height:33px; width: 150px; }
.button a .border p span { margin: 0 3px; }

.button.mom { background: url(../img/icon-mom_o.png) no-repeat center top; }
.button.dad { background: url(../img/icon-dad_o.png) no-repeat center top; }
.button.kid { background: url(../img/icon-kid_o.png) no-repeat center top; }

.book-top-tmbs {height:145px; width:101px; }

#books .content .button { z-index:1; }
#books .content .button { float:right; margin-right:-20px; }
#books .book-cover a.book1 { margin:15px 30px 20px -35px; float:left; display:block; width:245px; height:357px; background:url(../img/3d-lost-things.png); }
#books .book-cover a.book2 { margin:15px 30px 20px -35px; float:left; display:block; width:245px; height:357px; background:url(../img/3d-book-secrets.png); }
#books .book-cover a.book3 { margin:15px 30px 20px -35px; float:left; display:block; width:230px; height:357px; background:url(../img/3d-book-kings.png); }

.subpage .sidebar { padding-top:250px; }
.subpage .sidebar .button { margin-left:60px; }

.main .border { padding:4px; border-radius:4px; margin-bottom:20px; }
section.content { background:#17221b; display:block; height:100%; width:100%; z-index:-2; }

.main .content p { padding: 0 25px 14px; margin:0; }

.book-covers { text-align:center; }
.book-covers img { padding:0 15px; }

.content a { color:#fcf8c4; }

#letter { width: 140px; height:140px; display:block; background:url(../img/letter.gif); position:absolute; top: 548px; left: -100px; z-index: 2; }
#net { width: 130px; height:113px; display:block; background:url(../img/net.gif); position:absolute; top: 516px; right: -134px; z-index: 2; }
#painting { width: 200px; height:158px; display:block; background:url(../img/painting.gif); position:absolute; top: 888px; left: 280px; z-index: -1; -webkit-transition:.2s all linear; }
#painting:hover { left:270px; }
#dog { width: 75px; height:103px; display:block; background:url(../img/dog.gif); position:absolute; top: 608px; left: 230px; z-index: 1; }
#icecream { width: 75px; height:188px; display:block; background:url(../img/icecream.gif); position:absolute; top: 428px; left: 266px; z-index: -1; }
#spoon { width: 50px; height:144px; display:block; background:url(../img/spoon.gif); position:absolute; top: 118px; left: 910px; z-index: 1; }


.hunt { width:594px; height:294px; background:#17221b; padding:20px; border:3px solid #fcf8c4; border-radius:3px; }
.hunt img { float:left; margin-right:10px; }
.hunt h2 { font-size:30px; margin:0; }
.hunt p { font-size:22px; }
.hunt a { color:#fcf8c4; }

.hunt-box div { width: 200px; height: 100px; background-size: auto 100%; background-repeat: no-repeat; display:block; background-position: center; float:left; margin-bottom:20px; }
.hunt-dog { background-image:url(../img/dog-lg.png); }
.hunt-icecream { background-image:url(../img/icecream-lg.png); }
.hunt-painting { background-image:url(../img/painting-lg.png); }
.hunt-spoon { background-image:url(../img/spoon-lg.png); }
.hunt-net { background-image:url(../img/net-lg.png); }
.hunt-letter { background-image:url(../img/letter-lg.png); }

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

#cboxclose { position: absolute; top: 20px; right: 0; background: transparent; border: 0; color: #fcf8c4; }

#colorbox:focus { outline:none; }