.caption {
    clear: both;
    color: #353535;
}

    .caption h3 {
        width: 100%;
        float: left;
        clear: both;
        background-color: #ed1c24;
        /*height: 30px;*/
        overflow: hidden;
    }

        .caption h3 span, .caption h3 a {
            padding: 8px 15px 8px 15px;
            float: left;
            font-size: 13px;
            font-weight: bold;
            color: #FFFFFF;
            text-transform: uppercase;
            /*white-space: nowrap;*/
        }

/*TOPHOMESTORY*/
.tophomestory {
    clear: both;
    padding: 0 0;
    height: 430px;
    overflow: hidden;
}

    .tophomestory ul {
        float: left;
        width: 100%;
        clear: both;
        list-style: none;
        position: relative;
        z-index: 0;
    }

        .tophomestory ul li {
            float: left;
            width: 100%;
            clear: both;
            position: absolute;
            left: 0;
            top: 0;
            z-index: 0;
            background-color: #FFFFFF;
            height: 430px;
        }

    .tophomestory a.avatar {
        clear: both;
        float: left;
        width: 100%;
        height: 260px;
        overflow: hidden;
        margin-bottom: 10px;
    }

        .tophomestory a.avatar img {
            float: left;
            width: 100%;
            height: 100%;
        }

    .tophomestory h4 {
        clear: both;
        padding-bottom: 10px;
    }

    .tophomestory a {
        clear: both;
        font-size: 18px;
        color: #cc3300;
        text-decoration: none;
    }

    .tophomestory p {
        clear: both;
        padding: 0;
        margin: 0;
        color: #353535;
        text-align: justify;
        font-size: 13px;
        line-height: 1.4;
    }

.tophomestory-i {
    clear: both;
    padding: 0 0;
}

/*HOMETEASER*/
.hometeaser {
    clear: both;
}

    .hometeaser h3 {
        clear: both;
        width: 100%;
        float: left;
        background-color: #E1E1E1;
        /*height: 30px;*/
        overflow: hidden;
    }

        .hometeaser h3 a, .hometeaser h3 span {
            float: left;
            font-size: 13px;
            font-weight: bold;
            color: #FFFFFF;
            text-transform: uppercase;
            padding: 8px 15px 8px 15px;
            background-color: #ed1c24;
        }

        .hometeaser h3 em {
            float: left;
            width: 25px;
            height: 30px;
            background: url(../images/caption-tail.png) no-repeat right top;
        }

        .hometeaser h3 a.viewall {
            padding: 0;
            margin: 0;
            float: right;
            width: 30px;
            height: 30px;
            background: url(../images/arrow-dark.png) no-repeat center center;
        }

    .hometeaser a.avatar {
        float: left;
        width: 140px;
        max-height: 110px;
        overflow: hidden;
        margin-right: 10px;
        margin-bottom: 5px;
    }

        .hometeaser a.avatar img {
            float: left;
            width: 100%;
        }

    .hometeaser h4 {
        font-size: 15px;
        padding-bottom: 10px;
    }

        .hometeaser h4 a {
            color: #353535;
            font-weight: bold;
        }

            .hometeaser h4 a:hover {
                color: #cc3300;
            }

    .hometeaser p {
        padding: 0;
        margin: 0;
        font-size: 13px;
        line-height: 1.4;
        text-align: justify;
        color: #353535;
    }

    .hometeaser ul {
        clear: both;
        float: left;
        width: 100%;
        list-style: none;
    }

        .hometeaser ul li {
            clear: both;
            float: left;
            width: 100%;
        }

    .hometeaser li a {
        float: left;
        padding: 0 0 0 10px;
        background: url(../images/bullet.png) no-repeat left 5px;
        color: #353535;
        font-weight: bold;
        font-size: 13px;
    }

    .hometeaser li.sep {
        clear: both;
        float: none;
        height: 10px;
    }

.hometeaser-l {
    float: left;
    width: 400px;
}

.hometeaser-r {
    float: right;
    width: 240px;
    padding: 0 0 0 10px;
    min-height: 150px;
}

.hometeaser-i {
    clear: both;
    padding: 15px 0 0 0;
    overflow: hidden;
    background-color: #FFFFFF;
}

/*HOMEDETAIL*/
.homedetail {
    clear: both;
    color: #363636;
}

    .homedetail .first {
        clear: both;
        padding: 0 0 10px 0;
    }

    .homedetail a.avatar {
        float: left;
        width: 120px;
        margin-right: 10px;
    }

        .homedetail a.avatar img {
            float: left;
            width: 100%;
        }

    .homedetail h4 {
        font-size: 15px;
        padding-bottom: 10px;
    }

        .homedetail h4 a {
            color: #353535;
            font-weight: bold;
        }

    .homedetail p {
        padding: 0;
        margin: 0;
        font-size: 13px;
        line-height: 1.4;
        text-align: justify;
    }

    .homedetail ul {
        clear: both;
        float: left;
        width: 100%;
        list-style: none;
    }

        .homedetail ul li {
            clear: both;
            float: left;
            width: 100%;
        }

    .homedetail li.sep {
        clear: both;
        float: none;
        height: 10px;
    }

    .homedetail li a {
        float: left;
        padding: 0 0 0 10px;
        background: url(../images/bullet.png) no-repeat left 5px;
        color: #353535;
        font-weight: bold;
        font-size: 13px;
    }

.homedetail-i {
    clear: both;
    padding: 10px 0;
}

/*FOCUSLIST*/
.focuslist {
    clear: both;
}

    .focuslist h3 {
        width: 100%;
        float: left;
        clear: both;
        background-color: #F1F1F1;
        /*height: 30px;*/
        overflow: hidden;
    }

        .focuslist h3 span, .focuslist h3 a {
            padding: 8px 15px 8px 15px;
            float: left;
            font-size: 13px;
            font-weight: bold;
            color: #ed1c24;
            text-transform: uppercase;
        }

    .focuslist ul {
        clear: both;
        display: block;
        list-style: none;
        padding: 10px 0;
    }

        .focuslist ul li {
            clear: both;
            display: block;
            border-left: 0;
            position: relative;
            z-index: 0;
        }

            .focuslist ul li h4 {
                padding: 0;
            }

                .focuslist ul li h4 a {
                    font-weight: bold;
                    font-size: 13px;
                    color: #353535;
                }

            .focuslist ul li.sep {
                clear: both;
                float: none;
                padding: 0;
                border: 0;
                font-size: 1px;
                height: 20px;
                background: url(../images/dotline.png) repeat-x center center;
            }

            .focuslist ul li a {
                color: #353535;
                font-weight: bold;
            }

                .focuslist ul li a:hover {
                    color: #cc3300;
                }

