* {  
	padding: 0;  
   margin: 0;  
   border: 0;
   font-family: Helvetica;
}

body { background-color: #000; color: #fff }
h1 { text-align: center; font-size: 20px; font-weight: normal; margin-top: 120px; margin-bottom: 20px }
a { color: #000 } 

#container { width: 664px; margin: auto }
#info { text-align: center; margin-top: 20px }

#buttons { height: 64px }
#buttons a { width: 64px; height: 64px; display: block; float: left; margin-right: 10px }

#buttons #music { background: url(img/music.png) top left no-repeat }
#buttons #music:hover { background: url(img/music_on.png) top left no-repeat }

#buttons #youtube { background: url(img/youtube.png) top left no-repeat; margin-right: 0px }
#buttons #youtube:hover { background: url(img/youtube_on.png) top left no-repeat }

#buttons #facebook { background: url(img/facebook.png) top left no-repeat }
#buttons #facebook:hover { background: url(img/facebook_on.png) top left no-repeat }

#buttons #twitter { background: url(img/twitter.png) top left no-repeat }
#buttons #twitter:hover { background: url(img/twitter_on.png) top left no-repeat }

#buttons #flickr { background: url(img/flickr.png) top left no-repeat }
#buttons #flickr:hover { background: url(img/flickr_on.png) top left no-repeat }

#buttons #lastfm { background: url(img/lastfm.png) top left no-repeat }
#buttons #lastfm:hover { background: url(img/lastfm_on.png) top left no-repeat }

#buttons #myspace { background: url(img/myspace.png) top left no-repeat }
#buttons #myspace:hover { background: url(img/myspace_on.png) top left no-repeat }

#buttons #blog { background: url(img/wordpress.png) top left no-repeat }
#buttons #blog:hover { background: url(img/wordpress_on.png) top left no-repeat }

#buttons #tumblr { background: url(img/tumblr.png) top left no-repeat }
#buttons #tumblr:hover { background: url(img/tumblr_on.png) top left no-repeat }

.of { color: #000 }
.on { color: #fff }

#buttonsMini { height: 32px; margin: auto; margin-top: 4px; width: 336px }
#buttonsMini a { width: 32px; height: 32px; display: block; float: left; margin-right: 10px }

#buttonsMini #music { background: url(img/music32.png) top left no-repeat }
#buttonsMini #music:hover { background: url(img/music32_on.png) top left no-repeat }

#buttonsMini #youtube { background: url(img/youtube32.png) top left no-repeat; margin-right: 0px }
#buttonsMini #youtube:hover { background: url(img/youtube32_on.png) top left no-repeat }

#buttonsMini #facebook { background: url(img/facebook32.png) top left no-repeat }
#buttonsMini #facebook:hover { background: url(img/facebook32_on.png) top left no-repeat }

#buttonsMini #twitter { background: url(img/twitter32.png) top left no-repeat }
#buttonsMini #twitter:hover { background: url(img/twitter32_on.png) top left no-repeat }

#buttonsMini #flickr { background: url(img/flickr32.png) top left no-repeat }
#buttonsMini #flickr:hover { background: url(img/flickr32_on.png) top left no-repeat }

#buttonsMini #lastfm { background: url(img/lastfm32.png) top left no-repeat }
#buttonsMini #lastfm:hover { background: url(img/lastfm32_on.png) top left no-repeat }

#buttonsMini #myspace { background: url(img/myspace32.png) top left no-repeat }
#buttonsMini #myspace:hover { background: url(img/myspace32_on.png) top left no-repeat }

#buttonsMini #blog { background: url(img/wordpress32.png) top left no-repeat }
#buttonsMini #blog:hover { background: url(img/wordpress32_on.png) top left no-repeat }

#home { background: url(img/home32.png) top left no-repeat; width: 32px; height: 32px; float: left; display: block; margin-left: 10px }
#home:hover { background: url(img/home32_on.png) top left no-repeat }