/*
Theme Name: Dan Brown
Theme URI: http://danbrown.com/
Description: Dan Brown Custom Parallax Theme
Author: Sanborn Media Factory, Inc.
Author URI: http://www.sanbornmediafactory.com
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Version: 1.0.3
*/

@import url(css/reset.css);
@import url(css/base.css);
@import url(css/fonts.css);
@import url(css/superfish.css);
@import url(css/shortcodes.css);
@import url(css/slidebox.css);
@import url(css/jquery.jscrollpane.css);

#countdown-numbers h1 {
display: inline-block;
position: relative;
top: 264px;
margin-left: 33px;
font-size: 1.9em;
width: 44px;
color: #b27500;
}

#countdown-numbers {
position: relative;
left: -121px;
}

.front-page-special .db-button {
   /* position: relative;
    top: -190px;
    height: 56px;
    left: -102px; */
    line-height: 73px;
}

.front-page-special .title-text {
    /* position: relative; */
    /* margin: 0 auto; */
    width: auto;
    left: 15%;
    top: 42%;
    transform: translateY(-50%);
    /* top: 0; */
}

@media only screen and (max-width: 769px) {
    .front-page-special .title-text {
        /* width: 75%; */
        left: 10%;
    }
}

@media only screen and (max-width: 567px) {
    .front-page-special .title-text {
        /* width: 95%; */
    }
}

@media only screen and (max-width: 480px) {
    .front-page-special .title-text {
        width: 100%;
    }
}

.inferno-home-subtitle {
    font-family: 'Penumbra', helvetica, arial;
    text-transform: uppercase;
    color: #d72e2c;
    font-size: 23px;
}
.home-reviews {
    font-family: 'Penumbra', helvetica, arial;
    color: #fff;
    text-transform: uppercase;
    font-size: 17px;
    margin: 33px 0 60px;
}
.home-review-author {
    color: #F9A504;
    display: block;
    margin: 13px 0;
}
.now-in-stores {
    font-family: 'Penumbra', helvetica, arial;
    text-transform: uppercase;
    color: #d72e2c;
    font-size: 31px;
}
.now-in-stores-line {
    height: 1px;
    width: 90%;
    background: -moz-linear-gradient(left,  rgba(215,46,44,1) 0%, rgba(215,46,44,0) 36%, rgba(215,46,44,0) 50%, rgba(215,46,44,0) 67%, rgba(215,46,44,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(215,46,44,1)), color-stop(36%,rgba(215,46,44,0)), color-stop(50%,rgba(215,46,44,0)), color-stop(67%,rgba(215,46,44,0)), color-stop(100%,rgba(215,46,44,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  rgba(215,46,44,1) 0%,rgba(215,46,44,0) 36%,rgba(215,46,44,0) 50%,rgba(215,46,44,0) 67%,rgba(215,46,44,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  rgba(215,46,44,1) 0%,rgba(215,46,44,0) 36%,rgba(215,46,44,0) 50%,rgba(215,46,44,0) 67%,rgba(215,46,44,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  rgba(215,46,44,1) 0%,rgba(215,46,44,0) 36%,rgba(215,46,44,0) 50%,rgba(215,46,44,0) 67%,rgba(215,46,44,1) 100%); /* IE10+ */
    background: linear-gradient(to right,  rgba(215,46,44,1) 0%,rgba(215,46,44,0) 36%,rgba(215,46,44,0) 50%,rgba(215,46,44,0) 67%,rgba(215,46,44,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d72e2c', endColorstr='#d72e2c',GradientType=1 ); /* IE6-9 */
    margin: -40px auto 15px auto;
    opacity: 0.6;
}

/*-----------------------------------------------------------------------------------*/
/*  HEADINGS
/*-----------------------------------------------------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Penumbra', helvetica, arial;
    letter-spacing: 0.1em;
    text-decoration: none;
    font-weight: normal;
    padding-bottom: 0.5em;
    text-align: left;
    color: #F9A504;
}

h1 {
    word-spacing: normal;
    font-size: 1.563em;
    line-height: 1.1em;
    /*letter-spacing: -2px;*/
}

h2 {
    word-spacing: normal;
    /*font-size: 36px;*/
    font-size: 2em;
    line-height: 1.1em;
    /*letter-spacing: -1px;*/
}

h3 {
    word-spacing: 0.1em;
    /*font-size: 24px;*/
    font-size: 1.5em;
    line-height: 1.3em;
}

h4 {
    word-spacing: -0.05em;
    font-size: 18px;
    line-height: 24px;
}

h5 {
    word-spacing: -0.05em;
    font-size: 14px;
}

h6 {
    word-spacing: -0.05em;
    font-size: 12px;
}

/*-----------------------------------------------------------------------------------*/
/*  Setup
/*-----------------------------------------------------------------------------------*/
body {
    background-color:#000000;
    font-family:'gillsansmtstd',helvetica,arial;
    font-size: 16px;
    /*min-width:1200px; /* NOTE: Make this responsive later. */
}

html {
    /*min-width:1200px; /* NOTE: Make this responsive later. */
}

a {
    color:#F9A504!important;
}

a:hover {
    color:#f9ca6e!important;
}

em {
    font-family: 'gillsansmtstd',helvetica,arial;
}

#main {
    position:relative;
}

/* static bg image*/
#background {
    position: fixed;
    top: 0;
    left: 0;
    max-width: none;
    min-width: 100%;
    min-height: 100%;
    z-index: -1;
}

.bgwidth {
    width: 100%;

}

.bgheight {
    height: 100%;

}

input,
textarea {
    font-size: 0.95em;
    outline: 0;
    padding: 5px;

    -webkit-transition: box-shadow 0.25s ease-out;
    -moz-transition: box-shadow 0.25s ease-out;
    transition: box-shadow 0.25s ease-out;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input[type=submit], button[type=submit] {
    /*border: none;*/
    cursor: pointer;
    background: none;
}

/* hide port single*/
.single.single-portfolio {
    display: none;
}


/*-----------------------------------------------------------------------------------*/
/*  PRELOADER
/*-----------------------------------------------------------------------------------*/
#coll-preloader {
    background-color:#000000!important;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align:center;
    z-index: 9999;
}
#coll-preloader .percent{
    position: absolute;
    width: 100%;
    top: 50%;
    font-family: 'novecentowidebold', arial, helvetica;
    font-size: 100px;
    text-align: center;
}

#coll-preloader img {
    height:200px;
    margin-top:4%;
    position:relative;
    width:200px;
}
/*-----------------------------------------------------------------------------------*/
/*  HEADER
/*-----------------------------------------------------------------------------------*/
.header {
    position: fixed;
    width: 100%;
    z-index: 999;
}

.header .logo a {
    display: inline-block;
    padding-top: 13px;

    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}

.header:hover .logo a {
    padding-top: 21px;
}

.header:hover .sf-menu a {
    padding: 2em 1em;
}

.header.duplicate {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 998;
}

.header .mainmenu {
    /*float: left;*/
    /*padding: 12px 0;*/
    /*margin: 0 0 0 40px;*/
    position: relative;
    text-align: right;
    margin-bottom: 0px;

    /*font-weight: 600;*/
}

@media only screen and (max-width: 768px) {
    .header .logo {
        text-align: center;
        margin-bottom: 10px;
    }

    .header .mainmenu {
        display: none;
    }
}

.header .responsive.menu {
    width: 100%;
    display: none;
    text-align: center;
}

.header .responsive.menu select {
    padding: 10px;
    font-weight: bold;
    width: 280px;
    height: 40px;
    margin: 10px 0 20px 0;

}

@media only screen and (max-width: 768px) {
    .header .responsive.menu {
        display: block;
    }
}


#top-dvya, #top-dvya .page-background {
    min-height: 0 !important;
    height: 568px !important;
    margin-bottom: -111px;
}

#top-dvya .wrapper.container {
    padding: 0;
}

#top-dvya .home-reviews {
    font-size: 20px;
    line-height: 20px;
    margin: 0;
    margin: 0 auto 25px auto;
    color: #b29962;
}

#top-dvya .home-title {
    padding-top: 25px;
}