.focuslist-i {
    clear: both;
    padding: 0 0;
}

/*HOMEFOCUS*/
.homefocus {
    clear: both;
    color: #353535;
}

    .homefocus h3 {
        width: 100%;
        float: left;
        clear: both;
        background-color: #ed1c24;
        /*height: 30px;*/
        overflow: hidden;
    }

        .homefocus h3 span, .homefocus h3 a {
            padding: 8px 15px 8px 15px;
            float: left;
            font-size: 13px;
            font-weight: bold;
            color: #FFFFFF;
            text-transform: uppercase;
        }

    .homefocus ul {
        clear: both;
        float: left;
        width: 100%;
        list-style: none;
        padding: 10px 0;
    }

        .homefocus ul li {
            clear: both;
            float: left;
            width: 100%;
        }

    .homefocus li.sep {
        clear: both;
        float: none;
        height: 20px;
        background: url(../images/line-white.png) repeat-x center center;
    }

    .homefocus li a {
        color: #353535;
        font-weight: bold;
        margin-right: 10px;
    }

        .homefocus li a.avatar {
            float: left;
            width: 80px;
            max-height: 65px;
            overflow: hidden;
            margin-right: 10px;
            margin-left: 10px;
        }

            .homefocus li a.avatar img {
                float: left;
                width: 80px;
            }

.homefocus-i {
    clear: both;
}

/*HOMEHEADLINE*/
.homeheadline {
    clear: both;
    font-size: 14px;
}

    .homeheadline ul {
        clear: both;
        float: left;
        width: 100%;
        list-style: none;
    }

        .homeheadline ul li {
            clear: both;
            float: left;
            width: 100%;
        }

            .homeheadline ul li.sep {
                clear: both;
                height: 20px;
                background: url(../images/line-dark.png) repeat-x left center;
            }

            .homeheadline ul li a {
                float: left;
                color: #353535;
                font-weight: normal;
            }

.homeheadline-i {
    clear: both;
    padding: 10px 0;
}

/*HOMETEASERFOCUS*/
.hometeaserfocus {
    clear: both;
    color: #353535;
}

    .hometeaserfocus .first {
        clear: both;
        padding: 10px 0 10px 0;
        /*margin-bottom: 10px;*/
    }

        .hometeaserfocus .first:after {
            clear: both;
            content: "";
            display: block;
            height: 0;
            visibility: hidden;
            line-height: 0;
            font-size: 1px;
            overflow: hidden;
        }

    .hometeaserfocus a.avatar {
        clear: both;
        float: left;
        width: 120px;
        margin-right: 10px;
    }

        .hometeaserfocus a.avatar img {
            float: left;
            width: 100%;
        }

    .hometeaserfocus h4 {
        padding-bottom: 10px;
    }

        .hometeaserfocus h4 a {
            color: #353535;
            font-weight: bold;
        }

    .hometeaserfocus p {
        padding: 0 0 0 0;
        margin: 0;
        line-height: 1.4;
        text-align: justify;
        font-size: 13px;
    }

    .hometeaserfocus ul {
        clear: both;
        float: left;
        width: 100%;
        list-style: none;
    }

        .hometeaserfocus ul li {
            clear: both;
            float: left;
            width: 100%;
        }

    .hometeaserfocus li.sep {
        clear: both;
        float: none;
        height: 10px;
    }

    .hometeaserfocus li a {
        float: left;
        padding: 0 0 0 10px;
        background: url(../images/bullet.png) no-repeat left 5px;
        color: #353535;
        font-size: 13px;
        font-weight: bold;
    }

.hometeaserfocus-i {
    clear: both;
    padding: 0 0;
}

/*GALLERY*/
.gallerybox {
    clear: both;
    font-size: 14px;
}

    .gallerybox h3 {
        width: 100%;
        float: left;
        clear: both;
        background-color: #ed1c24;
        border-bottom: #FFFFFF 1px solid;
        /*height: 30px;*/
        overflow: hidden;
    }

        .gallerybox h3 span, .gallerybox h3 a {
            padding: 8px 15px 8px 35px;
            float: left;
            font-size: 13px;
            font-weight: bold;
            color: #FFFFFF;
            text-transform: uppercase;
            background: url(../images/gallery-icon.png) no-repeat 10px center;
            white-space: nowrap;
        }

    .gallerybox ul {
        width: 100%;
        float: left;
        clear: both;
        list-style: none;
    }

    .gallerybox li {
        width: 125px;
        float: left;
        line-height: 1.4;
    }

        .gallerybox li.last {
            float: right;
            margin-right: 0;
        }

        .gallerybox li.sep {
            clear: both;
            width: 100%;
            height: 10px;
        }

    .gallerybox a.avatar {
        float: left;
        clear: both;
        width: 125px;
        height: 90px;
        overflow: hidden;
        margin-bottom: 5px;
    }

        .gallerybox a.avatar img {
            float: left;
            width: 100%;
            height: 100%;
        }

    .gallerybox li h4 {
        clear: both;
    }

        .gallerybox li h4 a {
            color: #353535;
            font-weight: normal;
        }

            .gallerybox li h4 a:hover {
                color: #cc3300;
            }

.gallerybox-i {
    clear: both;
    padding: 15px 15px;
}

.gallery-dialog {
    display: none;
    position: absolute;
    z-index: 1000;
    width: 750px;
    height: 550px;
    background-color: #FFFFFF;
    border: #D1D1D1 5px solid;
}

.gallery-dialog-t {
    clear: both;
    height: 30px;
    background-color: #ed1c24;
    position: relative;
    z-index: 100;
    overflow: hidden;
}

    .gallery-dialog-t span {
        float: left;
        color: #FFFFFF;
        text-transform: uppercase;
        padding: 8px 10px;
    }

    .gallery-dialog-t a {
        position: absolute;
        z-index: 101;
        width: 16px;
        height: 16px;
        top: 7px;
        right: 7px;
        background: url(../images/close.png) no-repeat center center;
    }

