body{

	font-size:12px;

	font-family:arial,verdana,sans-serif;

}

iframe{border:solid 1px #FFF;}

textarea{height:42px;}

#main{

	width:375px;

	text-align:center;

	margin:20px auto 0 auto;

	background-color:#555;

	/*overflow:auto;*/

	padding:20px;

	background:#555 url('img/background.png') no-repeat left top;

	-moz-border-radius: 15px;

	-webkit-border-radius: 15px;

}

#main h1 {
	text-indent:-9999px;
	height:35px;
}
#main h1 a {
	display:block;
	height:35px;
}
#main p#powered-by {
	margin:0;
	padding:0;
	text-indent:-9999px;
	position:relative;
	height:26px;
}
	#main p#powered-by a {
		display:block;
		width:105px;
		height:17px;
		text-indent:-9999px;
		background:transparent url('img/last-fm.png') no-repeat 0 0;
		position:absolute;
		right:0;
	}
#main div{

	text-align:left;

}

form#band-genre {

	margin:0 0 20px 0;

}

	#match-me-up-button,
	#clear-list{

		font-size:18px;

		padding:5px;

	}

#bandGenre{

			width:363px;

			padding:5px;

			font-size:18px;

			font-family:Georgia;

			margin:0 0 20px 0;

			

		}

		ul,ol{

			list-style-type:none;

		}

		ol#suggestions{

			/*width:420px;*/

			margin:0 0 20px 0;
			height:190px;

			/*overflow:auto;*/

		}

		ol#suggestions li{

			width:123px;

			float:left;

			margin:1px;

			/*border:1px solid #555;*/

		}

			ol#suggestions li a, ol#suggestions li a:visited {

				text-decoration:none;

				color:#ccc;

				display:block;

				text-align:center;

				background-color:#666;

				padding:2px 1px;

				-moz-border-radius: 3px;

				-webkit-border-radius: 3px;

			}

			ol#suggestions li a:hover {

				background-color:#555;

			}

			ol#suggestions li.on a, ol#suggestions li.on a:visited {

				background-color:#ffc21d;

				color:#000;

			}

		#legend{

			position:relative;

			height:276px;

			width:375px;

			/*margin:200px 0 0 0;*/

			margin:0 auto;

		}

		#pics{

			position:absolute;

			top:230px;

			height:36px;

			width:375px;

			padding:5px 0;

			background:#222 url('img/pics-bg.png') repeat-x left top;

		}

		#pics img{

			float:left;

			margin:0 5px;

			width:36px;

			height:36px;

		}

		#graph{

			height:230px;

			overflow:hidden;

			width:375px;

			background:#000;

			position:absolute;

			top:0;

		}

		div.bar{

			height:250px;

			margin:0 5px;

			overflow:hidden;

			width:36px;

			float:left;

		}

		div.bar div{

			background:#000 url(img/graph-bar.png) repeat-x scroll 50% 0;

			height:100%;

			position:absolute;

			top:230px;

			width:36px;

		}

		.tooltip { 

			display:none; 

			background:transparent url(img/black_arrow.png); 

			font-size:12px; 

			height:140px; 

			width:114px; 

			padding:25px; 

			color:#fff;

			z-index:9999;

		}