.home-reviews .home-review-author {
    font-size: 16px;
    margin: 0;
}

@media only screen and (max-width: 769px){
    #top-dvya .home-reviews {
        line-height: 1em;
        margin: 0 auto 15px auto;
    }

    #top-dvya .home-title {
        padding-top: 15px;
    }
}

@media only screen and (max-width: 568px){
    #top-dvya .page-background {
        background-position: 15% center !important;
    }

    #top-dvya .title-text {
        left: 50%;
        top: 44%;
        transform: translate(-50%, -50%);
        width: 100%;
    }
}

@media only screen and (max-width: 480px){
    #top-dvya .home-reviews {
        font-size: 16px;
        padding: 0 10%;
    }

    .home-reviews .home-review-author {
        font-size: 12px;
    }
}



/*-----------------------------------------------------------------------------------*/
/*  SECTION
/*-----------------------------------------------------------------------------------*/
.page-container {
    border-bottom:1px solid #474747;
    position: relative;
    overflow: hidden;
}

.page-background {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.page-background .bgimage {
    position: absolute;
    top: 0;
    left: 0;
    max-width: none;
    min-width: 100%;
    min-height: 100%;
    z-index: -2;
}

.page-title .text {
    font-family: 'novecentowidebold', helvetica, arial;
    font-size: 60px;
    text-transform: uppercase;
    text-align: center;
    line-height: 0.83em;
    letter-spacing: -0.09em;
    margin-bottom: 50px;

}

div.wrapper.container {
    padding-top: 100px;
    padding-bottom: 150px;
}

div.wrapper.container div.row.hidden {
    position: absolute;
    visibility: hidden;
}


.desc-interior .mejs-audio {
    margin-bottom: 43px;
    display: inline-block;
}

.mejs-controls .mejs-time-rail .mejs-time-loaded {
    width: 0;
    background: #f9ca6e;
    background: #f9ca6e;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(255, 169, 0)), to(rgba(148, 101, 0, 0.8)));
    background: -webkit-linear-gradient(top, rgb(255, 169, 0), rgba(148, 101, 0, 0.8));
    background: -moz-linear-gradient(top, rgb(255, 169, 0), rgba(148, 101, 0, 0.8));
    background: -o-linear-gradient(top, rgb(255, 169, 0), rgba(148, 101, 0, 0.8));
    background: -ms-linear-gradient(top, rgb(255, 169, 0), rgba(148, 101, 0, 0.8));
    background: linear-gradient(rgb(255, 169, 0), rgba(148, 101, 0, 0.8));
}

/*-----------------------------------------------------------------------------------*/
/*  ALL PAGES
/*-----------------------------------------------------------------------------------*/
.common.wrapper {
    padding-top: 100px;
}
@media only screen and (max-width: 768px) {
    .common.wrapper {
        padding-top: 150px;
    }
}
.common.title .text {
    font-family: 'novecentowidelightregular', helvetica, arial;
    font-size: 70px;
    text-transform: uppercase;
    text-align: center;
    line-height: 0.83em;
    letter-spacing: -0.03em;
    /*margin-bottom: 50px;*/
}
@media only screen and (max-width: 768px) {
    .common.title .text {
        font-size: 40px;

    }
}

.common.title .first-word {
    font-family: 'novecentowidebold', helvetica, arial;
}
/*-----------------------------------------------------------------------------------*/
/*  Archives
/*-----------------------------------------------------------------------------------*/

.page-template-template-archives-php #main .content {
   margin-top: 50px;
}

.page-template-template-archives-php #main .row {
    margin-bottom: 50px;
}

.page-template-template-archives-php #main li {
    background-position: 0px 4px;
    background-repeat: no-repeat;
    padding-left: 20px;
}

/*-----------------------------------------------------------------------------------*/
/*  PLAIN TEMPLATE
/*-----------------------------------------------------------------------------------*/
.plain-interstitial {
    height: 350px;
    min-height: 350px;
}

.plain-interstitial .page-background {
    height: 350px;
    min-height: 350px;
}

.plain-interstitial .wrapper {
    height:100%;
    margin:0;
    padding:0;
    width:100%;
}

.plain-interstitial .container {
    height:100%;
    margin:0;
    padding:0;
    width:100%;
}

.plain-interstitial .row {
    float:none;
    height:100%;
    margin:0;
    max-width:none;
    padding:0;
    width:100%;
}

.plain-interstitial .twelvecol {
    float:none;
}

.plain-template #back-button {
    top: 325px;
}

.plain-description {
    /* background:url(./images/db/secrets.bg.jpg) no-repeat; */
    background-size:cover;
    background-color:#ffffff;
    color: #000000;
    height:auto!important;
    font-family: 'Lora', helvetica, arial, serif;
}

.plain-description div.wrapper.container {
    padding-bottom: 80px;
}

.plain-description p {
    width: auto;
    margin: 0 auto;
}

.plain-description .excerpt--blockText {
    text-align: center;
    margin-bottom: 4%;
}

.plain-description .excerpt--legalText {
    font-size: 13px;
    margin: 10% 0 0;
}

.plain-description .chapter--title {
    font-family: 'gillsansmtstd', helvetica, arial;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-align: right;
    font-size: 26px;
    display: inline-block;
    width: 100%;
    margin: 20px auto;
}

.chapter--title__number {
    font-size: 40px;
}

.chapter--firstParagraph {
    padding-top: 30px;
    /* display: inline-block; */
}

.chapter--firstParagraph:first-letter {
    color: gray;
    font-size: 48px;
    padding-right: 5px;
    margin-top: 0.3em;
    float: left;
}

.plain-description .chapter--text {
    margin: 0.5em auto;
}

.chapter {
    width: 66%;
    margin: 0 auto;
}

.chapter--text:first-letter {
    margin-left: 20px;
}

.chapter--blockText {
    font-family: 'gillsansmtstd', helvetica, arial;
    display: block;
    width: 100%;
    text-align: center;
    margin: 30px auto;
}

.chapter--blockinset {
    display: inline-block;
    width: 100%;
    margin: 20px auto;
}

.chapter--blockinset__text {
    width: 50%;
    margin: 20px 0;
}

.chapter--blockinset__right {
    text-align: right;
}

.chapter .chapter--blockinset__image {
    display: block;
    margin: 20px auto;
    position: relative;
}

@media only screen and (max-width: 769px) {
    .plain-description .desc-interior {
        width: auto;
        margin: 0 3%;
    }

    .plain-description .desc-interior p {
        width: 96%;
    }
}

@media only screen and (max-width: 640px) {
    .chapter {
        width: 75%;
        margin: 0 auto;
    }

    .chapter--blockinset__text {
        width: 60%;
    }
}

@media only screen and (max-width: 480px) {
    .chapter {
        width: 96%;
        margin: 0 auto;
    }

    .chapter--blockinset__text {
        width: 60%;
    }
}

/*-----------------------------------------------------------------------------------*/
/*  BLOG
/*-----------------------------------------------------------------------------------*/
.type-post {
    position: relative;
    margin-bottom: 150px;
}

.entry-assets {
    text-align: center;
    margin-bottom: 30px;
}

.entry-title {

}

.entry-title a {
    display: block;
    text-decoration: none;
}

.entry-title .text {
    padding-bottom: 10px;
    text-align: center;
}

.entry-meta {
    /*font-family: 'novecentowidelightregular', helvetica, arial;*/
    font-size: 12px;
    margin-bottom: 20px;
    text-align: center;
}

.entry-meta.border.thin:after {
    padding-top: 20px;
    border-width: 1px;
}

.entry-meta li {
    display: inline;
}

.entry-meta a {
    text-decoration: none;
}

.more-link {
    position: absolute;
    left: 50%;
    bottom: -45px;
    display: inline-block;
    text-decoration: none;
    font: 11px Arial, Helvetica;
    /*text-transform: uppercase;*/

    text-align: center;

    margin-left: -38px;
    padding: 5px 7px;

    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}

.single-post .type-post .entry-content p:first-child {
    font-size: 1.25em;
    line-height: 1.5em;
}

.blog-navigation {
    margin-top: 30px;
    margin-bottom: 30px;
}

