gistfile1.css

/* site */

.padded-image {
    padding: 4px;
    background-color: @white;
    border: 1px solid @grayLight;
}


body {
    padding-top: 73px;
}

.special-heading {
    font-family: @headerFontFamily;
    font-size: 16px;
    color: @goldDark;
    margin: 0 0 10px;
    line-height: 1.5;
}

.heading-extra {
    font-size: 13px;
    font-weight: bold;

    a {
        color: @gray;
        text-decoration: none;
    }
}

.btn-large {
    padding: 13px 20px 14px;
    .box-shadow(0 5px 5px 0 rgba(0,0,0,0.2));
    font-size: 18px;
    text-transform: uppercase;
}

.btn-primary {
    .buttonBackground(lighten(@goldDark, 10%), darken(@goldDark, 5%));
    // Define border colors as vars to circumvent bug
    @borderTopColor: darken(@goldDark, 20%);
    @borderSideColor: darken(@goldDark, 10%);
    @borderBottomColor: darken(@goldDark, 5%);
    border-color: @borderTopColor @borderSideColor @borderBottomColor;
    text-shadow: darken(@goldDark, 5%) 0 -1px 0;
    font-weight: normal;
    font-family: @headerFontFamily;
}

#header-nav {
    .divider-vertical {
        border-right: none;
        background-color: @grayDark;
        height: 57px;
        padding: 8px 0 8px;
    }

    h3 {
        line-height: 1;

        a {
            padding-right: 5px;
            padding-bottom: 8px;
        }
    }

    .event {
        color: @grayLightest;
        font-family: @specialFontFamily;
        font-weight: normal;
        height: 55px;
        padding: 18px 0 0 5px;
        line-height: 1.1;
        text-transform: uppercase;

        span {
            display: block;
        }
    }

    .nav.menu {
        .pull-right;
        font-family: @specialFontFamily;
        font-size: 15px;
        padding: 14px 0 2px;
        height: 57px3;

        .dropdown-menu li {
            &.divider {
                background-color: #fff;
            }

            h4 {
                margin: 10px 0 1px;
                font-weight: bold;
                font-size: 17px;

                a {
                    color: @black;
                }
            }
        }

        li.special {
            margin-left: 8px;
            a {
                .btn;
                .btn-primary;
                position: relative;
                top: 5px;
            }
        }

        a {
            .caret {
                border-top-color: @gold;
                opacity: 0.7;
            }

            &:hover .caret {
                opacity: 1.0;
            }
        }
    }

    .nav.social {
        padding: 17px 0 0px;
        height: 56px;

        li {
            a {
                padding-left: 5px;
                padding-right: 5px;
            }
        }
    }

    .social-icon {
        width: 14px;
        height: 13px;
        display: block;
        -khtml-opacity: .9;
        -moz-opacity: .9;
        opacity: .9;
        background: transparent url("/@{imagesPath}/social-icons-header.png") no-repeat 0 0;
        padding: 0;

        &.linkedin {
            background-position: -14px 0;
        }

        &.facebook {
            background-position: -28px 0;
        }
    }

    a:hover .social-icon {
        -khtml-opacity: 1.0;
        -moz-opacity: 1.0;
        opacity: 1.0;
    }
}


/* home slides */

