/**
 * Community Papers Lake Norman
 * 
 */

@media all {
	* { margin-top:0; }
	html { margin:0; padding:0; }
	body { margin:0; padding:0; }
	img { border-style:none; vertical-align:middle; }
}


/* Page Structure
----------------------------------------------------------------------------------------------------*/
body {
    background: #f0e4b7;
    text-align: center;
    font: normal 13px/17px arial,sans-serif;
    padding: 20px 0;
}

div#pagewrap {
    width: 986px;
    margin: 0 auto;
    text-align: left;
    background: #fff;
}

div#page {
    margin: 14px;
}

div#main_content {
    float:left;
    
}
    /*body.homepage div#main_content {
        background: url(http://www.charlotteobserver.com/static/targeted/base/images/backgrounds/hp-content-bg.png) repeat-y 0 0;
    }*/
    
    body.homepage div#main_content, body.story div#main_content, body.gallery div#main_content, body.video div#main_content, body.section div#main_content {
        background: #fff url(http://www.charlotteobserver.com/static/targeted/livinghere/images/line-vert.png) 649px top repeat-y !important;
    }



/* Masthead
----------------------------------------------------------------------------------------------------*/
div#masthead {
    height: 80px;
    background: #fff;
    position: relative;
}
    body.homepage div#masthead {
        border: 0;
    }

    div#user_tools {
        position: absolute;
        right: 0;
        top: 55px;
        width: 345px;
        height: 50px;
    }
    
    /* login form
    ------------------------------------------------------ */
    div#login_form_wrap {
        display: none;
    }
    
    div#search {
        position: absolute;
        right: -5px;
        top: 23px;
        width: 355px;
        height: 25px;
    }
        div#search div.input {
            float: left;
            margin: 0;
        }
            div#search div.input input {
                background: #e6e6e6;
                width: 245px;
                border: 0;
                padding: 3px;
                height: 20px;
                margin: 2px 0 0;
            }
        
        div#search button {
            float: right;
            outline: none;
            background: none;
            border: none;
            width: 100px;
        }
    
    div#branding {
        position: absolute;
        left: 0;
        top: 0;
    }
    
    div#outside_links {
        position: absolute;
        right: 0;
        top: 0;
    }
        div#outside_links img {
            margin: 0 0 0 5px;
        }


    span#member {
        float: left;
        height: 50px;
        width: 350px;
        position: relative;
    }
    
    #avatarImage {
        float: left;
        margin: 0 10px 0 0;
    }
        #avatarImage img {
            width: 35px;
        }
    
    
    #member-tools-links {
        float: left;
    }
        #member-tools-links li {
            float: left;
            display: inline;
            margin: 0 7px 0 0;
            padding: 0 7px 0 0;
            border-right: 1px solid #ccc;
        }
        
        #member-tools-links li#account {
            border: none;
            margin: 0;
            padding: 0;
        }
        
        #member-tools-links p {
            margin: 0;
        }
        
            
    /* Login
    --------------------------------------------*/
    #login {
        position: absolute;
        top: 0;
        right: 0;
    }
        #login_links li a {
            margin: 0 5px 0 0;
        }
        
        #login_form_wrap {
            display: none;
        }
        
        .form_greeting {
            float: left;
            width: 100%;
            border-bottom: 1px dotted #333;
            padding: 0 0 7px;
        }
            .form_greeting h5 {
                color: #737373;
            }
        
        .login_form {
            float: left;
            width: 350px;
        }
            .form_input {
                float: left;
                margin: 0 0 7px;
                width: 100%;
            }
            
            .form_input label {
                display: block;
                font: 14px normal "Myriad Pro", arial, sans-serif;
            }
            
            .form_input .text {
                border: 1px solid #ccc;
                width: 340px;
                padding: 4px;
            }
            
            .login_form .buttons {
                text-align: right;
                float: right;
                margin: 0 10px 0 0;
            }
            
            .login_form .buttons button {
                outline: none;
                border: 0;
                background: none;
                width: 100px;
            }
            
            .remember_me {
                float: left;
                width: 150px;
                padding: 4px 0 0;
            }
                .remember_me label {
                    color: #737373;
                    font-size: 12px;
                }
                
            #TB_ajaxContent p.center {
                border-top: 1px dotted #333;
                padding: 7px 0 0;
                margin: 14px 0 0;
                text-align: center;
            }

