/* ---------Color Skins--------- */
.evenRow_G{background-color:#996; color:#202020}
.oddRow_G{background-color:#cc9; color:#202020}
.fmChartTitle_G{background-color:#663; color:#cc9}

.evenRow_W{background-color:#F0F0F0; color:#202020}
.oddRow_W{background-color:#E0E0E0; color:#202020}
.fmChartTitle_W{background-color:#C0C0C0; color:#404040}

/* Dark Theme, Default. Uses the Same Gradients as the Contact Form & Guestbook in addon.css */
.lastfmMod{background: #424242; /* Old browsers */
		background: -moz-linear-gradient(top, #424242 0%, #292929 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#424242), color-stop(100%,#292929)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #424242 0%,#292929 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #424242 0%,#292929 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #424242 0%,#292929 100%); /* IE10+ */
		background: linear-gradient(to bottom, #424242 0%,#292929 100%); /* W3C */
		border-radius:5px;color:white;min-width:200px;overflow:hidden;padding:0;
		-webkit-box-shadow: 0px 0px 1px 0px #000000;
		box-shadow: 0px 0px 1px 0px #000000;}
.evenRow_B{background: rgb(37,37,37); /* Old browsers */background: -moz-linear-gradient(top, rgba(37,37,37,1) 0%, rgba(26,26,26,1) 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(37,37,37,1)), color-stop(100%,rgba(26,26,26,1))); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, rgba(37,37,37,1) 0%,rgba(26,26,26,1) 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, rgba(37,37,37,1) 0%,rgba(26,26,26,1) 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, rgba(37,37,37,1) 0%,rgba(26,26,26,1) 100%); /* IE10+ */background: linear-gradient(to bottom, rgba(37,37,37,1) 0%,rgba(26,26,26,1) 100%); /* W3C */border-top:1px solid #3d3d3d;-webkit-box-shadow: 0px 1px 3px 0px #000000;box-shadow: 0px 1px 3px 0px #000000; }
.oddRow_B{border:0;border-radius:0;margin:0;padding:25px 25px 15px 25px;}
.fmChartTitle_B{background-color:#202020; color:#C0C0C0}

/* ----------Module Sizes---------- */
.lastfmMod{overflow:auto}
#body .fmTitle_S, .fmArtist_S, .fmTitle_M, .fmArtist_M{font-family:sans-serif, monospace;font-size:.7em;font-weight:normal;}
.fmTitle_M{font-size:13px;line-height:13px; font-weight:bold}
.fmArtist_M{font-size:11px;line-height:11px}
.fmChartTitle_M{font-size:14px}
.fmTitle_S{font-size:11px;line-height:11px;font-weight:bold;vertical-align:top;}
.fmArtist_S{font-size:9px;line-height:9px}
.fmChartTitle_S{font-size:12px}
.fmChartTitle{overflow:hidden}
.fmImage{border:1px solid #ccc; float:left; margin:0 15px 0 0}
	#sidebar .fmImage{width:auto}
.fmRow{overflow:hidden;	padding:10px}
.fmChartTitle{background: #434343; /* Old browsers */
		background: -moz-linear-gradient(top, #434343 0%, #292929 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#434343), color-stop(100%,#292929)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #434343 0%,#292929 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #434343 0%,#292929 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #434343 0%,#292929 100%); /* IE10+ */
		background: linear-gradient(to bottom, #434343 0%,#292929 100%); /* W3C */
		border-bottom:1px solid #565656;
		color:#f5f5f5;
		font-size:1.6em;
		font-weight:normal;
		margin-bottom:5px;
		padding:10px;}
.fmSpan{cursor:pointer}
	.fmSpan:hover{cursor:pointer}
.fmRankDiv{font-family:sans-serif, monospace; font-size:14px; font-weight:bold; float:left; width:20px;}
.fmTextDiv{height:17px;padding:0;position:relative;margin:0;}
a .fmLink{text-decoration:none; color:#0C0}

/* ---- mobile layout ---- */
@media screen and (max-device-width:480px), screen and (max-width:600px){
#body.mobileLayout img.fmImage{float:left; margin-right:10px}
}