.home-slides-container {
    background-color: #000;
    height: 470px;
    border-bottom: 1px solid #666;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}


.home-slides {
    height: 470px;
    position: relative;
    width: 1600px;
    left: -380px;

    .nivo-controlNav {
        position:absolute;
        left:50%;
        bottom:15px;

        a {
            display:block;
            width:13px;
            height:13px;
            background:url("/@{imagesPath}/bullets.png") no-repeat;
            text-indent:-9999px;
            border:0;
            margin-right:3px;
            float:left;

            &.active {
                background-position:-13px 0;
            }
        }
    }

    .nivo-directionNav a {
        display:block;
        width:32px;
        height:34px;
        background:url("/@{imagesPath}/arrows.png") no-repeat;
        text-indent:-9999px;
        border:0;
    }
    a.nivo-nextNav {
        background-position:-32px 0;
        left: 1340px;
    }
    a.nivo-prevNav {
        left:320px;
    }

    img {
        display: none;
    }


    .nivo-caption {
        top:30px;
        color:#cc0;
        width: 100%;
        background: transparent;
        padding: 0 60px;

        p {
            margin: 50px 0 0;
            font-size: 17px;
            color: #ccc;
            font-weight: normal;
            -webkit-text-shadow: #1a1a1a 0 1px 0;
            text-shadow: #1a1a1a 0 1px 0;
            line-height: 1;
            text-align: left;
            width: 800px;
            position: relative;
            left: 315px;
            line-height: 1.33;

            span {
                display: block;
                margin: 0 0 15px;

                &.header {
                    font-size: 28px;
                    font-family: "Abel","Helvetica Neue",Helvetica,Arial,sans-serif;

                    strong {
                        font-size: 48px;
                        color: #fff;
                        display: block;
                        font-family: "Open Sans", "Helvetica Neue",Helvetica,Arial,sans-serif;
                    }
                }
            }

            a.btn {
                display: block;
                margin: 20px 0 0;
                width: auto;
                position: absolute;
            }
        }
    }
}


.home-section {
    padding: 30px 0 10px;

    .content {
        font-size: 15px;
        line-height: 1.5;
        color: @grayDark;

        p {
            font-size: 15px;
            line-height: 1.5;
            margin: 0 0 20px;
        }
    }

    .divider {
        margin: 20px 0 0;
        height: 1px;
        border-bottom: 1px dashed @grayLight;
        position: relative;
        left: 20px;
    }
}


/* featured speakers */

#featured-speakers-container {
    padding: 30px 0 20px;
    background-color: @white;
}


/* speaker block */

.speaker-block {
    td {
        width: 120px;
        border-top: 0;
        padding-top: 5px;
        vertical-align: top;

        img.photo {
            width: 75px;
            height: 100px;
            color: orange;
        }

        .name {
            font-size: 13px;
            line-height: 1.2;
            width: 5px;
        }

        .about {
            line-height: 1.2;
            font-size: 11px;
        }

        .title {
            color: @grayLight;
            margin: 5px 0;
        }
    }

}

/* Home main */

#main {
    background: @grayBlue url("/@{imagesPath}/main-background.png") repeat top left;
}


#home-main-container {
    padding: 10px 0 50px;
}

.home-main {
    .content p {
        font-size: 16px;
    }

    .social-sharing {
        margin: 20px 0 0;
    }

    .register-arrow {
        font-family: @specialFontFamily;
        text-transform: uppercase;
        margin: 30px 0;
        font-size: 18px;
        overflow: hidden;
        height: 34px;

        a {
            color: @grayLightest;
            display: block;
            height: 18px;
            padding: 8px 37px;
            line-height: 1;
            width: auto;
            float: left;

            strong {
                font-weight: normal;
                color: @white;
            }
        }

        .savings {
            background-color: #5d666c;
        }

        .register-today {
            background-color: #008fd5;
            color: #fff;
            position: relative;
            left: -9px;
        }

        .arrow {
            background: url("/@{imagesPath}/register-arrows.gif") no-repeat;
            background-position: -84px 50%;
            width: 18px;
            height: 34px;
            display: block;
            line-height: 1;
            border: 0;
            position: relative;
            float: left;

            &.blue-clear {
                background-position: -50px 50%;
                left: -9px;
            }

            &.blue {
                background-position: -16px 50%;
                left: -9px;
            }
        }
    }
}

.conference-and-agenda-information {
    h3 {
        margin: 40px 0 11px;
        line-height: 1;
        min-height: 20px;
        padding: 5px 0;
        background-color: transparent;
        background-repeat: no-repeat;
        background-position: 0% 30%;
        padding-left: 30px;

        &.agenda {
            background-image: url("/@{imagesPath}/icon-calendar.png");
            padding-left: 32px;
        }

        &.workshops {
            background-image: url("/@{imagesPath}/icon-podium.png");
            padding-left: 29px;
        }

        &.awards {
            background-image: url("/@{imagesPath}/icon-star.png");
        }

        &.attendees {
            background-image: url("/@{imagesPath}/icon-group.png");
            padding-left: 43px;
        }

        &:first-child {
            margin-top: 0;
        }

        a {
            color: #333;
        }
    }

    p {
        margin-bottom: 5px !important;
    }
}


.home-section.exhibitors p {
    font-size: 14px;
    color: @gray;
}

