/*************************************************************************
 * General article styles
 *************************************************************************/
.content-article {
    margin-bottom: 50px;
}

.news-article {
    /* Article font color */
    color: #000;
    font-size: 14px; line-height: 1.5;
}

#content .header .entry-title {
    /* Article header */
    font-size: 48px; line-height: 53px; font-weight: bold;
}

    .news-article .entry-content{
        float: left;
    }

/* Content list styles */
.content-article .extended > ol { list-style-type: decimal; padding-left: 25px; }
.content-article .extended > ul { list-style-type: disc; margin-left: 15px; }


/* Buttons */
a.button_print, a.i2sendlink, a.fb_link, a.twitter_link {
    display: block; width: 120px; height: 19px; margin-bottom: 6px;
    background: transparent url(/img/article-buttons.gif) no-repeat left top;
    color: black; text-transform: uppercase; font-weight: bold; font-size: 12px;
    padding-left: 30px; padding-top: 1px;
}
a.button_print:hover { background-position: -149px 0px; }
a.i2sendlink { background-position: 0px -20px; }
a.i2sendlink:hover { background-position: -149px -20px; }
a.fb_link { background-position: 0px -40px; }
a.fb_link:hover { background-position: -149px -40px; }
a.twitter_link { background-position: 0px -60px; margin-bottom: 15px; }
a.twitter_link:hover { background-position: -149px -60px; }

