.reset {
    margin: 0; padding: 0;
}
.margin-auto {
    margin: 0 auto;
}
.menu-list {
    .reset;
    height: 30px;
    li {
       float: left;
       list-style: none;
       margin: 0 2px;
    }
    li a {
        padding: 4px 10px;
        line-height: 30px;
    }
}

body {
    margin: 0; padding: 0;
    background: transparent url('../img-s/pink_back.jpg') 0 0 repeat;
    font-family: 'Philosopher', serif;
    line-spacing: 1px;
}
a:hover, a:focus {
border: none;
outline: none;
}
.clear {
    clear: both;
}
#main {
    margin: 0 auto;
    width: 100%;
}
#header-box {
    .margin-auto;
    position: relative;
    background: transparent url(../img-s/header-edge.png) top left no-repeat;
    width: 1008px;
    height: 139px;

        #header {
            width: 966px;
            height: 139px;
            .margin-auto;
            background: transparent url(../img-s/header.jpg) top left no-repeat;
                #name-logo {
                    position: absolute;
                    width: 527px;
                    height: 94px;
                    top: 0;
                    left: 50px;
                    z-index: 33;
                    background: transparent url(../img-s/name-logo.png) 0 0 no-repeat;
                    text-indent: -9999px;
                }
                #header-nav-main {
                    .menu-list;
                    position: relative;
                    top: 71px;
                    padding-left: 39px;
                    li.home a {
                        width: 53px;
                        background: transparent url(../img-s/nav-home.png) 0 -2px no-repeat;
                        text-indent: -9999px;
                    }

                    li.current {
                        background: transparent url(../img-s/nav-current.png) top left no-repeat;
                    }
                    li.current a {
                        background: transparent url(../img-s/nav-current-cap.png) top right no-repeat;
                        color: #000;
                        cursor: default;
                    }
                    li.home.current {
                        background: none;
                    }
                    li.home.current a {
                        background: transparent url(../img-s/nav-home.png) 0 -71px no-repeat;
                    }
                    li {
                        margin-right: 20px;
                    }
                    li.over {

                    }
                    li a {
                        display: block;
                        height: 54px;
                        line-height: 60px;
                        color: #333;
                        text-decoration: none;
                        font-size: 18px;
                        letter-spacing: 1px;
                        text-shadow: 1px 1px 1px #e5e5e5;
                        text-transform: uppercase;

                        padding: 0 15px;
                    }
                    li a:hover {
                        /*#background: transparent url(../img-s/nav-hover.png) 50% 0 no-repeat;*/
                        color: #000;
                    }

                }
                #header-nav-socialmedia {
                    height: 56px;
                    position: absolute;
                    top: 0; right: 110px;
                    background: transparent url(../img-s/social-media-bar.png) top left no-repeat;
                    ul {
                        padding: 0 10px!important;
                        .menu-list;
                        margin-right: -10px;
                        height: 56px;
                        background: transparent url(../img-s/social-media-bar-cap.png) top right no-repeat;

                    }
                    li {
                        padding: 0;
                    }
                    a {
                        padding: 0!important;
                        display: block;
                        height: 46px;
                        width: 40px;
                        text-indent: -9999px;
                        background: transparent url(../img-s/social-media-icons.png) 0 0 no-repeat;
                    }
                    a.facebook {
                        background-position: -40px 0;
                    }
                    a.myspace {
                        background-position: -80px 0;
                    }
                    a.mailing-list {
                        background-position: -200px 0;
                    }
                    a.youtube {
                        background-position: -160px 0;
                    }
                    a.itunes {
                        background-position: -120px 0;
                    }
                    a.twitter:hover {
                        background-position: -0 -46px;
                    }
                    a.facebook:hover {
                        background-position: -40px -46px;
                    }
                    a.myspace:hover {
                        background-position: -80px -46px;
                    }
                    a.mailing-list:hover {
                        background-position: -200px -46px;
                    }
                    a.youtube:hover {
                        background-position: -160px -46px;
                    }
                    a.itunes:hover {
                        background-position: -120px -46px;
                    }
                }
        }
        #header.blank {
            background: transparent url(../img-s/header-blank.jpg) top left no-repeat;
        }


}
#content {
    .margin-auto;
    position: relative;
    background: transparent url(../img-s/content-edge.png) top left repeat-y;
    width: 1008px;
    #content-container {
        width: 916px;
        .margin-auto;
        min-height: 770px;
        padding: 25px 0 25px 50px;
        background: transparent url(../img-s/main-bg.jpg) top left no-repeat;
        #content-main {
            width: 583px;
            position: relative;
		#tour_feature {
			padding: 0 15px 15px 25px;
		}            
		div.box-module {
                position: relative;
                width: 400px;
                margin-bottom: 20px;
                a {
                        color: #145c6a;
                        text-decoration: none;

                    }
                    a:hover {
                        color: #145c6a;
                        border-bottom: dotted #145c6a 1px;
                    }
                div.box-header {
                    width: 100%;
                    height: 45px;
                    background: transparent url(../img-s/module-box.png) 0 0 no-repeat;
                    padding: 15px 25px 0 25px;
                    h2 {
                        margin: 0; padding: 0;
                        padding-left: 45px;
                        border-bottom: solid #8e9a95 1px;
                        font-size: 20px;
                        line-height: 30px;
                        font-weight: normal;
                        letter-spacing: 1px;
                        text-transform: uppercase;
                        display: block;
                        width: 305px;

                    }
                }
                div.content {
                    min-height: 30px;
                    width: 100%;
                    background: transparent url(../img-s/module-box.png) bottom left no-repeat;
                    #tour-date-container {
                            min-height: 30px;
                        }
                        div.tourdate {
                            margin: 0;
                            padding: 10px 10px 30px 30px;
                            color: #333;
                            clear: both;
                            overflow: hidden;
                            div.date {
                                position: absolute;
                                top: 15px;
                                right: 20px;
                                width: 70px;
                                height: 65px;
                                background: transparent url(../img-s/date-icon.png) 0 0 no-repeat;
                                letter-spacing: 1px;
                                div {
                                    width: 100%;
                                    text-align: center;
                                    position: absolute;
                                }
                                div.year {
                                    bottom: 5px;
                                    font-size: 11px;
                                    color: #999;
                                }
                                div.month {
                                    top: 9px;
                                    font-size: 14px;
                                    color: #fff;
                                    text-shadow: 1px 1px 0 #666;
                                    text-transform : uppercase;
                                }
                                div.day {
                                    top: 32px;
                                    font-size: 17px;
                                    color: #000;
                                }
                            }
                            div.location {
                                color: #333;
                                padding-bottom: 3px;
                                letter-spacing: 1px;

                            }
                            div.venue {
                                color: #000;
                                padding-bottom: 5px;
                                font-size: 14px;
                                letter-spacing: 1px;
                            }
                            div.info {
                                color: #4e4e4e;
                                font-size: 14px;
                                line-height: 17px;
                                letter-spacing: 1px;
                            }
                            div.link {
                                font-size: 13px;
                                padding-top: 5px;
                                color: #666;
                            }
                        }
                        }
                        div.icon {
                            position: absolute;
                            width: 53px;
                            height: 45px;
                            top: 8px;
                            left: 10px;
                            background: transparent url(../img-s/twitter-icon.png) 0 0 no-repeat;
                        }
            }
            #next-show div.icon {
                background-image: url(../img-s/nextshow-icon.png);
                top: 6px;
            }
            #latest-tweet div.content div {
                padding: 0 30px 15px 30px;
                color: #333;
                line-height: 18px;
                letter-spacing: 1px;
                i {
                    font-size: 12px;
                    color: #666;

                }

            }
            #content-top {
                width: 100%;
                height: 23px;
                background: transparent url(../img-s/content-box.png) 0 0 no-repeat;
            }
            #content-top.large {
                width: 100%;
                height: 21px;
                background: transparent url(../img-s/gallery-top.png) 0 0 no-repeat;
            }

            #content-body {
                position: relative;
                width: 100%;
                background: transparent url(../img-s/content-box.png) -584px 0 repeat-y;
                #tour-date-toggle-menu {
                    position: absolute;
                    top: 0;
                    right: 0;
                    height: 24px;
                    width: 100%;
                    z-index: 33;
                }
                div.text-block {
                        width: 510px;
                        white-space: normal;
                        padding: 5px 30px;
                        color: #333;
                        line-height: 18px;
                        display: block;
                        letter-spacing: 1px;
                        .init-cap {
                            font-size: 22px;
                        }
                    }
                    div.text-block.about {
                       padding: 5px 30px;
                       color: #333;
                       letter-spacing: 1px;
                       text-indent: 20px;
                       font-size: 15px;
                   }
                   a {
                        color: #145c6a;
                        text-decoration: none;

                    }
                    a:hover {
                        color: #145c6a;
                        border-bottom: dotted #145c6a 1px;
                    }
                #tour-date-toggle-menu {
                    ul {
                        margin: 0 30px 5px 0px; padding: 0;
                        float: right;
                         border-bottom: solid #939e98 1px;
                         height: 23px;
                    }
                    ul li {
                        margin: 0 5px;
                        padding: 3px 5px 3px 5px;
                        line-height: 14px;
                        float: left;
                        list-style: none;
                        cursor: pointer;
                        color: #145c6a;
                        font-size: 14px;
                        letter-spacing: 1px;
                        height: 23px;
                    }
                    ul li.active {
                        cursor: default;
                        color: #000;
                        font-size: 16px;
                    }
                }
                #past-dates {
                    display: none;
                }
                #tour-date-container {
                    position: realtive;
                    padding-top: 25px;
                    width: 100%;
                    min-height: 30px;
                    clear: both;
                }
                div.tourdate {
                    position: relative;
                    margin: 0 5px 0 15px;
                    padding: 10px 10px 5px 78px;
                    border-bottom: solid #939e98 1px;
                    min-height: 60px;
                    color: #333;
                    clear: both;
                    overflow: hidden;
                    background: transparent url(../img-s/trans-white-33-fade-left.png) 0 0 repeat;
                    div.date {
                        position: absolute;
                        top: 5px;
                        left: 0px;
                        width: 70px;
                        height: 65px;
                        background: transparent url(../img-s/date-icon.png) 0 0 no-repeat;
                        letter-spacing: 1px;
                        div {
                            width: 100%;
                            text-align: center;
                            position: absolute;
                        }
                        div.year {
                            bottom: 5px;
                            font-size: 11px;
                            color: #999;
                        }
                        div.month {
                            top: 9px;
                            font-size: 14px;
                            color: #fff;
                            text-shadow: 1px 1px 0 #666;
                            text-transform : uppercase;
                        }
                        div.day {
                            top: 32px;
                            font-size: 17px;
                            color: #000;
                        }
                    }
                    div.location {
                        color: #333;
                        padding-bottom: 3px;
                        letter-spacing: 1px;

                    }
                    div.venue {
                        color: #000;
                        padding-bottom: 5px;
                        font-size: 14px;
                        letter-spacing: 1px;
                    }
                    div.info {
                        color: #4e4e4e;
                        font-size: 14px;
                        line-height: 17px;
                        letter-spacing: 1px;
                    }
                    div.link {
                        font-size: 13px;
                        padding-top: 5px;
                        color: #666;
                    }
                }
                #past-dates div.date {
                    background-image: url(../img-s/date-icon-past.png);
                }
                div.store-box {
                    margin: 0 20px 20px 20px;
                    background: transparent url(../img-s/trans-white-33-fade-left.png) 0 0 repeat;
                    border: solid #ccc 1px;
                    border-left: none; border-right: none;
                    clear: both;
                    color: #4b4b4b;
                    ul {
                        margin: 0; padding: 0;
                        position: relative;
                        clear: both;
                        height: 80px;
                        li {
                            position: relative;
                            list-style: none;
                            float: left;
                        }
                    }
                    a.icon {
                        text-indent: -9999px;
                    }


                }
                #iTunes-box {
                    height: 110px;
                        li  a {
                            width: 100px;
                            height: 110px;
                            background: transparent url(../img-s/itunes-icon.png) 0 0 no-repeat;
                            display: block;
                            margin-left: 10px;
                        }
                        li a:hover {
                            border: none;
                        }
                        #itunes  a{
                            width: 75px;
                            text-align: center;
                            color: #000;
                            padding-top: 10px;
                            height: 100px;
                            font-size: 16px;
                        }
                        #moon a {
                            background-position: -75px 3px;
                        }
                        #chances a {
                            background-position: -185px 3px;
                        }
                        #two a {
                            background-position: -293px 3px;
                        }
                        #bird a {
                            background-position: -397px 3px;
                        }
                    }
                    #shop-box, #book-box {
                        line-height: 18px;
                        padding: 10px;

                        a {
                        }
                        li {

                        }
                    }
                    #book-box {
                        height: 100px;
                        #book a {
                            width: 100px;
                            height: 110px;
                            background: transparent url(../img-s/itunes-icon.png) -500px -3px no-repeat;
                            display: block;
                            border: none;
                        }
                        #aboutbook {
                            a.book-title {
                                display: inline-block;
                                margin-bottom: 5px;
                                font-size: 18px;

                            }
                            a.book-title:hover {
                                border: none;
                            }
                            width: 400px;
                            padding-left: 20px;
                            i {
                                line-height: 25px;
                            }
                        }
                    }
                    #shop-box {
                        ul {
                            height: 61px;
                        }

                        li {
                            margin-right: 10px;
                        }
                        #maple, #outside  {
                            border: solid #e5e5e5 1px;
                        }
                        #maple a, #outside a {
                            width: 66px;
                            height: 61px;
                            background: transparent url(../img-s/store-icons.png) 0 0 no-repeat;
                            display: block;
                            border: none;

                        }
                        #outside a {
                            width: 190px;
                            background: transparent url(../img-s/store-icons.png) -66px 0 no-repeat;
                        }
                    }

                div.news {
                position: relative;
                padding-bottom: 25px;
                    h1 {
                        margin: 0; padding: 0;
                        font-size: 16px;
                        letter-spacing: 2px;
                        font-weight: normal;
                        border-bottom: solid #939e98 1px;
                        margin-left: 80px;
                        margin-right: 30px;
                        color: #000;
                        line-height: 17px;
                        padding-bottom: 0;
                        padding-top: 5px;
                        i {
                            font-size: 12px;
                            color: #666;
                        }
                    }
                    div.news-body {
                        font-size: 14px;
                        padding: 5px 30px;
                        color: #333;
                        letter-spacing: 1px;
                        line-height: 19px;
                        text-indent: 20px;
                    }
                    div.icon {
                        width: 78px;
                        height: 65px;
                        position: absolute;
                        top: 7px;
                        left: 15px;
                        background: transparent url(../img-s/news-icon.png) 0 0 no-repeat;
                    }
                    a {
                        color: #145c6a;
                    }

                }

            }
            #content-body.large {
                width: 100%;
                background: transparent url(../img-s/gallery-top.png) -856px 0 repeat-y;
                #gallery-box {
                    height: 491px;
                    background: transparent url(../img-s/gallery-main-bg.jpg) top left no-repeat;
                    width: 836px;
                    margin: 0 auto;
                    #slideshow {
                        width: 620px;
                        margin: 0 auto;
                        padding-top: 48px;
                        padding-right: 16px;
                    }

                }
            }
            #content-bottom {
                width: 100%;
                height: 23px;
                background: transparent url(../img-s/content-box.png) 0 -22px no-repeat;
            }
             #content-bottom.large {
                width: 100%;
                height: 241px;
                background: transparent url(../img-s/gallery-bottom.png) 0 0 no-repeat;
            }
            #gallery-buttons {
                position: absolute;
                z-index: 33;
                top: 10px;
                left: 330px;
                ul {
                    margin: 0; padding: 0;
                    li {
                        padding: 0 15px;
                        height: 30px;

                        float: left;
                        background: transparent url(../img-s/gallery-buttons.png) 0 0 no-repeat;
                        list-style: none;
                        line-height: 35px;
                        cursor: pointer;

                        color: #e6e6e6;
                        text-shadow: -1px -1px 0 #000;

                    }
                    #photo_button {
                        border-left: solid #fff 1px;
                        background-position: 100% -90px;

                    }
                    li.current {
                        color: #000;
                        text-shadow: 1px 1px 0 #fff;
                        cursor: default;
                    }

                }
            }
        }
        #content-main.large {
            width: 856px;
            margin-left: 10px;

        }

        #content-main.has-sidebar {
            position: relative;
            left: 30px;
            width: 619px;
            background: #E8DEF2;
            margin: 0;
        }
        div.content-body {
            margin: 20px;
            background: #eee;

        }
        #content-subnav {
            .menu-list;
        }
        #content-sidebar {
            background: #FFCC99;
            position: relative;
            left: 30px;
            width: 300px;
            padding: 20px;

            div.box {
                background: #A37ACC;
                h3 {
                    .reset;
                    background: #8262A3;
                }
                .box-content {
                    padding: 10px;
                }
            }
        }
        #content-radio {
            position: relative;
            width: 863px;
            height: 620px;
            background: transparent url(../img-s/radio-bg.jpg) top left no-repeat;
            #album-previous, #album-next {
                position: absolute;
                top: 334px; left: 236px;
                height: 38px; width: 55px;
                background: transparent url(../img-s/album-toggle.png) 0 -50px no-repeat;
                cursor: pointer;
            }
            #album-next {
                left: 292px;
                background: transparent url(../img-s/album-toggle.png) 100% -50px no-repeat;
            }

            #album-box {
                position: absolute;
                top: 99px; left: 206px;
                height: 224px; width: 171px;
                #order-box {
                    font-size: 14px;
                    line-height: 16px;
                    color: #4c4c4c;
                    height: 36px;
                    padding: 10px 0 1px 50px;
                    cursor: pointer;
                    background: transparent url(../img-s/itunes-order-bg.png) 0 -46px no-repeat;
                    a {
                        display: block;
                        color: #4c4c4c;
                        text-decoration: none;
                    }
                }
                #order-box:hover {
                    background: transparent url(../img-s/itunes-order-bg.png) 0 0 no-repeat;
                    border: solid #ad9978 1px;
                    border-left: none; border-right: none;
                    height: 35px;
                    padding-top: 9px;
                    margin-bottom: 2px;
                }
                #album-covers {
                    height: 125px;
                    margin: 10px 30px 15px 30px;
                    height: 102px;
                    background: transparent url(../img-s/itunes-icon.png) -75px -3px no-repeat;
                }
                #album-toggle-note {
                    font-size: 14px;
                    line-height: 16px;
                    color: #4c4c4c;
                    text-align: center;
                    height: 40px;
                }

            }
            #player-controls {
                position: absolute;
                top: 409px; left: 189px;
                height: 73px; width: 474px;
            }
            #track-listing {
                position: absolute;
                top: 91px; left: 392px;
                height: 262px; width: 251px;
                ul {
                    margin: 0; padding: 0;
                    padding-top: 15px;
                    li {
                        margin: 0; padding:0;
                        padding-left: 36px;
                        padding-top: 3px;
                        line-height: 17px;
                        font-size: 13px;
                        color: #4c4c4c;
                        list-style: none;
                        height: 17px;
                        cursor: pointer;
                        background: transparent url(../img-s/track-states-bg.png) 0 -50px no-repeat;
                    }
                    li.current {
                        border: solid #ad9978 1px;
                        border-left: none; border-right: none;
                        background: transparent url(../img-s/track-states-bg.png) 0 0 no-repeat;
                        cursor: default;
                        color: #000;
                        height: 23px;
                        line-height: 26px;
                    }

                }
            }
        }
    }
    #content-container.blank {
        background: transparent url(../img-s/main-blank-bg.jpg) top left no-repeat;
        margin: 0 auto;
        padding-top: 10px;
    }


}
#footer {
    .margin-auto;
    width: 958px;
    background: transparent url(../img-s/footer.png) top left no-repeat;
    min-height: 100px;
    text-align: right;
    padding-right: 50px;
    color: #d6eeee;
    font-size: 13px;
    letter-spacing: 2px;

}