.gallery-dialog-i {
    clear: both;
    padding: 10px 10px;
    color: #353535;
    position: relative;
    z-index: 100;
}

.gallery-back {
    position: absolute;
    z-index: 101;
    left: 0;
    top: 50%;
    margin-top: -25px;
    width: 50px;
    height: 50px;
    background: url(../images/gallery-back.png) no-repeat center center;
}

.gallery-next {
    position: absolute;
    z-index: 101;
    right: 0;
    top: 50%;
    margin-top: -25px;
    width: 50px;
    height: 50px;
    background: url(../images/gallery-next.png) no-repeat center center;
}

.gallery-photo {
    clear: both;
    width: 550px;
    max-height: 450px;
    margin: 0 auto;
    overflow: hidden;
}

    .gallery-photo img {
        width: 100%;
        height: auto;
    }

.gallery-photo-desc {
    clear: both;
    width: 550px;
    margin: 0 auto;
    padding: 10px 0;
    line-height: 1.4;
    color: #353535;
}

.videobox {
    clear: both;
    font-size: 14px;
}

    .videobox h3 {
        width: 100%;
        float: left;
        clear: both;
        background-color: #ed1c24;
        border-bottom: #FFFFFF 1px solid;
        /*height: 30px;*/
        overflow: hidden;
    }

        .videobox h3 span, .videobox h3 a {
            padding: 8px 15px 8px 35px;
            float: left;
            font-size: 13px;
            font-weight: bold;
            color: #FFFFFF;
            text-transform: uppercase;
            background: url(../images/video-icon.png) no-repeat 10px center;
            white-space: nowrap;
        }

    .videobox ul {
        width: 100%;
        float: left;
        clear: both;
        list-style: none;
        padding: 15px 0;
    }

    .videobox li {
        width: 100%;
        float: left;
        clear: both;
        line-height: 1.4;
    }

        .videobox li.sep {
            clear: both;
            height: 20px;
            background: url(../images/line-dark.png) repeat-x center center;
        }

        .videobox li a {
            float: left;
            padding: 0 0;
            color: #353535;
            font-weight: normal;
        }

            .videobox li a:hover {
                color: #cc3300;
            }

.videobox-i {
    clear: both;
}

.videobox-player {
    clear: both;
    height: 215px;
}

.pollbox {
    clear: both;
    font-size: 14px;
    color: #353535;
}

    .pollbox h3 {
        width: 100%;
        float: left;
        clear: both;
        background-color: #ed1c24;
        /*height: 30px;*/
        overflow: hidden;
    }

        .pollbox h3 span, .pollbox h3 a {
            padding: 8px 15px 8px 15px;
            float: left;
            font-weight: bold;
            color: #FFFFFF;
            text-transform: uppercase;
            font-size: 13px;
        }

    .pollbox h4 {
        clear: both;
        font-size: 13px;
    }

    .pollbox h5 {
        font-size: 13px;
        clear: both;
        display: block;
        text-align: center;
        padding-top: 10px;
    }

        .pollbox h5 input {
            background-color: #ed1c24;
            color: #FFFFFF;
            border: 0;
            height: 22px;
            padding: 0 10px;
        }

    .pollbox ul {
        width: 100%;
        float: left;
        clear: both;
        list-style: none;
        padding: 5px 0;
    }

    .pollbox li {
        width: 100%;
        float: left;
        clear: both;
        color: #353535;
    }

.pollbox-i {
    clear: both;
    padding: 15px 15px;
}

.pollresult {
    clear: both;
    padding: 10px;
}

    .pollresult h3 {
        width: 100%;
        float: left;
        clear: both;
    }

        .pollresult h3 span, .pollresult h3 a {
            float: left;
            padding: 5px 0 5px;
            font-size: 13px;
            font-weight: bold;
            color: #ed1c24;
        }

    .pollresult ul {
        clear: both;
        float: left;
        width: 100%;
        list-style: none;
    }

        .pollresult ul li {
            clear: both;
            float: left;
            width: 100%;
        }

            .pollresult ul li.sep {
                height: 10px;
            }

    .pollresult li span {
        font-weight: bold;
    }

    .pollresult li div.bar {
        margin-top: 5px;
        font-size: 1px;
        height: 15px;
        border: #D1D1D1 1px solid;
        width: 200px;
        background-color: #FFFFFF;
    }

    .pollresult li div.baritem {
        float: left;
        width: 1px;
        font-size: 1px;
        height: 15px;
        background-color: #ed1c24;
    }

    .pollresult p {
        clear: both;
        padding: 0;
        margin: 0;
        padding-top: 10px;
        line-height: 1.4;
    }

.pollresult-i {
    clear: both;
    padding: 10px 0;
}

.weblinkbox {
    clear: both;
    font-size: 14px;
}

    .weblinkbox h3 {
        width: 100%;
        float: left;
        clear: both;
        background-color: #ed1c24;
        /*height: 30px;*/
        overflow: hidden;
    }

        .weblinkbox h3 span, .weblinkbox h3 a {
            padding: 8px 15px 8px 35px;
            float: left;
            font-size: 13px;
            font-weight: bold;
            color: #FFFFFF;
            text-transform: uppercase;
            background: url(../images/web-icon.png) no-repeat 10px center;
            white-space: nowrap;
        }

    .weblinkbox select {
        width: 100%;
        float: left;
        clear: both;
        list-style: none;
        padding: 5px 5px;
    }

.weblinkbox-i {
    clear: both;
    padding: 15px 15px;
}

.zonebar {
    clear: both;
}

    .zonebar h3 {
        clear: both;
        display: block;
        padding: 0 0 10px 0;
        border-bottom: #ed1c24 1px solid;
    }

        .zonebar h3 a, .zonebar h3 span {
            font-size: 16px;
            color: #ed1c24;
            font-weight: bold;
            text-transform: uppercase;
        }

    .zonebar ul {
        width: 100%;
        float: left;
        clear: both;
        list-style: none;
        padding: 10px 0 10px 0;
        border-bottom: #ECECEC 1px solid;
    }

    .zonebar li {
        float: left;
        line-height: 1.4;
    }

        .zonebar li.sep {
            width: 10px;
            text-align: center;
        }

        .zonebar li a {
            color: #353535;
            font-weight: bold;
            white-space: nowrap;
        }

            .zonebar li a.active, .zonebar li a:hover {
                color: #FF6248;
            }