/* article awesomebox */
.uuimgbox { border: 1px solid #B1B792; width: 200px; padding: 4px; padding-right: 5px; float: right; margin-left: 4px; margin-bottom: 4px;  }
.uuimgbox a { border: 1px solid #B1B792; width: 200px; height: 150px; float: left; }
.uuimgbox a:hover { border: 1px solid #000; }
.uuimgbox .imagecount { border: 1px solid #B1B792; width: 200px; height: 16px; text-align: center; line-height: 16px; float: left; margin-top: 5px; }

/* @todo, move this somewhere else */
#latestnews li { padding-bottom: 5px; background-position: 0px 8px; }
#latestnews li a{ font-size: 14px; line-height: 21px; }

#vianbefaler li .entry-summary{
    font-size: 12px; line-height: 16px;
}

#googleadsense .tv2adtext a{
    font-size: 10px; line-height: 15px; color: #000;
}


/* Article body *********************************************************/
.news-article strong {
    font-weight: bold;
}
.news-article em {
    font-style: italic;
}

.news-article p {
    margin: 12px 0 0 0;
}

.news-article p:first-child {
    margin: 0 0 0 0;
}

.news-article h2 {
    margin: 21px 0 0 0;
    font-weight: bold;
}


/*************************************************************************
 * Article meta line; author and publish date, etc.
 *************************************************************************/
.news-article .header .meta {
    margin-bottom: 3px;
    color: #797979; font-size: 12px;
}
    .news-article .header .meta .updated {
        color: #8d0e0b;
    }
    .news-article .header .meta .hidden{
        /* do not display, or announce if the UA is a screen-reader */
        display: none;
    }
    .news-article .header .meta .author{
        /* cancel out some rules, set in another stylesheet */
        display: inline; border: 0; padding: 0; float: none;
    }

    .news-article .header .meta .author .org{
        display: block; position: absolute; left: -9999px;
    }


/*************************************************************************
 * Aside
 *
 * The coulm to the right of the article.
 *************************************************************************/
.news-article .aside{
    float: right;
}

    .news-article .aside .box{
        /* there is no floating text around the element in the right, thus
         * the padding in the top is removed */
        padding-top: 0;
        float: none;
    }


/*************************************************************************
 * General box styles
 *************************************************************************/
.news-article .box {
    display: block; position: relative; clear: left;
    padding: 15px 0;
}


    .news-article .box .body {
        background-color: #f8f8f8;
        border: 1px solid #c9c9c9;
        padding: 5px;
    }

        .news-article .box .image .body {
            padding: 0; border: none;
            background: none;
        }

    body .news-article .box .boxtext ol{
      list-style-type: decimal;
      padding-left: 24px;
    }

    .content-article .extended > ul,
    body .news-article .box .boxtext ul{
      list-style-type: disc;
      padding-left: 24px;
    }

    .content-article .extended > ol,
    .news-article .box p{
        margin: 0;
    }

    .content-article .extended .article-list {
      float: left;
      margin-bottom: 12px;
    }

    .news-article .box p{
        margin: 6px 0 0 0;
    }

    .news-article .box p:first-child {
        margin: 0px 0 0 0;
    }

    /* Box positions ****************************************************/
    .news-article .left {
        float: left;
        margin: 0 18px 6px 0;
    }

    .news-article .right {
        float: right;
    }
        .news-article .extended .right{
            /* .extended .right is boxes within the article body, not the
             * article aside-bar */
            margin: 0 0 6px 0px;
            padding-left: 18px; /* using padding-left instead margin-left to make it work in IE */
        }

    .news-article .bottom{
        float: left; clear: both;
        margin-bottom: 19px;
    }


/*************************************************************************
 * Article header
 *************************************************************************/
.news-article .entry-content .top{
    margin-bottom: 9px;
}


/*************************************************************************
 * Linkbox style
 *************************************************************************/
.news-article .entry-content .boxlink .gfxheader {
    background-position: 0px -2020px;
}
    .news-article .entry-content .boxlink li{
        padding-bottom: 9px;

    }
    .news-article .entry-content .boxlink li a {
        display: block;
        background-image: url('http://tv2.dk/css/g/icons/listBullet.gif');
        background-repeat: no-repeat;
        background-position: 0 5px;
        padding-left: 8px;
    }
    .news-article .entry-content .boxlink li.gallerylink a,
    .news-article .entry-content .boxlink li.videolink a {
        background-position: 0 3px;
        margin-left: -2px;
        padding-left: 11px;
    }
    .news-article .entry-content .boxlink li.gallerylink a { background-image: url(/img/fotoikon.gif); }
    .news-article .entry-content .boxlink li.videolink a { background-image: url(/img/videoikon.gif); }


    .news-article .box.left,
    .news-article .box.right,
    .news-article .aside .box {
        font-size: 12px; line-height: 16px;
    }


/*************************************************************************
 * Quickpoll styles
 *************************************************************************/
.news-article .entry-content .poll { }

.news-article .aside .poll ol {
    width: 134px;
}


/*************************************************************************
 * Textbox styles
 *************************************************************************/
.news-article .entry-content .boxtext .gfxheader {
    background-position: 0px -2060px;
}


/*************************************************************************
 * Quotebox styles
 *************************************************************************/
.news-article .boxquote{
    font-weight: bold;
    background: url('/img/quotestart.png') no-repeat top left;
    padding-top: 22px;
}

.news-article .boxquote cite {
    color: #797979;
    display: block;
    font-size: 12px;
    font-style: normal; font-weight: normal;
    text-align: right;
    background: url('/img/quoteend.png') no-repeat top right;
    padding-top: 22px;
}


/*************************************************************************
 * Table styles
 *************************************************************************/
.news-article .entry-content .top div.table .body{
    /* should not put a border on tables that is placed in the top section */
    border: 0;
}

.news-article .entry-content div.table .body{
    border-top: 1px solid #c9c9c9;
    background: #f8f8f8;
    padding: 1px;
}

    .news-article .entry-content div.table .line{
        display: none;
    }

    .news-article .entry-content div.table table {
        width: 100%;
    }

    .news-article .entry-content div.table table th,
    .news-article .entry-content div.table table td{
        border: 1px solid #f8f8f8;
        text-align: center;
        vertical-align: middle;
    }

    .news-article .entry-content div.table table th{
        padding: 6px;

        /* Displayed in browsers, that only support basic backgrounds */
        background: #bf2224;

        /* WebKit */
        background: -webkit-gradient(
            linear, left top, left bottom,
            from(#bf2224), to(#a00001), color-stop(0.9, #990000)
        ); /**/

        color: #fff; font-weight: bold;
    }

    .news-article .entry-content div.table table td{
        padding: 6px 12px;

        /* Displayed in browsers, that only support basic backgrounds */
        background: #f1f1f1;

        /* WebKit */
        background: -webkit-gradient(
            linear, left top, left bottom,
            from(#f1f1f1), to(#e2e2e2)
        ); /**/
    }

/***********************************************************************
 * Images
 ***********************************************************************/
.news-article img{
    /* better broser image scaling in IE based browsers */
    -ms-interpolation-mode: bicubic;
}

body .top .image img{ width: 100%; }
.news-article .image p{ color: #797979;}

/***********************************************************************
 * Related content styles
 ***********************************************************************/
.article-related h2.header{ margin-top: 0; }

.article-related a:hover,
.article-related a:focus{
    color: #c9c9c9;
}

.article-related ol {
    background-color: #000;
    color: #fff;
}

.article-related ol li {
    border-bottom: 1px dotted #484848;
    float: left;
    padding-left: 5px;
    font-weight: bold;
    background: none;
    padding-top: 5px; padding-bottom: 5px;
}
    .article-related li.col-4 a { width: 302px; }

    .article-related ol li.image {
        padding-top: 5px;
        padding-bottom: 10px;
    }

.article-related ol li a {
    display: block; float: left;

    padding: 0 5px 0 8px;

    background-image: url('http://tv2.dk/css/g/icons/listBullet.gif');
    background-repeat: no-repeat;
    background-position: 0px 9px;

    color: #fff;

    line-height: 24px;
}

    .article-related ol li.image a {
        background: none;
        padding: 0;
    }


.article-related ol li.image img {
    float: left;
    width: 121px; height: 67px;
    margin: 0 5px 3px 0;
}
    .article-related ol li.image:first-child img {
        height: 90px; width: 165px;
    }

.article-related a strong {
    /* topstories are marked with a strong tag */
    display: block;
    padding-top: 5px;
    font-size: 14px; line-height: 19px;
}

.article-related li.col-4 a span { font-size: 14px; line-height: 19px; }

.article-related li.col-4 a strong span {
    float: left;
    width: 130px;
    font-size: 18px;
    line-height: 24px;
}


.article-related .gfxheader{
    background-position: 0 -2100px;
    position: relative;

    color: transparent;
}
    .article-related .gfxheader span {
        display: block;
        position: absolute; /* absolute to: .article-related .gfxheader */
        top: 4px; left: 65px;
        color: black;
        text-indent: 0; text-transform: none;
        white-space: nowrap;
    }