/* Navigation
----------------------------------------------------------------------------------------------------*/
div#global_nav {
    height: 30px;
    background: #608391;
    position: relative;
    z-index: 10;
}
    div#global_nav ul.topnav {
        position: absolute;
        left: 0;
        top: 0;
        width: 958px;
    }
	
	ul.topnav li {
		padding: 0;
		position: absolute;
        top: 0;
        text-align: center;
        height: 30px;
	}
	
		ul.topnav li a {
			text-decoration: none;
			font-size: 12px;
			color: #fff;
			display: block;
            line-height: 30px;
            border-right: 4px solid #fff;
            text-transform: uppercase;
		}
            ul.topnav li:hover, 
            ul.topnav li a.topnav:hover,
            ul.topnav li a.drop:hover {
                background: #2e434b;
            }
        /* you are here
		----------------------- */
        ul.topnav li a.here {
			background: #2e434b;
		}
        
        /* positioning for each nav li
        ------------------------------------------------------ */
        #nav_1 {
            left: 0;
            width: 120px;
        }
        #nav_2 {
            left: 120px;
            width: 100px;
        }
        #nav_3 {
            left: 220px;
            width: 100px;
        }
        #nav_4 {
            left: 320px;
            width: 100px;
        }
        #nav_5 {
            left: 420px;
            width: 100px;
        }
        #nav_6 {
            left: 520px;
            width: 150px;
        }
	#nav_7 {
		left: 670px;
		width: 130px;
	}

/* Lede Story Block
----------------------------------------------------------------------------------------------------*/
div#lede_container {
    background: #e6e6e6;
    padding: 0 0 14px;
}
    div#lede {
        float: left;
        width: 606px;
        margin: 14px 0 0 14px;
        background: #fff;
        position: relative;
        display: inline;
        z-index: 3;
    }
    
    div#lede_stories {
        float: left;
        margin: 14px 14px 0 14px;
        position: relative;
    }
        ul.slides {
            height: 342px;
            width: 550px;
        }
        
        div#lede_stories li {
            float: left;
            width: 550px;
            height: 342px;
            display:none;
            overflow: hidden;
        }
        
        
    
        /* Lede Story Controls
        ----------------------------------------------------*/
        div.lede_control {
            float: left;
        }
        
            div.lede_control a {
                display: block;
                height: 370px;
                width: 14px;
            }
            
            div#next a, div#next_off a {
                background: #c1c1c1 url(http://www.charlotteobserver.com/static/targeted/livinghere/images/lede-controls.png) no-repeat left center;
            }
                div#next a:hover {
                    background: #ffc907 url(http://www.charlotteobserver.com/static/targeted/livinghere/images/lede-controls.png) no-repeat -28px center;
                }
            
            div#prev a, div#prev_off a {
                background: #c1c1c1 url(http://www.charlotteobserver.com/static/targeted/livinghere/images/lede-controls.png) no-repeat -14px center;
            }
                div#prev a:hover {
                    background: #ffc907 url(http://www.charlotteobserver.com/static/targeted/livinghere/images/lede-controls.png) no-repeat -42px center;
                }
                
                
        
        
            
            
            /* Lede Story Pagination
            ----------------------------------------------------*/
            div#lede_pagination {
                position: absolute;
                left: 50%;
                top: 4px;
                margin: 0 0 0 -25px;
                height: 14px;
                width: 100px;
                text-align: center;
            }
            
                div#lede_pagination a {
                    background: url(http://www.charlotteobserver.com/static/targeted/livinghere/images/slide-indicators.png) no-repeat -11px center;
                    margin: 0 1px;
                    float: left;
                    height: 6px;
                    width: 8px;
                }
                
                div#lede_pagination a.activeSlide {
                    background: url(http://www.charlotteobserver.com/static/targeted/livinghere/images/slide-indicators.png) no-repeat left center;
                }
                
            
            
            /* Lede Story Backgrounds
            ----------------------------------------------------*/
            div#lede_stories li.double {
                background: url(http://www.charlotteobserver.com/static/targeted/base/images/lede/lede-double-stripe-bg.png) repeat-y 178px 0;
            }
            
            div#lede_stories li.medium_left {
                background: url(http://www.charlotteobserver.com/static/targeted/base/images/lede/lede-single-stripe-bg.png) repeat-y 370px 0;
            }
            
            div#lede_stories li.portrait_medium_left {
                background: url(http://www.charlotteobserver.com/static/targeted/base/images/lede/lede-single-stripe-bg.png) repeat-y 370px 0;
            }
            
            /*div#lede_stories li.medium_right, div#lede_stories li.portrait_medium_right {*/
            /*    background: url(http://www.charlotteobserver.com/static/targeted/base/images/lede/lede-single-stripe-bg.png) repeat-y 178px 0;*/
            /*}*/
            
            div#lede_stories li p.time_stamp {
                color: #999;
            }
            
            
            
        
        /* Story Links
        ----------------------------------------------------*/
        ul.story_links {
            margin: 4px 0 0;
        }
            div#lede_stories ul.story_links li {
                float: none;
                width: auto;
                height: auto;
            }
            
            div#lede_stories li.large_horz ul.story_links li {
                float: left;
                display: inline;
                min-width: 100px;
            }
            
            ul.story_links a {
                color: #00aeef;
                font-size: 12px;
            }
                ul.story_links a:hover {
                    text-decoration: underline;
                }
            
            
    /* Ad Stack
    ----------------------------------------------------*/
    div#med_rec_adstack {
        background: #c1c1c1;
        margin: 14px 0 0 14px;
        float: left;
        width: 310px;
        padding: 0;
    }
        div#sidebar_adstack img {
            margin: 0;
        }
        
        div#med_rec_adstack img {
            margin: 0 0 5px;
        }
        
        div#sidebar_adstack div#med_rec_adstack {
            margin: 0;
            background:#999999 none repeat scroll 0 0;
            float:left;
            border-bottom: 14px solid #fff;
            padding: 0;
        }
        
        div#med_rec {
            margin: 5px 0 0 5px;
        }
        
        div#under_rec {
            margin: 5px 5px 0;
        }
        
    div#col3 div#med_rec_adstack {
        margin: 0;
        border-bottom: 14px solid #dedede;
        background: #c1c1c1;
    }

