body {
 font-family: Helvetica, Arial, Verdana, sans-serif;
 font-size: 12px;
 line-height: 1.4em;
 background: #FFF;
 color: #564B42;
 margin: 0;
 padding: 0;
}

a:link, a:hover, a:visited, .articleDisplay h3 a:visited, .journals h4 a:visited, span.userIcon a:visited, span.staffIcon a:visited, span.subscriberIcon a:visited, span.modIcon a:visited { color: #3F3731; }
 .articleDisplay a:visited, .forumtable a:visited, .journals a:visited { color: #867463; } 
p, li { margin-top: 10px; }
.articleDisplay li { margin-top: 5px; }
form, fieldset { margin: 0; padding: 0; border: 0;}
textarea { margin:0; padding:0;}
td { font-size: 11px; }
img { border:none; }

h3, h3 a:link, h3 a:visited {
 font-size: 14px;
 color: #43281E;
 line-height: 21px;
 margin-bottom: 10px;
 margin-top: 10px;
 text-decoration: none;
}

h4 {
 font-size: 12px;
 margin-top: 0.5em; margin-bottom: 0.5em;
 color: #5D3A2D;
}

th {
 text-align:center;
 background: #EDF0E6;
 color: #564B42;
 font-weight: bold;
 font-size: 11px;
}

small { font-size: 11px; }
smaller, tiny { font-size: 10px; }
table.form {
 padding: 0px;
 width:100%;
}

table.form .divider h3 {
 border-bottom: 1px solid #CFCFCF;
}

table.form textarea {
 width: 90%; height: 80px;
}

table.form input[type="text"]{
 width:30%;
}

table.form td {
 padding-bottom:5px;
}

table.form td.label {
 text-align:right;
 padding-right:5px;
 font-size:12px;
 vertical-align:top;
}

table.form span.required {
 color:red;
}

table.form span.error {
 color:red;
 font-weight:bold;
 font-size:13px;
}
/* for 3-column layout pages */
#LastContent3 {
 margin: 10px 200px 0 200px;
 padding: 0 30px 25px 20px;
 border-top: 1px solid #FFF;
 border-right: 1px solid #EAECE2;
 border-left: 1px solid #EAECE2;
}

/* for 2-column layout pages */
#LastContent2 {
 margin: 10px 20px 0 200px;
 padding-bottom: 25px;
 padding-left: 20px;
 border-top: 1px solid #FFF;
 border-left: 1px solid #EAECE2;
}

/* for 1-column layout pages */
#LastContent1 {
 margin: 0 15px 0 20px;
 padding-bottom: 25px;
}

.nonav#LastContent3, .nonav#LastContent2 { margin-top: 15px; }


#LastContextSidebar, #LastSearchSidebar {
 position: absolute;
 top: 130px;
 padding: 10px 11px 0 10px;
 left: 0px;
 width: 180px;
 overflow: hidden;
 color: #605C5B;
}

#LastConnectionsSidebar {
 position: absolute;
 top: 154px;
 padding: 11px 5px 0 10px;
 width: 186px;
 right: 0;
 color: #605C5B;
}

.nonav#LastConnectionsSidebar { top: 130px; }

#featurepanel p, #radio p {
 margin-bottom: 0.5em;
}

#LastFooter {
 clear: both;
 margin: 50px 0 20px 220px;
 color: #91998E;
 font-size: 10px;
}
#LastFooter p { margin-top: 5px; }

#roundFooter { margin-left: -11px; margin-top: 10px; padding-left: 7px; background: url('http://static.last.fm/images/footer_left.gif') top left no-repeat; height: 30px; overflow: hidden; }
#scrobblerlink { margin-top: 10px; display: block; }
#rfContent { float: left; height: 30px; padding-right: 10px; background: url('http://static.last.fm/images/footer_right.gif') top right no-repeat #EBEEE4; }
#rfContent a { font-size: 11px; margin-left: 5px; margin-right: 5px; text-decoration: none; line-height: 29px; color: #878A81;}
#rfContent a:hover { text-decoration: underline; color: #444641;}
#LastHeader {
 height: 100px;
 color: #E7A6CF;
 background: #D20039;
 overflow: hidden;
}

#LastHeader a { color: #E7A6CF; }
#LastHeader a:hover { color: #FFF; }

#LastLogo {
 position: absolute;
 top: 10px;
 left: 15px;
 height: 85px;
 width: 185px;
 color: #FFF;
}

#LastLogo .powered {
 display: block;
 font-size: 10px;
 margin-left: -1px;
}

#roundsearchbox { margin-top: 10px; }
#LastHeader #roundsearch {
 width: 106px;
 height: 25px;
 float: left;
 margin-right:3px;
 overflow: hidden;
 margin-left: -3px;
 background: url("http://static1.last.fm/images/roundsearch.gif") top left no-repeat;
 position: relative; z-index:15;
}
div.safari#roundsearchbox #roundsearch { margin:0px 1px 0 0;background:none;}
#roundsearch input { 
 height: 18px;
 width: 80px;
 float: left;
 background: transparent;
 border: 0;
 margin: 3px 9px 0 13px;
 padding: 3px 7px 0 0;
 color: #91998E; 
 font-size: 11px;
 overflow: hidden;
 }
div.safari#roundsearchbox #roundsearch input { width: 101px; margin-left: 0px; }
#LastHeader div.searching#roundsearch { background: url("http://static1.last.fm/images/roundsearch.gif") 0 -25px no-repeat transparent; }
#LastHeader div.searching#roundsearch input { color: #333; } 
#LastHeader .safari div.searching#roundsearch { background: 0;}
#roundsearchbox .sbutton { float: left; margin-top: 2px;}

#HeaderMenu { margin: 1px 200px 0 208px; }
#HeaderMenu ul.extralinks {
 margin: 9px 0 0 0;
 width: 85px;
 list-style: none;
 float: right;
 padding: 0;
}

#HeaderMenu ul.extralinks li {
 margin: 5px 0 0 0;
 font-size: 11px;
 line-height: 12px;
}

/* Primary Navigation */

#navigation {
 margin-top: 9px;
 height: 55px;
 width: 327px;
 float: left;
}

#navigation ul {
 background: url("http://static1.last.fm/matt/nav/nav.gif") top left no-repeat transparent;
 padding: 0; margin: 0;
 position: relative;
 height: 55px;
}

#navigation li {
 margin: 0; padding: 0;
 position: absolute; 
 top: 0;
 list-style: none;
 height: 55px;
 display: block;
}

#navigation li a {
 display: block;
 text-decoration: none;
 padding-top: 40px;
 height: 15px;
 line-height: 15px;
 text-align: center;
}

#navUsers { left: 0; width: 50px; }
#navMusic { left: 55px; width: 50px; }
#navRadio { left: 110px; width: 50px; }
#navGroups { left: 165px; width: 50px; }
#navCharts { left: 220px; width: 50px; }
#navHelp { left: 275px; width: 50px; }

