#subhead h2 span {
    float: left;
}
#subhead h2 #sxswPageTitle {
    display: block;
    margin-left: 8px;
    width: 102px;
    height: 17px;
    text-indent: -8000px;
    background: url(../../img/sxsw/pagetitle-logo.png) no-repeat left top;
}
#subhead a {
    display: block;
    margin: 23px 58px 0 0;
    float: right;
    font-size: 13px;
    line-height: 22px;
    font-family: 'Droid Sans', arial, serif;
}

#leaderboardPanel {
    width: 868px;
    padding: 0;
    margin-bottom: 15px;
    background: #fefefe url(../../img/sxsw/rightcol-gradient.png) repeat-y right top;
}
/* left col form */
#leaderboardPanel .left {
    float: left;
    width: 586px;
    margin-left: -1px;
    margin-top: -1px;
    border-right: solid 1px #c3c3c3;
}

#leaderboardPanel ol li {
    float: left;
    border-left: solid 1px #C3C3C3;
    border-top: solid 1px #C3C3C3;
}
#leaderboardPanel ol li a {
    display: block;
    float: left;
    width: 292px;
    height: 67px;
    padding-top: 10px;
    background-color: #ebebeb;
}
#leaderboardPanel ol li a:hover {
    background-color: #f5f5f5;
}

#leaderboardPanel ol .chartNumber {
    display: block;
    float: left;
    padding: 0 16px 0 6px;
    width: 28px;
    text-align: right;
    font-size: 36px;
    line-height: 57px;
    letter-spacing: -3px;
    color: #c3c3c3;
    font-weight: bold;
}
#leaderboardPanel ol li a:hover .chartNumber {
    color: #929bb7;
}

#leaderboardPanel ol .thumb {
    display: block;
    float: left;
    padding: 4px;
    width: 32px;
    height: 47px;
    margin-right: 10px;
    background: #ffffff url(../../img/photoHolder2.png) no-repeat 4px 4px;
    border: 1px solid #C5C5C5;
}
#leaderboardPanel ol .thumb img {
    display: block;
    width: 32px;
    height: 47px;
}
#leaderboardPanel ol .name {
    padding-top: 10px;
    color: #000;
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
}
#leaderboardPanel ol .name em {
    color: #8c8c8c;
    font-size: 11px;
}

/* topspot */
#leaderboardPanel ol li#topspot a {
    background: #949494 url(../../img/sxsw/topspot-gradient.png) repeat-x left top;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
}
#leaderboardPanel ol li#topspot a:hover {
    background-position: left -100px;
}
#leaderboardPanel ol li#topspot .chartNumber,
#leaderboardPanel ol li#topspot .name,
#leaderboardPanel ol li#topspot .name em {
    color: #fff;
}


/* right col */
#leaderboardPanel .right {
    float: left;
    width: 262px;
    padding: 27px 0 20px 20px;
    margin-left: -1px;
    border-left: solid 1px #c3c3c3;
}
#leaderboardPanel .right h3 {
    font-weight: bold;
}
#leaderboardPanel .right ul {
    padding: 10px 0 0 5px;
}
#leaderboardPanel .right li {
    display: block;
    font-size: 13px;
    margin-top: 10px;
    line-height: 20px;
    padding-left: 25px;
    background: url(../../img/analyticsIcons.png) no-repeat left -73px;
}
#leaderboardPanel #actionUniques {
    background-position: left -173px;
}
#leaderboardPanel #actionViews {
    background-position: left -73px;
}
#leaderboardPanel #actionShares {
    background-position: left -48px;
}
#leaderboardPanel #actionComments {
    background-position: left -98px;
}
#leaderboardPanel #actionVideo {
    background-position: left -147px;
}
#leaderboardPanel #actionWin {
    background-position: left -23px;
}
#leaderboardPanel #actionEmail {
    background-position: left -123px;
}
#leaderboardPanel #actionFacebook {
    background-position: left 1px;
}
#leaderboardPanel #actionTwitter {
    background-position: left -202px;
}

/* heatmap */
#heatMap {
    width: 100%;
    float: left;
    background: #1B1C22 url(../../img/sxsw/heatmapBg.png) repeat-x top left;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#heatMap h3 {
    float: left;
    font-family: 'Droid Sans', arial, serif;
    font-size: 13pt;
    color: #fff;
    padding: 15px 0 12px 15px;
}
#heatMap h4 {
    float: right;
    margin: 8px 10px 0 0;
    width: 160px;
    height: 28px;
    text-indent: -8000px;
    background: url(../../img/headerBg.png) no-repeat left top;
}
#heatMap iframe {
    display: block;
    width: 872px;
    border: none;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px;
}