/* Main Content
----------------------------------------------------------------------------------------------------*/
#main_content .grid_4 {
    background: none !important;
    display:inline;
}




/* Article Pages
----------------------------------------------------------------------------------------------------*/
div.article_body {
    float: left;
    margin: 28px;
    width: 578px;
    display: inline;
    min-height: 600px;
}




    /* Story Header
    ----------------------------------------------------*/
    div#story_header {
        position: relative;
        z-index: 0 !important;
        margin: 0 0 14px;
        padding: 0 0 14px;
        border-bottom: 1px dotted #999;
        clear: both;
    }
        h5.date {
            color: #aaa;
            font-size: 12px;
            margin: 0 0 14px;
        }
            
        h1#story_headline {
            font-size: 40px;
            line-height: normal;
            letter-spacing: -1px;
            font-family: helvetica, arial, sans-serif;
        }
        
        h2#story_subheadline {
            font-size: 16px;
            line-height: 20px;
            margin: 4px 0 0;
            color: #777;
            font-family: helvetica, arial, sans-serif;
            font-weight: normal
        }
        
        div#story_bycredit {
            margin: 14px 0;
            font-size: 11px;
        }
            span.byline {
                font-weight: bold;
            }
            
            span.creditline {
                color: #555;
            }
        
    
    /* Story Tools - Activity
    ----------------------------------------------------*/ 
    div.story_tools_wrap {
        height: 30px;
        position: relative;
    }
    
    div.story_tools_wrap div#story_activity_count {
        float: left;
        font-size: 11px;
    }
    
    div#ybuzz {
        float: left;
        margin: 0 0 0 14px;
        width: auto;
        height: 25px;
        font-size: 11px;
    }
    
    div#socialwidget {
        position: absolute;
        right: 0;
        top: 0;
        font-size: 11px;
    }
        div#socialwidget li {
            float: left;
            margin: 0 14px 0 0;
        }
            div#socialwidget li.last {
                margin: 0;
            }
        
        div#comment_bubble_up {
            display: none;
            background: transparent url(http://www.charlotteobserver.comhttp://www.charlotteobserver.com/static/targeted/base/images/images/comments/comment-bubble-upper.png) no-repeat scroll center center;
            position: absolute;
            left: 165px;
            top: 15px;
            width: 220px;
            height: 130px;
            z-index: 10;
            text-align: center;
        }
            div#comment_bubble_up p {
                margin: 42px 35px 7px;
                line-height: 14px;
                color: #fff;
            }
            
            div#comment_bubble_up img {
                cursor: pointer;
            }
    
    div#article_tools {
        position: absolute;
        top: 0;
        right: 0;
        font-size: 11px;
    }
        div#article_tools li {
            display: inline;
            float: left;
            margin: 0 3px 0 0;
        }

    /* Inset
    ----------------------------------------------------*/
    div.inset {
        float: right;
        width: 316px;
        margin: 0 0 28px 28px;
    }
    
        ul#slideshow li {
            display:none;
        }
        
        /* Mini Slideshow
        ----------------------------------------------------*/
        div#mini-slideshow div#nav {
            float: left;
            width: 316px;
            padding: 0 0 7px;
            margin: 0 0 7px;
        }
            div#mini-slideshow div.name {
                float: left;
                width: auto;
            }
            
            div#mini-slideshow div.controls {
                float: right;
                width: auto;
            }
                div#mini-slideshow div.controls a {
                    color: #136AA8;
                }
                
                div#mini-slideshow div.controls #position {
                    text-align: center;
                    width: 18px;
                    border: 1px solid #ccc;
                }
        
        /* caption
        ----------------------------------------------------*/      
        div.inset div.txt {
            margin: 14px 0;
        }
            div.inset div.txt p {
                font-size: 11px;
                color: #444;
                margin: 14px 0 0;
            }
        
        /* buythis
        ----------------------------------------------------*/
        div.buythis {
            margin: 14px 0;
        }
            div.buythis a {
                font-size: 11px;
            }
        
        div.factbox {
            float: left;
            background: #e6e6e6;
            width: 316px;
        }
            ul.factbox_ul {
                margin: 14px;
            }
            
            div.factbox_header {
                font-weight: bold;
                font-size: 14px;
                margin: 0 0 4px;
            }
		span.factbox_head {
		    font-size: 14px;
		    font-weight: bold;
		    margin: 0 0 4px;
		    display: block;
		}
            div.factbox_content {
                color: #212121;
            }
            
            div.factbox_content a {
                color: #136AA8;
            }
            
        div#section_name {
          text-align:center;
          margin-top: 30px;
          margin-right:60px;
        }
        
        
    /* story footer
    ----------------------------------------------------*/
    div#story_footer {
        float: left;
        margin: 0;
        padding: 28px 0 0;
        border-top: 1px solid #e6e6e6;
        width: 578px;
    }
        div#yahoo-contextual-ads-story {
            float: right;
            width: 300px;
        }
    
    

    /* Other Stories
    ----------------------------------------------------*/
    div.section_head h6 {
        color: #00aeef;
    }
    
    div#other_stories h6 a {
        color: #212121;
    }
        div#other_stories h6 a:hover {
            color: #00aeef;
        }