#navigation li a:hover, #navigation li.current a { color: #FFF; }
#navUsers a:hover, li.current#navUsers a { background: url("http://static1.last.fm/matt/nav/nav.gif") 0 -55px no-repeat #D20039;	}
#navMusic a:hover, li.current#navMusic a { background: url("http://static1.last.fm/matt/nav/nav.gif") -55px -55px no-repeat #D20039;	}
#navRadio a:hover, li.current#navRadio a { background: url("http://static1.last.fm/matt/nav/nav.gif") -110px -55px no-repeat #D20039;	}
#navGroups a:hover, li.current#navGroups a { background: url("http://static1.last.fm/matt/nav/nav.gif") -165px -55px no-repeat #D20039;	}
#navCharts a:hover,li.current#navCharts a { background: url("http://static1.last.fm/matt/nav/nav.gif") -220px -55px no-repeat #D20039;	}
#navHelp a:hover,li.current#navHelp a { background: url("http://static1.last.fm/matt/nav/nav.gif") -275px -55px no-repeat #D20039;	}

#LastHeadline {
 height: 30px;
 padding-left: 15px;
 padding-right: 10px;
 background: #91998E;
}

#LastHeadline h1 {
 font-size: 18px;
 line-height: 21px;
 margin: 0;
 padding: 0;
 margin-top: 4px;
 padding-top: 1px;
 position: absolute;
 overflow: hidden;
 color: #FFF;
}

h1 span { display: none; }

#LastHeadline h1.h1user { padding-left: 26px; background: url("http://static1.last.fm/matt/h1/user.gif") no-repeat; }
#LastHeadline h1.h1users { padding-left: 26px; background: url("http://static1.last.fm/matt/h1/users.gif") no-repeat; }
#LastHeadline h1.h1artist { padding-left: 26px; background: url("http://static1.last.fm/matt/h1/star.gif") no-repeat; }
#LastHeadline h1.h1album { padding-left: 26px; background: url("http://static1.last.fm/matt/h1/album.gif") no-repeat; }
#LastHeadline h1.h1track { padding-left: 26px; background: url("http://static1.last.fm/matt/h1/note.gif") no-repeat; }
#LastHeadline h1.h1group { padding-left: 26px; background: url("http://static1.last.fm/matt/h1/group.gif") no-repeat; }
#LastHeadline h1.h1tag { padding-left: 26px; background: url("http://static1.last.fm/matt/h1/tag.gif") no-repeat; }
#LastHeadline h1.h1label { padding-left: 26px; background: url("http://static1.last.fm/matt/h1/label.gif") no-repeat; }
#LastHeadline h1.h1help { padding-left: 26px; background: url("http://static1.last.fm/matt/h1/help.gif") no-repeat; }
#LastHeadline h1.h1find { padding-left: 26px; background: url("http://static1.last.fm/matt/h1/find.gif") no-repeat; }
#LastHeadline h1.h1chart { padding-left: 26px; background: url("http://static1.last.fm/matt/h1/chart.gif") no-repeat; }
#LastHeadline h1.h1radio { padding-left: 26px; background: url("http://static1.last.fm/matt/h1/radio.gif") no-repeat; }
#LastHeadline h1.h1pony { padding-left: 26px; background: url("http://static1.last.fm/matt/h1/pony.gif") no-repeat; }
#LastHeadline h1.h1place { padding-left: 30px; }
#SecondaryNav {
 margin-left: 200px;
 padding-left: 8px;
 height: 30px;
 background: #E3E6D8;
 color: #383D42;
}

/*#LastContent3 #SecondaryNav {
 margin-right: -231px;
}

#LastContent2 #SecondaryNav { 
 margin-right: -20px;
 padding-right: 20px;
}
*/

#LastContent1 #SecondaryNav {
 margin-left: -20px;
 margin-right: -15px; 
 margin-bottom: 10px;
}

h2 {
 font-size: 16px;
 color: #43281E;
}

#SecondaryNav ul {
 padding: 0; margin: 0;
}

#SecondaryNav li {
 display: inline; 
 padding-top: 5px;
}

#SecondaryNav li a {
 margin-top: 5px;
 color: #383D42;
 padding-left: 12px;
 padding-right: 12px;
 line-height: 20px;
 height: 20px;
 border-right: 1px solid #F1F2EB;
 text-decoration: none;
 display: block;
 float: left;
}

#SecondaryNav li a:hover { background: #F1F2EB; }
#SecondaryNav li a.current:hover { background: #564B42; }

#SecondaryNav li a.current {
 font-size: 12px;
 font-weight: bold;
 text-decoration: none;
 color: #FFF;
 background: #564B42;
}
.radioButton {
 height: 22px;
 margin-bottom: 5px;
 margin-top: 5px;
 line-height: 22px;
 font-size: 10px;
 color: #464038;
 background:url('http://static1.last.fm/matt/radio/radio_right.gif') top right no-repeat;
 padding-right: 14px;
}

.redRadio { background:url('http://static1.last.fm/matt/radio/radio_right_red.gif') top right no-repeat; }
.whiteRadio { background:url('http://static1.last.fm/matt/radio/radio_right_white.gif') top right no-repeat; }
.disabledRadio { background:url('http://static1.last.fm/matt/radio/radio_right_disabled.gif') top right no-repeat; }

.radioButtonMini {
 height: 22px; width: 22px; margin-top: 0; 
}

.radioButtonContent {
 background:url('http://static1.last.fm/matt/radio/radio_left.gif') top left no-repeat;
 height: 22px;
 padding-left: 22px;
}

.redRadio .radioButtonContent {background:url('http://static1.last.fm/matt/radio/radio_left.gif') top left no-repeat;}
.whiteRadio .radioButtonContent {background:url('http://static1.last.fm/matt/radio/radio_left_white.gif') top left no-repeat;}
.disabledRadio .radioButtonContent {background:url('http://static1.last.fm/matt/radio/radio_left_disabled.gif') top left no-repeat;}

.radioButtonMini .radioButtonContent {
 background:url('http://static1.last.fm/matt/radio/minipreview.gif') top left no-repeat;
 height: 22px; width: 22px; padding: 0;
}

.flpRadio .radioButtonContent, .flpRadio .radioButtonContent a { background:url('http://static1.last.fm/matt/radio/radio_mini_red.gif') top right no-repeat; }

.radioButton a {
 display: block;
 width: 100%;
 text-decoration: none;
 color: #464038;
 background:url('http://static1.last.fm/matt/radio/radio_left.gif') top left no-repeat;
 margin-left: -22px;
 padding-left: 27px;
 height: 22px;
 overflow: hidden;
}

.redRadio a, #LastConnectionsSidebar .redRadio a {
 color: #FFF;
 background:url('http://static1.last.fm/matt/radio/radio_left_red.gif') top left no-repeat;
 }

