@media only screen and (min-width: 768px){
.pnnavwrap{position:relative;float:none;width:66.667%;margin-left:auto;margin-right:auto}
}

@media only screen and (min-width: 1000px) and (max-width: 1024px){
    .pnnavwrap {position:relative;float:none;width:100%;padding-left:15px;padding-right:15px;margin-left:auto;margin-right:auto}
}

@media only screen and (min-width: 1025px){
    .pnnavwrap {position:relative;float:none;width:100%;padding-left:15px;padding-right:15px;margin-left:auto;margin-right:auto}
}

.pnnavwrap a.prev, .pnnavwrap a.next
    {
    background:#ebebeb;
    position:relative;
    display:block;
    padding:30px 60px;
    border-width:2px 0 0;
    border-style:solid;
    border-color:#e0e0e0;
    font-family:Helvetica, Arial, sans-serif;
    font-size:14px;font-size:1.4rem;
    line-height:1.2;
    color:#111;
    text-decoration: none;
    -webkit-transition:all 0.2s ease-in-out;
    -moz-transition:all 0.2s ease-in-out;
    -ms-transition:all 0.2s ease-in-out;
    -o-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out
    }

.pnnavwrap a.prev:hover, .pnnavwrap a.next:hover
    {
    background:#e0e0e0;
    }

.pnnavwrap a.prev:hover .icon, .pnnavwrap a.next:hover .icon
    {
    margin-left: -5px;
    }

.pnnavwrap a.prev:hover span, .pnnavwrap a.next:hover span
    {
    display:block;
    opacity:1;
    }

.pnnavwrap a.prev:before, .pnnavwrap a.next:before
    {
    display:block;
    font-family:Helvetica,Arial,sans-serif;
    font-size:14px;
    font-size:1.4 rem;
    font-weight:bold;
    text-transform:lowercase;
    color:#6d8ac4;
    content:'Older';
    position:absolute;
    top:10px;
    left:60px;
    }

.pnnavwrap a.prev .date, .pnnavwrap a.next .date
    {
    display:block;
    position:absolute;
    left:60px;
    bottom:10px;
    margin:0;
    font-family:Helvetica,Arial,sans-serif;
    font-weight:bold;
    opacity:0;
    font-size:12px;
    font-size:1.2rem;
    color:#666;
    -webkit-transition:opacity 0.2s ease-in-out;
    -moz-transition:opacity 0.2s ease-in-out;
    -ms-transition:opacity 0.2s ease-in-out;
    -o-transition:opacity 0.2s ease-in-out;
    transition:opacity 0.2s ease-in-out;
    }

.pnnavwrap a.prev .icon, .pnnavwrap a.next .icon
    {
    display:block;
    content:'';
    position:absolute;
    left:20px;
    top:50%;
    margin-top: -11px;
    height:22px;
    width:22px;
    background-image:url('http://media.npr.org/chrome_svg/carat.svg');
    background-position:right center;background-size:22px 22px;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    -o-transform:rotate(90deg);
    transform:rotate(90deg);
    -webkit-transition:all 0.2s ease-in-out;
    -moz-transition:all 0.2s ease-in-out;
    -ms-transition:all 0.2s ease-in-out;
    -o-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out;
    }

.pnnavwrap a.next
    {
    border-top:2px solid #e0e0e0;
    padding:30px 60px 30px 15px;
    text-align:right;
    }

.pnnavwrap a.next .icon
    {
    right:20px;
    left:auto;
    -webkit-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
    transform:rotate(-90deg);
    }

.pnnavwrap a.next .date
    {
    left:auto;
    right:60px;
    }

.pnnavwrap a.next:hover .icon
    {
    left:auto;
    margin-right: -5px;
    }

.pnnavwrap a.next:before
    {
    content:'Newer';
    left:auto;
    right:60px;
    }

@media only screen and (min-width: 768px) {
    .pnnavwrap
        {
        display:table;
        margin-bottom:14px;
        padding:0 0px;
        }

    .pnnavwrap a.prev, .pnnavwrap a.next
        {
        display:table-cell;
        width:50%;
        border-width:2px 0;
        min-height:0;
        padding:30px 15px 30px 60px;
        }

    .pnnavwrap a.next
        {
        padding:30px 60px 30px 15px;
        }
}