/* --- common.css --- */

/* =====================================================================
    header logo
===================================================================== */

.mediaLogo {
    height: 96px;
    padding: 12px 0 32px;
}

/* =====================================================================
    breadcrumb
===================================================================== */

.navigationBreadcrumb {
    margin: 0;
    width: 746px;
    float: left;
}

    .navigationBreadcrumb p {
        padding: 0;
        font-size: 75%;
    }

/* =====================================================================
	page title
===================================================================== */
.pageTitle {
    padding: 10px 10px 10px 0;
    float: left;
    width: 100%;
}

    .pageTitle h1 {
        font-family: DurhamSansNormal;
        font-weight: lighter;
        font-size: 40px;
    }

body.stage3 .pageTitle h1 {
    display: none;
}

/* =====================================================================
    header date
===================================================================== */

.date {
    float: left;
    width: 220px;
    padding: 11px 10px;
}

    .date p {
        padding: 0;
        color: #fff;
    }

/* =====================================================================
    site search form
===================================================================== */

.siteSearch {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #A9A9A9;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 4px #FFFFFF;
    float: right;
    height: 22px;
    list-style: none outside none;
    margin: 19px 0px 6px;
    position: relative;
    width: 195px;
    clear: right;
}

    .siteSearch div.form {
        float: left;
        margin: 0;
        padding: 0 5px;
        width: 182px;
    }

        .siteSearch div.form div.row {
            display: block;
            padding: 0;
        }

    .siteSearch span {
        border: medium none;
        display: block;
        float: right;
        margin-right: 4px;
        margin-top: 5px;
    }

        .siteSearch span.label {
            display: none;
        }

        .siteSearch span.field {
            clear: none;
            float: left;
            margin-left: 0px;
            margin-top: 2px;
        }

            .siteSearch span.field input {
                border: none !important; /*font-style: italic;*/
                font-weight: normal;
                height: 18px; /* --- shared form class--- */
                padding: 0 4px !important;
                width: 160px !important;
            }

        .siteSearch span.submit {
            position: absolute;
            right: 0;
            top: 0;
            z-index: 3;
        }

            .siteSearch span.submit input {
                margin: 0 0 0 3px;
            }


/* =====================================================================
    social network
===================================================================== */
#centralWrapperTop .SocialNetworkingMain {
    float: right;
    width: 238px;
}

#mainHome .SocialNetworkingMain {
    position: absolute;
    right: 0;
    top: 25px;
    width: 238px;
}

    #centralWrapperTop .SocialNetworkingMain .addthis_button_tweet iframe, #centralWrapper .SocialNetworkingMain .addthis_button_tweet iframe,
    #mainHome .SocialNetworkingMain .addthis_button_tweet iframe, #mainHome .SocialNetworkingMain .addthis_button_tweet iframe {
        width: 92px !important;
    }

#wrapper .addthis_toolbox .addthis_button_pinterest_pinit {
    margin: 0;
}

/* =====================================================================
    page title
===================================================================== */
#centralWrapperTop .pageTitle {
    width: 100%;
    float: left;
}

/* =====================================================================
    social media thumb (featured pages)
===================================================================== */

.featuredPagesSocial {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 0 0 5px 5px;
    float: right;
    clear: right;
    height: 27px;
    padding: 7px 14px 0 2px;
    width: 200px;
}

    .featuredPagesSocial h3 {
        float: left;
        font-size: 92%;
        font-weight: normal;
        padding-top: 3px;
    }

    .featuredPagesSocial ul {
        float: right;
    }

        .featuredPagesSocial ul li {
            float: left;
            height: 24px;
            list-style: none outside none;
            padding: 0 0 0 14px;
            width: 24px;
        }

            .featuredPagesSocial ul li h3 {
                display: none;
            }

/* =====================================================================
	weather summary
===================================================================== */

.weatherBox {
    float: right;
    height: 32px;
    padding-top: 6px;
}

    .weatherBox a.regSumLink {
        color: #FFFFFF;
        float: left;
        margin: 8px 0 0;
    }

    .weatherBox ul {
        display: inline;
        float: left;
    }

        .weatherBox ul li {
            list-style: none outside none;
        }

            .weatherBox ul li a {
                color: #3D4E55;
                font-size: 75%;
                padding: 8px 5px 0;
                float: right;
            }

weatherBox ul li img {
    float: left;
    height: 32px;
    width: 35px;
    float: left;
}

.weatherBox ul li a, .weatherBox ul li img {
    display: inline;
    vertical-align: middle;
}

#weatherinside {
}

    #weatherinside h1 {
        display: none;
    }

    #weatherinside th, #weatherinside td {
    }

/* =====================================================================
    banner ads	***
===================================================================== */

.bannerAdColumn {
    width: 200px;
    padding: 0 0 3px 0;
    position: relative;
    clear: both;
}

    .bannerAdColumn a {
        display: block;
    }

    .bannerAdColumn ul {
        margin: 0 0 0 2px;
    }

    .bannerAdColumn li {
        list-style: none outside none;
        padding: 0 0 8px 0;
    }

/* =====================================================================
   misc	
===================================================================== */

/* --- generic column item header --- */
.blockTitle {
    width: 200px;
    background: url(/images/bg_vertbar_200.gif) repeat-y;
    display: none;
}

    .blockTitle h2 {
        padding: 10px 0 0 10px;
        font-size: 165%;
        text-align: left;
        background: url(/images/bg_horizbartop_200.gif) no-repeat top;
        letter-spacing: -1px;
        font-weight: normal;
        font-family: Arial;
    }

    .blockTitle p {
        margin: 0 2px;
        padding: 0 8px 10px 8px;
        font-size: 95%;
        text-transform: uppercase;
        color: #999;
        width: 180px;
        font-weight: bold;
    }

/* =====================================================================
	top tabs
===================================================================== */

.topTabs {
    width: auto;
    float: left;
    font-size: 80%;
    margin-left: 10px;
    padding-top: 7px;
}

    .topTabs ul li {
        width: 80px;
        list-style: none;
        float: left;
        text-align: center;
        display: block;
        height: 24px;
        position: relative;
        margin-right: 2px;
        border-radius: 5px 5px 0 0;
        -moz-border-radius: 5px 5px 0 0;
        -webkit-border-radius: 5px 5px 0 0;
    }

        .topTabs ul li.navHide {
            width: 99px;
        }

        .topTabs ul li a {
            color: #AFAFAF;
            display: block;
            font-size: 90%;
            height: 19px;
            line-height: 0.9em;
            padding: 8px 0 0;
            text-decoration: none;
            width: 80px;
        }

        .topTabs ul li.selected a {
            padding-top: 9px;
            color: #BA2231;
        }

        .topTabs ul li.navHide a {
            width: 99px;
        }

        .topTabs ul li#tab1 {
            background: #fff;
            width: 107px;
        }

            .topTabs ul li#tab1 a {
                color: #ba2231;
                width: 107px;
            }

        .topTabs ul li#Eat {
            width: 95px;
        }

            .topTabs ul li#Eat a {
                width: 95px;
            }

        .topTabs ul li.navHideDurham {
            background:#bf023b !important;
            top:4px;
        }
                .topTabs ul li.navHideDurham a {
            color:#fff !important;
        }

/* =====================================================================
	copyright
===================================================================== */
.copyright {
    clear: left;
    font-weight: normal;
}

    .copyright p {
        color: #fff;
        font-size: 80%;
        font-weight: normal;
    }


/* =====================================================================
	Mobile link
===================================================================== */
#footer .mobileLink {
    float: right;
    padding-top: 15px;
}