.blog-navigation div.next {
    float: left;
    margin-right: 5px;
}

.blog-navigation div.prev {
    float: left;
}

.blog-nav-item {
    display: inline-block;
    text-decoration: none;
    font: 11px Arial, Helvetica;
    /*text-transform: uppercase;*/

    text-align: center;

    padding: 5px 7px;

    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}
/*-----------------------------------------------------------------------------------*/
/*  Comments
/*-----------------------------------------------------------------------------------*/
ol.comment-list,
ol.ping-list {
    /*padding-bottom: 20px;*/
    list-style: none;
    position: relative;
}

.comments {
    font-size: 13px;
}

.comment-meta {
    float: left;
    width: 130px;
}

.comment-meta ul.extra li {
    line-height: 130%;
}

.comment-meta ul.extra .name {
    font-weight: 600;
}

.comment-meta ul.extra .name .url {
    text-decoration: none;
}

.comment-meta ul.extra small {
    font-size: 11px;
}

.comment-reply-link {
    display: inline-block;
    margin-top: 3px;
    padding: 1px 6px;
    text-decoration: none;

    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}

.comment-body {
    margin-left: 130px;
    padding-left: 20px;
}

li.comment {
    clear: both;
    padding-top: 50px;
}

li.depth-1:first-child {
    padding: 0;
}

li.comment ul.children {
    margin-left: 12%;
}

.comments .navigation {
    padding: 20px 0px;
}

.comments .navigation .older {
    float: left;
}

.comments .navigation .newer {
    float: right;
}

#respond {
    clear: both;
    margin-bottom: 30px;
}

#respond p {
    margin-bottom: 3px;
}

#respond .title,
#reply-title {
    /*padding-top: 20px;*/

}

#respond input[type=text] {
    width: 240px;

}

#respond label {
    margin-left: 10px;

}

#respond textarea {
    width: 480px;
}

#respond input[type=submit] {
    margin-bottom: 20px;
}

.comment-list #respond textarea {
    width: 100%;
}

@media only screen and (max-width: 768px) {

    .comment-meta {
        float: none;
        width: 100%;

    }

    .comment-meta ul.extra {
        margin-bottom: 0px;
    }

    .comment-meta ul.extra li {
        display: inline;
        margin-right: 10px;
    }

    .comment-meta ul.extra .name {
        margin-right: 10px;
    }

    .comment-body {
        margin-top: 20px;
        margin-left: 0px;
        padding-left: 0;
        border-left: none !important;
    }

    #respond input[type=text],
    #contactForm input[type=text] {
        width: 100%;
    }

    #respond textarea {
        width: 100%;
    }
}
/*-----------------------------------------------------------------------------------*/
/*  Footer
/*-----------------------------------------------------------------------------------*/
.footer {
    padding-top: 20px;
    padding-bottom: 40px;

}

.footer .row:first-child {
    position: relative;
}

.footer .text {
    position: relative;
    padding-top: 15px;
    font-size: 12px;
    line-height: 1.5em;
    /*text-transform: uppercase;*/
}

/*-----------------------------------------------------------------------------------*/
/*  404
/*-----------------------------------------------------------------------------------*/
.error404 .entry-content {
    text-align: center;
}


#top {
    border-bottom:0!important;
}

#top .wrapper {
    margin:0;
    padding:0;
}

#top .container {
    margin:0;
    padding:0;
}

#top .row {
    margin:0;
    padding:0;
}

.title-text {
    left:50%;
    position:absolute;
    text-align:center;
    top:60px;
    width:593px;
}

    .title-text h1 {
        font-size:1.250em;
        line-height:0.875em;
        margin:0;
        padding:0;
        text-align:center;
    }

    .title-text h2 {
        font-size:0.625em;
        margin:24px 0 0 0;
        padding:0;
        text-align:center;
    }




#top-light {
    height:100%;
    max-width:none;
    position:absolute;
    right:0;
}



#nav {
    background-color:#000000;
    border-bottom:1px solid #373737;;
    color:#F9A504;
    font-family: 'Penumbra', helvetica, arial;
    height:84px;
    max-height:84px!important;
    min-height:0!important;
    opacity:0;
    width:100%;
    z-index:999;
    display: block;
}

    #nav ul {
        height:100%;
        margin-left:auto;
        margin-right:auto;
        text-align:center;
        width:1000px;
    }

    @media only screen and (max-width: 1024px) {
        #nav ul {
            width: 100%;
        }
    }

    #nav li {
        cursor:pointer;
        display:inline;
        float:left;
        letter-spacing:0.1em;
        padding-top:34px;
        text-align:center;
        width:115px;
    }

    @media only screen and (max-width: 1024px){
        #nav li {
            width: 10%;
            margin-left:-1%;
        }

        #nav li#nav-sharing {
            margin-left: 1%;
        }
    }

    @media only screen and (max-width: 768px){
        #nav li {
            width: 9%;
        }

        #nav li#nav-sharing {
            width: 90% !important;
            margin: 0 auto;
        }
    }

    #nav li:hover {
        color:#f9ca6e!important;
    }

    #nav .selected-nav-item {
        color:#f9ca6e!important;
    }

    #nav p {
        margin:0;
    }

#nav .wrapper {
    background-color:#000000;
    border-bottom:1px solid #373737;;
    height:84px;
    margin:0;
    padding:0;
    width:100%;
}

#nav .container {
    height:84px;
    margin:0;
    padding:0;
    width:100%;
}

#nav .row {
    float:none;
    height:100%;
    margin:0;
    max-width:none;
    padding:0;
    position:absolute;
    width:100%;
}

#nav .twelvecol {
    float:none;
    height:100%;
    position:absolute;
}

#nav-banner {
    position:absolute;
}

#nav img {
    max-width:none;
}

#nav-sharing {
    cursor:default;
    padding:14px 0 0 0!important;
    width:304px !important;
}



#author {
    background:url(./images/db/authornew.bg.jpg) no-repeat;
    background-size:cover;
    height:618px;
}

#author .wrapper {
    height:100%;
    margin:0;
    padding:0;
    width:100%;
}

#author .container {
    height:100%;
    margin:0;
    padding:0;
    width:100%;
}

#author .row {
    height:100%;
    margin:0;
    max-width:none;
    padding:0;
    width:100%;
}

    #inner-author {
        color:#FFFFFF;
        font-size:1.0em!important;
        font-weight:normal;
        left:38%;
        line-height:1.1em;
        position:relative;
        top:52px;
        width:56%;
    }

#inner-author-mobile {
    display: none;
}

#books {
    background:url(./images/db/books.bg.jpg) no-repeat;
    background-size:cover;
    height:auto;
  /*  padding-bottom:48px; */
}

#books .wrapper {
    height:100%;
    margin:0;
    padding:0;
    width:100%;
}

#books .container {
    height:100%;
    margin:0;
    padding:0;
    width:100%;
}

#books .row {
    float:none;
    height:100%;
    margin:0;
    max-width:none;
    padding:0;
    width:100%;
}
#books .row.world-editions-link {
    background: url('http://dan-brown.s3.amazonaws.com/images/world_editions_globe.png') center top no-repeat;
    padding: 171px 0 10px;
}
#books .twelvecol {
    float:none;
}

#books .page-content {
    margin-left:auto;
    margin-right:auto;
    width:960px;
}

.new-slit {
    height: 50px;
    margin-top: 50px;
    margin-bottom: 25px;
    position: relative;
    text-align: center;
}

.new-slit h1 {
    display: inline;
}

.new-slit:before,
.new-slit:after {
    content:url(images/db/new.slit.png);
    display: inline;
}