.zoneteaser {
    clear: both;
    font-size: 14px;
    padding: 20px 0;
}

    .zoneteaser h3 {
        clear: both;
        display: block;
        padding-bottom: 10px;
    }

        .zoneteaser h3 a, .zoneteaser h3 span {
            font-size: 13px;
            color: #353535;
            font-weight: bold;
        }

    .zoneteaser h4 {
        clear: both;
        display: block;
        padding-bottom: 10px;
    }

        .zoneteaser h4 a {
            font-size: 16px;
            color: #353535;
            font-weight: bold;
        }

            .zoneteaser h4 a:hover {
                color: #cc3300;
            }

    .zoneteaser a.avatar {
        float: left;
        width: 140px;
        max-height: 110px;
        overflow: hidden;
        margin-right: 10px;
    }

        .zoneteaser a.avatar img {
            width: 140px;
        }

    .zoneteaser p {
        padding: 0;
        margin: 0;
        color: #353535;
        font-size: 14px;
        line-height: 1.4;
        text-align: justify;
    }

    .zoneteaser ul {
        width: 100%;
        float: left;
        clear: both;
        list-style: none;
    }

    .zoneteaser li {
        width: 100%;
        float: left;
        clear: both;
    }

        .zoneteaser li.sep {
            font-size: 1px;
            height: 30px;
            background: url(../images/dot-grey.png) repeat-x left center;
        }

.zonefocus {
    clear: both;
    font-size: 14px;
    background-color: #F0F0F0;
}

    .zonefocus h3 {
        width: 100%;
        height: 25px;
        float: left;
        clear: both;
        background-color: #353535;
    }

        .zonefocus h3 a, .zonefocus h3 span {
            float: left;
            padding: 6px 10px;
            font-size: 13px;
            color: #FFFFFF;
        }

    .zonefocus h4 {
    }

        .zonefocus h4 a {
            font-size: 13px;
            color: #353535;
        }

    .zonefocus a.avatar {
        float: left;
        width: 100px;
        overflow: hidden;
        margin-right: 10px;
    }

        .zonefocus a.avatar img {
            width: 100px;
        }

    .zonefocus p {
        padding: 0;
        margin: 0;
        padding-top: 10px;
        color: #353535;
        line-height: 1.4;
    }

    .zonefocus ul {
        width: 100%;
        float: left;
        clear: both;
        list-style: none;
        padding-top: 10px;
    }

    .zonefocus li {
        width: 100%;
        float: left;
        clear: both;
    }

        .zonefocus li.sep {
            font-size: 1px;
            height: 20px;
            background: url(../images/dot-white.png) repeat-x left center;
        }

        .zonefocus li a {
            float: left;
            color: #353535;
            font-weight: normal;
        }

.zonefocus-i {
    clear: both;
    padding: 10px;
}

.lateststory {
    clear: both;
    font-size: 14px;
}

    .lateststory h3 {
        width: 100%;
        float: left;
        clear: both;
        background-color: #ed1c24;
        /*height: 30px;*/
        overflow: hidden;
    }

        .lateststory h3 span, .lateststory h3 a {
            padding: 8px 15px 8px 15px;
            float: left;
            font-size: 13px;
            font-weight: bold;
            color: #FFFFFF;
            text-transform: uppercase;
        }

    .lateststory ul {
        display: block;
        clear: both;
        list-style: none;
    }

    .lateststory li {
        display: block;
        clear: both;
        padding: 0 0;
    }

        .lateststory li.sep {
            clear: both;
            height: 20px;
            background: url(../images/line-dark.png) repeat-x center center;
        }

        .lateststory li a {
            color: #353535;
            font-weight: normal;
        }

            .lateststory li a:hover {
                color: #cc3300;
            }

.lateststory-i {
    clear: both;
    padding: 10px 0;
    /*background-color: #F5F5F5;*/
}

.topstory {
    clear: both;
    font-size: 14px;
}

    .topstory ul {
        display: block;
        clear: both;
        list-style: none;
        padding: 0 0;
    }

    .topstory li {
        display: block;
        clear: both;
        padding: 0 0;
    }

        .topstory li.sep {
            clear: both;
            height: 20px;
            background: url(../images/line-dark.png) repeat-x center center;
        }

        .topstory li a {
            color: #353535;
            font-weight: normal;
        }

            .topstory li a:hover {
                color: #cc3300;
            }

.topstory-i {
    clear: both;
    padding: 10px 0;
    /*background-color: #F5F5F5;*/
}

/*STORY*/
.storydetail {
    clear: both;
    color: #353535;
    font-size: 13px;
    padding: 10px 0;
}

.story_head {
    clear: both;
}

    .story_head span.story_byline {
        clear: both;
        font-size: 16px;
        color: #454545;
        display: block;
        padding-bottom: 5px;
    }

    .story_head span.story_headline {
        clear: both;
        font-size: 24px;
        font-weight: normal;
        color: #353535;
    }

.story_src {
    font-weight: bold;
}

.story_content {
    clear: both;
    padding: 10px 0;
}

.story_teaser {
    padding: 0;
    margin: 0;
    font-weight: bold;
    text-align: justify;
    margin-bottom: 1em;
}

.story_body {
    font-size: 14px;
    line-height: 1.5;
    text-align: justify;
}

    .story_body p {
        margin: 0 0 1em 0;
    }

    .story_body table {
        margin: 0;
    }

    .story_body a {
        font-size: 14px;
    }

    .story_body ul {
        margin: 0;
        padding: 0 0 0 40px;
    }

        .story_body ul li {
            margin: 0;
            padding: 0;
        }


    .story_body span, .story_body font, .story_body p {
        font-size: 14px;
        line-height: 1.5;
    }

    .story_body img {
        max-width: 660px;
    }

    .story_body table {
        max-width: 100%;
    }

.storydetail .story_content, .storydetail font {
    font-size: 14px;
    line-height: 1.5;
}

.story_avatar_t {
    clear: both;
    text-align: center;
    padding: 10px 0;
}

    .story_avatar_t span {
        display: block;
        padding-top: 5px;
        text-align: center;
    }

    .story_avatar_t img {
        max-width: 660px;
    }

