/* Header */



/* Body */

#body .container_16 {
    /* padding-top: 20px; */
    padding-bottom: 20px;
    max-width: 960px;
}

/* Home page and search excerpts */

.search-results {
    margin-left: 10px;
    margin-bottom: 0px;
}

.deck p {
    margin-bottom: 0.5em;
    color: #333;
}


.navigation {
    margin-top: 1em;
    font-size: 16px;
}

/* Single Posts */

.textwidget {
    text-align: left;
}

.single-post h2 {
    font: 1.6em "avantgardeltcondbook", helvetica, sans-serif;
    font-weight: bold;
    letter-spacing: normal;
    word-spacing: normal;
    color: #0089cb;
    margin-top: 30px;
    margin-bottom: 18px;
}

.single-post li {
    margin-bottom: 0.5em;
}



.single-post .deck a {
    color: #DC5921;
}



.single-post .contents .wp-caption p {
    font-size: 90%;
    margin-top: -3px;
}



.single-post .grid_11.omega {
    padding-right: 10px;
    width: 630px;
}


div.tag-cloud {
    font-size: 10px;
    float: left;
    padding: 10px;
    background: #EBF1FA;
    margin-top: 36px;
    border-top: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
}

div.tag-cloud h2 {
    font: 12px Helvetica, Arial, Verdana, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    top: 0px;
    margin: 0px;
    padding: 0px;
}

div.tag-cloud p {
    margin-bottom: 0px;
}





.sidebar-promo {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}

.container_16 .grid_3.sidebar-promo {
    position: relative;
}



#tabs a.button {
    font-size: 14px;
    font-weight: bold;
    color: #eee;
    background-color: #777;
    display: inline-block;
    padding: 5px 15px;
    border-radius: 5px;
    text-align: center;
}

#tabs a.button-buy {
    background-color: #DC5921;
}

.alert {
    padding-top: 10px;
    color: red;
    font-weight: bold
}


.container_16 {
    width: 100%;
    max-width: 960px;
}

/*
product buttons
mobile version
*/





/* links
    text is hidden, replaced with hexagon BG images
    */


/* end product buttons */




#podPress_footer {
    display: none;
}

#wpadminbar {
    position: fixed !important;
}

.current_button, .ui-state-default.current_button {
    background-color: #DC5921;
    text-shadow: none;
}

.archives-link-container {
    background-color: #F1F1F1;
    border-radius: 8px;
    margin: 0;
    text-align: center;
}

a.archives-link {
    width: 200px;
    display: block;
    padding: 30px 0 10px 65px;
    font-size: 1.8em;
    margin: 0px auto 10px;
    background-image: url(../images/archivesButtBG.png);
    background-position: 5px center;
    background-repeat: no-repeat;
    height: 65px;
    text-align: left;
    line-height: 1em;
    font-weight: bold;
    text-align: center;
}



.issue-archive h3 {
    font-size: 16px;
}

.issue-archive .issue {
    width: 218px;
    margin-bottom: 20px;
}

.issue-archive .contents {
    padding: 5px;
}

.issue-archive .cover {
    margin-top: 5px;
}

.issue-archive .cover img {
    border: 1px solid #666;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: inherit;
    font-size: 1.25em;
}

.ui-button s, .button s {
    text-decoration-color: black;
    -moz-text-decoration-color: black;
    -webkit-text-decoration-color: black;
}

.book-page .current_sale,
.magazine-page .current_sale,
.issue-archive .current_sale {
    text-align: center;
    font-style: italic;
    padding: 0;
}

.magazine-page .current_sale {
    margin: 0 0 -12px 0;
}

.singlebook-page div p.current_sale {
    margin: 5px 0 0 0;
    font-weight: bold;
    font-size: 120%;
}

.issue-archive .current_sale {
    margin: -9px 0 3px 0;
}

.book-page .current_sale {
    line-height: 14px;
    margin: 0 0 5px 0;
    padding: 0;
    font-weight: bold;
}