@media screen and (max-width:768px){
    .new-slit:before,
    .new-slit:after {
        display: none;
    }
}

    .work-item {
        float:left;
        font-weight:lighter;
        height:614px;
        margin:40px 10px 0 10px;
        padding:0 0 40px 0;
        width:300px;
    }

    .centered-book {
    position: relative;
    left: 47%;
    transform: translateX(-50%);
    }

    .world-editions-link .work-item {
        height: 100px;
    }

    .world-editions-link .db-button {
        line-height: 73px;
    }

    .worldeditions .work-item {
        width: 220px;
    }

    section#media .work-item, section#news .work-item {
        margin-top:0!important;
    }

    .work-item a {
        color:#F9A504;
    }

    .book-link img {
        max-height: 453px;
    }

    .work-item img {
        border:3px solid;
    }

    .work-item p {
        margin-bottom:0;
    }

    .work-item .title {
        color:#F9A504;
        margin-bottom:12px;
    }

    .work-item .blurb {
        color:#FFFFFF;
    }


#news {
    background:url(./images/db/news.bg.jpg) no-repeat;
    background-size:cover;
    height:auto;
    padding-bottom:48px;
}

#news .wrapper {
    height:100%;
    margin:0;
    padding:0;
    width:100%;
}

#news .container {
    height:100%;
    margin:0;
    padding:0;
    width:100%;
}

#news .row {
    float:none;
    height:100%;
    margin:0;
    max-width:none;
    padding:0;
    width:100%;
}

#news .twelvecol {
    float:none;
}

#news .page-content {
    margin-left:auto;
    margin-right:auto;
    width:960px;
}

    .news-item {
        height:406px!important;
    }

#news .page-content .blurb, #media .page-content .blurb {
    color: #FFFFFF;
}

#news .page-content.twelvecol.vertical-list, #media .page-content.twelvecol.vertical-list  {
    width: 700px;
    margin: 0 auto;
}

#news .view-all.right-align a {
    margin-left: auto;
    margin-right: 0;
}

#news .db-button, #media .db-button {
    line-height: 72px;
}

#media {
    background:url(./images/db/media.bg.jpg) no-repeat;
    background-size:cover;
    height:auto;
    padding-bottom:48px;
}

#media .wrapper {
    height:100%;
    margin:0;
    padding:0;
    width:100%;
}

#media .container {
    height:100%;
    margin:0;
    padding:0;
    width:100%;
}

#media .row {
    float:none;
    height:100%;
    margin:0;
    max-width:none;
    padding:0;
    width:100%;
}

#media .twelvecol {
    float:none;
}

#media .page-content {
    margin-left:auto;
    margin-right:auto;
    width:960px;
}

    .media-item {
        height:426px!important;
    }

    .work-item .type {
        color:#F9A504;
        text-transform:uppercase;
    }

    #media .db-button {
        margin-top: 22px!important;
    }


/* WORLD EDITIONS */



#detail-worldeditions {
    background:url(./images/db/detail.bg.jpg) no-repeat;
    background-color:#000000;
    background-size:100%;
    min-height:520px!important;
    padding-bottom:78px;
}

#detail-worldeditions .double-slits {
        background:url(./images/db/detail.dividers.worldeditions.png) 0 -12px no-repeat;
        height:50px;
        margin-left:auto;
        margin-right:auto;
        margin-top:50px;
        position:relative;
        width:460px;
}

.worldeditions-item.work-item {
    width: 220px;
}

    #detail-worldeditions h1 {
        font-size:1.5em;
        margin-left:auto;
        margin-right:auto;
        margin-top:0;
        text-align:center;
        width:292px;
    }

    #detail-worldeditions ul {
        height:100%;
        min-height: 95px;
        margin-left:auto;
        margin-right:auto;
        text-align:center;
        width:750px;
    }

    #detail-worldeditions li {
        background: url("./images/db/worldeditions.button.png") -217px 0 no-repeat;
        color: #EEEEEE;
        cursor: pointer;
        display: inline;
        float: left;
        height: 25px;
        margin-left: 20px;
        padding: 2px 0 0 0;
        text-align: center;
        width: 213px;
        margin-bottom: 5px;
    }

    #detail-worldeditions .hidden {
        display:none;
    }

    #detail-worldeditions .centered-filter {
        left: 45%;
        transform: translateX(-50%);
        position: relative;
    }

    #detail-worldeditions .active-filter {
        background:url("./images/db/worldeditions.button.png") 0 0 no-repeat;
    }

#detail-worldeditions .wrapper {
    height:100%;
    margin:0;
    padding:0;
    width:100%;
}

#detail-worldeditions .container {
    height:100%;
    margin:0;
    padding:0;
    width:100%;
}

#detail-worldeditions .row {
    float:none;
    height:100%;
    margin:0;
    max-width:none;
    padding:0;
    width:100%;
}

#detail-worldeditions .twelvecol {
    float:none;
}

#detail-worldeditions .page-content {
    margin-left:auto;
    margin-right:auto;
    width:960px;
}


#worldeditions {
    background:url(./images/db/worldeditions.bg.jpg) no-repeat;
    background-size:cover;
    height:auto;
    padding-bottom:48px;
}

#worldeditions .wrapper {
    height:100%;
    margin:0;
    padding:0;
    width:100%;
}

#worldeditions .container {
    height:100%;
    margin:0;
    padding:0;
    width:100%;
}

#worldeditions .row {
    float:none;
    height:100%;
    margin:0;
    max-width:none;
    padding:0;
    width:100%;
}

#worldeditions .twelvecol {
    float:none;
}

#worldeditions .page-content {
    margin-left:auto;
    margin-right:auto;
    width:960px;
}

    .worldeditions-item {
        height:227px!important;
    }

    .worldeditions-item img {
        max-height: 172px;
    }

    .work-item .type {
        color:#F9A504;
        text-transform:uppercase;
    }

    #worldeditions .db-button {
        margin-top: 22px!important;
    }


/* /WORLD EDITIONS */


#films {
    background:url(./images/db/films.bg.jpg) no-repeat;
    background-size:cover;
    height:auto;
    padding-bottom:48px;
}

#films .wrapper {
    height:100%;
    margin:0;
    padding:0;
    width:100%;
}

#films .container {
    height:100%;
    margin:0;
    padding:0;
    width:100%;
}

#films .row {
    float:none;
    height:100%;
    margin:0;
    max-width:none;
    padding:0;
    width:100%;
}

#films .twelvecol {
    float:none;
}

#films .page-content {
    margin-left:auto;
    margin-right:auto;
    width:960px;
}

#films .film-item {
    height: auto;
}

.film-item img {
    min-height: 454px;
}

@media screen and (max-width: 768px){
    .film-item img{
        max-width: 306px;
    }
}
#secrets {
    background:url(./images/db/secrets.bg.jpg) no-repeat;
    background-size:cover;
    border-top:1px solid #000000;
    border-bottom:0!important;
    height:780px;
}

#secrets .wrapper {
    height:100%;
    margin:0;
    padding:0;
    width:100%;
}

#secrets .container {
    height:100%;
    margin:0;
    padding:0;
    width:100%;
}

#secrets .row {
    float:none;
    height:100%;
    margin:0;
    max-width:none;
    padding:0;
    width:100%;
}

#secrets .twelvecol {
    float:none;
}

#secret-lattice {
    background:url(./images/db/secrets.img.png) no-repeat;
    width:502px;
    height:573px;
    margin-left:auto;
    margin-right:auto;
    margin-top:44px;
}

#secret-overlay {
    width: 100%;
    height: 100%;
    background-image: url('./images/db/secret-fog.png');
    display: none;
    background-repeat: no-repeat;
}

#secret-overlay h4 {
color: red;
text-align: center;
width: 60%;
margin: 0 auto;
position: relative;
top: 200px;
}

#top, #interstitial-one, #interstitial-two, #interstitial-three, #interstitial-four, #interstitial-five {
    height:520px;
    min-height:520px !important;
}

#top .page-background, #interstitial-one .page-background, #interstitial-two .page-background, #interstitial-three .page-background, #interstitial-four .page-background, #interstitial-five .page-background {
    height:520px!important;
    min-height:520px!important;
}

#interstitial-one .wrapper, #interstitial-two .wrapper, #interstitial-three .wrapper, #interstitial-four .wrapper, #interstitial-five .wrapper {
    height:100%;
    margin:0;
    padding:0;
    width:100%;
}

#interstitial-one .container, #interstitial-two .container, #interstitial-three .container, #interstitial-four .container, #interstitial-five .container {
    height:100%;
    margin:0;
    padding:0;
    width:100%;
}

