/**
 * Article and recipe styles
*/

/* Article */

.article-body {
    position: relative;
}

.article-body .headers-container {
    margin-left:40px;
}

.article-body .byline,
.article-body .display-date {
    margin-left: 40px;
    margin-bottom: 20px;
}

.article-body p.caption {
    margin-bottom:0;
}

body.wide .article-body p.caption {
    margin-left: 40px;
}

.article-text {
    margin-left: 40px;
}

.article-text ul,
.article-text ol {
    margin-left: 40px;
    font-family: arial,verdana,sans-serif;
    text-transform: uppercase;
    color: #666;
    font-size: 12px;
}

.article-text h2 {
    font: bold 22px arial,verdana,sans-serif;
}

.article-text h3 {
    font: bold 18px arial,verdana,sans-serif;
    color: #555;
}

.article-text h4 {
    font: bold 16px arial,verdana,sans-serif;
}

.article-text h5 {
    font: bold 14px arial,verdana,sans-serif;
}

.article-text h6 {
    font: bold 12px arial,verdana,sans-serif;
    text-transform: uppercase;
}

.article-text p.pullquote {
    float: left;
    font-family: arial, helvetica, sans-serif;
    font-weight: bold;
    color: #888;
    width: 220px;
    margin: 0 20px 20px 0;
}

.article-text blockquote {
    font: bold 22px arial,verdana,sans-serif;
}

.article-text p.article-continued {
    font-family: arial, helvetica, sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    margin: 13px 0;
}

div.content-container {
    clear: both;
    margin: 0 0 45px;
}

body.wide .article-body .captioned-photo {
    padding-bottom: 40px !important;
}

    body.floatRight div.content-supporting {
        float: right;
        width: 320px;
    }

    body.floatRight .article-body .captioned-photo {
        padding-left: 20px;
        padding-bottom: 0;
        height: 1%;
        line-height: 1.3;
        margin-bottom: 25px;
    }

    .article-body .w {
        text-align: center;
    }

        .article-body .w img {
            margin-left: auto;
            margin-right: auto;
        }

            .article-body .captioned-photo img {
                display: block;
            }

            .article-body .captioned-photo p {
                clear: both;
                margin-bottom: 25px;
            }

                body.floatRight .article-body .captioned-photo p {
                    margin-bottom: 0;
                }


/* FEATURES */

body.wide #position1_content,
body.subpage #position1_content {
    float: right;
    width: 300px;
    margin-left: 20px;
    margin-bottom: 20px;
}

body.floatRight #position1_content {
    clear: right;
    padding-left: 20px;
    padding-bottom: 20px;
    float: right;
    width: 300px;
}

#position2_content {
    float: left;
    width: 100%;
}

/**
 * @section Footer
*/

.article-body .pagination {
    margin-bottom: 45px;
}

.article-body .footer,
.article-body .photo-credits,
.article-body .keywords {
    clear: both;
    margin: 0 0 20px 40px;
}

/**
 * @section Article Page Layout B
*/
.layoutB .headers-container {
    margin-left:0;
}

.layoutB .article-text {
    margin-left:0;
}

/**
 * @section Migrated content styles
*/
.article-body hr {
    display:block;
    height:1px;
    background:#c2bba6;
    border:0;
}

.article-body .rankings {
    font:normal 11px/1.2 arial,verdana,sans-serif;
    border:1px solid #d2d4d7;
    border-top:none;
    border-collapse:collapse;
}

.article-body .rankings thead{
    border-left:1px solid #616263;
    margin-bottom:4px;
    font-weight:bold;
    color:#fff;
    text-transform:uppercase;
    background:#000;
}

.article-body .rankings th{
    border-right:1px solid #616263;
    padding:5px 10px;
    vertical-align:top;
}


.article-body .rankings tr {
    border: 1px solid #D2D4D7;
}

.article-body .rankings td {
    padding:5px;
}

.article-body .inlineimage.right {
    float:right;
    margin:0 0 8px 8px;
}

.article-body .inlineimage.left {
    float:left;
}

body.wide .article-body .inlineimage p.caption {
    margin-left:0;
    width: 210px;
}