/*
 * Responsive Design
 */

/*= Before Responsive
 *==================================================================*/

/*== Loop Actions */

.loop-actions .orderby-select {
    display: none;
}

/*== Select Menu */

#main-nav .select-div {
    background: url(images/nav-sep.png) no-repeat left 0;
    display: none;
}

#main-nav .select-wrap {
    overflow: hidden;
    background-image: url(images/select-arrow.png);
    background-repeat: no-repeat;
    background-position: right center;
}

#main-nav select {
    height: auto;
    text-transform: none;
    display: block;
    margin: 0 auto;
    -webkit-border-radius: 0;
    border-radius: 0;
    width: 120%;
    border: 0;
    font-size: 13px;
    font-weight: bold;
    color: #EEE;
    text-shadow: 0 1px 0 #000;
    padding: 7px 5px 7px 10px;
    -webkit-appearance: none;
    -moz-appearance: normal;
    appearance: normal;
    -webkit-padding-end: 20px;
    -webkit-padding-start: 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    background-color: transparent;
    background-color: rgba(0, 0, 0, 0);
    background-image: url(images/select-arrow.png);
    background-repeat: no-repeat;
    background-position: right center;
}

#main-nav select option {
    font-size: 12px;
    color: #333;
    background: none;
}

#main-nav select:active option {
    background: #FFF;
}

.ie #main-nav select {
    color: #FFF;
}

.ie #main-nav select option {
    background: none;
    color: #FFF;
}

.ie #main-nav select:active option {
    background: none;
    color: #333;
}

/*== Tablet Portrait
 *==================================================================*/

@media only screen and (min-width:640px) and (max-width:959px) {
    /*== Structure */
    body {
        min-width: 640px;
    }
    .boxed-wrap #page {
        width: 640px;
    }
    #main {
        padding: 20px 0;
    }
    .wrap {
        width: 620px
    }
    #content,
    #sidebar {
        width: 100%;
    }
    /*== Header */
    #branding {
        margin-bottom: 10px;
    }
    #header-actions {
        margin-bottom: 10px;
    }
    #header-search {
        width: 100%;
        margin-left: 0;
    }
    /*== Featured */
    .home-featured .nav {
        width: 620px;
        height: 188px;
        float: left;
        background: #333;
        position: relative;
    }
    .home-featured .nav .carousel {
        width: 620px;
        height: 160px;
        border-bottom: 1px solid #444;
    }
    .home-featured .nav .carousel-clip {
        height: 320px;
        width: 630px;
    }
    .home-featured .nav .carousel-list {
        width: 624px;
    }
    .home-featured .nav li {
        float: left;
        width: 309px;
        margin-left: 0;
        border-left: 1px solid #444;
        border-right: 1px solid #272727;
    }
    .home-featured .nav li .inner {
        margin: 0;
    }
    .home-featured .nav li.current {
        background: #222;
        width: 310px;
        border-left: 0;
    }
    .home-featured .nav li.current .inner {
        border-left: 4px solid #B70000;
        margin-left: 0;
        padding-left: 6px;
    }
    .home-featured .nav .carousel-prev,
    .home-featured .nav .carousel-next {
        position: absolute;
        bottom: 0px;
    }
    .home-featured .nav .carousel-prev {
        left: 0;
        margin: 0;
        width: 309px;
        border-left: 1px solid #444;
    }
    .home-featured .nav .carousel-next {
        right: 0;
        width: 308px;
    }
    .home-featured-full .stage,
    .home-featured-full .stage .carousel {
        width: 620px;
        height: 349px;
        overflow: hidden;
    }
    .home-featured-full .stage,
    .home-featured-full .stage .carousel-list {
        height: 349px;
    }
    .home-featured-full .stage .item,
    .home-featured-full .stage .thumb {
        width: 620px;
        height: 349px;
    }
    .home-featured-full .stage .thumb img {
        width: 620px;
    }
    .fcarousel-5 .carousel-clip {
        width: 544px;
    }
    .fcarousel-5 li {
        margin: 5px 3px 20px 3px;
    }
    /*== Footbar
 *=================================*/
    #footbar .widget-col-5 {
        width: 100%;
        margin-left: 0;
    }
    #footbar.footbar-c4 .widget {
        width: 300px;
    }
    /* Fixed Youtube Video with JWPlayer*/
    .fluid-width-video-wrapper embed {
        height: 349px !important;
    }
    /* End @media 
 *================================================================== */
}

/*== Mobile
 *==================================================================*/

