/*
Theme Name: The Courier
Theme URI: http://www.dcthomson.co.uk
Author: Robert Paul
Author URI: http://www.dcthomson.co.uk
Description: Print CSS for The Courier theme.
*/

html {
    font-family: 'Arial', sans-serif;
    font-size: 100%;
}

body {
    margin: 0;
    background-color: transparent;
}

a {
    text-decoration: none;
}

.ie-bg {
    display: block;
}

.sponsored {
    display: inline-block;
    padding: 10px;
    margin-bottom: 10px;
    background-color: #0066b3;
    font-size: 10px;
    font-weight: normal;
    text-transform: uppercase;
    color: #fff;
}

/* 'Grid' */
.masthead,
.content, 
.site-footer {
    margin-left: auto;
    margin-right: auto;
    max-width: 940px;
}

/* Masthead */
.masthead {
    padding: 20px;
    height: auto;
    text-align: center;
}

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

/* Navigation */
.section-navigation {
    margin-top: 20px;
    padding: 0;
    list-style: none;
}

.section-navigation:after {
    content: '';
    display: block;
    clear: both;
}

.section-navigation > li {
    display: inline-block;
    padding-left: 1em;
}

/* Footer */
.site-footer {
    padding: 20px;
    background-color: transparent;
    color: #000;
}

.site-footer a {
    color: #0066b3;
}

.site-footer ul {
    padding: 0;
    list-style: none;
}

.site-footer ul li {
    margin-bottom: 1em;
}

/* Block Articles */
.article {
    position: relative;
    padding: 20px 0 20px 160px;
    border-top: 1px solid #eee;
    min-height: 84px;
    background-color: #fff;
    background-image: none !important;
}

.article:after {
    content: '';
    display: block;
    clear: both;
}

.article .thumbnail {
    position: absolute;
    top: 20px;
    left: 0;
    display: block;
    margin: 0;
    width: 140px;
    height: 84px;
}

.article .thumbnail img {
    display: block;
    width: 100%;
    height: 100%;
}

.article .synopsis .category {
    display: block;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 800;
    color: #0066b3;
}

.article .article-title {
    line-height: 120%;
    font-weight: bold;
    font-size: 160%;
    color: #000;
}

.article .meta {
    margin-top: .5em;
}

.block-title {
    color: #0066b3;
}

/* Posts */
.post {
    margin: 20px auto;
    padding: 20px;
    max-width: 940px;
    background-color: #fff;
}

.post .meta {
    float: left;
    margin-bottom: 10px;
}

.post .sponsored {
    float: right;
}

.post .timestamp .stamp {
    display: block;
}

.post .timestamp .stamp + .stamp {
    color: #888;
}

.post .article-title {
    clear: both;
    line-height: 100%;
    font-size: 250%;
}

.post .thumbnail {
    margin: 20px 0;
    padding: 0 !important;
    max-width: 100%;
}

.post .thumbnail img,
.post .embed img {
    display: block;
    width: 100%;
}

.post .holder {
    position: relative;
}

.post .copyright-holder {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 5px;
    background-color: #000;
    color: #fff;
}

.post .caption {
    padding: 5px;
    background-color: #eee;
}

/* Shared CSS */
.ad,
.additional-content,
.advertising,
.all-sections-btn,
.article .thumbnail .category,
.byline-pic,
.block.carousel,
.breadcrumb,
.breaking-bar,
#comments,
.full-navigation,
hr,
.masthead .social,
.nav-button,
.next-post,
.sidebar,
.section-navigation .sub-menu,
.sharing-bar,
.site-footer img,
.site-footer ul,
.socialize {
    display: none;
}