/*
 * Carolinas.com Global Style Sheet
 * Author: mkirk
 * Date: 29 Aug 2008
 *
 * Colors-
 *   Bold Text and Headlines : #212121
 *   Event Detail Text : #595959
 ------------------------------------- */

/* Seperate Style Sheets Imported
--------------------------------------- */
@import url(reset.css);






/* =Structure
------------------------------------ */
body {
    background: url(../images/bg.png) left top repeat;
    text-align: center;
    font: normal 12px/1.3em Lucida Sans, Lucida Grande, Lucida Sans Unicode, sans-serif;
    color: #101010;
}

#wrap {
    background: url(../images/content-top.png) center top no-repeat;
}

#footer-wrap {
    background: url(../images/content-bottom.png) center bottom no-repeat;
}

#page {
    width: 980px;
    margin: 0 auto;
    
    position: relative;
}

#content {
    float: left;
    margin: 340px 0 0 0;
}

#inner-wrap {
    background: #EFEFEF;
    float: left;
    width: 980px;
}


/* =Intro
--------------------------------------- */
#intro {
    float: left;
    margin: 0px 40px 40px;
    text-align: center;
}

    #intro h2 {
        font: 18px/1.2em Arial Black;
        color: #212121;
        margin: 0 0 15px 0;
    }
    
    
/* =Grid A
-------------------------------------- */
#grid-a {
    float: left;
    width: 385px;
    margin: 0 0 0 15px;
    text-align: left;
}
    
    /*
     * @ notes
     * Paper headlines
     */
    #headlines li {
        margin: 0 0 70px 0;
        padding: 0;
        display: block;
    }
    
        #headlines h3 {
            height: 0;
            overflow: hidden;
            padding-top: 30px;
            margin: 0 0 10px 0;
        }
        
        #headlines h3 a {
            display: block;
            margin: -30px 0 0;
            padding: 10px;
            text-indent: -9000px;
        }
        
        #headlines h3.charlotte {
            background: url(../images/observer.png) left 0 no-repeat;
        }
        
            #headlines h3.charlotte a {
                display: block;
                margin: -30px 0 0;
                padding: 10px;
                text-indent: -9000px;
            }
        
        #headlines h3.columbia {
            background: url(../images/thestate.png) left 0 no-repeat;
            padding-top: 70px;
        }
        
            #headlines h3.columbia a {
                display: block;
                margin: -60px 0 0;
                padding: 10px;
                text-indent: -9000px;
            }
            
        #headlines h3.islandpacket {
            background: url(../images/islandpacket.png) left 0 no-repeat;
            padding-top: 56px;
            margin: 0;
        }
        
            #headlines h3.islandpacket a {
                display: block;
                margin: -50px 0 0;
                padding: 10px;
                text-indent: -9000px;
            }
            
        #headlines h3.beaufort {
            background: url(../images/beaufort.png) left 0 no-repeat;
            padding-top: 56px;
        }
        
            #headlines h3.beaufort a {
                display: block;
                margin: -50px 0 0;
                padding: 10px;
                text-indent: -9000px;
            }
            
        #headlines h3.myrtlebeach {
            background: url(../images/myrtlebeach.png) left 0 no-repeat;
            padding-top: 50px;
        }
        
            #headlines h3.myrtlebeach a {
                display: block;
                margin: -50px 0 0;
                padding: 10px;
                text-indent: -9000px;
            }
            
        #headlines h3.raleigh {
            background: url(../images/nando.png) left 0 no-repeat;
            padding-top: 60px;
        }
        
            #headlines h3.raleigh a {
                display: block;
                margin: -50px 0 0;
                padding: 15px 10px;
                text-indent: -9000px;
            }
            
        #headlines h3.rockhill {
            background: url(../images/heraldonline.png) left 0 no-repeat;
            padding-top: 50px;
        }
        
            #headlines h3.rockhill a {
                display: block;
                margin: -50px 0 0;
                padding: 10px;
                text-indent: -9000px;
            }
       
        
        
        
        
        
        #headlines ul.headline-list {
            margin: 0;
            padding: 0;
        }
        
        #headlines ul.headline-list li {
            margin: 0 0 5px 0;
            padding: 0;
            display: block;
        }
        
        #headlines ul.headline-list li a {
            font: 12px Arial Black;
            color: #212121;
            text-decoration: none;
        }
        
        #headlines ul.headline-list li a:hover  {
            text-decoration: underline;
        }
        
        span.timestamp {
            font: 11px Lucida Sans, Lucida Grande, Lucida Sans Unicode, sans-serif;
            color: #9a9a9a;
        }
        
         ul.zvents-writings {
            margin: 20px 0 0 0;
            /*padding: 3px 0 0 65px;
            background: url(../images/more.png) left top no-repeat;*/
            height: 40px;
        }
        
            #headlines li ul.zvents-writings li {
                margin: 0;
                padding: 0;
                display: inline;
                float: left;
            }
            
                
            ul.zvents-writings li.event-writing a {
                overflow: hidden;
                background: url(../images/events-writing.png) center 0 no-repeat;
                text-indent: -9000px;
                display: block;
                line-height: 30px;
                width: 110px;
            }
            
            ul.zvents-writings li.event-writing a:hover {
                background-position: center -35px ;
                line-height: 35px;
            }
            
            ul.zvents-writings li.restaurant-writing a {
                overflow: hidden;
                background: url(../images/restaurant-writing.png) center 0 no-repeat;
                text-indent: -9000px;
                display: block;
                line-height: 30px;
                width: 130px;
            }
            
            ul.zvents-writings li.restaurant-writing a:hover {
                background-position: center -31px ;
                line-height: 35px;
            }
            
            ul.zvents-writings li.venue-writing a {
                overflow: hidden;
                background: url(../images/venues-writing.png) center 0 no-repeat;
                text-indent: -9000px;
                display: block;
                line-height: 30px;
                width: 110px;
            }
            
            ul.zvents-writings li.venue-writing a:hover {
                background-position: center -36px ;
                line-height: 35px;
            }
    
    



