/*
Structures for internal content

column: 220px
gutter: 20px

*/
.box {
    width: 100%;
    margin-bottom: 10px;
    margin-top: 10px;
    position: relative;
    top: 0px;
    left: 0px;
}

    .box.doubleSpace {
        margin-bottom: 20px;
    }

    .box .box {
        width: 96.96969%;
    }

    .box:first-child, .box.first, .box.newsroom {
        margin-top: 0px;
    }

    .box.left, .box.right {
        width: 275px;
    }

    .box.img.portrait {
        width: 200px;
    }

    .box.left.wide, .box.right.wide, .box.img.wide {
        width: 50%;
    }

    .box.left.narrow, .box.right.narrow, .box.img.narrow {
        width: 150px;
    }

    .box.img.small {
        width: 125px;
    }

    .box.img.smaller {
        width: 110px;
    }

    .box.tight {
        margin-bottom: 5px;
    }

    .box.left {
        margin-right: 10px;
        padding-right: 10px;
    }

        .box.left.tight {
            margin-right: 5px;
            padding-right: 5px;
        }

    .box.right {
        margin-left: 10px;
    }

        .box.right.tight {
            margin-left: 5px;
        }


    .box.border,
    .box.border-white,
    .box.border-grey,
    .box.border-grey-light,
    .box.border-grey-dark,
    .box.border-primary,
    .box.border-primary-light,
    .box.border-primary-dark,
    .box.border-secondary,
    .box.border-secondary-light,
    .box.border-secondary-dark {
        margin-top: 10px;
        padding: 10px;
        /*width:96.96969%;*/
    }

        .box.border.img {
            padding: 0;
        }

    .box img {
        max-width: 100%;
    }

    .box.dual {
        width: 100%;
    }

        .box.dual .img {
            display: inline-table;
            width: 49%;
        }

            .box.dual .img + .img {
                margin-top: 0px;
                margin-left: 8px;
            }

        .box.dual img {
            width: 100%;
            height: 100%;
        }

    .box.triple {
        width: 100%;
    }

        .box.triple .img {
            display: inline-table;
            width: 32%;
        }

            .box.triple .img + .img {
                margin-top: 0px;
                margin-left: 8px;
            }

        .box.triple img {
            width: 100%;
            height: 100%;
        }

    .box.clear {
        clear: both;
    }

.block {
    padding: 15px 10px;
}

.article {
    margin: 0;
    padding: 10px 20px;
    position: relative;
}

    .article.full {
        width: 920px;
    }

#sidebar .block {
    margin: 0 0 20px;
}