.story_avatar_b {
    clear: both;
    text-align: center;
    padding: 10px 0;
}

    .story_avatar_b span {
        display: block;
        padding: 5px;
        text-align: center;
    }

    .story_avatar_b img {
        max-width: 660px;
    }

.story_avatar_l {
    float: left;
    width: 250px;
    margin-right: 10px;
}

    .story_avatar_l span {
        display: block;
        padding: 5px;
        text-align: center;
    }

    .story_avatar_l img {
        width: 100%;
    }

.story_avatar_r {
    float: right;
    width: 250px;
    margin-left: 10px;
}

    .story_avatar_r span {
        display: block;
        padding: 5px;
        text-align: center;
    }

    .story_avatar_r img {
        width: 100%;
    }

    .story_avatar_t span, .story_avatar_r span, .story_avatar_b span, .story_avatar_l span {
        font-style: italic;
        color: #666666;
    }

.story_tools {
    clear: both;
    padding-bottom: 5px;
}

.story_date {
    float: left;
    clear: both;
    color: #666666;
    padding: 3px 0;
    white-space: nowrap;
}

.story_tools a {
    color: #666666;
    padding: 3px 0;
}

a.story_print {
    float: right;
    padding-left: 20px;
    background: url(../images/print.png) no-repeat left 3px;
}

a.story_send {
    float: right;
    padding-left: 20px;
    background: url(../images/mail.png) no-repeat left 3px;
    margin-left: 10px;
}

.story_shares {
    float: right;
}

    .story_shares a {
        float: left;
        width: 16px;
        height: 16px;
        margin-right: 5px;
    }

        .story_shares a.f {
            background: url(../images/facebook.png) no-repeat center center;
        }

        .story_shares a.t {
            background: url(../images/twitter.png) no-repeat center center;
        }

        .story_shares a.g {
            background: url(../images/google.png) no-repeat center center;
        }

        .story_shares a.email {
            background: url(../images/email.png) no-repeat center center;
        }

        .story_shares a.print {
            margin-left: 20px;
            background: url(../images/print.png) no-repeat center center;
        }

.story_tags {
    padding: 8px 0;
    border-bottom: #DEDEDE 1px solid;
}

    .story_tags label {
        color: #BE0A0A;
        font: bold 12px arial;
    }

    .story_tags a {
        color: #000000;
        font: normal 12px arial;
    }

.story_likes {
    clear: both;
    padding: 4px 0;
    height: 22px;
    overflow: hidden;
    border-top: #DEDEDE 1px solid;
    border-bottom: #DEDEDE 1px solid;
}

    .story_likes ul {
        width: 100%;
        float: left;
        padding: 0;
        margin: 0;
        list-style: none;
    }

        .story_likes ul li {
            float: left;
            padding: 0;
            margin: 0;
        }

.fb-like {
    margin-right: 15px;
    /*width: 90px !important;*/
}

.twitter-share-button {
    width: 90px !important;
}

.storyrelations {
    clear: both;
    font-size: 13px;
    padding: 5px 0;
}

    .storyrelations h3 {
        width: 100%;
        float: left;
        clear: both;
        border-bottom: #CCCCCC 2px solid;
    }

        .storyrelations h3 a, .storyrelations h3 span {
            float: left;
            padding-bottom: 5px;
            font-size: 16px;
            color: #191919;
            font-weight: bold;
        }

    .storyrelations ul {
        clear: both;
        float: left;
        width: 100%;
        list-style: none;
        padding: 3px 0;
    }

        .storyrelations ul li {
            clear: both;
            float: left;
            width: 100%;
        }

            .storyrelations ul li.sep {
                clear: both;
                height: 10px;
            }

            .storyrelations ul li a {
                float: left;
                font-size: 13px;
                color: #666666;
                text-decoration: underline;
                padding-left: 10px;
            }

.storyevents {
    clear: both;
    font-size: 13px;
    padding: 5px 0;
}

    .storyevents h3 {
        width: 100%;
        float: left;
        clear: both;
        border-bottom: #CCCCCC 2px solid;
    }

        .storyevents h3 a, .storyevents h3 span {
            float: left;
            padding-bottom: 5px;
            font-size: 16px;
            color: #191919;
            font-weight: bold;
        }

    .storyevents ul {
        clear: both;
        float: left;
        width: 100%;
        list-style: none;
        padding: 3px 0;
    }

        .storyevents ul li {
            clear: both;
            float: left;
            width: 100%;
        }

            .storyevents ul li.sep {
                clear: both;
                height: 10px;
            }

            .storyevents ul li a {
                float: left;
                font-size: 13px;
                font-weight: bold;
                color: #353535;
            }


.storyothers {
    clear: both;
    font-size: 14px;
}

    .storyothers h3 {
        width: 100%;
        float: left;
        clear: both;
        position: relative;
        z-index: 0;
    }

        .storyothers h3 span {
            float: left;
            padding: 5px 0 5px 0;
            font-size: 16px;
            color: #191919;
            font-weight: bold;
        }

        .storyothers h3 a {
            float: right;
            width: 24px;
            height: 24px;
        }

            .storyothers h3 a.story-back {
                background: url(../images/story-back.png) no-repeat center center;
            }

            .storyothers h3 a.story-next {
                margin-left: 10px;
                background: url(../images/story-next.png) no-repeat center center;
            }

.storyothers-i {
    clear: both;
    padding: 10px 0;
}

.storyothers-first {
    clear: both;
    padding-bottom: 10px;
    background: url(../images/dotline.png) repeat-x center bottom;
}

    .storyothers-first ul {
        width: 100%;
        float: left;
        clear: both;
        list-style: none;
    }

    .storyothers-first li {
        width: 150px;
        float: left;
        margin-right: 20px;
    }

        .storyothers-first li.n4 {
            float: right;
            margin-right: 0;
        }

        .storyothers-first li a.avatar {
            clear: both;
            width: 100%;
            height: 110px;
            float: left;
            margin-bottom: 5px;
        }

            .storyothers-first li a.avatar img {
                width: 100%;
                height: 100%;
            }

        .storyothers-first li h4 {
            clear: both;
            font-weight: normal;
        }

            .storyothers-first li h4 a {
                color: #353535;
                font-size: 14px;
            }

.storyothers li h4 a:hover {
    color: #cc3300;
    font-size: 14px;
}