/* Pluck commenting styles
 -----------------------------------------------------------------------------------------------------------*/
div.article_body div.comWrapper {
    width: 578px;
    clear: both;
}
    div#Comments_Container div.Comments_AddHeading {
        font-size: 13px;
        font-family: helvetica, arial, sans-serif;
        color: #212121;
        font-weight: bold;
    }
        div#Comments_Container div.Comments_AddHeading span.Comments_MaxLengthText {
            font-size: 11px;
        }
    
    div#Comments_Container #commenting_inputForm textarea {
        width: 578px;
    }



/*
 * Story level comment preference styles - for enable/disable button and confirm bubble
 -----------------------------------------------------------------------------------------------------------*/
div#guidelines-wrap, div.disclaimer-link, div#comment_toggle span.show, div#comment_toggle span.hide {
    display: none;
}

div#disclaimer-wrap {
    display: inline;
    float: left;
    clear: both;
}

div#story_activity_count {
    position: relative;
    height: 25px;
}

div#comment_bubble_up {
    position:absolute;
    top: 15px;
    left: 230px;
    z-index: 10;
    display: block;
    width: 220px;
    height: 130px;
    background: url(http://www.charlotteobserver.com/static/images/comments/comment-bubble-upper.png) no-repeat center center;
    color: #ffffff;
    text-align: center;
    display: none;
}

div#comment_bubble_top {
    position:absolute;
    top: 25px;
    left: 0;
    z-index: 10;
    display: block;
    width: 220px;
    height: 130px;
    background: url(http://www.charlotteobserver.com/static/images/comments/comment-bubble-up-rev.png) no-repeat center center;
    color: #ffffff;
    text-align: center;
    display: none;
}

div#comment_bubble_up p, div#comment_bubble_top p {
    margin: 42px 35px 7px;
}

div#comment_bubble_up img.cancel, div#comment_bubble_top img.cancel {
    margin: 0 3px 0 0;
}

div#comment_toggle {
    position: relative;
    margin: 28px 0 0;
}

div#comment_bubble {
    position:absolute;
    top: -135px;
    left: 0;
    z-index: 10;
    display: block;
    width: 220px;
    height: 130px;
    background: url(http://www.charlotteobserver.com/static/images/comments/comment-bubble.png) no-repeat center center;
    color: #ffffff;
    text-align: center;
    display: none;
}

div#comment_bubble p {
    margin: 30px 35px 7px;
}

div#comment_bubble img, div#comment_bubble_up img, div#comment_bubble_top img {
    cursor: pointer;
}

span#comment_pref {
    color: #777;
}




/* Thumbnail List
----------------------------------------------------*/
ul.thumbnail_list li {
    float: left;
    margin: 0 0 7px;
    width: 254px
}
    ul.thumbnail_list li img {
        float: left;
        margin: 0 14px 0 0;
    }
    
    ul.thumbnail_list li a {
        color: #212121;
    }
        ul.thumbnail_list li a:hover {
            color: #136AA8;
        }
        
    ul.thumbnail_list li h6, ul.thumbnail_list li p.time_stamp, ul.thumbnail_list li p.list_section_title {
        padding: 0 0 0 96px;
    }

