body { font-family:verdana,sans-serif; margin:0; padding:0; }
h1, h2, h3, h4, h5 { font-family:Circular, Helvetica, Aria, sans-serif; font-weight:900; }
h6 { font-family:verdana,sans-serif; font-weight:normal; }
a:hover { color:#000; }

.content { position:relative; width:750px; margin:0 auto; padding:0 10px; }
#form { background:#222 url('/home/images/footer_gradient.jpg') repeat-x; color:#fff; padding:0.5em 0; }

#banner { background:#1DB954; color:#fff; border-bottom:1px solid #333; height:10em; }
	#banner a { color:#000; }

h1 { margin:0; padding:1.5em 0 0 0; position:absolute;}
h1 sup a { text-decoration:none; }

h2#about { font-weight:norma; font-size:75%; border-top:1px dashed #45811F; padding:2px 10px 2px 10px; width:750px; }
	h2#about a { color:#444; }

.add { font-weight:bold; text-transform:uppercase; }

#extras { position:absolute; top:2em; right:0; text-align:right; padding-top:2em; width:100%; }
	.rss_feed { background:url('/images/misc/rss_feed.png') no-repeat; padding-left:21px; padding-bottom:2px; }
	#extras h5 { margin-top:0; }
	#extras h6 { margin:-1.5em 0 0 0; }

#message { color:#f33; }

#pagination_head { display:inline; }
#pagination { display:inline; list-style:none; margin:0; padding:0; font-family:georgia,serif; }
	#pagination li { display:inline; margin:0 0.25em; padding:0; font-size:75%; }

#search { margin:0; padding:0; position:absolute; top:0em; right:0; }
	#search fieldset { border:none; margin:0; padding:0; display:inline; }
		#search fieldset legend { position:absolute; left:-9000px; top:0; display:none; }
		#filter_wrapper { font-size:50%; margin-top:0; }

legend { font-weight:bold; }

#playlists { clear:both; margin-top:1em; }
	#playlists li { position:relative; border-bottom:1px solid #ccc; }
		.delete, .clicks { position:absolute; top:0; right:0; }
			.clicks { margin-top:0; font-size:75%; }
				.clicks span { font-size:200%; }
			.delete button { font-weight:bold; color:#c00; cursor:pointer; }
		.shared { font-size:62.5%; color:#999; }
		.collaborative { float:left; margin:-2px 2px 0 0; }
		.long_links { display:block; clear:left; margin-top:0.5em; }

#add { font-size:75%; }
	#add input { display:block; width:100%; margin-bottom:0.5em; }
	#add label span { font-size:0.8em; font-style:italic; }
	#add label.optional { color:#ccc; }
	#add button { font-weight:bold; }

	#collaborative_wrapper label, #collaborative_wrapper input { display:inline; width:auto; }

iframe { border:0; }