.whiteRadio a {background:url('http://static1.last.fm/matt/radio/radio_left_white.gif') top left no-repeat;}
.disabledRadio .radioButtonContent a { background:url('http://static1.last.fm/matt/radio/radio_left_disabled.gif') top left no-repeat; color: #BABBB4; text-decoration: none; }

.radioButtonMini a {
 display: block;
 height: 22px; width: 22px;
 background:url('http://static1.last.fm/matt/radio/minipreview.gif') top left no-repeat;
 margin: 0; padding: 0;
}

.radioButton a:hover {
 color: #000;
 text-decoration: underline;
}

.disabledRadio a:hover { color: #BABBB4; text-decoration: none; }

.redRadio a:hover { color: #FFF; }

.previewbutton {
 font-size: 10px;
 width: 115px;
 float: right; 
 margin-top: -25px;
 margin-right: -5px;
 }
 
.tagradioholder { float:left; margin-right: 20px; }
/* Headers */

#blogitems h3 a:link, #blogitems h3 a:visited, .UnderCols h3 a:link, .UnderCols h3 a:visited { text-decoration: underline; }

.biggerh3 h3.help {
 margin-top: 40px;
 margin-bottom: 25px;
 font-size: 18px; 
}

#LastContent2 h3 a, #LastContent3 h3 a {
 border: 0;
}
#LastContent1 h3 a:hover, #LastContent2 h3 a:hover, #LastContent3 h3 a:hover {
 text-decoration: underline;
}

#LastContextSidebar h4 , #LastSearchSidebar h4, #LastConnectionsSidebar h4 {
 font-size: 11px;
 margin-bottom: 0;
}

/* Search sidebars */

.searchGroup {
 padding-bottom: 20px;
}

.searchGroup p {
 margin-top: 0.5em;
}

.searchGroup .lilhelp {
 margin-top: -0.5em;
 color: #999;
 font-size: 9px;
}

p.or {
 text-align: center;
 padding-bottom: 2em;
 margin-bottom: 0;
 color: #AAA;
}

#controls {
 clear: both;
 height: 25px;
 padding-bottom: 5px;
}


#viewtoggle, #viewtoggle1, #viewtoggle2, .controls div.collapsed, .controls div.expanded {
 float: left;
}

#viewtoggle a, #viewtoggle1 a, #viewtoggle2 a, .controls div.collapsed a, .controls div.expanded a {
 display: block;
 width: 175px;
 line-height: 20px;
 background: #F1F3EB;
 padding-left: 5px;
 text-decoration: none;
}

#controls div.expanded a:hover, .controls div.expanded a:hover, #controls div.collapsed a:hover, .controls div.collapsed a:hover { background-color: #E3E6D8; }
#controls div.expanded a, .controls div.expanded a { background: url("http://static1.last.fm/matt/minus.gif") center right no-repeat #F1F3EB;} 
#controls div.collapsed a, .controls div.collapsed a { background: url("http://static1.last.fm/matt/plus.gif") center right no-repeat #F1F3EB;}

#controls .sortmenu {
 width: 45%;
 text-align: right;
 float: right;
 padding-right: 2px;
}

/* Paging control styles */

#paging {
 font-size: 11px;
 padding: 0em 24px 2em 12px;
}

#paging_left {
 width: 40%;
 float: left;
 text-align: left;
}

#paging_right {
 width: 40%;
 float: right;
 text-align: right;
}

/* Misc. Styles */

.light { color: #AAA; }

a.redX, a.redX:link, a.redX:visited {
 font-size: 9px;
 color: #900;
 margin-left: 5px;
 display: inline;
}

.hint {
 font-size: 11px;
 color: #FFF;
 display: block;
 margin-top: 2px;
}

.lighter { color: #BCBCBC; }

#breadcrumb {
 font-size: 11px;
 line-height: 14px;
 padding-bottom: 5px;
 margin-right: 120px;
 color: #725F4F;
}

.nonav #breadcrumb { margin-top: 0; }

#breadcrumb a { color: #725F4F;}

#breadcrumb a.current {
 color: #564B42;
/* text-decoration: none;*/
}

table.forum { width:100%;}
table.forum thead { background-color:#D1E9F5;}
table.forum tr {background-color:white;}
tr.alt {background-color:#EDF0E6;}

td.lastdate {white-space:nowrap}

h3.label {
 font-size: 14px;
 color: #43281E;
 line-height: 21px;
 margin-bottom: 10px;
 text-decoration: none;
}

.label { padding-right: 5px; }
.imgPad { padding: 5px; border: 1px solid #CFCFCF; }
.smImgPad { padding: 2px; border: 1px solid #CFCFCF; }

.bbcode {
 text-align: right;
 border: 1px solid #CFCFCF;
 border-bottom: 0;
 background: #EFEFEF;
 color: #777;
 margin-top: 2px;
}

.bbcode input { 
 font-size: 10px; 
 color: #444;
 width: 100%;
}

#bbhelpline { 
 text-align: right; 
 border: 0;
 border-color: transparent; 
 width: 100%; 
 border-right: 1px solid #CFCFCF;
 background: #EFEFEF;
}

#bbbuttons li {
 display:inline;
 list-style:none;
}

/* 'alert' box, like "message sent" or "password changed" or some response to a form post */
/* always put text inside a <p class="happy|sad"> within a div/alert */
div.alert{
 border:1px solid grey; 
 padding:15px; 
 color: #555;
 border: 1px solid #CCC;
 background: #FCF1E2;
 vertical-align:middle; 
 text-align:center; 
 font-size:100%;
 font-weight: bold;
 margin-top: 10px;
}

div.alert p{ padding:0;margin:0;}

/* little help boxes */

.helpBox {
 padding: 10px;
 margin-bottom: 10px;
 margin-top: 10px;
 color: #555;
 border: 1px solid #CCC;
 background: #FCF1E2;
}

.helpBox p {
 margin-top: 0;
 margin-bottom: 0.75em;
}

.errorbox, .watermarkbox {
 padding: 12px;
 margin-top: 1em;
 margin-bottom: 1em;
 color: #666;
 border: 1px solid #CCC;
 background: #FCF1E2;
}

.watermarkbox {
 background: top right no-repeat #EFF2E9;
 line-height: 1.45em;
 font-size: 13px;
 padding-right: 125px;
}
.watermarkbox a { color: #555; }

a.helplink {
 font-size:10px;
 vertical-align:super;
 margin-left:2px;
}

.screenshot img {
 padding: 2px;
 border: 1px solid #CFCFCF;
 margin-left: -2px;
 margin-top: 5px;
 margin-bottom: 1.5em;
}

.pad { margin-bottom: 1.5em; }

ul.paddedlist li { 
 margin-bottom: 1em;
 padding-right: 10%;
}

th.left { text-align: left; }
th.right { text-align: right; }
tr.noback th { background: transparent; }

.larger { font-size: 12px; }


/* homepage */

#splash {
 text-align: center;
}

#splash h1 { 
 color: #564B42; 
 margin-top: 20px;
 font-size: 28px;
 }

#splash h2 {
 font-size: 20px;
 font-weight: normal;
 margin-top: -5px;
 color: #564B42; 
 padding-bottom: 10px;
}

#splashsearch {
 margin-top: 10px;
 vertical-align: middle;
 padding-bottom: 25px;
}

#splashsearch .imgbutton { margin-left: 5px; margin-bottom: -12px; }

#splash h3 { font-size: 18px; color: #564B42; }
#splash h3 a { font-size: 18px; color: #D20039; text-decoration: none; }
#splash h3 a:hover { text-decoration: underline; } 

#promos {
 margin-top: 15px;
 width: 500px;
 margin-left: auto;
 margin-right: auto;
}

#promos .promo {
 margin-top: 15px;
 font-size: 11px;
 float: left;
 width: 105px;
 padding-left: 9px;
 padding-right: 9px;
 border-right: 2px solid #F1F2EB; 
}