.exhibitor-block {
    margin: 0 0 10px;
    padding: 0;
    text-align: justify;

    li {
        list-style-type: none;
        margin: 0 0 25px;
        padding: 0;
        padding-left: 10px;
        display: inline-block;
        font-size: 16px;
        line-height: 1;
        position: relative;
        left: -10px;

        &.force-justify {
            height: 1px;
            width: 700px;
            display: inline-block;
        }


        img {
            vertical-align: middle;
        }


        a {
            font-weight: bold;
            color: @grayLight;
        }
    }
}



.home-section ul.testimonials li {
    margin-bottom: 15px;
}

ul.testimonials {
    margin: 0;
    padding: 0;

    li {
        list-style-type: none;
        margin: 0 0 35px;
        padding: 0;
        overflow: hidden;
        line-height: 1.2;

        .photo {
            width: 70px;
            float: left;
            padding-top: 3px;
        }

        .photo img {
            .padded-image;
        }

        .content {
            float: left;
            width: 610px;
            line-height: 1.4;
            margin-left: 10px;

            .quote {
                font-size: 24px;
                color: @grayDark;
                font-family: @headerFontFamily;
                margin: 0 0 10px;
            }

            .person {
                color: @goldDark;
                font-size: 13px;
                margin: 3px 0;
                font-weight: bold;
            }

            .about {
                color: @grayLight;
                font-size: 12px;
                margin: 3px 0;
            }

            .company {
                color: @grayDark;
            }
        }
    }
}

.location-and-hotel-information {
    .hotel-pics {
        margin-bottom: 20px;

        img {
            .padded-image;
        }
    }

    iframe {
        .padded-image;
    }
}


#sponsor-footer-container {
    border-top: 1px solid #ccc;
    padding: 30px 0 20px;
}

#sponsor-footer {
    h3 {
        display: inline;
        margin: 0 5px 0 0;
    }

    p.become-sponsor {
        margin: 0 0 2px;
        display: inline;
        border-left: 1px solid @gray;
        padding: 3px 0 3px 10px;
    }

    h4 {
        font-family: @headerFontFamily;
        font-size: 13px;
        text-transform: uppercase;
        color: @grayLighter;
        border-top: 1px dotted @grayLighter;
        padding-top: 3px;
        line-height: 1;
        margin: 30px 0 20px;
    }

    .sponsor-list {
        margin: 20px 0 30px;
        padding: 0;
        text-align: center;

        li {
            list-style-type: none;
            margin: 10px 0;
            padding: 0;
            padding-left: 30px;
            display: inline-block;
            font-size: 28px;
            line-height: 1;
            position: relative;
            left: -30px;

            &.force-justify {
                height: 1px;
                width: 600px;
                display: inline-block;
            }


            img {
                vertical-align: middle;
            }


            a {
                font-weight: bold;
                color: @grayLight;
            }
        }

        &.platinum li {
            padding-left: 60px;
            left: -60px;
        }
    }
}

/* page */

.page-heading-container {
    color: #fff;
    height: 180px;
    background: #000 url("/@{imagesPath}/expo-header-register.jpg") no-repeat top center;

    &.about-section {
        background-image: url("/@{imagesPath}/expo-header-about.jpg");
    }
    &.conference-section {
        background-image: url("/@{imagesPath}/expo-header-conference.jpg");
    }
    &.exhibit-hall-section {
        background-image: url("/@{imagesPath}/expo-header-exhibithall.jpg");
    }
    &.location-section {
        background-image: url("/@{imagesPath}/expo-header-location.jpg");
    }
    &.register-section {
        background-image: url('/@{imagesPath}/expo-header-register.jpg');
    }

    .page-heading {
        padding-top: 35px;

        h2 {
            color: #fff;
            text-shadow: #000 0 1px 0;
            font-size: 48px;
            margin-top: 40px;
        }
    }
}


.page-content {
    padding: 30px 0;
}

.entry-content {
    margin: 1em 0 2em;
    color: @grayDarker;

    p {
        line-height: 1.5;
        font-size: 14px;
        margin: 15px 0 0;

        .lede {
            font-size: 16px;
            line-height: 1.33;
            color: #000;
            font-weight: bold;
        }
    }

    ul, ol {
        margin: 15px 0 0 20px;
    }

    h3 {
        font-size: 18px;
        margin: 30px 0 0;
    }

    h4 {
        font-size: 16px;
        margin: 20px 0 0;
    }

    li {
        line-height: 1.33;
        font-size: 1.1em;
        margin: 7px 0 0;
    }

    img {
        margin: 0;
    }

}