.storyothers-second {
    clear: both;
    padding-top: 10px;
}

    .storyothers-second ul {
        width: 100%;
        float: left;
        clear: both;
        list-style: none;
    }

    .storyothers-second li {
        clear: none;
        width: 49%;
        float: left;
    }

        .storyothers-second li.last {
            float: right;
        }

        .storyothers-second li.sep {
            width: 100%;
            font-size: 1px;
            height: 10px;
        }

        .storyothers-second li a {
            color: #353535;
            font-weight: normal;
            float: left;
            padding: 0 0 0 10px;
            background: url(../images/bullet.png) no-repeat left 5px;
        }

.storydlg {
    width: 400px;
    height: 400px;
}

/*DIALOG*/
.dialogmask {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    background-color: #CCCCCC;
    filter: alpha(opacity=60);
    opacity: .6;
    display: none;
}


.dialogbox {
    display: none;
    position: fixed;
    z-index: 1000;
    width: 320px;
    height: 240px;
    left: 50%;
    top: 50%;
    background-color: #FFFFFF;
    border: #CCCCCC 1px solid;
}

    .dialogbox h3 {
        clear: both;
        float: left;
        width: 100%;
        height: 30px;
        overflow: hidden;
        background-color: #ed1c24;
        color: #FFFFFF;
    }

        .dialogbox h3 span {
            float: left;
            padding: 10px;
            font: bold 12px arial;
        }

        .dialogbox h3 a {
            float: right;
            padding: 8px 10px;
            width: 16px;
            height: 16px;
            cursor: pointer;
            background: url(../images/close.png) no-repeat center center;
        }

.dialogbox_cont {
    clear: both;
    position: absolute;
    z-index: 0;
    left: 10px;
    top: 40px;
    right: 10px;
    bottom: 10px;
    overflow: hidden;
    overflow-y: auto;
}

.dialogbox div.field {
    clear: both;
    width: 100%;
    float: left;
    padding: 5px 0;
}

.dialogbox div.bfield {
    clear: both;
    width: 100%;
    float: left;
    padding: 5px 0;
}

.dialogbox label {
    float: left;
    width: 90px;
    display: block;
    padding: 5px 0;
}

    .dialogbox label span {
        color: #FF0000;
    }

.dialogbox img {
    margin-left: 90px;
}

.dialogbox .textbox {
    width: 200px;
    border: #CCCCCC 1px solid;
    text-indent: 5px;
    padding: 5px 0;
}

.dialogbox .submit {
    margin-left: 90px;
    border: 0;
    background-color: #D00000;
    color: #FFFFFF;
    width: 60px;
    height: 30px;
}

/*COMMENTS*/
.commentform {
    clear: both;
    padding: 0 0;
}

    .commentform h3 {
        width: 100%;
        float: left;
        clear: both;
    }

        .commentform h3 a, .commentform h3 span {
            float: left;
            padding-bottom: 5px;
            font-size: 16px;
            color: #191919;
            font-weight: bold;
        }

    .commentform .field {
        clear: both;
    }

        .commentform .field label {
            display: block;
            clear: both;
            padding-bottom: 3px;
        }

    .commentform .bfield {
        clear: both;
    }

        .commentform .bfield label {
            float: left;
            padding: 5px 0;
        }

        .commentform .bfield input.submit {
            float: right;
        }

    .commentform ul {
        clear: both;
        display: block;
        list-style: none;
        padding: 5px 0;
    }

        .commentform ul li {
            clear: both;
            display: block;
            padding: 5px 0;
        }

    .commentform li label {
        float: left;
        display: block;
        width: 90px;
        padding: 5px 0;
    }

        .commentform li label abbr {
            margin-left: 3px;
            color: #FF0000;
        }

    .commentform img {
        margin-left: 90px;
    }

    .commentform p {
        padding: 0;
        margin: 0;
        clear: both;
    }

    .commentform .btns {
        clear: both;
        padding: 10px 0;
        text-align: center;
    }

    .commentform li input, .commentform li textarea {
        width: 250px;
        font-family: Arial;
        border: #CCCCCC 1px solid;
    }

input.submit {
    border: 0;
    outline: 0;
    background-color: #ed1c24;
    color: #FFFFFF;
    width: 60px;
    height: 30px;
}

input.cancel, input.reset {
    border: 0;
    outline: 0;
    background-color: #353535;
    color: #FFFFFF;
    width: 60px;
    height: 30px;
}

.commentform-i {
    clear: both;
    padding: 0 0;
}

.comments {
    clear: both;
}

    .comments h3 {
        width: 100%;
        float: left;
        clear: both;
        border-bottom: #CCCCCC 4px solid;
    }

        .comments h3 a, .comments h3 span {
            float: left;
            padding: 10px 0;
            font-size: 13px;
            color: #ed1c24;
            font-weight: bold;
        }

    .comments ul {
        clear: both;
        float: left;
        width: 100%;
        list-style: none;
    }

        .comments ul li {
            clear: both;
            float: left;
            width: 100%;
        }

            .comments ul li.sep {
                font-size: 1px;
                height: 10px;
            }

    .comments li h4 {
        float: left;
        width: 100%;
        clear: both;
        padding-bottom: 10px;
    }

        .comments li h4 span {
            float: left;
        }

            .comments li h4 span.cmm-name {
                font-weight: bold;
            }

            .comments li h4 span.cmm-email {
                font-weight: normal;
                color: #666666;
            }

            .comments li h4 span.cmm-time {
                float: right;
                font-weight: normal;
                color: #666666;
            }

    .comments li p {
        clear: both;
        line-height: 1.4;
        margin: 0;
        padding: 0;
    }

.comments-i {
    clear: both;
    padding: 10px 0;
}

.searchform {
    clear: both;
}

    .searchform h3 {
        clear: both;
        display: block;
        padding: 0 0 10px 0;
        background: url(../images/dot-grey.png) repeat-x left bottom;
    }

        .searchform h3 a, .searchform h3 span {
            font-size: 16px;
            color: #ed1c24;
            font-weight: bold;
            text-transform: uppercase;
        }

.searchform-i {
    clear: both;
    padding: 10px 0;
}