#promos .promo a { display: block; position: relative; font-weight: bold; padding-top: 90px; font-size: 12px; color: #564B42; margin-bottom: 5px;}
#promos .promo a:hover { color: #111; }
#profile_p { background: url("http://static1.last.fm/matt/splash/profile.gif") top center no-repeat; }
#discover_p { background: url("http://static1.last.fm/matt/splash/discover.gif") top center no-repeat; }
#radio_p { background: url("http://static1.last.fm/matt/splash/radio.gif") top center no-repeat; }
#users_p { background: url("http://static1.last.fm/matt/splash/users.gif") top center no-repeat; }
#promos .last { border-right: none; }
#splash form { border: 0; margin: 0; padding: 0; }


/* Last.fm Dashboard Look and Feel 
 ---------------------------- */

#dashboard {
 position: absolute;
 top: 0;
 right: 0;
 padding: 10px;
 width: 180px;
 height: 95px;
 font-size: 10px;
 overflow: hidden;
 line-height: 15px;
}

#dashboard a { color: #564B42; font-size: 8pt;}

#dashboard .dashTop {
 background: #F1F3EB; 
 overflow: hidden;
 height: 49px;
 border: 1px solid #F1F3EB;
 border-bottom: 0;
}

#dashboard .dashBottom {
 background: #E24D75;
 clear: both;
 padding: 1px 9px 2px 7px;
 line-height: 14px;
 font-size: 10px;
 border: 1px solid #F1F3EB;
 border-top: 0;
}

#dashboard .dashBottom a { color: #FFF; }
#dashboard .dashBottom a span { font-weight: bold; }

#dashboard .dashTop .toplinks {
 float: left;
 width: 120px;
 padding-left: 7px; 
 margin-top: 3px;
}

#dashboard .toplinks a:link, #dashboard .toplinks a:visited { 
 line-height: 14px; 
 color: #564B42; 
/* color: #FFF; */
 font-size: 8pt;
}

#dashboard .dashTop .userpic {
 width:50px;
 height:50px;
 overflow:hidden;
 float:right;
}

#editorlink, #cartdisplay {
 position:absolute; 
 top: 61px; 
 right: 13px;
 width: 70px;
 text-align: right;
}

#cartdisplay {
 top:75px;
}

#dashboard form {
 margin: 0; padding: 0;
}

#dashboard label {
 font-size: 10px;
 font-weight: normal;
 padding-right: 5px;
 line-height: 13px;
 color: #FFF;
 padding-left: 10px;
}

#dashboard .login { text-align: right; } 

#dashboard .LoginBox {
 width: 82px;
 height: 15px;
 margin-bottom: 2px;
 font-size: 10px;
 vertical-align:middle;
}

#dashboard .button {
 clear: left;
 display: inline;
}

#dashboard .login p { margin-top: 5px; margin-bottom: 0; font-size: 10px;}
#dashboard .small { line-height: 1.1em; }
#dashboard .small a { color: #FFF; }


 /* Last.fm Sidebar Panels Look and Feel 
 ------------------------------------ */

/* Main panel class */

.lastPanel {
 width: 175px;
 color: #605C5B;
 font-size: 11px;
 padding: 0 5px 10px 5px;
}

.lastPanel a { color: #605C5B; }
.lastPanel a:hover { color: #564B42; }

#searchoptions .lastPanel {
/* reduce padding when it's a bunch of search panels */
 margin-bottom: 1.5em;
}

#LastSearchSidebar .lastPanel { color: #605C5B; }
#LastSearchSidebar .lastPanel h2 { float: none; }

#LastSearchSidebar .lastPanel td { padding-bottom: 0.5em; }

div.lastPanel#featurepanel {
 color: #564B42;
 margin-top: -10px;
 padding-top: 10px;
 margin-left: -10px;
 padding-left: 15px;
}

div.lastPanel#featurepanel p, .artistInfo {
 background: #E3E6D8;
 margin: 0 -5px -5px -10px;
 padding: 5px 10px 5px 10px;
 line-height: 15px;
 overflow: hidden;
}

.artistInfo a:link, .artistInfo a:visited { text-decoration: underline; }

div.lastPanel#featurepanel ul {
 margin: 0; padding: 0;
}

div.lastPanel#featurepanel div.h { 
 margin: 0;
 height: 30px;
 margin-top: -10px; 
 margin-left: -15px;
 background: #E3E6D8;
 padding-right: 15px;
 margin-right: -15px;
 position: relative;
 }
 


div.lastPanel#featurepanel div.h h2 {
 float: none;
 width: auto;
 padding-left: 10px; 
 margin-left: 0px;
 line-height: 30px;
 font-size: 12px;
/* font-weight: normal; */
 color: #D20039;
}

div.lastPanel#featurepanel h4 {
 margin-top: 0;
 color: #564B42;
 font-size: 11px;
}

/* Panel header div */

.lastPanel .h {
 background: #EBEEE4;
 padding: 0px 5px 0px 9px;
 line-height: 20px;
 margin-left: -5px;
 margin-top: 5px;
}


div.h h2 {
 font-size: 11px;
 font-weight: normal;
 margin: 0;
 float: left;
 width: 69%;
 color: #605C5B;
 }

div.plain h2 { float: none; width: 100%; }

div.h h2 a {
 color: #605C5B;
 text-decoration: none;
}

div.h h2 a:hover { text-decoration: underline; }


.lastPanel h3 {
 clear: both;
 font-size: 12px;
 margin-bottom: 10px;
 color: #37271C;
}

.lastPanel .c {
 margin-left: 4px;
 padding-right: 5px;
}

.lastPanel#radio div.h {
 background: #E3E6D8;
 height: 31px;
 overflow: hidden;
}

.lastPanel#radio div.h h2 { width: 180px; background:url('http://static1.last.fm/images/radio_off.gif') center left no-repeat; margin-left: 1px;}

.lastPanel#radio div.h h2 a { 
 vertical-align:middle; 
 padding-left:17px;
 font-size: 11px;
 margin: 0;
 color: #D20039;
 font-weight: bold;
 border: 0;
 line-height: 33px;
 text-decoration: underline;
 }
.lastPanel#radio div.h h2 a span { font-weight: normal; } 

#radio { 
 background: #E3E6D8; 
 margin: -16px -16px 0px -10px;
 line-height: 30px;
 padding-left: 10px; 
 padding-right: 16px;
 position: relative;
 z-index: 5;
}
 
#radio div.c { padding-left: 5px; margin-left: -1px; margin-top: -1px; padding-bottom: 5px;}
#radio div.c p {
 margin-top: 0;
 padding-top: 5px;
 line-height: 15px;
 padding-bottom: 5px;
}
#radio div.c label { font-weight: normal; color: #605C5B; }

#radiobits { width: 155px;}

/* Panel lists */

.lastPanel ul {
 list-style: none;
 padding: 0;
 margin: 0;
 padding-top: 8px;
 margin-bottom: -1em;
}

.lastPanel li {
 margin: 0;
 padding: 0;
 line-height: 16px;
}

.lastPanel ul.bullets li, .lastPanel ul.bullets { list-style: circle inside; }