#interstitial-one .row, #interstitial-two .row, #interstitial-three .row, #interstitial-four .row, #interstitial-five .row {
    float:none;
    height:100%;
    margin:0;
    max-width:none;
    padding:0;
    width:100%;
}

#interstitial-one .twelvecol, #interstitial-two .twelvecol, #interstitial-three .twelvecol, #interstitial-four .twelvecol, #interstitial-five .twelvecol {
    float:none;
}

.home-main #top {
    height:635px!important;
    min-height:635px!important;
}




.detail-page {
    color:#EEEEEE;
}

.detail-page .page-container {
    border:0!important;
}

.book-detail #dctop {
    border:0!important;
}

.book-detail #detail-bar-holder {
    border:0!important;
}

#dcbuy .wrapper, #dcbuy .container {
    padding:0;
}

#detail-news {
    background:url(./images/db/detail.bg.jpg) no-repeat;
    background-color:#000000;
    background-size:100%;
    min-height:520px!important;
    padding-bottom:78px;
}

    #detail-news h1 {
        font-size:1.750em;
        margin-left:auto;
        margin-right:auto;
        margin-top:0;
        text-align:center;
        width:292px;
    }

    #detail-bar-holder {
        height:13px;
        overflow:hidden;
        width:100%;
    }

    #detail-bar {
        margin:0;
        max-width:none;
        padding:0;
        position:absolute;
    }

    .double-slits {
        background:url(./images/db/detail.dividers.png) 0 -12px no-repeat;
        height:50px;
        margin-left:auto;
        margin-right:auto;
        margin-top:50px;
        position:relative;
        width:294px;
    }

    .double-slits h1 {
        text-align:center;
    }

    .wider-slits {
        background:url(./images/db/slits.wider.png) 0 -12px no-repeat!important;
        width:328px!important;
    }

    .new-widest-slits {
        background: url(./images/db/slits.newwidest.png) 0 -12px no-repeat !important;
        width: 488px !important;
    }

#back-button {
    background:url(./images/db/detail.homebutton.png) 0 0;
    height:60px;
    left:26px;
    position:absolute;
    top:496px;
    width:197px;
    z-index:9999;
}

    #back-button:hover {
        background:url(./images/db/detail.homebutton.png) -195px 0;
    }

#detail-news .wrapper {
    height:100%;
    margin:0;
    padding:0;
    width:100%;
}

#detail-news .container {
    height:100%;
    margin:0;
    padding:0;
    width:100%;
}

#detail-news .row {
    float:none;
    height:100%;
    margin:0;
    max-width:none;
    padding:0;
    width:100%;
}

#detail-news .twelvecol {
    float:none;
}

#detail-news .page-content {
    margin-left:auto;
    margin-right:auto;
    width:960px;
}



#detail-media {
    background:url(./images/db/detail.bg.jpg) no-repeat;
    background-color:#000000;
    background-size:100%;
    min-height:520px!important;
    padding-bottom:78px;
}

    #detail-media h1 {
        font-size:1.750em;
        margin-left:auto;
        margin-right:auto;
        margin-top:0;
        text-align:center;
        width:292px;
    }

    #detail-media ul {
        height:100%;
        margin-left:auto;
        margin-right:auto;
        text-align:center;
        width:750px;
    }

    #detail-media li {
        background:url(./images/db/media.button.png) -125px 0 no-repeat;
        color:#EEEEEE;
        cursor:pointer;
        display:inline;
        float:left;
        height:25px;
        margin-left:20px;
        padding:2px 0 0 0;
        text-align:center;
        width:125px;
    }

    #detail-media .hidden {
        display:none;
    }

    #detail-media .active-filter {
        background:url(./images/db/media.button.png) 0 0 no-repeat;
    }

#detail-media .wrapper {
    height:100%;
    margin:0;
    padding:0;
    width:100%;
}

#detail-media .container {
    height:100%;
    margin:0;
    padding:0;
    width:100%;
}

#detail-media .row {
    float:none;
    height:100%;
    margin:0;
    max-width:none;
    padding:0;
    width:100%;
}

#detail-media .twelvecol {
    float:none;
}

#detail-media .page-content {
    margin-left:auto;
    margin-right:auto;
    width:960px;
}


#coll-preloader {
    background-color:#000000;
    /*background:url(./images/db/loading.bg.jpg)!important;*/
    background-size:cover!important;
}
#coll-preloader .percent{
    color: #F9A504!important;
    font-family:'gillsansmtstd',helvetica,arial;
}
#coll-preloader .percent sup {
    font-size:0.5em;
}



#detail-privacypolicy, #detail-termsofuse {
    background:url(./images/db/detail.bg.jpg) no-repeat;
    background-color:#000000;
    background-size:100%;
    min-height:520px!important;
    padding-bottom:78px;
}

#detail-privacypolicy .double-slits, #detail-termsofuse .double-slits {
    background:url(./images/db/slits.widest.png) 0 -12px no-repeat!important;
    width:400px;
}



.db-button {
    background:url(./images/db/btn.png) 0 0 no-repeat;
    color: #F9A504;
    display:block;
    font-family: 'Penumbra', helvetica, arial;
    font-weight: normal;
    height:73px;
    letter-spacing: 0.1em;
    margin-left:auto;
    margin-right:auto;
    text-align: center;
    text-decoration: none;
    width:282px;
}

.db-button span {
    display:block;
    padding-top:24px;
}

.db-button.small {
    background:url("./images/db/btn.small.png");
    width: 192px;
    display: inline-block;
    line-height: 73px;
}

.db-button.centered {
    margin-left: 117px;
}

#media .page-content p {
    margin:0!important;
}

#news .page-content p  {
    margin:0!important;
}


.pop-content {
    display:none;
}

#author .db-button {
    display:inline-block;
    height:45px;
    margin:0;
    padding-top:28px;
}

#author .do-lightbox {
    display:inline-block;
    margin:0;
}

#db-footer {
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    color: #F9A504;
}




.book-interstitial {
    height:520px!important;
    min-height:520px!important;
}

.book-interstitial .page-background {
    height:520px!important;
    min-height:520px!important;
}

.book-interstitial .wrapper {
    height:100%;
    margin:0;
    padding:0;
    width:100%;
}

.book-interstitial .container {
    height:100%;
    margin:0;
    padding:0;
    width:100%;
}

.book-interstitial .row {
    float:none;
    height:100%;
    margin:0;
    max-width:none;
    padding:0;
    width:100%;
}

.book-interstitial .twelvecol {
    float:none;
}


.book-section {
    background:url(./images/db/secrets.bg.jpg) no-repeat;
    background-size:cover;
    color:#EEEEEE;
    height:auto!important;
}

.book-section h1 {
    letter-spacing:0.2em;
    margin-bottom:12px;
    text-align:center;
}

.book-section .wrapper {
    padding:0 0 0 0!important;
}

.book-section .container {
    padding:0 0 64px 0!important;
}




.book-description {
    background:url(./images/db/secrets.bg.jpg) no-repeat;
    background-size:cover;
    color:#EEEEEE;
    height:auto!important;
}

.book-description h1, .book-reviews h1, .book-facts h1 {
    letter-spacing:0.2em;
    margin-bottom:12px;
    text-align:center;
}

.book-description p, .book-reviews p, .book-facts p {
    margin-left:auto;
    margin-right:auto;
    width:710px;
}

.desc-interior {
    width: 730px;
    margin-left: auto;
    margin-right: auto;
}

.desc-interior img {
    position: absolute;
}

.book-description p {
    margin-left: 200px!important;
    width: 530px!important;
}

.book-description .wrapper, .book-reviews .wrapper, .book-facts .wrapper {
    padding:0 0 0 0!important;
}

.book-description .container, .book-reviews .container, .book-facts .container {
    padding:64px 0 64px 0!important;
}

.book-reviews {
    background:url(./images/db/secrets.bg.jpg) no-repeat;
    background-size:cover;
    color:#EEEEEE;
    height:auto!important;
}