/* Headline List
----------------------------------------------------*/
ul.headline_list li {
    float: left;
    margin: 0 0 7px;
    width: 100%;
}
    ul.headline_list li a {
        color: #212121;
    }
        ul.headline_list  li a:hover {
            color: #136AA8;
        }
        
    
    p.blog_title {
        line-height: 14px;
        margin: 0;
    }
        ul.headline_list li p.list_section_title a, p.list_section_title {
            font-size: 11px;
            color: #136AA8;
            margin: 0;
            font-family: Lucida Sans, Lucida Grande, Lucida Sans Unicode, sans-serif;
        }
            ul.headline_list li p.list_section_title a:hover {
                text-decoration: underline;
            }
        
        




/* Calendar
----------------------------------------------------------------------------------------------------*/


/* This Issue
----------------------------------------------------------------------------------------------------*/
div#this_issue img {
    float: left;
    margin: 0 14px 0 0;
}

ul#this_issue_links li {
    margin: 0 0 2px;
}
    ul#this_issue_links li a {
        color: #00aeef;
        font-size: 12px;
    }
    
    ul#this_issue_links li a:hover {
        text-decoration: underline;
        color: #02739d;
    }


/* Promotions
----------------------------------------------------------------------------------------------------*/
div#promotions li {
    margin: 0 0 7px;
}

/* Newsletter Form
----------------------------------------------------------------------------------------------------*/
p.form_input input {
    margin: 7px 0;
    background: #bbb;
    border: none;
    padding: 3px;
    width: 170px;
}

/* Forums
----------------------------------------------------------------------------------------------------*/
div.Discussion_PostQuote {
    display: none;
}



/* Upload Form
----------------------------------------------------------------------------------------------------*/
div#upload div.section_head {
    margin: 0 0 5px;
}

div#upload h4 {
    margin: 0 0 10px;
    color: #136AA8;
    font-size: 15px;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-weight: normal;
}

div#upload div#status {
    border-bottom: 1px dotted #888;
}
    div#upload div#status p {
        margin: 0 0 10px;
        font-size: 11px;
        font-weight: bold;
    }
    
form#media_upload {
    background: #e6e6e6;
    padding: 10px;
}

form#media_upload div {
    margin: 0 0 2px;
}
    
div#upload label {
    display: block;
    font-weight: bold;
    font-size: 11px;
}

div#upload span.required {
    color: #f00;
}

div#upload input.text {
    border: 0;
    padding: 4px 2px;
    width: 98%;
}

div#upload div.file {
    background: #ccc;
    padding: 3px;
    margin: 10px 0;
}


form#media_upload button {
    background: none;
    border: none;
    width: 100%;
}



/* Section Front
----------------------------------------------------------------------------------------------------*/
div#autohighlight_lede {
    float: left;
    margin: 0 0 28px;
    padding: 0 0 28px;
    border-bottom: 1px solid #dedede;
    position: relative;
    width: 578px;
}
    div#autohighlight_lede_img {
        float: left;
        margin: 0 28px 0 0;
    }
        div#autohighlight_lede_img.tall {
            width: 200px;
        }
    
        div#autohighlight_lede_img.wide {
            width: 275px;
        }
        
    div#autohighlight_lede_txt {
       
    }
        div#autohighlight_lede_txt p.time_stamp {
            margin: 0 0 10px;
        }
    
    /*div#autohighlight_border {
        position: absolute;
        height: 1px;
        background: #dedede;
        width: 578px;
        left: 0px;
        bottom: -35px;
    }*/
    
h2.section-header {
    margin: 0 0 15px;
}

div.mi_rss_link {
    display: inline;
}

div.auto_story {
    float: left;
    width: 578px;
    margin: 0 0 28px;
    padding: 0 0 28px;
    border-bottom: 1px solid #dedede;
}
    div.auto_story_img {
        float: left;
        margin: 0 14px 0 0;
    }
    
    div.auto_story_txt {
        padding: 0 0 0 114px;
    }
        div.no_pic {
            padding: 0;
        }


/* Photo Galleries
----------------------------------------------------------------------------------------------------*/
#big-slideshow div.img, #mini-slideshow div.img  {
    overflow: hidden;
    width: 581px;
    text-align: center;
    background: #212121;
}

/*
 * New Slideshow styles
 * -------------------------------------------------*/
div#slideshowcontainer {
    border-bottom: 1px solid #ccc;
    padding: 0 0 15px;
    margin: 0 0 15px;
    width: 578px;
}

ul#slideshow {
    margin: 0;
    padding: 0;
}
    ul#slideshow li {
        list-style: none;
        padding: 0;
        margin: 0;
    }
    
    ul#slideshow li, div#nav, div.imageinfo {
        display:none;
    }
    
    ul#slideshow div.image, ul#slideshow div.fullcaption, ul#slideshow div.links {
        display:block;
    }
    
    ul#slideshow div.image {
        text-align: center;
    }
    
    ul#slideshow div.fullcaption {
        margin: 14px 0;
    }

div#nav {
    margin: 0;
    width: 578px;
    padding: 0 0 5px;
    float: left;
    position: relative;
    height: 20px;
}