.lastPanel li.user, span.userIcon { padding-left: 14px; background: url("http://static1.last.fm/matt/user_bullet.gif") center left no-repeat; }
.lastPanel li.subscriber, span.subscriberIcon { padding-left: 14px; background: url("http://static1.last.fm/matt/subscriber_bullet.gif") center left no-repeat; }
.lastPanel li.staff, span.staffIcon { padding-left: 14px; background: url("http://static1.last.fm/matt/staff_bullet.gif") center left no-repeat; }
.lastPanel li.forumsmod, .lastPanel li.automod, span.modIcon { padding-left: 14px; background: url("http://static1.last.fm/matt/moderator_bullet.gif") center left no-repeat; }
.lastPanel ul.i li.user, .lastPanel ul.i li.subscriber, .lastPanel ul.i li.automod, .lastPanel ul.i li.forumsmod, .lastPanel ul.i li.staff { padding-left: 0; }

.lastPanel li span.type { display: none; }
.lastPanel ul.i li span.type { display: block; position: absolute; margin-top: -33px;}

.lastPanel li a {
 color: #605C5B;
 text-decoration: none;
}

.lastPanel li a:hover {text-decoration: underline;}
.lastPanel ul li img { display: none; }
.lastPanel ul.i li.imgtags a {padding-right: 0;}

.lastPanel ul.i li.imgtags a.img {
 display: inline;
 margin: 0; padding: 0; border: 0;
}

.lastPanel ul.i li.imgtags img {
 display: block;
 float: right;
}

.lastPanel ul.i {
 margin-bottom: 0;
}

.lastPanel ul.i li {
 display: block;
 padding-top: 4px;
 padding-bottom: 5px;
}

.lastPanel ul.i li a {
 display: block;
 background-color: #F7F8F3;
 background-position: top right;
 background-repeat: no-repeat;
 padding: 5px 55px 0 10px;
 overflow: hidden;
 height: 48px;
 text-align: left;
 font-size: 11px;
 border: 0;
 margin-left: -10px;
 font-weight: bold;
}

.lastPanel ul.i li a:hover { background-color: #F1F3EB; }
.lastPanel ul.i a:hover { border: 0;}

/* Panel footer div */

.lastpanel .f {
 margin-top: 5px;
 clear: both;
}

div.f a.more {
 text-decoration: none;
 margin-top: 5px;
 display: block;
 height: 20px;
 line-height: 20px;
 padding-right: 5px;
 margin-left: -6px;
 padding-left: 9px;
 font-size: 11px;
 border: 1px solid #F5F6F1;
/* background: #F1F3EB; */
}

#LastConnectionsSidebar div.f a.more { margin-left: -5px; }

div.f a.more:hover { background: url("http://static1.last.fm/matt/more.gif") center right no-repeat #F5F6F1; text-decoration: underline; }

/* Links around whole p's get special treatment */
.lastPanel a.noline p { text-decoration: none; }
.lastPanel a:hover p { text-decoration: underline; }

/* List mode toggle stuff */

.imgToggle, .textToggle {
 float: right;
 height: 20px;
 width: 20px;
 background-color: #EBEEE4;
}

/* ridiculous fix for IE 6 flicker bug follows, apologies for the directx hilarity */
.imgToggle { background: url("http://static1.last.fm/matt/img_toggle.gif") top left no-repeat; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static1.last.fm/matt/img_toggle.gif',sizingMethod='crop'); }
.textToggle { background: url("http://static1.last.fm/matt/text_toggle.gif") top left no-repeat; margin-right: -4px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static1.last.fm/matt/text_toggle.gif',sizingMethod='crop');}
a.imgToggle:hover, a.textToggle:hover, .on { background-color: #DBDED1; }


#overviewjournal {
 padding-top: 0.5em;
 padding-bottom: 1.5em;
}

#journalexcerpt {
 line-height: 1.5em;
 padding-bottom: 1em;
}

.imgHolder {
 background: #E3E6D8;
 margin: 10px -5px 10px -10px;
 padding: 10px;
 text-align: center;
 overflow: hidden;
}

.imgHolder img { display: inline; }

div.lastPanel#featurepanel .imgHolder p {
 text-align: left;
 margin: 0 5px 5px 5px;
}


/* Connections Panel CSS */

div.lastPanel#bbpanel ul.i li, div.lastPanel#bbgroups ul.i li {
 margin-left: 25px;
 font-size: 12px;
}

.lastPanel ul.i li span.x input { display: block; }

.lastPanel ul li span.x {
	padding-left: 5px;
}

.lastPanel ul.i li span.x {
 z-index: 2;
 position: relative;
 display: block;
	float: left;
	margin: -55px 0 0 -25px;
	width: 16px;
	height: 18px;
	line-height: 12px;
	text-align: left;
}


.lastPanel .helpBox { margin-left: -9px;}

/* Last.fm Charts Look and Feel 
 ---------------------------- */

/* Main chart class */

.lastChart, .padBottom {
 margin-top: 0;
 padding-bottom: 10px;
}

.lastChart h2 { display: none; }
.lastChart td { font-size: 12px; }
.lastChart th {background: transparent;}

h3.label, .lastChart h3.note, h3.note, h3.search, .lastChart h3.journal, h3.help, h3.reading, h3.star, .lastChart h3.chart, h3.chart, h3.users, h3.money, h3.radio, .lastChart h3.album, h3.album, h3.journal, h3.msg, h3.group, h3.tag, .lastChart h3.tag { padding-left: 26px; }
.lastChart h3.note, h3.note { background: url("http://static1.last.fm/matt/h3/note.gif") top left no-repeat; }
.lastChart h3.star, h3.star { background: url("http://static1.last.fm/matt/h3/star.gif") top left no-repeat; }
h3.radio { background: url("http://static1.last.fm/matt/h3/radio.gif") top left no-repeat; }
h3.users { background: url("http://static1.last.fm/matt/h3/users.gif") top left no-repeat; }
h3.help { background: url("http://static1.last.fm/matt/h3/help.gif") top left no-repeat; }
h3.msg { background: url("http://static1.last.fm/matt/h3/msg.gif") top left no-repeat; }
h3.group { background: url("http://static1.last.fm/matt/h3/group.gif") top left no-repeat; }
h3.reading { background: url("http://static1.last.fm/matt/h3/reading.gif") top left no-repeat; }
.lastChart h3.tag, h3.tag { background: url("http://static1.last.fm/matt/h3/tag.gif") top left no-repeat; }
.lastChart h3.journal, h3.journal { background: url("http://static1.last.fm/matt/h3/journal.gif") top left no-repeat; }
.lastChart h3.chart, h3.chart { background: url("http://static1.last.fm/matt/h3/chart.gif") top left no-repeat; }
.lastChart h3.album, h3.album { background: url("http://static1.last.fm/matt/h3/album.gif") top left no-repeat; }
h3.label { background: url("http://static1.last.fm/matt/h3/label.gif") top left no-repeat; }
h3.money { background: url("http://static1.last.fm/matt/h3/money.gif") top left no-repeat; }
h3.search { background: url("http://static1.last.fm/matt/h3/find.gif") top left no-repeat; }

h5.subhead, h5.subhead2 {
 font-size: 11px;
 font-weight: normal;
 margin-top: -27px;
 margin-bottom: -2px;
 color: #66534E; 
 width: 250px;
 float: right;
 text-align: right;
 z-index: 2;
}
h5.subhead a { font-size: 11px; text-decoration: underline; }

h5.subhead2 {
 float: none; width: auto; margin-top: -10px; margin-bottom: -29px; 
}

.lastChart td {
 line-height: 20px;
 border-bottom: 3px solid #FFF;
 vertical-align: top;
}

.lastChart td.chartlabel { 
 padding-left: 14px; 
 background: url("http://static1.last.fm/matt/charts/transition.gif") top right no-repeat #DBE0CF;
 border-bottom: 3px solid #FFF;
 padding-right: 9px;
}

.lastChart td.chartlabel div, .lastChart td.tdposition div { height: 20px; overflow: hidden;}
.lastChart#recenttracks td.chartlabel { background: #DBE0CF; }
.lastChart#recenttracks tr td.chartlabel { border-right: 0; }
 
.lastChart .position {
 color: #877B6F;
 display: block;
 background: #DBE0CF;
 
}

/* .lastChart tr.alt td.tdposition { background: #E9F2F7; } */

.lastChart .note {
 padding-left: 30px; background: url("http://static1.last.fm/matt/charts/chart_note.gif") top left no-repeat #DBE0CF;
}

.lastChart .album {
 padding-left: 30px; background: url("http://static1.last.fm/matt/charts/chart_album.gif") top left no-repeat #DBE0CF;
}

.lastChart tr.now .note {
 padding-left: 30px; background: url("http://static1.last.fm/matt/charts/chart_note_red.gif") top left no-repeat #D20039;
 color: #FFF;
}

.lastChart .star {
 padding-left: 30px; background: url("http://static1.last.fm/matt/charts/chart_star.gif") top left no-repeat #DBE0CF;
}

.lastChart .tag {
 padding-left: 30px; background: url("http://static1.last.fm/matt/charts/chart_tag.gif") top left no-repeat #DBE0CF;
}

.lastChart .none {
 padding-left: 30px; background: url("http://static1.last.fm/matt/charts/chart_none.gif") top left no-repeat #DBE0CF;
}

.lastChart td.pad { padding-left: 4px; }

.lastChart a {
 color: #564B42;
 text-decoration: none;
 line-height: 20px;
}

.lastChart td.date, .lastChart#recenttracks td.date {
 text-align: right;
 padding-right: 18px;
 color: #8A827D;
 font-size: 10px;
 background: url("http://static1.last.fm/matt/charts/light_end.gif") top right no-repeat #DBE0CF;
}