.book-facts {
    background:url(./images/db/secrets.bg.jpg) no-repeat;
    background-size:cover;
    color:#EEEEEE;
    height:auto!important;
}

.book-buy {
    background:url(./images/db/secrets.bg.jpg) no-repeat;
    background-size:cover;
    color:#EEEEEE;
    height:350px!important;
}


.preorder-links {
    margin:0 auto 30px auto;
    text-align:center;
    width: 100%;
    max-width: 940px;
}

.preorder-links .link-logo {
    margin-left:8px;
    margin-right:8px;
    max-height:48px;
    max-width:126px;
}

.preorder-links .inactive {
    cursor:default;
    opacity:0.2;
}



.orange, .orange a {
    color: #F9A504;
    text-decoration: none;
}

#next-book {
    background:url(./images/db/book.next.png) 0 0 no-repeat;
    height:60px;
    position:absolute;
    right:40px;
    top:496px;
    width:195px;
    z-index:999;
}

#next-book:hover {
    background:url(./images/db/book.next.png) -196px 0 no-repeat;
}

#prev-book {
    background:url(./images/db/book.prev.png) 0 0 no-repeat;
    height:60px;
    position:absolute;
    right:240px;
    top:496px;
    width:195px;
    z-index:999;
}

#prev-book:hover {
    background:url(./images/db/book.prev.png) -194px 0 no-repeat;
}

.buy-book-big {
    background:url(./images/db/buybook.button.png) 0 0 no-repeat;
    display:block;
    height:122px;
    margin-left:auto;
    margin-right:auto;
    margin-top:10px;
    width:492px;
}

.buy-book-big:hover {
    background:url(./images/db/buybook.button.png) -488px 0 no-repeat;
}

.book-info-buttons {
    width:780px!important;
     margin-left: 200px !important;
    width: 530px !important;
}

.book-info-buttons a {
    display:inline-block;
    margin-left:-18px;
    margin-right:0px;
}



#lightbox-container {
    color:#FFFFFF;
    height:100%;
    left:0;
    opacity:0;
    overflow-x:hidden;
    overflow-y:scroll;
    position:fixed;
    top:0;
    right:0;
    width:100%;
    visibility:hidden;
    z-index:99999;
}

.lightbox-close {
    background:url(./images/db/lightbox.close.png) 0 0 no-repeat;
    height:100px;
    position:absolute;
    width:100px;
    z-index:9999;
}

.lightbox-close:hover {
    background:url(./images/db/lightbox.close.png) -100px 0 no-repeat;
}

#lightbox-close {
    display:none;
    right:24px;
    top:24px;
}

#lightbox-contents {
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 999;
}

.lightbox-background {
    background-color:#000000;
    height:100%;
    opacity:0.9;
    position:absolute;
    width:100%;
}

.lightbox {
    position:absolute;
}


.video-lightbox-scroll {
    width: 60% !important;
    display: block !important;
    margin: 0 20% !important;
}

.jspContainer {
    width: 100% !important;
    overflow: scroll;
}

.jspPane {
    width: 100% !important;
}


.video-lightbox {
    height:655px;
    margin-left:auto;
    margin-right:auto;
    position:relative;
    width:100%;
    top:80px;
}

.video-lightbox iframe {
    display: block;
    margin: 0 auto;
}

.jspVerticalBar {
    display: none;
}

.jspHorizontalBar {
    display: none;
}
@media screen and (max-width:480px){
    .video-lighbox-scroll {
        width: 100% !important;
    }

    .jspContainer {
        width: 100% !important;
    }

    .jspPane {
        width: 100% !important;
    }
    .video-lightbox{
        position: relative;
        width: 96%;
    }

    .video-lightbox iframe{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
    }
}

.secret-video-lightbox {
    width:855px!important;
}

.video-lightbox h1 {
    left:0;
    position:absolute;
    top:388px;
}

@media screen and (max-width:480px){
    .video-lightbox h1{
        top: 162px;
        right: 0;
        text-align: center;
    }
}

.video-lightbox .db-button {
    position:absolute;
    right:0;
    top:362px;
}

@media screen and (max-width:480px){
    .video-lightbox .db-button {
        top: 185px;
        left: 0;
    }
}

.video-lightbox .description {
    position:absolute;
    top:436px;
    width:100%;
}

@media screen and (max-width:480px){
    .video-lightbox .description {
        top: 250px;
    }
}

.video-lightbox-scroll {
    height:92%;
    left:0;
    overflow-x:hidden;
    overflow-y:scroll;
    position:absolute;
    top:6%;
    width:98%;
}

.photo-lightbox {
    width:730px;
}


.article-lightbox {
    background:url(./images/db/lightbox.bg.jpg);
    background-size:cover;
    border:1px solid #373737;
    height:80%;
    margin-left:auto;
    margin-right:auto;
    position:relative;
    top:15%;
    width:650px;
}

.article-lightbox h1 {
    font-size:1em;
    left:50px;
    position:absolute;
    top:45px;
}

.article-lightbox-scroll {
    height:78%;
    left:50px;
    overflow-x:hidden;
    overflow-y:scroll;
    position:absolute;
    top:82px;
    width:566px;
}

.article-lightbox img {
    border:1px solid #373737;
    /*width:525px;*/
}

.article-lightbox p {
    width:525px;
}

.article-lightbox .lightbox-close {
    display:block;
    right:-50px!important;
    top:-50px!important;
}


.slideshow-lightbox {
    margin-left:auto;
    margin-right:auto;
    position:relative;
    top:80px;
    width:649px;
}

.slideshow-image {
    background-color:#000000;
    border:1px solid #373737;
    height:401px;
    left:2px;
    position:absolute;
    text-align:center;
    width:645px;
}

.slideshow-image img {
    height:100%;
    max-height:100%;
    max-width:100%;
    position:relative;
    width:auto;
}

.slideshow-caption {
    position:absolute;
    top:422px;
}

.slideshow-next {
    background:url(./images/db/lightbox.next.png) 0 0 no-repeat;
    height:100px;
    left:606px;
    position:absolute;
    top:160px;
    width:75px;
}

.slideshow-next:hover {
    background:url(./images/db/lightbox.next.png) -73px 0 no-repeat;
}

.slideshow-prev {
    background:url(./images/db/lightbox.prev.png) 0 0 no-repeat;
    height:100px;
    left:-34px;
    position:absolute;
    top:160px;
    width:75px;
}

.slideshow-prev:hover {
    background:url(./images/db/lightbox.prev.png) -77px 0 no-repeat;
}

.slide-pane {
    display:none;
    opacity:0;
}



#secret-form {
    position:relative;
}

#secret-answer {
    background: none;
    border: none;
    color: #F9A504;
    font-family: 'Penumbra', helvetica, arial;
    font-size: 1.5em;
    left: 82px;
    padding-top: 13px;
    position: absolute;
    top: 259px;
    width: 256px;
}

#secret-submit {
    background:url(./images/db/secrets.button.png) 0 0 no-repeat;
    height:49px;
    left:342px;
    position:absolute;
    top:265px;
    width:94px;
}

#secret-submit:hover {
    background:url(./images/db/secrets.button.png) -92px 0 no-repeat;
}

.big-yellow {
    font-size: 1.4em;
    font-family: 'Penumbra', helvetica, arial;
    color: #F9A504;
}

.big-yellow em {
    font-family: 'Penumbra', helvetica, arial;
}


#db-footer p {
    margin-bottom:10px;
}

#job {
    font-family: 'Penumbra', helvetica, arial;
    font-size:1.2em;
    letter-spacing:0.0em;
    margin-bottom:20px!important;
}

#legal {
    margin-bottom:44px!important;
}

#legal span {
    padding-right: 14px;
    display: inline-block;
    font-size: 0.7em;
}

#scroll-top {
    background:url(./images/db/scrolltotop.button.png) 0 0 no-repeat;
    display:none;
    height:150px;
    position:fixed;
    right:2px;
    bottom:2px;
    width:150px;
    z-index:99;
}

#scroll-top:hover {
    cursor: pointer;
    background:url(./images/db/scrolltotop.button.png) -140px 0 no-repeat;
}





