/*

Considering 1rem = 16px
- 10px = .625rem
- 100px = 6.25rem
- 450px = 28.125rem
- 800px = 50rem
- 1000px = 62.5rem

Dark accent is #708090 / rgba(112, 128, 144)

*/

body, body * {
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
body {
  font-family: sans-serif;
  color:#2d2d2d;
  margin:0;
}
section, article, figure {
    display:block;
}
h1, h2, h3, h4, h5, h6,
.title {
    font-family: 'Yeseva One', cursive;
    font-family: 'Lustria', serif;
    line-height:1.2;
}
h1, h2, h3, h4, h5, h6, p, ul, ol, blockquote, figure,
.title {
  margin:0 0 1.25rem;
}
h1 {
  font-size:1.8rem;
}
p, ul, ol, blockquote {
  line-height:1.6rem;
}
@media screen and (max-width: 50rem) {
    p, ul, ol, blockquote {
        padding-left:.75rem;
        padding-right:.75rem;
    }
}
#banner a,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    text-decoration:none;
}
a {
    color:inherit;
}
a:hover, a:focus {
    color:mediumslateblue;
    transition: color .25s;
    outline:none;
}
div {
  line-height:1.6rem;
}
img {
    max-width:100%;
    border-radius:2px;
}
figure {
    padding-bottom:1em;
    border-bottom:solid 2px;
    padding-top:.5em;
    border-top:solid 2px;
    text-align:center;
}
figcaption {
    text-align:left;
}
figure img {
    line-height:0;
}
article img {
    display:block;
    margin:0 auto 1.25rem;
    border:solid 3px slategrey;
}
.authors-section img {
    border:solid 1px slategrey;
}
.title {
    display:block;
    font-size:1.4rem;
    color:slategrey;
}
.block {
    display:block;
}
abbr, address {
    display:inline-block;
}

.table {
    width:80%;
    margin:1rem auto;
}
table {
    width:100%;
    text-align:left;
}
tfoot {
    color:slategrey;
}
hr {
    border: dotted slategrey;
    border-width: 1px 0px 0px;
    margin: 1.75rem 0px;
    width: 33%;
}

blockquote {
    margin:0 1.25rem 1.25rem;
    padding:0 0 0 1.25rem;
    border-left:solid 1px mediumslateblue;
    color:slategrey;
}
@media (max-width: 50rem) {
    blockquote {
        padding-left:.5rem;
    }
}

/***   *     *  *
  * *** ***** **
 ** END RESET ***
  * *** ***** **
 ***   *     *  */

/*** LAYOUT ***/
@media screen and (min-width: 799px) {
    /* .left-box, .right-box { */
    /*     width:400px; */
    /* } */
    /* .left-box { */
    /*     float:left; */
    /* } */
    /* .right-box { */
    /*     float:right; */
    /* } */
}
/*-- END LAYOUT --*/

/*** HEADER ***/
.logo {
    margin:2.8rem 0 2.6rem;
}
#banner {
    text-align:center;
    border-bottom:solid 1px #2d2d2d;
    font-family: 'Lustria', serif;
}
#banner h1, #banner .h1 {
    display:block;
    font-size:1.8rem;
    line-height:1.2;
    background:#2d2d2d;
    color:#f8f8f8;
    text-align:center;
    margin:0;
    text-decoration:line-through;
}
#banner .right-box strong {
    display:block;
    margin-bottom: 1rem;
    padding:.2rem 0;
    text-align:center;
    font-size:1.2rem;
}
#banner .right-box p {
    max-width:75%;
    margin:0 auto;
}

/*** HEADER ***/
#banner {
    width:100%;
    font-size:0;
    margin:0;
    padding:0;
    border-bottom:solid 1px #282828;
    overflow:hidden;
}
#banner .left-box, #banner .right-box {
    font-size:1rem;
    width:50%;
    vertical-align:bottom;
    padding-top:1rem;
}
#banner .left-box {
    border:solid #282828;
    border-width:0 1px 0 0;
    vertical-align:top;
}

/* @media screen and (max-width: 800px) { */
/*     #content.left-box.half { */
/*         width:760px; */
/*     } */
/* } */

/*-- END HEADER --*/