div#gallerytitle {
    position: absolute;
    left: 0;
    top: 0;
    font-weight: bold;
}

div#controls {
    position: absolute;
    right: 0;
    top: 0;
}
    span#prev2 {
        margin: 0 4px 0 0;
	color: #136AA8;
	cursor: pointer;
    }
    
    span#next2 {
        margin: 0 0 0 4px;
	color: #136AA8;
	cursor: pointer;
    }

#position {
    width:18px;
    border: 1px solid #ccc;
    padding: 2px 0;
    text-align: center;
}
    #position:focus {
        border-color: #888;
    }
    
div#galleryspill_loader, div#galleryspill_opacity {
    float: left;
}

div.spinner_loading {
    background: url(/static/images/galleries/gallery-loader.gif) no-repeat center 200px;
}

div.opacity_loading {
    -moz-opacity:.20;
    filter:alpha(opacity=20);
    opacity:.20;
}

#galleryspill {
    padding: 0;
    margin: 0;
}
    #galleryspill div {
        float: left;
        width: 134px;
        margin: 0 14px 0 0;
        height: 160px;
    }
        #galleryspill div.last {
            margin: 0;
        }
        
        #galleryspill div.clear {
            clear:both;
            float: none;
            margin: 15px 0;
            height: auto;
            width: auto;
        }
    
    div#galleryspill div.teaser {
        font: 13px georgia, serif;
        padding: 5px 0 0;
        margin: 0;
        float: none;
        height: auto;
    }
    
    div#galleryspill div.title {
        float: none;
        height: auto;
        margin: 5px 0 0;
    }
        div#galleryspill div.title a {
            font: normal 13px helvetica, arial, sans-serif;
        }


    ul#slideshow li {
        display: none;
    }




/* Video
----------------------------------------------------------------------------------------------------*/
div#vid_wrap {
    position: relative;
}

.holder {
    float: left;
}
.scrollpane {
    width: 635px;
    overflow: auto;
    background: #fff;
    float: left;
    height: 130px;
}

.osX .jScrollPaneTrack {
    background: url(http://media.charlotteobserver.com/static/design/osx_track.gif) repeat-y;
}
.osX .jScrollPaneDrag {
    background: url(http://media.charlotteobserver.com/static/design/osx_drag_middle.gif) repeat-y;
}
.osX .jScrollPaneDragTop {
    background: url(http://media.charlotteobserver.com/static/design/osx_drag_top.gif) no-repeat;
    height: 6px;
}
.osX .jScrollPaneDragBottom {
    background: url(http://media.charlotteobserver.com/static/design/osx_drag_bottom.gif) no-repeat;
    height: 7px;
}
.osX a.jScrollArrowUp {
    height: 24px;
    background: url(http://media.charlotteobserver.com/static/design/osx_arrow_up.png) no-repeat 0 -30px;
}
.osX a.jScrollArrowUp:hover {
    background-position: 0 0;
}
.osX a.jScrollArrowDown {
    height: 24px;
    background: url(http://media.charlotteobserver.com/static/design/osx_arrow_down.png) no-repeat 0 -30px;
}
.osX a.jScrollArrowDown:hover {
    background-position: 0 0;
}

.left .jScrollPaneTrack {
    left: 0;
    right: auto;
}
.left a.jScrollArrowUp {
    left: 0;
    right: auto;
}
.left a.jScrollArrowDown {
    left: 0;
    right: auto;
}


/* IE SPECIFIC HACKED STYLES */
* html .osX .jScrollPaneDragBottom {
    bottom: -1px;
}
/* /IE SPECIFIC HACKED STYLES */

#embed_player {text-align:center;padding-top:14px;}
.videoinfo {
    width:560px;
    margin: 14px 0 0;
}
#vid_comments{height:20px;}

div#vid_categories {
    position: absolute;
    top: 0;
    right: 0;
}

div#vid_title {
    font-size: 20px;
    margin: 0 0 14px;
}

div.videoinfo h1 {
    font-size: 18px;
    margin: 14px 0 0;
}

div.story-highlight {
    margin: 0 0 21px;
    padding: 0 0 21px;
    border-bottom: 1px solid #ddd;
    cursor: pointer;
}
    div.story-highlight a {
        color: #00AEEF;
    }

div.img {
    margin: 0 14px 0 0;
}

div.f-left {
    float: left;
}

div.teaser {
    float: left;
    width: 410px;
}
    div.teaser p {
        margin: 0;
    }


div.title a {
    font-size: 16px;
    font-weight: bold;
    color: #136AA8;
}
    
div.byline {
    margin: 0 0 7px;
    font-size: 11px;
}

div#vid_clip div.box {
    margin: 0 0 14px;
    padding: 0 7px 14px;
}






/* Text Formatting
----------------------------------------------------------------------------------------------------*/
p {
    font: normal 13px/17px arial, sans-serif;
    margin: 0 0 14px;
}

a, a:visited {
    text-decoration: none;
}

a {
    color: #136AA8;
}

h2 a {
    font: bold 24px/30px arial, sans-serif;
    color: #e6e6e6;
}
    div.article_body h2 a {
        color: #212121;
        font-size: 30px;
    }

h3 a {
    font: bold 20px/24px arial, sans-serif;
    color: #212121;
}
    div.article_body h3 a {
        color: #212121;
        font-size: 16px;
    }
        div.article_body h3 a:hover, div.article_body h2 a:hover {
            color: #136AA8;
        }

h4 a {
    font: bold 16px/18px arial, sans-serif;
    color: #212121;
}

h2 a:hover, h3 a:hover, h4 a:hover {
    color: #136AA8;
}

h6 {
    line-height: 15px;
    font-size: 12px;
}

div#lede_stories li h2, div#lede_stories li h3, div#lede_stories li h4 {
    margin: 14px 0 0;
}

div#lede_stories p.tease {
    margin: 10px 0 0;
    color: #212121;
}

p.time_stamp, span.vid_subhead {
    color: #999;
    font-size: 11px;
    margin: 0;
}

p.vid_series {
    font-size: 11px;
    color: #02739d;
    margin: 0;
    line-height: 11px;
}

p.credits {
    margin: 0;
    color: #333;
}

div.section_head {
    padding: 0 0 7px;
    margin: 0 0 14px;
    border-bottom: 1px solid #ccc;
}
    div.section_head h5 {
        font-size: 26px;
        color: #136AA8;
        font-family: Georgia,"Times New Roman",Times,serif;
        font-weight: normal;
        line-height: normal;
    }

div.jump_link {
    float: left;
    margin: 4px 0 0;
    clear: both;
}
    div.jump_link a {
        color: #b50938;
    }
    
p.event_cat_title {
    font-size: 11px;
    text-transform: uppercase;
    color: #b50938;
    margin: 0 0 4px;
}

td.mi-search-prev, td.mi-search-page_num, td.mi-search-page-num-current  {
     padding: 5px;
}


/* Grid Structure
----------------------------------------------------------------------------------------------------*/
.grid_1,
.grid_1b,
.grid_1c,
.grid_1d,
.grid_2,
.grid_2b,
.grid_2c,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	display: inline;
	float: left;
	margin: 0 7px;
}