.four04-page .wrapper, .four04-page .container {
    height:100%;
    margin:0;
    padding:0;
    width:100%;
}

.four04-page .wrapper .container {
    padding:10% 0 0 0;
}

.four04-page .row, .four04-page .twelvecol {
    float:none;
    text-align:center;
}

.four04-page img {
    margin-bottom:48px;
}

.db-404-button {
    background:url(./images/db/404.button.png) 0 0 no-repeat;
    color: #F9A504;
    display:block;
    font-family: 'Penumbra', helvetica, arial;
    font-size:0.9em;
    font-weight: normal;
    height:39px;
    letter-spacing: 0.1em;
    margin-left:auto;
    margin-right:auto;
    text-align: center;
    text-decoration: none;
    width:314px;
}

.db-404-button span {
    display:block;
    padding-top:8px;
}



#nav-sharebox {
    background:url(./images/db/share.bg.png) 0 0 no-repeat;
    height:130px;
    position:fixed;
    top:494px;
    display:none;
    width:320px;
    z-index:999;
}

#twitter-content {
    display: none;
}

#facebook-content {
    display: none;
}

#mailing-content {
    display: none;
}

#search-box {
font-family: 'Penumbra', helvetica, arial;
height: 42px;
left: 18px;
position: absolute;
top: 23px;
width: 285px;
}

a.share-visit {
    background: url(./images/db/share.popdown.png) 272px 4px no-repeat;
    bottom: 28px;
    font-size: 0.9em;
    height: 16px;
    left:20px;
    letter-spacing: 0.1em;
    padding-top:1px;
    position: absolute;
    text-align: left;
    width: 280px;
}

button[type=submit]{
    background: url(./images/db/share.popdown.png) 272px 4px no-repeat;
    bottom: 28px;
    font-size: 0.9em;
    height: 16px;
    left:20px;
    letter-spacing: 0.1em;
    padding-top:1px;
    position: absolute;
    text-align: left;
    width: 280px;
    color: #F9A504!important;
    border: none !important;
}
.fb-like {
    left: 90px;
    position: absolute;
    top: 36px;
}

a.share-visit:hover {
    background: url(./images/db/share.popdown.png) 274px -13px no-repeat;
}

.twitter-share-button {
    position:absolute;
    left:120px;
    top:36px;
}


#EMAIL_FIELD {
    font-family: 'Penumbra', helvetica, arial;
    height: 42px;
    left: 18px;
    position: absolute;
    top: 23px;
    width: 285px;
}


#hashtagart {
    margin-left:auto;
    margin-right:auto;
    margin-top:24px;
}

#hashtagart-copy {
    color:#EEEEEE;
    margin-top:48px;
}



.view-all {
    font-family: 'Penumbra', helvetica, arial;
    font-size:14px;
    position:relative;
    text-align:center;
    top:-18px;
    width:100%;
}

    .view-all a {
        color:#cbcbcb!important;
    }

#detail-infernocontestrules .double-slits {
    background-image: none;
}

h4.search-terms {
    text-align: center;
}




@media screen and (min-width:320px){

}


#job_surprise {
    display: none;
    position: relative;
    left: 40px;
}

/* MEDIA QUERIES */

/* TABLET STYLES */
@media only screen and (max-width: 1025px) {

/* GLOBAL */

html {
    min-width: 0;
}

body {
    min-width: 0;
    position: relative;
}

.fixed {
    position: fixed;
}
/* FRONT PAGE */

    .row .twelvecol {
        padding-left: 0;
        padding-right: 0;
    }

    #inner-author {
        width: 60%;
    }

    #author {
        height: 668px;
    }

    #author .db-button {
        height: 27px;
    }

    .do-lightbox p {
        margin-bottom: 0;
    }

    #books .page-content, #news .page-content, #media .page-content, #films .page-content {
        width: 100%;
        margin: 0 auto;
    }

    #books .work-item, #news .news-item, #media .media-item {
        width: 29%;
        margin: 40px 2% 0 2%;
    }

    #books .work-item {
        height: 436px;
    }

    #books .book-link img {
        max-height: 354px;
    }
    #news .page-content.twelvecol.vertical-list, #media .page-content.twelvecol.vertical-list{
        display: block;
        width: 96%;
        margin: 0 2%;
    }

/*WORLD EDITIONS PAGE */
    #detail-worldeditions .page-content {
        width: 100%;
    }
    .world-editions-wrap {
        width: 100%;
        margin: 0 auto;
        display: inline-block;
        text-align: center;
    }

    .worldeditions-item.work-item {
        width: 22%;
    }

/*NOVEL DETAIL PAGES */

    .book-description .desc-interior {
        width: 90% !important;
    }

    .book-description .desc-interior p {
        font-size: 16px;
        line-height: 24px;
        width: 75% !important;
    }
}

/* NEWS PAGE */

    #detail-news .page-content {
        width: 100%;
    }

    #detail-news #news-content {
        width: 95%;
        margin: 0 auto;
    }

    #detail-news .news-item {
        width: 30%;
    }

/* MEDIA PAGE */

    #detail-media .page-content {
        width: 100%;
    }

    #detail-media #media-content {
        width: 95%;
        margin: 0 auto;
    }

    #detail-media .media-item {
        width: 30%;
    }

@media only screen and (max-width: 769px) {

/* FRONT PAGE */

    #nav {
        display: none !important;
    }

    #nav-banner {
        display: none;
    }

    #nav .twelvecol {
        position: relative;
        padding: 0;
    }

    #nav ul {
        margin: 0 auto;
        padding: 0;
        width: 100%;
        display: block;
    }

    #nav.active-nav {
        height: 100%;
        max-height: none !important;
        position: absolute !important;
        display: block !important;
        top: 0;
    }

    #nav.active-nav .container {
        height: 100%;
    }

    #nav.active-nav li {
        display: block;
        float: none;
        width: 50%;
        margin: 0 auto;
    }

    #nav.active-nav li#nav-sharing {
        padding-top: 1%;
        margin: 0 auto;
    }

    #nav.active-nav li#nav-sharing a {
        padding: 0 3px;
    }

    #navControl {
        position: absolute;
        left: 5%;
        margin-right: 1%;
        cursor: pointer;
        padding: 10px 35px 16px 0px;
        z-index: 9999;
        display: block;
        top: 35px;
    }

    #navControl span, #navControl span:before, #navControl span:after {
        cursor: pointer;
        border-radius: 1px;
        height: 5px;
        width: 30px;
        background: #F9A504;
        position: absolute;
        display: block;
        content: '';
    }

    #navControl span:before {
        top: -10px;
    }

    #navControl span:after {
        bottom: -10px;
    }

    #navControl span, #navControl span:before, #navControl span:after {
        transition: all 500ms ease-in-out;
    }

    #navControl.active span {
        background-color: transparent;
    }

    #navControl.active span:before, #navControl.active span:after {
        top: 0;
    }

    #navControl.active span:before {
        transform: rotate(45deg);
    }

    #navControl.active span:after {
        transform: rotate(-45deg);
    }

    #nav-sharebox {
        top: 53% !important;
        background: none;
        border: 3px solid #F9A504;
    }

    #nav-sharing {
        width: 33% !important;
    }

    #inner-author {
        display: none;
    }

    #inner-author-mobile {
        display: block;
        margin-bottom: 10%;
    }

    #inner-author-mobile #inner-author{
        display: block;
        position: relative;
        width: 90%;
        left: 0;
        margin: 0 auto;
    }

    #inner-author-mobile .db-button {
        padding-top: 29px;
        height: 35px;
    }

    .work-item p {
        font-size: 16px;
    }

    .article-lightbox .description {
        font-size: 24px;
        line-height: 30px;
    }

    .article-lightbox h1 {
        font-size: 1.5em;
    }

    .article-lightbox-scroll {
        top: 110px;
    }

    #films .film-item {
        margin: 0 auto;
        display: block;
        width: 43%;
        float: none;
    }

