/*
 * This has styling for stuff related to the magazine
 */


 /* Issue Formatting on Frontpage */
.issue h1 {
    border-bottom: 1px dotted #000000;
    margin: 20px 0 25px 195px;
    padding: 0 0 15px 0;
    position: relative;
    font-family: "proxima-nova-alt", sans-serif;

}
.issue h1 .title a {
    color: #000000;
    font-weight: 500;
    font-size: 28px;
}

.issue h1 a.all {
    font-family: "proxima-nova-alt", sans-serif;
    font-size: 17px;
    font-weight: 500;
    display: block;
    position: absolute;
    right: 30px;
    top: 0px;
    padding-right: 40px;
    height: 27px;
    padding-top: 6px;
    background-image: url("images/misc/arrow.png");
    background-repeat: no-repeat;
    background-position: right 2px;
    color: #E52F25;
}

.issue h1 a.all:hover {
    background-image: url("images/misc/arrow_hov.png");
}

.issue .buy {
    display: inline-block;
    vertical-align: top;
    width: 170px;
    text-align: right;
    padding: 0 24px 0 0 ;
}
.issue .buy p {
    margin: 0;
    margin-bottom: 18px;
}

.issue .buy a {
    font-size: 16px;
    font-family: "proxima-nova-alt", sans-serif;
    text-decoration: none;
    padding: 14px 0 0 0;
}
.issue .buy a:hover {
    color: #000000;
}

ul.buy {
    list-style-type: none;
    margin: 0 0 0 0;
}

ul.buy a li  {
    min-height: 45px;
    padding: 7px 60px 10px 0;;
    line-height: 1.2em;
    color: #E52F25;
}



a#buy-print li {
    background-image: url("images/misc/buy_print.png");
    background-repeat: no-repeat;
    background-position: right top;
}

a#buy-print li:hover {
    background-image: url("images/misc/buy_print_hov.png");
    background-repeat: no-repeat;
    background-position: right top;
    color: #000000;
}

a#buy-digital li {
    background-image: url("images/misc/buy_digital.png");
    background-repeat: no-repeat;
    background-position: right top;
}

a#buy-digital li:hover {
    background-image: url("images/misc/buy_digital_hov.png");
    background-repeat: no-repeat;
    background-position: right top;
    color: #000000;
}

a#buy-print-sub li {
    background-image: url("images/misc/buy_print_sub.png");
    background-repeat: no-repeat;
    background-position: right top;
}

a#buy-print-sub li:hover {
    background-image: url("images/misc/buy_print_sub_hov.png");
    background-repeat: no-repeat;
    background-position: right top;
    color: #000000;
}

a#buy-digital-sub li {
    background-image: url("images/misc/buy_digital_sub.png");
    background-repeat: no-repeat;
    background-position: right top;
}

a#buy-digital-sub li:hover {
    background-image: url("images/misc/buy_digital_sub_hov.png");
    background-repeat: no-repeat;
    background-position: right top;
    color: #000000;
}

.issue .cover {
    display: inline-block;
    vertical-align: top;
    width: 165px;
    margin: 0 0 0 0;
}
.issue .articles {
    display: inline-block;
    vertical-align: top;
    padding: 0 0 0 30px;
    width: 520px;
    margin-right: -50px;
}
.issue .articles a {
    padding: 0 0 0 0;
    color: #000000;
    font-family: "Antwerp Regular", 'Times New Roman', Times, serif;
    font-weight: normal;
    font-size: 19px;
    line-height: 1.8em;
}


.issue .articles a:hover {
    color: #E52F25;
}

.current-issue-divider {
    color: #E52F25;
    font-weight: 700;
    font-size: 19px;
}


.single-issue #top-side {
    width: 188px;
    margin: 0 0 0 -2px;
    padding: 0;
}

.single-issue #featured-posts {
    padding: 0;
    width: 770px;

}
.single-issue #featured-images {
    width: 765px;
    height: 300px;
    position: relative;
    margin-bottom: 10px;
}
.single-issue #featured-images div {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.single-issue #featured-images .pause {
    display: block;
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 27px;
    height: 27px;
    background-image: url("images/misc/pause.png");
    z-index: 10;
}


.single-issue #featured-images .pause:hover {
    background-image: url("images/misc/pause_hov.png");
}

.single-issue #featured-images .pause:hover {
    cursor: pointer;
}

.single-issue #featured-images .pause.active {
    background-image: url("images/misc/play.png");
}

.single-issue #featured-images .pause.active:hover {
    background-image: url("images/misc/play_hov.png");
}

.single-issue #featured-images div.active {
    z-index: 3;
}

.single-issue #featured-posts article {
    width: 170px;
    display: inline-block;
    vertical-align: top;
    padding: 0 0 0 0;
    margin: 0 26px 0 0;
    font-size: 12px;
    position: relative;
}
.single-issue #featured-posts article.last {
    border: none;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