.issue a h2 {
    padding: 0 0 3px 0;
    margin: 0;
    font-size: 24px;
    text-align: center;
}

.issue button.red {
    padding: 0 0 2px;
    min-width: 218px;
}

.issue button.red s {
    text-decoration-color: black;
}







/* Easy Buttons */

form.easycart {
    display: block;
    text-align: center;
}

form.easycart div.coupon {
    font-size: 120%;
    padding-bottom: 5px;
}

form.easycart div.coupon input {
    display: inline-block;
}

/* mobile */
#body .container_16 .main-content {
    width: auto;
    margin-right: 5px;
    padding: 20px;
}

#body .container_16 .sidebar {
    width: auto;
}

#body .training-page .sidebar,
#body .magazine-page .sidebar {
    width: auto;
}

#body .magazine-page .main-content {
    width: auto;
}

.ad_write {
    background-color: white;
    border-radius: 8px 8px 0 0;
    position: absolute;
    right: 0;
    top: -38px;
    margin: 0;
    padding: 5px 20px;
    width: auto;
}



/* nav */

/*
    mobile version (hidden)
*/

blockquote.callout {
    background-color: #e9e9e9;
    padding: 0.5em 1em .25em;
    border: none;
    border-radius: 0;
    margin: 0 0 1em;
}




/* page title */
.title span {
    display: block;
    padding-left: 13px;
    padding-top: 5px;
}

/* body */
/* forms */


.news {
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: thin solid #cccccc;
}

.news iframe,
.news img {
    max-width: 100%;
    height: auto;
}



a.button:hover {
    background-color: #aaa;
    color: #dc5921;
}

/* search form */
.bar .list li span.search {
    display: none;
}
.bar .list li.search input[type="text"],
.bar .list li.search input[type="submit"]{
    margin: 5px auto;
}

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

    /*

        mobile first-
        everything mobile is default so put mobile outside of media query
        and progressively enhance through following media queries

        That being said, there are exceptions that are easier to add in here

     */
    .container_16,
    .container_16 .grid_10,
    .container_16 .grid_6 {
        margin: 0;
        padding: 2%;
        width: 96%;
    }

    #body .container_16 .sidebar {
        width: 98%;
        margin: 10px 0;
    }

    label {
        width: 90%;
    }

    div.width9, label.width9 input, label.width9 textarea,
    div.width8, label.width8 input, label.width8 textarea {
        width: 100%;
    }

    div.follow {
        float: left;
        width: 155px;
    }

    /* affects sidebar promos */
    .container_16 .grid_3 {
        margin: 12px;
        min-height: 115px;
        width: 42%;
    }


    /* homepage latest article width */


    .container_12 .grid_12,
    .container_16 .grid_16 {
        width: 100%;
    }
}

@media only screen and (min-width: 320px) and (max-width: 767px) and (orientation: landscape) {

    /* affects sidebar promos */
    .container_16 .grid_3 {
        width: 44%;
    }

    .container_12 .grid_12,
    .container_16 .grid_16 {
        width: 100%;
    }
}

/*
 * End Temporary fix
 */

/* tablets (portrait and landscape) ----------- */
@media only screen and (min-width: 768px) {

    /* Navigation Menu */

    /* Search form */
    .bar .list li.search {
        position: relative;
    }

     /* body */
    #body .container_16 .main-content {
        max-width: 580px;
        margin-right: 5px;
    }

    #body .container_16 .sidebar {
        width: 315px;
    }

    /* end product buttons */
    /* homepage tiles */

     /* content */
    .deck-with-image .image img {
        width: 120px;
        height: auto;
        max-height: 110px;
    }

    /* OAM: grid agnostic but simpler layout */


    .container_12 .grid_12,
    .container_16 .grid_16 {
        width: 100%;
        max-width: 940px;
    }



    .panelcontainer {
        max-width: 800px;
    }


}

/* Desktops and laptops ----------- */
@media only screen and (min-width: 979px) {


}

/* Large screens ----------- */
@media only screen
and (min-width: 1824px) {

}