/*** POST LISTS ***/
#post-list {
    list-style:none;
    margin:0;
    padding:0;
}
#post-list li {
    padding-bottom:1.25rem;
}
/*** LAYOUT ***/
.box {
    display:table;
}
.left-box, .right-box {
    display:table-cell;
    display:inline-block;
    vertical-align:top;
}
.half {
    width:50%;
    max-width:50%;
    width:49%;
}
#content-holder {
    padding:1rem;
}
#content, #secondary-content {
    padding:0 2rem;
}
#secondary-content {
    padding:0 3rem;
}
/*-- END LAYOUT --*/

/*** ARTICLE ***/
body.article #content-holder {
    display:block;
}
body.article #content {
    max-width:760px;
    margin:0 auto;
}
article footer {
    margin:0 0 1.25rem;
    color:slategrey;
}
.entry-content .intro {
    display:block;
    font-size:1.1rem;
    max-width:85%;
    margin:0 0 2em;
    font-weight:normal;
}
article img:nth-of-type(1n+1) {
    margin: 2.5rem auto;
}
article img:nth-of-type(1) {
    margin:0 auto 1.25rem;
}
.copyright {
    display:block;
    margin:-.75rem 0 0 .25rem;
    font-size:smaller;
    color:slategrey;
}

/*** AUTHOR RIGHT ***/

.authors-section .inner {
    width:66%;
    min-width:280px;
    margin:0 auto;
}
.authors-section ul {
    list-style:none;
    margin:0;
    padding:0;
}
.authors-section li {
    display:inline-block;
    width:100%;
    margin:0 0 1rem;
}
.authors-section img {
    display:block;
    float:left;
    margin:0 1rem 0 0;
}
.authors-section h3 {
    margin:1rem 0 .5rem;
}
.authors-section p {
    margin:0 0 .5rem;
}
.authors-section .contact {
    margin-bottom:1.5rem;
    padding-bottom:.5rem;
    border-bottom:solid 1px #282828;
}

/*-- END AUTHOR RIGHT --*/

/*** SOCIAL ***/
.social {
    padding:1.25rem 0;
}
.social a {
    display:inline-block;
    vertical-align:middle;
    line-height:0;
}
.social a:last-child {
    padding-left:1.25rem;
}
.social img {
    display:inline;
    margin:0;
    border:0;
}
/*-- END SOCIAL --*/

/*** PAGE FOOTER ***/

#contentinfo {
    padding: 0 1rem;
    color:slategrey;
}

/*-- END PAGE FOOTER --*/

/*** COMMENTS ***/
#comments {

}
/*-- END COMMENTS --*/


/*** micro elements ***/

/* Button link */
.more-link {
    padding:.5rem;
    background:slategrey;
    color:#fff;
    border-radius:2px;
    display:block;
    text-align:center;
    margin:0 0 1rem;
}
.more-link:hover, .more-link:focus {
    background:mediumslateblue;
    color:#fff;
}

/* In an interview, alternate questions and answers */
.interviewer {
    font-style:italic;
    color:slategrey;
}
.interviewer + p:before {
    content:"“";
    font-size:2rem;
    margin-left:-24px;
    padding:8px 8px 0 8px;
    line-height:0;
}

/* Internal anchor */
.b_link {
    display:block;
}
.b_link:before {
    content:"» ";
    color:slategrey;
    padding:0 4px 0 8px;
}

/* A block with an img and some text, typically img left and link to book right */
.isbn {
    color:#708090;
}
@media (min-width: 450px) {
    .isbn {
        margin-right:2.5rem;
        margin-left:2.5rem;
        max-width:25rem;
    }
    .isbn:after {
        content:"";
        display:block;
        clear:both;
    }
    article .isbn img { /* specificity for nth, fix this */
        float:left;
        margin:0 1.25rem 0 0;
    }
}
@media (max-width: 449px) {
    .isbn {
        text-align:center;
    }
}

/*-- micro elements --*/


/*** MOBILE ***/

@media screen and (max-width: 940px) {
    .logo {
        margin:2rem auto 1.6rem;
    }
    #banner .right-box strong {
        font-size:1rem;
    }
    #content-holder {
        display:block;
        padding:.5rem;
    }
    #banner .left-box {
        border:0;
    }
    #banner .right-box, #banner .left-box,
    .half, .right-box, .left-box {
        display:block;
        width:auto;
        max-width:100%;
    }
    #banner .right-box p {
        display:none;
    }
    .authors-section .inner {
        width: auto;
        min-width: 0;
    }
    #content, #secondary-content {
        padding:0;
    }
    .entry-content p:nth-of-type(2) {
        width:auto;
    }
}

/*-- MOBILE --*/