Lollapalooza 2009

div.fiflufi div.leftColWrapper
{
position:relative;
padding:208px 15px 15px;
}

div.fiflufi div.leftColWrapper .clickthrutop
{
position:absolute;
top:0; left:0;
display:block;
width:100%;
height:178px;
}

div.fiflufi div.leftColWrapper .clickthrutop span {
text-indent: -9999px;
margin: 15px;
display:block;
height:178px;
background:url(http://cdn.last.fm/flatness/promo/budweiser/summer-festival/lollapalooza/header.jpg) no-repeat top left transparent;
}

Lollapalooza Festival

Lollapalooza is a kick-ass three day festival in Grant Park. What could be better than seeing your favorite face melting bands under Chicago's hot summer sun with nothing but a lake and skyscrapers surrounding you?

/* temp fixes until this is in the proper main css */
#calsheet {
display: inline;
}

#page .stationbutton {
width: 200px !important;
}
/* end temp fixed */

.leftColWrapper {
position: relative;
}

/* change the layout of the calendar sheets/poster/details */
#page #calsheet {
margin-left: 0;
display: inline;
}

#page #details {
margin: 0 0 0 35px;
}

/* if #details hasLayout, it wonÕt wrap around the #poster, so we remove it */
* html #page #details {
zoom: normal;
height: auto;
}

* + html #page #details {
zoom: normal;
height: auto;
}
/* end #details hasLayout removal */

#page #poster {
float: right;
margin: 0 0 0 15px;
}

#page #largePoster {
left: auto;
right: 0;
}
/* end change layout of the calendar sheets/poster/details */

#festivalFilter {
background: url("http://cdn.last.fm/flatness/promo/budweiser/summer-festival/lollapalooza/filter_lolla.jpg") left top no-repeat #bbbf50;
padding: 90px 10px 15px 10px;
margin-top: 15px;
font-family: Arial, sans-serif;
text-align: center;
height: 105px;
width: 373px;
}

* html #festivalFilter {
overflow: hidden;
}

#festivalFilter a,
#ff_tagFilterList {
color: #161d12;
}

#festivalFilter a {
text-decoration: underline;
}

#festivalFilter form {
margin: 7px 0;
}

#ff_username {
font-size: 12px;
margin-right: 10px;
}

/* the buttons of long labels and would look very ugly (and break things) in IE if we donÕt fix them like this */
* html #ff_go {
overflow: visible;
padding: 0 0.3em;
}

* + html #ff_go {
overflow: visible;
padding: 0 0.3em;
}

Type your username to generate your personalized festival lineup. DonÕt have a free Last.fm account? Sign up now or filter by genre.

Or filter your list by genre instead:

indie |

rock |
alternative |
electronic |
folk |
hip-hop

new LFM.Form.Placeholder("ff_username");

var Popup = Class.create({
initialize: function(options)
{
this.options = {
url: '#',
width: 600,
height: 500
}
Object.extend(this.options, options || {});
window.open(this.options.url, '', 'scrollbars=1,statusbar=0,menubar=0,resizable=1,width='+this.options.width+',height='+this.options.height);
}
});

$("ff_go").observe('click', function(e) {
e.stop();
var val = $F('ff_username');
if(val != $('ff_username').readAttribute("placeholder") && val != '') {
var baseUrl = $('festivalFilter').down("form").readAttribute('action');
var url = baseUrl+'&user='+val;
new Popup({url:url});
} else {
alert("Sorry, please enter a username.");
}
});

$("ff_tagFilterList").observe('click', function(e) {
if (!e.element().match("a")) return;
e.stop();
new Popup({url:e.element().href});
});