/* sidebar stuff */

.sidebar-widget h3 {
    font-family: @headerFontFamily;
    font-size: 16px;
    color: @goldDark;
    margin: 0 0 10px;
    line-height: 1.3;

    .body-copy {
        margin: 5px 0 0;
        color: @gray;
        font-size: 13px;

        p {
            font-size: 12px;
        }
    }

}

.widget_brochurewidget img {
    background-color: @white;
    padding: 4px;
    border: 1px solid @grayLight;
}

.social-sharing {
    margin: 0 0 50px;

    .control {
        margin: 0 0 3px;
    }

    h3 {
        font-family: @headerFontFamily;
        font-size: 16px;
        color: @goldDark;
        margin: 0 0 10px;
        line-height: 1.3;
    }
}



#register-footer-container {
    background: @grayBlueDarker url("/@{imagesPath}/bg-grey-noise.gif") repeat top left;
    color: @white;
    padding: 18px 0 19px;
}

#register-footer {
    h5 {
        color: #f2f2f2;
        font-family: @headerFontFamily;
        text-transform: uppercase;
        font-size: 24px;
        font-weight: normal;
        text-shadow: @black 0 1px 0;
        margin: 0;
        line-height: 1.2;
    }

    strong {
        color: @white;
    }

    p {
        font-size: 15px;
        color: @grayLightest;
        margin: 1px 0 0;

        a {
            color: @grayLightest;
        }
    }

    .register-button {
        padding-top: 2px;
        text-align: center;
    }
}


#main-footer-container {
    padding: 40px 0 20px;
    background: @black url("/@{imagesPath}/footer-background.png") no-repeat bottom center;
    color: @gray;
    min-height: 340px;
}

#main-footer {
    .brand {
        padding-top: 25px;
        text-align: center;

        h3 {
            margin: 0 0 10px;
            line-height: 1;
        }

        h4 {
            margin-top: 15px;
            line-height: 1.2;
            font-family: @specialFontFamily;
            text-transform: uppercase;
            color: @grayLighter;
            font-size: 20px;
            font-weight: normal;

            span {
                display: block;
            }
        }
    }
}

#footer-links {
    ul {
        margin: 0;
        padding: 0;

        li {
            list-style-type: none;
            margin: 0;
            padding: 0;
            font-family: "Open Sans", "Helvetica Neue",Helvetica,Arial,sans-serif;
            margin: 0 0 3px;

            a {
                color: @blueLight;
            }
        }

        &.menu > li {
            font-size: 18px;
        }

        &.sub-menu {
            margin: 10px 0 20px;

            li {
                font-size: 13px;

                a {
                    color: @grayLighter;
                }
            }
        }
    }

    .social {
        padding: 0 0 0 21px;
        background-repeat: no-repeat;
        background-position: 0% 30%;

        &.twitter {
            background-image: url("/@{imagesPath}/social-footer-twitter.png");
        }

        &.linkedin {
            background-image: url("/@{imagesPath}/social-footer-linkedin.png");
        }

        &.facebook {
            background-image: url("/lmages/social-footer-facebook.png");
        }
    }

}


#about-footer-container {
    background-color: @black;
    color: @grayLight;
    padding: 15px 0 15px;

    p {
        line-height: 1;
        margin: 0;
    }

    a {
        color: @white;
    }

    .right {
        text-align: right;
    }
}



/* agenda at a glance */

table.agenda-at-a-glance {
    margin: 30px -10px 60px;
    vertical-align: top;
    width: auto;

    td,
    th {
        border: none;
    }

    th.day {
        /* background-color: #d2d7d9;*/
        background-color: transparent;
        border-bottom: 1px solid @grayLighter;
        padding-top: 20px;
        font-size: 16px;
        padding-bottom: 10px;

        .workshop-note {
            top: 3px;
            width: auto;
            float: right;
            font-weight: normal;
            color: @gray;
            font-size: 12px;
            position: relative;
        }
    }

    .session-type {
        color: @grayLight;
        font-size: 12px;
        text-transform: uppercase;
    }

    .session-name {
        margin: 2px 0 3px;
        font-size: 15px;
    }

    .session-speakers {
        font-size: 13px;
    }

    .session-speakers a {
        color: @gray;
    }

    table.session td {
        padding-top: 0;
    }
}