.searchform ul {
    clear: both;
    float: left;
    width: 100%;
    list-style: none;
}

    .searchform ul li {
        clear: both;
        float: left;
        width: 100%;
        margin-bottom: 10px;
    }

        .searchform ul li.sep {
            margin: 0;
            clear: both;
            width: 100%;
            height: 10px;
        }

.searchform li label {
    float: left;
    display: block;
    width: 100px;
    margin-right: 10px;
    padding: 7px 0;
    font-weight: bold;
}

.searchform li .textbox {
    width: 300px;
    padding: 5px 0;
    text-indent: 5px;
    border: #DEDEDE 1px solid;
    background-color: #F4F4F4;
}

.searchform li .selectbox {
    width: 180px;
    padding: 5px 0;
    text-indent: 5px;
    border: #DEDEDE 1px solid;
    background-color: #F4F4F4;
}

.searchform li .zonebox {
    width: 300px;
}

.searchform li .datebox {
    width: 180px;
    padding: 5px 0;
    text-indent: 5px;
    border: #DEDEDE 1px solid;
    background-color: #F4F4F4;
}

.searchform li input.button {
    background-color: #353535;
    color: #FFFFFF;
    border: 0;
    height: 30px;
    padding: 0 15px;
}

.searchform li.btns {
    padding-top: 10px;
    padding-left: 110px;
}

.searchresults {
    clear: both;
    padding: 5px 0;
    font-weight: bold;
}

.calendar_icon {
    display: inline-block;
    padding: 3px;
}


.sendstory {
    clear: both;
    background-color: #FFFFFF;
}

    .sendstory h3 {
        width: 100%;
        float: left;
        clear: both;
        border-bottom: #CCCCCC 4px solid;
    }

        .sendstory h3 a, .sendstory h3 span {
            float: left;
            padding: 10px 10px;
            font-size: 13px;
            color: #ed1c24;
            font-weight: bold;
        }

    .sendstory ul {
        clear: both;
        float: left;
        width: 100%;
        list-style: none;
        padding: 10px 0;
    }

        .sendstory ul li {
            clear: both;
            float: left;
            width: 100%;
            margin-bottom: 10px;
        }

            .sendstory ul li.sep {
                font-size: 1px;
                height: 10px;
            }

    .sendstory li label {
        float: left;
        width: 120px;
        padding: 5px 0;
        margin-right: 10px;
    }

        .sendstory li label abbr {
            color: #FF0000;
        }

    .sendstory li p {
        clear: both;
        line-height: 1.4;
        margin: 0;
        padding: 0;
        padding-top: 10px;
    }

    .sendstory li.buttons {
        width: auto;
        padding-left: 130px;
    }

.sendstory-i {
    clear: both;
    padding: 10px 10px;
}

/*SITESTATISTIC*/
.sitestatistic {
    clear: both;
}

    .sitestatistic h3 {
        width: 100%;
        float: left;
        clear: both;
        background-color: #ed1c24;
        /*height: 30px;*/
        overflow: hidden;
    }

        .sitestatistic h3 span, .sitestatistic h3 a {
            padding: 8px 15px 8px 35px;
            float: left;
            font-size: 13px;
            font-weight: bold;
            color: #FFFFFF;
            text-transform: uppercase;
            background: url(../images/chart-icon.png) no-repeat 10px center;
            white-space: nowrap;
        }

.sitestatistic-i {
    clear: both;
    padding: 10px;
}

    .sitestatistic-i span {
        display: block;
        clear: both;
        padding: 5px;
        padding-left: 25px;
    }

        .sitestatistic-i span.ss-online {
            background: url(../images/ss-online.png) no-repeat left center;
        }

        .sitestatistic-i span.ss-today {
            background: url(../images/ss-time.png) no-repeat left center;
        }

        .sitestatistic-i span.ss-month {
            background: url(../images/ss-month.png) no-repeat left center;
        }

        .sitestatistic-i span.ss-total {
            background: url(../images/ss-statistics.png) no-repeat left center;
        }

/*GALLERYFOCUS*/
.galleryfocus {
    clear: both;
}

    .galleryfocus h3 {
        width: 100%;
        float: left;
        clear: both;
        background-color: #ed1c24;
        border-bottom: #FFFFFF 1px solid;
        /*height: 30px;*/
        overflow: hidden;
    }

        .galleryfocus h3 span, .galleryfocus h3 a {
            padding: 8px 15px 8px 35px;
            float: left;
            font-size: 13px;
            font-weight: bold;
            color: #FFFFFF;
            text-transform: uppercase;
            background: url(../images/gallery-icon.png) no-repeat 10px center;
            white-space: nowrap;
        }

.galleryfocus-detail {
    clear: both;
    width: 100%;
    height: 225px;
    position: relative;
    z-index: 0;
    overflow: hidden;
}

    .galleryfocus-detail ul {
        width: 1000000px;
        height: 100%;
        float: left;
        clear: both;
        list-style: none;
        position: absolute;
        left: 0;
        right: 0;
        z-index: 0;
    }

    .galleryfocus-detail li {
        width: 320px;
        height: 100%;
        float: left;
    }

        .galleryfocus-detail li a {
            float: left;
            width: 100%;
            height: 100%;
        }

        .galleryfocus-detail li img {
            float: left;
            width: 100%;
            height: 100%;
        }

.galleryfocus-list {
    clear: both;
}

    .galleryfocus-list ul {
        clear: both;
        list-style: none;
        float: left;
        width: 100%;
        padding: 5px 0;
    }

    .galleryfocus-list li {
        clear: both;
        float: left;
        width: 100%;
    }

        .galleryfocus-list li.sep {
            margin: 0;
            height: 20px;
        }

        .galleryfocus-list li a {
            float: left;
            padding: 5px 0;
            color: #353535;
        }

.galleryfocus-i {
    clear: both;
    padding: 0;
}

/*MAGAZINEBOX*/
.magazinebox {
    clear: both;
}

    .magazinebox h3 {
        width: 100%;
        float: left;
        clear: both;
        background-color: #ed1c24;
        /*height: 30px;*/
        overflow: hidden;
    }

        .magazinebox h3 span, .magazinebox h3 a {
            padding: 8px 15px 8px 15px;
            float: left;
            font-size: 13px;
            font-weight: bold;
            color: #FFFFFF;
            text-transform: uppercase;
            white-space: nowrap;
        }