.lastChart#recenttracks tr.now td.chartlabel {
 color: #FFF; background: #D20039;
}

.lastChart#recenttracks tr.now td.chartlabel a { color: #FFF; }

.lastChart#recenttracks tr.now td.date { 
 color: #FFF;
 background: url("http://static1.last.fm/matt/charts/red_end.gif") top right no-repeat #D20039;
}

.lastChart a:hover {
 text-decoration: underline;
 color: #111;
}

.lastChart td.chartbar { padding-left: 0; }

.lastChart .bar {
 text-align: left;
 color: #FFF;
 font-size: 10px;
 line-height: 20px;
 background: url("http://static1.last.fm/matt/charts/dark_end.gif") top right no-repeat #9BA298;
}

.lastChart .bar span {padding-left: 5px;}

.chartmore a {
 display: block;
 color: #66534E;
 font-size: 11px;
 line-height: 20px;
 padding-left: 10px;
 width: 175px;
 border: 1px solid #EDF0E6;
 text-decoration: none;
}
.chartmore a:hover { color: #564B42; text-decoration: underline; background: url("http://static1.last.fm/matt/more.gif") center right no-repeat #EDF0E6; }

tr.tinyheader td {
 font-size: 10px;
 color: #AAA;
 margin-left: 0; padding-left: 0;
}

.tracklist .bar { background: #DFDFDF; }

.playlisttable td { font-size: 12px; }

#recenttracks { width: 100%; }

.lastChart#recenttracks .chartlabel span.thetag a:link, #tagfavechart .lastChart .chartlabel a:link, .lastChart#recenttracks .chartlabel span.thetag a:visited, #tagfavechart .lastChart .chartlabel a:visited {
 margin-right: 12px;
 font-style: italic;
 color: #37271C;
}

.lastChart#recenttracks .chartlabel span.res a { font-size: 11px; }


/* User charts tab */

#chartSelector .label { color: #777; font-weight: normal; font-size: 11px; }
#chartSelector a { margin-left: 3px; margin-right: 3px; font-size: 12px;}
#chartSelector a.current { font-size: 13px; font-weight: bold; color: #000; text-decoration: none; line-height: 16px; }
#chartSelector a:hover { color: #000;}

.lastChart .newcomer { color:#0101ff; }
.lastChart .nonmover { color:#f79926; }
.lastChart .rising { color:#088408; }
.lastChart .falling { color:#fd1e1e; }
.newcomer, .nonmover, .rising, .falling {text-align:center;}

#chartmonths { padding:0; margin: 0;}

#chartmonths li {
 display:inline;
 padding-right: 2px;
 font-size: 11px;
}
#chartmonths li a { font-size: 11px;}
#chartmonths li.year { padding-right: 5px; color: #777;}
#chartmonths li.current { font-weight: bold; }

#chartdays {
 width:100%;
 text-align:center;
}
#chartdaysc {
 width:auto;
}
a.chartday {
 display:block;
 float:left;
 height:90px;
 width:111px;
 padding:10px;
 text-align:left;
 border: 1px solid #CFCFCF;
 margin-right: 4px;
 margin-bottom: 4px;
}
a.chartday:hover {
 background: #EAE7E7;
}
#chartdaysc .current {
 background: #EBEEE4;
 border: 1px solid #DAD7D7;
}
a.chartday {
 text-decoration:none;
}
.weekno { 
 margin-bottom:5px;
 display:block;
}
.jumpto { display: block; color: #999; font-size: 11px; text-align: right; margin: 4px -3px -4px 0; }
.weeknum { display:block; clear: right; font-weight: bold; color: #555; margin: -3px 0 4px 0; font-size:11px; }
.weekstats {
 display:block;
 font-size:10px;
}
#weeklycharts {
 padding-top:15px;
 clear:both;
}


/* Last.fm Uers Look and Feel 
----------------------------- */

#togglelist, #togglelist1, #togglelist2, #togglelist3, #togglelist4 {
 padding-top: 15px;
 padding-bottom: 20px;
 clear: both;
 width: 100%;
}

#togglelist1, #togglelist2, #togglelist3, #togglelist4 { width: 90%;} /* weird ie fix */

div.userDisplay {
/* default (mini) view */
 width: 74pt;
 height: 65pt;
 font-size: 11px;
 text-align: center;
 float: left;
 margin-right: 16px;
 margin-bottom: 24px;
}

div.expanded div.userDisplay {
 float: none;
 display: block;
 width: auto;
 height: auto;
 padding: 16px;
 padding-left: 170px;
 text-align: left;
 font-size: 12px;
}

div.expanded div.alt { background: #EDF0E6; }


div.expanded .userListening, div.expanded .userStats, div.expanded .userInfo {
 display: block;
 font-size: 12px;
}

div.expanded div.userDisplay .userImg {
 text-align: left;
 display: inline;
 float: left;
 width: 170px;
 height: 120px;
 margin-left: -154px;
}

div.expanded div.userDisplay .userImg img {
 height: 100px;
}

div.expanded div.userDisplay .userName {
 font-size: 14px;
}

.userName a { color: #444; }
.userName a:hover { color: #000; }

div.expanded div.userDisplay .realname {
 font-weight: bold;
 padding-right: 8px;
}

.userImg {
 display: block;
 text-align: center;
 height: 58px;
}

.userImg img {
 border: 0;
 height: 50px;
}

.userListening, .userInfo, .userStats {
 display: none;
}

.userInfo {
 margin-bottom: 10px;
 font-size: 11px;
 color: #666;
}

.friends .userInfo {
 margin-bottom: 0;
 margin-top: 10px;
}

.since {
 display: block;
 font-size: 11px;
 color: #777;
}

.topArtist, .lastTrack {
 margin-top: 10px;
 font-size: 11px;
 color: #666;
 margin-left: 97px;
 background: transparent;
}

table.padleft td, table.forumtable td.padleft, table.forumtable th.padleft { padding-left: 15px; }
table.padright td, table.forumtable td.padright { padding-right: 15px; }
td .forumdate { padding-left: 5px; font-size: 11px; }

.groupDetails {
 margin-top: 10px;
 font-size: 11px;
 color: #666;
}

.lastTrack { margin-bottom: -5px; }

.topArtist span, .lastTrack span {
 float: left;
 position: relative;
 z-index: 2;
 margin-left: -80px;
}

.rel {
 color: #666;
 padding-left: 4px;
 padding-right: 4px;
}

.relationship {display:block;}

/* Journal-related styles */

.journalEntry {
 width: 100%;
 clear: both;
 padding-bottom:25px;
}

.journalBody { padding-left: 27px; padding-bottom:5px; }
 .withConnections .journalBody { padding-right: 210px; width: auto;} 
.journalEntry h3 { padding-right: 240px; margin-bottom: 20px; width: auto;}
.journalEntry h5.subhead { margin-top: -36px; }
.journalEntry p { margin-left: 0; position: relative; z-index: 5; }
.journalEntry h3 a { color: #43281E; }
.singleEntry .journalEntry h3 a { text-decoration: none; }

.journalConnections {
 position: relative;
 float:right;
 margin-right:-214px;
 border-left: 23px solid #FFF;
 margin-top: -2px;
}

.journalFooter {
 clear: right;
 margin-top: 10px;
 padding-top: 5px;
 padding-bottom: 15px;
 border-top: 1px solid #D5DBD3;
}

#journalgroups label { padding-right: 5px; }

.journalFooter .comments { 
 width: 45%; 
 float: left;
}

.journalFooter .addcomment {
 width: 45%;
 float: right;
 text-align: right;
}

.withConnections .addcomment {
 margin-right: -210px;
}

.commentDate {
 color: #999;
 margin-top: -0.5em;
 margin-right: -5px;
 text-align: right;
 margin-bottom: 0;
 font-size: 11px;
}

.journalFooter a { display: inline; color: #777; margin-right: 5px; }
.journalFooter a:hover { color: #333; }

.journalmore {
 font-size: 11px;
 display: block;
 padding-right: 6px;
 text-align: right;
}

.thecomments { border: 1px solid #D5DBD3; clear: both; display: block; border-top: 0; }
.fcomment h4 { font-size: 12px; margin-top: 0;}
.fcomment .userDisplay { margin-bottom: 0; position: relative; }

#commentform {
 width:300px; 
 margin:30px 0px 20px 0px; 
 padding:20px; 
 border:1px solid #CFCFCF;
 clear:both;
}

#journal { width: 100%; }

#bbsection, #journalgroups {
 width: 58%;
 float: left; 
}

#bbpanel {
 width: 34%;
 float: right;
 margin-right: 0;
 padding-right: 0;
 margin-top: 1em;
} 

#bbgroups {
 width:100%;
 float: right;
 margin-right: 0;
 padding-right: 0;
}

div.connection {
 width:210px;
 border:1px solid #C1C1C1;
 margin:5px;
 padding:3px;
}

textarea#bbtextarea, textarea#message {
 width:100%;
 height:220px;
}

#bbwidget {
 text-align: left;
 border:1px solid #CFCFCF;
 margin-top:5px;
 background-color:#EFEFEF;
 padding-left: 5px;
 padding-right: 5px;
}

#bbwidget .bbinput {
 width:100%;
}

a#bbsubmit { 
 display: block;
 width: 50px;
 text-align: center;
 font-size: 11px; 
 text-transform: uppercase;
 padding: 1px 5px 1px 5px;
 margin: 3px 0 2px 0;
 background: #FFF;
 border: 1px solid #CCC;
 text-decoration: none;
 color: #666;
 }
 