/* =Grid B
--------------------------------------- */
#grid-b {
    float: left;
    margin: 0 0 0 15px;
    width: 510px;
    text-align: left;
}

    #ad {
        background: url(../images/ad-bg.png) 110px top no-repeat;
        height: 300px;
        padding: 43px 0 0 125px;
    }
    
    
    /*
     * @ notes
     * Calendar Styles
     */
    #calendar {
        width: 100%;
    }
    
    #calendar-top {
        background: url(../images/paper-top.png) center top no-repeat;
        float: left;
        width: 100%;
        height: 159px;
    }
    
    #inner-calendar {
        background: url(../images/paper.png) 50px top repeat-y;
        float: left;
        width: 460px;
        clear: both;
        padding: 0 0 0 45px;
    }
    
        #inner-calendar ul {
            margin: 0 10px;
        }
        
        #inner-calendar ul li {
            margin: 0 0 50px 0;
        }
        
        /*
         * @ notes
         * Event Items
         */
        div.city {
            float: left;
            width: 80px;
            margin: 0 15px 0 0;
            height: 0;
            overflow: hidden;
            padding-top: 30px;
            background: url(../images/locations.png) center 0 no-repeat;
        }
            div.charlotte {
                background-position: 50% -95px;
            }
            
            div.columbia {
                background-position: 50% -170px;
            }
            
            div.hiltonhead {
                background-position: 50% 0;
            }
            
            div.myrtlebeach {
                background-position: 50% -35px;
                padding-top: 50px;
            }
            
            div.raleigh {
                background-position: 50% -130px;
                padding-top: 35px;
            }
            
            div.rockhill {
                background-position: 50% -200px;
            }
            
            
            
            
            
            
            
                       
            
        /*
         * @ notes
         * Individual events
         */
        div.event-info {
            float: left;
            width: 335px;
        }
        
            div.event-info h4 {
                font: normal 12px Arial Black;
                color: #212121;
                display: inline;
            }
            
            div.event-image {
                float: left;
                margin: 0 10px 0 0;
            }
                div.event-image img {
                    padding: 2px;
                    border: 1px dotted #aaa;
                }
                
                /*div.event-image-frame-top {
                    background: url(../images/frame-top.png) left top no-repeat;
                    float: left;
                }
                
                div.event-image-frame-bottom {
                    background: url(../images/frame-bottom.png) left 0px no-repeat;
                    height: 3px;
                    clear: both;
                    float: left;
                    width: 117px;
                }*/
            
            div.description {
                margin: 0;
                float: left;
                width: 205px;
            }
            
            div.description p {
                font-size: 11px;
                line-height: 1.2em;
            }
            
                div.description-no-image h4 a, div.description h4 a {
                    color: #9E0B0F;
                    text-decoration: none;
                }
                
                div.description-no-image h4 a:hover, div.description h4 a:hover {
                    text-decoration: underline;
                }
            
            div.event-times {
                clear: both;
                padding: 0 0 0 90px;
                margin: 15px 0 0 0;
                float: left;
                width: 330px;
            }
                
                div.date {
                    background: url(../images/event-icons.png) left 0 no-repeat;
                    padding: 0 0 0 50px;
                    font-size: 11px;
                    font-weight: bold;
                }
                
                div.time {
                    background: url(../images/event-icons.png) left -15px no-repeat;
                    padding: 0 0 0 50px;
                    font-size: 11px;
                    font-weight: bold;
                }
                
                div.location {
                    background: url(../images/event-icons.png) left -30px no-repeat;
                    padding: 0 0 0 60px;
                    font-size: 11px;
                    font-weight: bold;
                }
                
       
            
            
    #calendar-footer {
        background: url(../images/paper-bottom.png) center top no-repeat;
        float: left;
        width: 460px;
        height: 200px;
        margin: 0 0 0 45px;
    }



/* =Footer
----------------------------------------------- */
#footer {
    clear:both;
    height: 200px;
}

    #footer-content {
        margin: 40px 0 0 40px;
        text-align: center;
        float: left;
        width: 900px
    }
    
        #footer-content h4 {
            font: 12px Arial Black;
            color: #212121;
        }
        
        #footer-content p {
            margin: 0 0 15px 0;
        }
    
    #footer-links {
        float: left;
        margin: 0 0 0 60px;
    }
    
        #footer-links li {
            margin: 0 10px 0 0;
            padding: 0;
            float: left;
            display: inline;
        }
        
        #footer-links li a {
            font: bold 12px Arial, Helvetica, sans-serif;
            color: #9e0b0f;
            text-decoration: none;
        }
        
        #footer-links li a:hover {
            text-decoration: underline;
        }






















/* Clear Fix
  Clears elements without extra markup
-------------------------------------- */
.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 */