.grid_1 {
    width: 67px;
}

.grid_1b {
    width: 174px;
    margin: 0 14px;
}

.grid_1c {
    width: 134px;
}

.grid_1d {
    width: 158px;
    margin: 0 14px;
}

.grid_2 {
    width: 148px;
}

.grid_2b {
    width: 376px;
    margin: 0 14px;
}

.grid_2c {
    width: 282px;
}

.grid_3 {
    width: 229px;
}

.grid_3c {
    width: 430px;
}

.grid_4 {
    width: 310px;
}

.grid_5 {
    width: 391px;
}

.grid_6 {
    width: 472px;
}

.grid_7 {
    width: 553px;
}

.grid_8 {
    width: 634px;
}

.grid_9 {
    width: 715px;
}

.grid_10 {
    width: 796px;
}

.grid_11 {
    width: 877px;
}

.grid_12 {
    width: 959px;
}



.lede_1,
.lede_2,
.lede_3 {
	display: inline;
	float: left;
	margin: 0 14px;
}

.lede_1 {
    width: 164px;
}

.lede_2 {
    width: 356px;
}

.lede_3 {
    width: 552px;
}

li.portrait_medium_left div.med_port_img {
    float: left;
    margin: 0 14px 0 0;
}

li.portrait_large  div.large_port_img {
    float: left;
    margin: 0 14px 0 0;
    display: block;
}


body.homepage .col_content {
    margin: 28px;
    float: left;
    display: inline;
}
    .set_height {
        min-height: 200px;
    }
    
.col_content {
    margin: 28px 0 7px 28px;
    float: left;
    display: inline;
    width: 254px;
}

.colspan_2 {
    display: inline;
    float: left;
    width: 635px; 
    background: #fff;
    border-top: 14px solid #dedede;
}

.colspan_2_content {
    float: left;
    display: inline;
    margin: 28px;
    width: 578px;
}

    
.colspan_3 {
    display: inline;
    float: left;
    margin: 0;
    width: 958px;
    background: #fff;
}
    .colspan_3_content {
        float: left;
        display: inline;
        margin: 28px;
        width: 904px;
    } 
        .colspan_3_content .col_content {
            margin-bottom: 28px;
            margin-top: 14px;
            width: auto;
        }

.tier {
    margin-bottom: 14px;
}

.full_width_wrap {
    float: left;
    margin: 28px;
}

.alpha {
    margin-left: 0;
}

