.primary .upcoming h2 { background-color: #eafde5; border-color: #28c00a; }
.primary .past h2 { background-color: #fdf1e0; border-color: #f1a01b; }

.events h2 { position: relative; }
.events h2 span { float: right; font-family: Lucida Grande, Tahoma, freeSans, sans-serif; font-weight: normal; font-size: 0.85em; text-shadow: none; position: absolute; right: 10px; }
.events h2 a.see-all { border: none; background-color: transparent; padding: 0; }

.module a.see-all { background-color: #fff; margin: 0 5px; border-top: 1px solid; border-top-color: #dcdcdc; font-family: Lucida Grande, Tahoma, freeSans, sans-serif; font-size: 1.1em; overflow: hidden; padding: 5px 10px; display: block; }

#page .events .add-concert { float: right; background-image: url(http://www1.sk-static.comhttp://static.songkick.com/images/icons/add.png?d30448); background-repeat: no-repeat; background-position: 3px 50%; margin: 5px; margin-bottom: 0; padding-left: 18px; }
#page li.upcoming { position: relative; }
#page li.upcoming .buy-tickets { position: absolute; right: 10px; top: 2px; text-shadow: none; font-weight: normal; }
#page li.upcoming a.buy-tickets, #page li.upcoming span.sold-out { background-image: url(http://www2.sk-static.com/images/layout/listings/tickets.png?d30448); background-repeat: no-repeat; background-position: 3px center; float: left; font-family: Lucida Grande, Tahoma, freeSans, sans-serif; padding-left: 23px; color: #f80046; }
#page li.upcoming .buy-tickets:hover { background-color: transparent; }
#page li.upcoming a.buy-tickets:hover { text-decoration: underline; }
#page li.upcoming span.buy-tickets { background-image: url(http://www1.sk-static.com/images/layout/listings/no-tickets.png?d30448); background-repeat: no-repeat; background-position: 3px center; color: #ccc; cursor: default; display: block; font-weight: normal; text-shadow: none; }
#page li.upcoming span.buy-tickets .message { line-height: 1.3em; display: none; position: absolute; top: 33px; left: 2px; width: 86px; text-align: center; background-color: #242424; background-image: url(http://www1.sk-static.com/images/layout/listings/speech-bubble-middle.png?d30448); color: white; }
#page li.upcoming span.buy-tickets .message b { position: absolute; width: 86px; height: 11px; background-repeat: no-repeat; background-position: left top; left: 0; }
#page li.upcoming span.buy-tickets .message b.top { background-image: url(http://www1.sk-static.com/images/layout/listings/speech-bubble-top.png?d30448); background-color: transparent; top: -11px; }
#page li.upcoming span.buy-tickets .message b.bottom { background-image: url(http://www1.sk-static.com/images/layout/listings/speech-bubble-bottom.png?d30448); bottom: -11px; }
#page li.upcoming span.buy-tickets:hover .message { display: block; background-image: url(http://www1.sk-static.com/images/layout/listings/speech-bubble-middle.png?d30448); z-index: 100; }
#page ol.gigography li.event:after { content: ""; display: block; height: 0; clear: both; }
#page ol.gigography li.event { background-color: #fff; border: 1px solid #fff; display: block; margin-top: 2px; overflow: visible; padding: 4px; position: relative; }
#page ol.gigography li.event a.buy-tickets { font-size: 0.917em; }
#page ol.gigography li.event .summary { float: left; margin-right: 10px; width: 224px; }
#page ol.gigography li.event .summary a { display: block; }
#page ol.gigography li.event .summary a .headliners, #page ol.gigography li.event .summary a .festival-name { display: block; font-weight: bold; }
#page ol.gigography li.event .summary a .location { display: none; }
#page ol.gigography li.event .summary .my-attendance { clear: left; padding: 5px 0; visibility: hidden; margin-top: 10px; margin-bottom: 10px; }
#page ol.gigography li.event div.location { float: left; margin-right: 10px; width: 146px; }
#page ol.gigography li.event div.location .city { display: block; text-decoration: none; }
#page ol.gigography li.event .attendance { float: left; width: 224px; }
#page ol.gigography li.event .attendance p.general { background-image: url(http://www1.sk-static.com/images/icons/users.png?d30448); background-repeat: no-repeat; background-position: left top; margin-bottom: 0.75ex; padding-left: 20px; }
#page ol.gigography li.event .attendance ul.friends { margin: 0; padding: 0; }
#page ol.gigography li.event .attendance ul.friends li { display: block; float: none; margin-bottom: 4px; margin-margin-left: 0; margin-margin-right: 5px; margin-margin-top: 0; width: auto; }
#page ol.gigography li.event .attendance ul.friends li a img { float: left!important; height: 15px; padding: 0; width: 15px; }
#page ol.gigography li.event .attendance ul.friends li a:hover { text-decoration: underline; }
#page ol.gigography li.past .attendance { margin-right: 10px; width: 146px; }
#page ol.gigography li.past ul.media-summary { background-color: transparent; float: right; list-style: none; width: 68px; }
#page ol.gigography li.event:hover, #page ol.gigography li.event:hover { border-color: #dcdcdc; }
#page ol.gigography li.event:hover .my-attendance, #page ol.gigography li.event:hover .my-attendance { visibility: visible; }