/* NOVEL DETAIL PAGES */

    #back-button {
        left:0;
    }

    #prev-book {
        right: 195px;
    }

    #next-book {
        right: 0;
    }

    .book-description .desc-interior {
        width: 90% !important;
    }

    .book-description .desc-interior p {
        font-size: 16px;
        line-height: 23px;
        width: 95% !important;
        margin: 0 auto !important;
    }

    .db-button {
        width: 282px;
    }

    .db-button span {
        width: 282px;
    }

    .db-button.centered {
        margin-left: -18px;
    }

    .desc-interior img {
        position: relative;
        margin: 0 auto;
        display: block;
        padding-bottom: 5%;
    }

    .desc-interior p.book-info-buttons {
        font-size: 15px;
        margin-left: 0 !important;
        width: 100% !important;
        text-align: center;
    }

    .book-info-buttons a {
        display: inline-block;
    }

    #dcreviews h1, #dcfacts h1 {
        font-size: 23px;
    }

    .book-reviews p, .book-facts p {
        font-size: 16px;
        width: 90%;
        line-height: 23px;
    }

    .preorder-links {
        width: 95%;
    }

    .preorder-links .link-logo {
        max-height: none;
        width: 17%;
        max-width: none;
    }

/* WORLD EDITIONS PAGE */

    #detail-worldeditions h1 {
        font-size: 23px;
    }

    #detail-worldeditions ul {
        width: 100%;
        margin: 0 auto;
    }

    #detail-worldeditions li {
        background: none;
        background-color: black;
        border-radius: 20px;
        font-size:16px;
        margin-bottom: 15px;
        padding: 6px 0;
        margin: 0 auto 15px auto;
        width: 55%;
        left:45%;
        transform: translateX(-50%);
        position: relative;
    }

    #detail-worldeditions .active-filter {
        background: none;
        background-color: #cc8704;
    }

    #detail-worldeditions .world-editions-wrap {
        text-align: center;
    }

    #detail-worldeditions .worldeditions-item.work-item {
        width: 33%;
        margin: 0 auto;
        display: inline-block !important;
        height: auto !important;
    }

    #detail-worldeditions .work-item {
        padding: 10% 0 0 0;
    }

    #detail-worldeditions .work-item p {
        margin-bottom: 5%;
        font-size: 16px;
    }

    #detail-worldeditions .work-item img {
        width: 50%;
    }


/* NEWS PAGE */


    #detail-news .work-item {
        width: 44%;
        margin-left: 3%;
        margin-right: 3%;
        display:inline-block;
        line-height: 28px;
    }

    #detail-news .work-item img {
        width: 100%;
    }


/* MEDIA PAGE */

    #detail-media h1 {
        font-size: 23px;
    }

    #detail-media ul {
        width: 100%;
        margin: 0 auto;
    }

    #detail-media li {
        background: none;
        background-color: black;
        border-radius: 20px;
        font-size: 16px;
        padding: 2px 0;
        margin: 0 2% 15px 2%;
        width: 16%;
    }

    #detail-media .active-filter {
        background: none;
        background-color: #cc8704;
    }
    #detail-media .work-item {
        width: 44%;
        margin-left: 3%;
        margin-right: 3%;
        display: inline-block;
        line-height: 28px;
        margin-bottom: 14%;
    }

    #detail-media .work-item img {
        width: 100%;
        margin-bottom: 3%;
    }
}

@media only screen and (max-width: 600px){

/* NOVEL DETAIL PAGE */

    #prev-book {
        top: 566px;
        right: 50%;
    }
    #next-book {
        top: 566px;
        left: 50%;
    }

    .new-widest-slits {
        background: none !important;
        width: 388px !important;
        margin-top: 107px;
    }

    .wider-slits {
        margin-top: 107px;
    }

    .book-description .desc-interior {
        margin-top: 60px;
        width: 100%;
    }

}
/* PHONE STYLES */

@media only screen and (max-width: 480px){

/* FRONT PAGE */

    #nav-sharebox {
        top: 360px !important;
        left: 6% !important;
    }

    #nav li {
        padding-top: 17px;
    }

    #nav li#nav-sharing {
        width: 95% !important;
    }

    #top, #interstitial-one, #interstitial-two, #interstitial-three, #interstitial-four, #interstitial-five {
        height: 250px !important;
        min-height: 0px !important;
    }

    #inner-author {
        display: none;
    }

    #inner-author-mobile {
        display: block;
        padding-bottom: 10%;

    }

    #inner-author-mobile #inner-author{
        display: block;
        position: relative;
        width: 90%;
        left: 0;
        margin: 0 auto;
    }

    #inner-author-mobile .db-button {
        padding-top: 29px;
    }

    #books .work-item {
        width: 43%;
        margin: 40px 3% 0 3%;
        height: 375px;
    }

    #news .news-item {
        width: 96%;
        height: auto !important;
        text-align: center;
        margin-bottom: 5%;
        float: none;
    }

    #news .news-item img, #media .media-item img {
        width: 90%;
    }

    #news .page-content.twelvecol.vertical-list, #media .page-content.twelvecol.vertical-list {
        width: 90%;
        margin: 0 auto;
    }

    #media .media-item {
        width: 96%;
        height: auto !important;
        text-align: center;
        margin-bottom: 5%;
    }

    #films .film-item {
        width: 100%;
        text-align: center;
    }

    #films .film-item .blurb {
        width: 90%;
        margin: 0 auto;
        text-align: left;
    }

    #secret-lattice {
        background-size: contain !important;
        max-width: 374px;
    }

    #secret-answer {
        left: 57px;
        top: 192px;
    }

    #secret-submit {
        left: 236px;
        top: 190px;
        width: 94px;
    }
/* WORLD EDITIONS PAGE */

    #back-button {
        left: 0;
    }

    #detail-worldeditions .double-slits {
        background: none;
        width: 100%;
    }

    #detail-worldeditions h1{
        font-size: 23px;
    }

    #detail-worldeditions ul {
        width: 100%;
        margin: 0 auto;
    }

    #detail-worldeditions li{
        background: none;
        background-color: black;
        border-radius: 40px;
        font-size: 16px;
        margin-bottom: 15px;
        padding: 5px 0;
    }

    #detail-worldeditions .active-filter {
        background: none;
        background-color: #cc8704;
    }

    #detail-worldeditions .world-editions-wrap {
        text-align: center;
    }

    #detail-worldeditions .worldeditions-item.work-item {
        width: 46%;
        margin: 0 2%;
        display: inline-block !important;
        height: 300px !important;
    }

    #detail-worldeditions .work-item {
        padding: 10% 0 0 0;
    }

    #detail-worldeditions .work-item p {
        margin-bottom: 5%;
        font-size: 16px;
    }

    #detail-worldeditions .work-item img {
        width: 90%;
    }

/*NEWS PAGE */

    #top .title-text {
        left: 0;
        top: 5px;
        width: 100%;
    }

    #detail-news .twelvecol {
        padding-left: 0;
        padding-right: 0;
    }
    #detail-news .double-slits {
        background: none;
        width: 100%;
    }

    #detail-news h1 {
        font-size: 23px;
    }

    #detail-news .news-item {
        height: 445px !important;
    }


/* BOOK DETAILS PAGE */

    .preorder-links .link-logo {
        width: 30%;
        margin-left: 20px;
        margin-right: 20px;
    }

    .mobile-prev-book {
        background: none !important;
        top: 565px !important;
        right: 56% !important;
        width: auto !important;
    }

    .mobile-next-book {
        background: none !important;
        top: 565px !important;
        left: 55% !important;
        width: auto !important
    }
/*MEDIA PAGE */

    #detail-media li {
        width: 29%;
    }

    #detail-media .work-item {
        width: 95%;
        height: auto !important;
        margin-bottom: 0;
    }

    .detail-page #back-button {
        top:226px;
    }

}

@media only screen and (max-width: 320px){

    #nav-sharebox {
        position: absolute !important;
        top: 4.75% !important;
        left: 0 !important;
    }

    #nav-sharing {
        width: 60% !important;
    }
    #secret-lattice {
        max-width: 320px;
    }

    #secret-answer {
        left: 50px;
        top: 164px;
        font-size: 1em;
        width: 45%;
    }

    #secret-submit {
        left: 190px;
        top: 159px;
        width: 94px;
    }
}