/* session descriptions */

#agenda-navigation {
    margin: 20px 0 10px 2px;
    text-align: left;
    font-size: 12px;

    h4 {
        display: inline;
        margin: 0 5px 0 0;
        padding: 0;
        color: @gray;
        font-weight: normal;
        font-size: 12px;
    }

    ul {
        display: inline;
        margin: 0;
        padding: 0;
    }

    li {
        display: inline;
        list-style-type: none;
        margin: 0 0 0 3pxm;
        padding: 0 0 0 5px;
        border-left: 1px solid @grayLight;
        font-size: 1em;

        .first {
            margin: 0;
            padding: 0;
            border: none;
        }
    }
}

table.agenda {
    border: none;
    margin: 20px 0 50px;

    td,
    th {
        border: none;
        padding: 10px;
        vertical-align: top;

        &.time {
            background-color: @grayLighter;
            width: 100px;
        }
    }

    thead th {
        text-align: left;
        color: @gray;
        font-size: 16px;
    }


    td.time {
        color: @gray;
        font-size: 15px;
        padding-top: 20px;

        .speakers {
            list-style-type: none;
            margin: 0 0 10px;
            padding: 0;

            li {
                list-style-type: none;
                margin: 5px 0;
                padding: 0;
                display: block;
                text-align: center;

                img {
                    border: 2px solid @grayLight;
                }
            }

        }
    }


    td.session.header {
        padding-top: 20px;
    }

    th small {
        font-weight: normal;
        font-size: 11px;
    }

    .session {
        .description {
            font-size: 14px;

            p {
                margin-top: 0;
                font-size: 14px;
            }

            li {
                margin: 5px 0;
                font-size: 14px;
            }
        }

        .session-label {
            text-transform: uppercase;
            color: @gray;
        }

        .title {
            font-size: 18px;
            margin: 0;
            line-height: 1.2;

            .duration {
                font-weight: normal;
                color: @gray;
                font-size: 12px;
            }
        }

        .speakers {
            font-size: 15px;
            margin: 10px 0;
        }
    }
}


/* sponsor block */

.sponsor-block {
    margin: 0 0 50px;
    padding: 0;
    text-align: justify;

    ul {
        margin: 0;
        padding: 0;
    }

    h4 {
        margin: 80px 0 10px;
        line-height: 1.2;
    }

    li {
        list-style-type: none;
        margin: 0 0 25px;
        padding: 0;
        padding-left: 15px;
        display: inline-block;
        font-size: 16px;
        line-height: 1;
        position: relative;
        left: -15px;

        &.force-justify {
            height: 1px;
            width: 700px;
            display: inline-block;
        }


        img {
            vertical-align: middle;
        }


        a {
            font-weight: bold;
            color: @grayLight;
        }
    }
}



/* speakers */

ul.speakers {
    margin: 10px 0 20px;
    padding: 0;
    list-style-type: none;

    .speaker {
        padding: 10px 0;
        border-bottom: 1px solid @grayLightest;
        margin: 0;
        display: block;
        .clearfix();

        img {
            float: left;
            width: 75px;
            height: 100px;
            margin-top: 18px;

        }

        .about {
            width: 545px;
            float: left;
            margin-left: 20px;

            .role {
                color: #666;
            }

            h4 {
                margin: 0 0 3px;
                font-size: 18px;
            }

            .bio {
                p {
                    font-size: 15px;
                }

                .more {
                    display: block;
                    margin-top: 10px;
                }
            }
        }
    }
}

.content.speaker {
    h3.name {
        margin: 0;
        font-size: 20px;
        line-height: 1.2;
    }

    h4.job-title, .content.speaker h4.org {
        color: @gray;
        margin: 1px 0;
        font-size: 16px;
        font-weight: normal;
        line-height: 1.2;
    }

    .photo {
        width: auto;
        float: left;
        margin: 4px 10px 5px 0;

        img {
            width: 85px;
            border: 3px solid @grayLightest;
        }
    }

    .bio {
        margin: 10px 0;

        p {
            line-height: 1.5;
        }

        li {
            line-height: 1.33;
        }
    }
}