@media only screen and (max-width:639px) {
    #main-nav .wrap {
        background: url(images/nav-sep.png) no-repeat right 0;
    }
    #main-nav .menu {}
    #main-nav .select-div {}
    .loop-actions .orderby {
        display: none;
    }
    .loop-actions .orderby-select {
        display: block;
        float: left;
        height: 21px;
        padding: 2px;
        text-transform: none;
    }
    .loop-actions .prefix {
        display: none;
    }
    .comment-form-author,
    .comment-form-email,
    .comment-form-url {
        margin-left: 0;
        width: 100%;
        float: none;
    }
    /*== Structure */
    body {
        min-width: 320px;
    }
    .boxed-wrap #page {
        width: 320px;
    }
    #main {
        padding: 20px 0;
    }
    .wrap {
        width: 300px
    }
    #content,
    #sidebar {
        width: 100%;
    }
    /*== Header
 *=================================*/
    #branding {
        float: none;
        margin-bottom: 10px;
    }
    #site-logo img {
        margin: 0 auto;
    }
    #header-actions {
        float: none;
    }
    #header-search {
        float: none;
        width: 100%;
        margin: 0;
        padding: 15px 0 0;
        overflow: hidden;
    }
    /*== Archive Content
 *=================================*/
    .loop-actions .view .grid-small-link,
    .loop-actions .view .grid-medium-link,
    .loop-actions .view .list-large-link {
        display: none;
    }
    .grid-small .item {
        width: 140px;
        margin: 0 10px 20px;
    }
    .grid-small .thumb {
        width: 140px;
        height: 78px;
    }
    .grid-small .thumb img {
        width: 140px;
    }
    .grid-medium .nag {
        margin: 0 -10px;
    }
    .grid-medium .item {
        width: 300px;
        margin: 0 10px 20px;
    }
    .grid-medium .thumb {
        width: 300px;
        height: 168px;
    }
    .grid-medium .thumb img {
        width: 300px;
    }
    .list-small .thumb {
        width: 140px;
        height: 78px;
    }
    .list-small .thumb img {
        width: 140px;
    }
    .list-small .data {
        margin-left: 158px
    }
    .list-small .meta,
    .list-small .stats {
        float: none;
    }
    .list-small .stats>span {
        margin: 0 10px 0 0 !important;
    }
    .list-small .author,
    .list-small .suffix,
    .list-small .entry-summary {
        display: none;
    }
    .list-medium .thumb {
        width: 300px;
        height: 168px;
        margin: 0 0 10px;
    }
    .list-medium .thumb img {
        width: 300px;
    }
    .list-medium .data {
        margin-left: 0
    }
    .list-medium .author,
    .list-medium .suffix {
        display: none;
    }
    .list-medium .meta {
        float: left;
    }
    .list-medium .stats {
        float: right;
    }
    .list-medium .entry-summary {
        font-size: 11px;
    }
    .list-large .item {
        width: 100%;
    }
    .list-large .thumb {
        width: 100%;
        height: 168px;
    }
    .list-large .meta,
    .list-large .stats {
        float: none;
    }
    .list-large .stats>span {
        margin: 0 10px 0 0 !important;
    }
    /*== Featured Content
 *=================================*/
    .home-featured .stage,
    .home-featured .nav {
        width: 100%;
    }
    .home-featured .stage {
        margin-left: -2px;
    }
    .home-featured .stage,
    .home-featured .stage .carousel-list {
        height: 168px;
    }
    .home-featured .stage .item,
    .home-featured .stage .thumb {
        width: 300px;
        height: 168px;
    }
    .home-featured .stage .thumb img {
        width: 300px;
    }
    .home-featured-full .stage,
    .home-featured-full .stage .carousel {
        width: 300px;
        height: 168px;
    }
    .home-featured-full .stage,
    .home-featured-full .stage .carousel-list {
        height: 168px;
    }
    .home-featured-full .stage .item,
    .home-featured-full .stage .thumb {
        width: 300px;
        height: 168px;
    }
    .home-featured-full .stage .thumb img {
        width: 300px;
    }
    /*== Single Content
 *=================================*/
    .entry-header .entry-title {
        float: none;
        margin: 0 0 10px !important;
    }
    .entry-header .entry-actions {
        float: none;
        margin: 0;
    }
    /*== Footbar
 *=================================*/
    #footbar.footbar-c4 .widget {
        width: 300px;
    }
    /*== Colophon
 *=================================*/
    #colophon {
        text-align: center;
    }
    #social-nav {
        float: none;
        overflow: hidden;
        text-align: center;
        margin: 0 0 10px;
    }
    #social-nav li {
        margin: 0 8px 0 0;
    }
    #copyright,
    #credits {
        font-size: 11px;
        margin: 0;
        display: block;
    }
    .fluid-width-video-wrapper embed {
        height: 259px !important;
    }
    /* End @media ================================================================== */
}