a:hover#bbsubmit {
 background: #EFEFEF;
 color: #000;
}

/* Albums */

div.albumContainer {
 width: 100%;
 height: 190px;
 overflow: hidden;
 margin-bottom: 20px; 
}

#topalbums { margin-top: 5px; } 
#topalbums .chartmore { margin-top: -20px; margin-bottom: 0; }

.albumMed {
 float: left;
 margin-right: 25px;
 margin-bottom: 80px;
 width: 150px;
 font-size: 11px; 
 position: relative;
}

.albumHorizontal {
 clear: left;
 padding: 16px;
 padding-left: 174px;
 background-color: #FFF; /* ie is dumb and needs this */
}

.albumHorizontal .moreInfo {
 float: right; 
 width: 100%;
 margin-top: 1em;
 padding-bottom: 10px;
}

.buttons a { display: block; overflow: hidden; height: 16px; line-height: 15px; font-size: 11px; margin-top: 5px; margin-bottom: 5px;}

.buylink { 
 padding-left: 56px;
 line-height: 22px;
 background: url("http://static1.last.fm/matt/buy.gif") center left no-repeat;
}

/* shop info style for Artist albums page goes here */
.albumHorizontal .shopInfo {
 font-size: 11px;
 line-height: 22px;
 margin-top: 15px;
}

.shopInfo .shoplink {
 float:left;
 display: block;
 padding-left:5px;
 padding-right:5px;
}

#LastContent3 .albumHorizontal h3 { 
 margin-top: 2px;
 margin-bottom: 0;
}