.magazinebox-i {
    clear: both;
    position: relative;
    z-index: 0;
    left: 0;
    top: 0;
    height: 230px;
    overflow: hidden;
}

.magazinebox ul {
    left: 0;
    top: 15px;
    position: absolute;
    z-index: 0;
    float: left;
    width: 1000000px;
    height: 200px;
    list-style: none;
}

    .magazinebox ul li {
        float: left;
        width: 140px;
        min-height: 200px;
        margin-right: 20px;
    }

        .magazinebox ul li.last {
            margin-right: 0;
        }

        .magazinebox ul li a.avatar {
            float: left;
            width: 140px;
        }

            .magazinebox ul li a.avatar img {
                float: left;
                width: 140px;
                height: 200px;
            }

.magazinebox-view {
    clear: both;
    padding: 5px 15px;
    background-color: #DEDEDE;
}

    .magazinebox-view label {
        font-weight: bold;
        color: #353535;
        margin-right: 5px;
    }

    .magazinebox-view select {
        outline: 0;
        height: 22px;
        padding: 0 3px;
        width: 90px;
        border: #FFFFFF 1px solid;
        margin-right: 5px;
    }

    .magazinebox-view input {
        width: 60px;
        height: 24px;
        border: 0;
        outline: 0;
        background-color: #666666;
        color: #FFF;
    }


/*MAGAZINELIST*/
.magazinelist {
    clear: both;
}

    .magazinelist h3 {
        width: 100%;
        float: left;
        clear: both;
        background-color: #ed1c24;
        /*height: 30px;*/
        overflow: hidden;
    }

        .magazinelist h3 span, .magazinelist h3 a {
            white-space: nowrap;
            padding: 8px 15px 8px 15px;
            float: left;
            font-size: 13px;
            font-weight: bold;
            color: #FFFFFF;
            text-transform: uppercase;
        }

.magazinelist-i {
    clear: both;
    padding: 15px 0;
}

.magazinelist ul {
    clear: both;
    float: left;
    width: 100%;
    list-style: none;
}

    .magazinelist ul li {
        float: left;
        width: 200px;
        margin-right: 30px;
    }

        .magazinelist ul li.nlast {
            margin-right: 0;
        }

        .magazinelist ul li.last {
            float: right;
            margin-right: 0;
        }

        .magazinelist ul li.sep {
            width: 100%;
            clear: both;
            float: none;
            height: 20px;
        }

        .magazinelist ul li h4 {
            clear: both;
            padding-top: 10px;
            text-align: center;
        }

            .magazinelist ul li h4 a {
                font-weight: bold;
                color: #353535;
            }

        .magazinelist ul li a.avatar {
            clear: both;
            float: left;
            width: 100%;
        }

            .magazinelist ul li a.avatar img {
                float: left;
                width: 100%;
                height: 100%;
            }

/*MAGAZINE*/

.magazinezone {
    clear: both;
    font-size: 14px;
}

    .magazinezone h4 {
        clear: both;
        float: left;
        width: 100%;
        padding: 5px 0;
    }

        .magazinezone h4 span {
            float: left;
            color: #ed1c24;
            font-size: 18px;
            font-weight: normal;
        }

    .magazinezone ul {
        float: left;
        width: 100%;
        list-style: none;
    }

    .magazinezone li {
        clear: both;
        float: left;
        width: 100%;
        list-style: none;
    }

        .magazinezone li.sep {
            clear: both;
            height: 10px;
        }

        .magazinezone li a {
            float: left;
            padding: 0 0 0 10px;
            color: #353535;
            font-size: 15px;
            font-weight: bold;
            background: url(../images/bullet.png) no-repeat left 5px;
        }

        .magazinezone li p {
            clear: both;
            margin: 0;
            padding: 3px 0 0 10px;
            color: #666666;
            font-style: italic;
        }

.magazinezone-i {
    clear: both;
    padding: 10px 0;
}

.magazinetitle {
    clear: both;
    font-size: 14px;
}

    .magazinetitle h3 {
        clear: both;
        float: left;
        width: 100%;
        padding-bottom: 10px;
    }

        .magazinetitle h3 a, .magazinetitle h3 span {
            float: left;
            font-size: 18px;
            color: #BE0A0A;
            font-weight: normal;
        }

            .magazinetitle h3 span.year {
                float: right;
                font-size: 14px;
                color: #FFFFFF;
                padding: 5px 10px;
                background-color: #BE0A0A;
            }

.magazinedetail {
    clear: both;
    font-size: 14px;
}

.magazinecontent {
    clear: both;
    font-size: 14px;
}

    .magazinecontent h3 {
        clear: both;
        float: left;
        width: 100%;
        padding-bottom: 10px;
    }

        .magazinecontent h3 span {
            float: left;
            font-size: 24px;
            font-weight: normal;
            color: #191919;
        }

.magazine-body {
    clear: both;
    font-size: 14px;
    line-height: 1.5;
    text-align: justify;
}

.magazine-authors {
    clear: both;
    padding: 10px 0;
    color: #666666;
    line-height: 1.5;
    text-align: right;
}

.magazinerelative {
    clear: both;
}

    .magazinerelative h4 {
        clear: both;
        float: left;
        width: 100%;
    }

        .magazinerelative h4 span {
            float: left;
            color: #191919;
            padding: 5px 0;
            font-size: 16px;
            font-weight: bold;
        }

    .magazinerelative ul {
        float: left;
        width: 100%;
        list-style: none;
    }

    .magazinerelative li {
        clear: both;
        float: left;
        width: 100%;
        list-style: none;
    }

        .magazinerelative li.sep {
            clear: both;
            height: 10px;
        }

        .magazinerelative li a {
            float: left;
            padding: 0 0 0 10px;
            color: #000;
            font-size: 14px;
            font-weight: normal;
            background: url(../images/bullet.png) no-repeat left 5px;
        }

        .magazinerelative li p {
            clear: both;
            margin: 0;
            padding: 3px 0 0 10px;
            color: #666666;
            font-style: italic;
        }

.tagbar {
    clear: both;
}

    .tagbar h3 {
        clear: both;
        display: block;
        padding: 0 0 10px 0;
        border-bottom: #ed1c24 1px solid;
    }

        .tagbar h3 a, .tagbar h3 span {
            font-size: 16px;
            color: #ed1c24;
            font-weight: bold;
            text-transform: uppercase;
        }