.single-issue #featured-posts article h3 {
    padding: 7px 0 0 0;
    text-align: left;
}


.single-issue #featured-posts article h3 a{
    font-family: "Antwerp Bold", 'Times New Roman', Times, serif;
    font-weight: 700;
    font-style: normal;
    font-size: 20px;
    color: #000000;
    line-height: 1.5em;
}


.single-issue #featured-posts article .entry-author {
    position: relative;
    z-index: 3;
}

.single-issue #featured-posts article .switcher {
    width: 165px;
    height: 30px;
    position: absolute;
    top: 0;
    z-index: 5;
}

.single-issue #featured-posts article .switcher:hover {
    cursor: pointer;
    border-top: 4px solid #000000;
}


.single-issue #featured-posts article a.overlay {
    border-top: 4px solid #F6F6F6;
    display: block;
    position: absolute;
    top: 0;
    width: 165px;
    height: 100%;
}

.single-issue #featured-posts article a.overlay:hover {
}

.single-issue #featured-posts article.active a.overlay {
    border-top: 4px solid #E52F25;
}

.single-issue #featured-posts article footer {
    position: absolute;
    bottom: 0;
}

.single-issue #featured-posts article .entry-author {
    text-align: left;
    padding: 0;
}

.single-issue #featured-posts article .entry-synopsis {
    padding: 0 0 20px 0;
}

.single-issue #featured-posts .entry-header {
    width: 165px;
    background-color: transparent;
}


.single-issue .issue-box {
    text-align: center;
    background-color: #F6F6F6;
    padding: 10px 10px;
}
.single-issue .issue-box h2 {
    font-family: "proxima-nova-alt", sans-serif;
    font-weight: 500;
    font-size: 18px;
}

.single-issue .issue-box h2.subtitle {
    margin: 10px 0 0 0;
    padding: 0;
}

.single-issue .issue-box h2.title {
    margin: 0;
    padding: 10px 0 10px 0;
    font-size: 21px;
    color: #000000;
}
    


.single-issue .buy-box {
    width: 188px;
    margin: 0;    
    background-color: #F6F6F6;
    text-align: center;
    color: #000000;
    line-height: 30px;
}

.buy-box ul {
    list-style-type: none;
    padding: 0 0 25px 0;
}

.buy-box ul li {
    font-family: "proxima-nova-alt", sans-serif;
    font-weight: 500;
    font-size: 19px;
}

.buy-box h3 {
    margin: 0;
    font-size: 19px;
    font-family: "proxima-nova-alt", sans-serif;
    font-weight: 500;
    padding: 20px 0 0 0;
    color: #000000;
}


.single-issue .buy-box a {
    color: #FFF;
}

.single-issue #bottom-main h2, .single-issue #online-exclusive h2 {
    border-bottom: 2px solid #E52F25;
    padding: 0 0 0 0;
    margin: 50px 0 0 0;
}
.single-issue #bottom-main h2, .single-issue #bottom-main h2 a, .single-issue #online-exclusive h2 a {
    color: #E52F25;
    font-size: 28px;
    font-family: "proxima-nova-alt", sans-serif;
    font-weight: 500;
    padding-bottom: 5px;
}

#past-issues .issue {
    margin: 12px 17px 12px 0;
    height: 330px;
    display: inline-block;
    background-color: #F6F6F6;
    text-align: center;
    width: 170px;
    vertical-align: top;
}
#past-issues .issue .subtitle {
    margin: 10px 0 0 0;
    padding: 0;
    border:0;
}
#past-issues .issue .subtitle a {
    font-size: 17px;
    font-family: "proxima-nova-alt", sans-serif;
    font-weight: 500;
}
#past-issues .issue .title {
    margin: 0 0 0 0;
    padding: 0;
    border:0;
    line-height: 1em;
}
#past-issues .issue .title a {
    font-size: 17px;
    color: #000000;
    font-family: "proxima-nova-alt", sans-serif;
    font-weight: 500;
    padding: 0 10px 0 10px;
    line-height: 1em;
}

/* Contributors page */
#contributors {
    width: 955px;
    padding: 0;
    margin-bottom: 30px;
}
#contributors a {
    display: inline-block;
    width: 160px;
    padding: 0 12px 12px 15px;
    font-family: "proxima-nova-alt", sans-serif;
    font-weight: 500; 
    color: #000000;
    line-height: 1.2em;   
    font-style: normal;
    font-size: 17px;
    vertical-align: top;

}

#contributors h2 {
    color: #E52F25;
    border-bottom: 2px solid #E52F25;
    font-size: 28px;
    font-family: "proxima-nova-alt", sans-serif;
    font-weight: 500;
}

#contributors .artists, #contributors .interviews {
    display: inline-block;
    vertical-align: top;
}

#contributors .artists {
    width: 560px;
}

#contributors .artists h2 {
}

#contributors .interviews {
    margin-left: 15px;
    width: 375px;
}

#contributors .interviews a{
    padding: 0 17px 12px 8px;
}