div.alt2 { background-color: #EDF0E6; }

.albumHorizontal a.img { margin-left: -158px; float: left; }
.albumHorizontal a img { border: 1px solid #DFDFDF; }
div.alt2 a img { border: 1px solid #FFF; }

.albumMed .alb {
 float: left;
 width: 142px; 
}

.albumMed a.title {
 font-size: 11px;
 display: block;
 margin-top: 5px;
 border: 0;
 text-decoration: underline;
 line-height: 16px;
}

.albumMed a.title:hover { border: 0; }

.albumContainer .details {
 font-size: 10px;
 display: block;
}

.coverart { border: 0;}

.lastChart .coverlink, .lastChart a:hover.coverlink {
 border: 0;
 text-decoration: none;
}

/* Groups and Forums display CSS */

#recentDiscussions { width: 100%; } /* stupid fecking ie */

div.forumThread, div.forumExcerpt {
 overflow: hidden;
 border: 1px solid #B8BFB6;
 margin-top: 1em;
 margin-bottom: 2em;
 clear:both;
}

div.forumPost {
 clear: both;
 padding: 12px 20px 0px 130px;
 font-size: 13px;
 color: #564B42;
 background: url("http://static1.last.fm/matt/forumback_alt.gif") top left repeat-y #FFF;
 border-top: 1px solid #D5DBD3;
}

.messageEditor { font-size: 11px; }
div.forumThread .first { border-top: 0;}
.forumExcerpt div.forumPost { border: 0; }
.alt div.forumPost{ background: url("http://static1.last.fm/matt/forumback.gif") top left repeat-y #F2F4E9; }
div.forumPostThread { border: 0; }
div.forumPost .message { margin-top: -8px; }
.thecomments div.forumPost .message { margin-top: 0; }

div.forumPost .userDisplay { 
 padding-bottom: 5px; 
 margin-left: -126px;
 display: inline;
 z-index: 2;
 height: auto;
 margin-bottom: 0;
 } 

.forumExcerpt div.forumPost .userDisplay { padding-bottom: 0px; }

div.forumPost .userDisplay .userStats {
 display: block;
 margin-top: 5px;
}

div.forumPost .forumLine, .forumExcerpt div.forumPost .forumLine {
 clear: both;
 height: 24px;
 margin: 0 -20px 0 -16px;
 padding-right: 20px;
 text-align: right;
 font-size: 11px;
 line-height: 23px;
 padding-bottom: 0;
}

.forumExcerpt div.forumPost .forumLine {
 margin-left: -130px;
 background: #F2F4E9;
}

div.forumPost .forumLine a:hover { color: #333; }
div.forumLine a { margin-right: 5px; }
div.forumLine a.readmore, div.forumLine a.quotebutton { margin-right: 0; }

div.forumPost h3 a, div.forumPost h3 {
 font-size: 12px;
 font-weight: bold;
 border-bottom: 0;
 text-decoration: none;
 margin-top: 8px;
}

#LastContent3 div.forumPost h3 a:hover { text-decoration: underline; }

table.forumtable {
 padding-bottom: 2em;
 padding-top: 5px;
 width:100%
}

table.forumtable td { padding: 4px 1px 4px 1px; font-size: 12px; background: #F2F4E9; }

table.forumtable small {
 font-size: 11px;
}

table.forumtable h4 {
 font-size: 12px;
 margin-bottom: 0.5em;
 margin-top: 1em;
}

table.forumtable .forumLogo {
 margin-top: 5px;
}

span.quote, span.quote span.quote span.quote, span.quote span.quote span.quote span.quote span.quote {
 display:block;
 background-color: #DBDED4;
 border: 1px solid #CCC;
 font-style: italic;
 padding: 10px; 
 font-size: 11px;
 margin:5px 20px 0px 16px;
 color: #444;
}

span.quote span.quote, span.quote span.quote span.quote span.quote, span.quote span.quote span.quote span.quote span.quote span.quote {
 background-color: #FFF;
 color: #777;
}

/* overrides regular breadcrumb style for pages with no headers, like forum */
div.noheadline#breadcrumb {
 margin-top: 10px;
 font-size: 11px;
}

table.forumtable tr.alt td { background: #FFF; }

.pagination {
 clear: right;
 margin-bottom: 1em;
 text-align: right;
}

.pagination .pages { 
 padding-right: 9px;
 color: #777;
}

.pagination a, .pagination .selected { margin-right: 5px; }
.pagination .selected { font-weight: bold; }
span.reply { display: block; text-align: right; text-transform: uppercase; margin-right: 2px; margin-bottom: 5px; margin-top: -3px;}

a.forumnew { 
 display: block; 
 text-decoration: none;
 height: 20px;
 line-height: 20px;
 margin: 5px 0 -5px -6px;
 padding-right: 5px;
 padding-left: 9px;
 font-size: 13px;
 width:100px;
 border: 1px solid #F5F6F1;
}
a.forumnew:hover { 
 background: url("http://static1.last.fm/matt/more.gif") center right no-repeat #F5F6F1; 
 text-decoration: underline; 
 }

div.thread #bbsection { width: 80%; }

div.messageSig {
 margin-top: 20px;
 padding-top: 5px;
 border-top: 1px solid #CCC;
 color: #888;
}

div.messageSig a { color: #888; }

.nodisp { display: none; }

ul.journals { padding: 0; margin: 0; padding-bottom: 20px;}
#recentjournals { padding-bottom: 10px; }

li.journalHeader {
 margin-top: 5px;
 clear: right;
 margin-right: 240px;
 line-height: 15px;
 list-style: none;
 padding-left: 25px;
 background: url("http://static1.last.fm/matt/bullet.gif") top left no-repeat;
}

li.journalHeader h4 { margin:0; display: inline; }
li.journalHeader h4 a { text-decoration: underline; font-size: 12px; color: #43281E;}
li.journalHeader a { position: relative; z-index: 5; }
li.journalHeader h4 a:hover { color: #111; }

li.journalHeader span.details { display: block; height: 15px; margin-top: -15px; text-align: right; margin-right: -240px; font-size: 11px; color: #999; position:relative; z-index:0; }
li.journalHeader span.details a { color: #999; }

a.hasreplies { padding-right: 20px; background: url('http://static1.last.fm/images/replies.gif') center right no-repeat; 
 display:block; margin-right:5px;}
.mutual a { font-weight: bold; }
.less { font-size: 11px; }
ul.less { margin-left: 5px; padding-left: 0; margin-top: 0; list-style: inside; }
ul.less li { margin-top: 5px; line-height: 13px; margin-bottom:0px; margin-left: 0; font-size: 11px;}
ul.less li a:hover { color: #000; }
.lightextra, .lightextra a { color: #777; font-size: 11px; }
.lastBanner { display: block; padding-bottom: 10px; }
.currentStation { font-size: 11px; font-weight: normal; color: #D20039; padding-left: 15px; background: url('http://static1.last.fm/matt/tinyradio.gif') center left no-repeat; }

#tagcloud a { text-decoration: none; }
#tagcloud a:hover { color: #D20039; text-decoration: underline; }
#tagquilt { margin-left:-8px; }
#tagquilt a img { padding:0;margin:0;border:0;width:50px; height:50px; }
#tagquilt a { padding:0; margin:0;}
.lfmlight, a.lfmlight:link, a.lfmlight:visited { color: #91998E; text-decoration: none; }
a.lfmlight:hover { text-decoration: underline; }
.lfmlight a { color: #91998E; }
/* Unfortunate IE 6 hacks */
/* the goal is to eliminate these one by one, but for now... */
/* ...who needs validation anyway, right? */

*html .tagradioholder { width: 150px; }
*html #LastConnectionsSidebar { padding-right: 3px; }
*html div.c .helpBox { margin-top: 35px; }
*html #dashboard .login { margin-top: -5px;}
/* oh ie 6, how I loathe your ways */
*html .lastPanel#radio div.h { position: relative; overflow: hidden;}
*html #radio { margin-bottom: 10px; } 
*html .lastPanel ul { padding-bottom: 12px; }
*html .lastPanel ul.i li span.type { margin-top: -30px; }
*html .lastPanel ul.i li.imgtags a {position: relative; margin-top: -16px; }
*html .lastPanel ul.i li.imgtags img { position: relative;}
*html #chartSelector { margin-bottom: 20px; }
*html .journalConnections { left: -205px; } 
*html .albumMed { position: static; } /* Safari link bugfix */