.omega {
    margin-right: 0;
}

.clear {
    clear:both;
}


span.icon {
    display:block;
    float:left;
    width:20px;
    height:12px;
    background-repeat:no-repeat;
    background-image:url(http://media.charlotteobserver.com/design/icons-blue.gif);
}
span.inlineicon {
    display:block;
    float:left;
    width:20px;
    height:12px;
    background-repeat:no-repeat;
    background-image:url(http://media.charlotteobserver.com/design/icons-blue.gif);
}

span.icon-video { background-position:0 0; }
span.icon-photo { background-position: 0 -12px; }
span.icon-rss { background-image: url(http://media.charlotteobserver.com/design/feed-icon-12x20.png); background-position:0 0; }
span.icon-social { background-position:0 -36px; }
span.icon-comment { background-position:0 -48px; }
span.icon-enlarge { background-position:0 -60px; }
span.icon-bullet { background-position:0 -72px; }
span.icon-down { background-position:0 -84px; }
span.icon-up { background-position:0 -96px; }
span.icon-pictopia { background-position:0 -108px; }

/*  -----
 *	See http://positioniseverything.net/easyclearing.html
 *	for a description of this code.
 *  -----
 */
	.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
	.clearfix { display:inline-table; }
	/* Hides from IE-mac \*/
	* html .clearfix { height:1%; }
	*+html .clearfix { height:1%; }
	.clearfix { display:block; }
	/* End hide from IE-mac */
/*Dealsaver
---------------*/
#dealSaverWidget{
	margin:7px;
}
div#dealsaver_td {
    border: 0 none;
    font-family: arial;
    outline: medium none;
}
.ds_clearall {
    clear: both;
}
.revWidgetWrap {
    -moz-border-radius: 5px 5px 5px 5px;
    background-color: #568F6B;
    color: #FFFFFF;
    width: 300px;
}
div#dealsaver_td {
    margin: 0;
    padding: 0 0 5px;
}
.revWidgetWrap h2 {
    color: #FFFFFF;
    display: inline-block;
    font-size: 19px;
    font-weight: bold;
    line-height: 19px;
    margin: 5px 10px 2px;
    text-align: left;
    text-shadow: 1px 1px 2px #666666;
}
#dealsaver_td h2 a {
    color: #FFFFFF;
    text-decoration: none;
}
#dealsaver_td h2 a:hover {
    color: #EEEEEE;
    text-decoration: none;
}
.revWidgetContent {
    background-color: #FFFFFF;
    border: 2px solid #C9DABA;
    margin: 0 auto 5px;
    padding: 8px;
    width: 262px;
}
.ds_deal_image {
    float: left;
    margin: 5px;
}
.ds_deal_image img {
    border: 1px solid #CCCCCC;
    width: 125px;
}
.ds_buycontainer {
    float: left;
    margin-top:5px;
    text-align: center;
    width: 125px;
}
.ds_pricetag {
    background-color: #FBEEDB;
    border: 1px solid #EFD5C4;
    color: #333333;
    font-size: 24px;
    font-weight: bold;
    line-height: 18px;
    margin-bottom: 5px;
    padding: 5px;
    text-align: center;
}
img.ds_buynow {
    margin: 5px 0 0;
}
h3.ds_deal_title {
    color: #333333;
    font-size: 18px;
    line-height: 20px;
    margin: 0;
    padding: 0;
}
#dealsaver_td a.ds_title_link {
    color: #333333;
    text-decoration: none;
}
#dealsaver_td a.ds_title_link:hover {
    color: #C15126;
}
#ds_signup {
    height:80px;
    overflow:hidden;
}
#dealsaver_td .signup {
    margin-top: 3px;
}
.discount_left, .discount_right {
    float: left;
    line-height: 16px;
    margin: 8px 5px;
}
.discount_left {
    text-align: right;
    width: 60px;
}
.discount_right {
    color: #C15129;
    font-size: 14px;
    text-align: left;
    width: 30px;
}
.revWidgetContent h4 {
    color: #C15129;
    font-size: 14px;
    font-weight: normal;
    margin: 0 0 4px;
}
.revWidgetContent .input-text {
    background: url("../dealsaver/widget/images/text_input_bg.jpg") repeat-x scroll center top #FBF1E3;
    border: 1px solid #E1CDA4;
    color: #666666;
    padding: 3px;
}
.revWidgetContent form {
    vertical-align: top;
}
.ds_footer img {
    border: medium none;
}
h3.ds_deal_title {
    text-transform: none;
    background: none !important;
}
#ds_value_header, #ds_discount_header, #ds_save_header {
    color:#666666;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size:14px;
    text-align:right;
}
#ds_value, #ds_discount, #ds_save {
    color:#c15129;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size:14px;
}
#ds_vdy_headers {
    float:left;
    margin-right:10px;
}