/* Vertical dock */
#dock {
		background: url(dock-bg.png);
		width: 63px;
		height: 30px; /* set equal to #of icons multiplied by 30 */
		position: relative;
		left: 390px;
		top: 25px;
		margin-top: -60px;
		z-index: 1;
		float: left;
		/*border: 1px solid #444;*/
	}

/* move text off of the screen and set the width and height of the clickable area */	
#dock a{
	height: 30px;
	width: 30px;
	float: left;
	margin: 0;
	text-indent: -1000px;
	text-decoration: none;
	overflow: hidden;
	}

/* move background image positioning over to the left by -30px */	
#dock a:hover {
	background-position: -31px 0px;
	}

	
/* Setting the background image for each social media type class */
#aim { background: url(icon/aim_32.html) top left no-repeat;}
#apple { background: url(icon/apple_32.html) top left no-repeat;}
#bebo { background: url(icon/bebo_32.html) top left no-repeat;}
#blogger { background: url(icon/blogger_32.html) top left no-repeat;}
#brightkite { background: url(icon/brightkite_32.html) top left no-repeat;}
#cargo { background: url(icon/cargo_32.html) top left no-repeat;}
#delicious { background: url(icon/delicious_32.html) top left no-repeat;}
#designfloat { background: url(icon/designfloat_32.html) top left no-repeat;}
#designmoo { background: url(icon/designmoo_32.html) top left no-repeat;}
#deviantart { background: url(icon/deviantart_32.html) top left no-repeat;}
#digg { background: url(icon/digg_32.html) top left no-repeat;}
#dopplr { background: url(icon/dopplr_32.html) top left no-repeat;}
#dribble { background: url(icon/dribbble_32.html) top left no-repeat;}
#email { background: url(icon/email_32.html) top left no-repeat;}
#ember { background: url(icon/ember_32.html) top left no-repeat;}
#evernote { background: url(icon/evernote_32.html) top left no-repeat;}
#facebook { background: url(icon/facebook_34.png) top left no-repeat;}
#flickr { background: url(icon/flickr_32.html) top left no-repeat;}
#friendfeed { background: url(icon/friendfeed_32.html) top left no-repeat;}
#gamespot { background: url(icon/gamespot_32.html) top left no-repeat;}
#google { background: url(icon/google_32.html) top left no-repeat;}
#googlevoice { background: url(icon/google_voice_32.html) top left no-repeat;}
#googlewave { background: url(icon/google_wave_32.html) top left no-repeat;}
#googletalk { background: url(icon/googletalk_32.html) top left no-repeat;}
#gowalla { background: url(icon/gowalla_32.html) top left no-repeat;}
#grooveshark { background: url(icon/grooveshark_32.html) top left no-repeat;}
#ilike { background: url(icon/ilike_32.html) top left no-repeat;}
#komodomedia { background: url(icon/komodomedia_32.html) top left no-repeat;}
#lastfm { background: url(icon/lastfm_32.html) top left no-repeat;}
#linkedin { background: url(icon/linkedin_32.html) top left no-repeat;}
#mixx { background: url(icon/mixx_32.html) top left no-repeat;}
#mobileme { background: url(icon/mobileme_32.html) top left no-repeat;}
#mynameise { background: url(icon/mynameise_32.html) top left no-repeat;}
#myspace { background: url(icon/myspace_32.html) top left no-repeat;}
#netvibes { background: url(icon/netvibes_32.html) top left no-repeat;}
#newsvine { background: url(icon/newsvine_32.html) top left no-repeat;}
#openid { background: url(icon/openid_32.html) top left no-repeat;}
#orkut { background: url(icon/orkut_32.html) top left no-repeat;}
#pandora { background: url(icon/pandora_32.html) top left no-repeat;}
#paypal { background: url(icon/paypal_32.html) top left no-repeat;}
#picasa { background: url(icon/picasa_32.html) top left no-repeat;}
#plurk { background: url(icon/plurk_32.html) top left no-repeat;}
#posterous { background: url(icon/posterous_32.html) top left no-repeat;}
#qik { background: url(icon/qik_32.html) top left no-repeat;}
#readernaut { background: url(icon/readernaut_32.html) top left no-repeat;}
#reddit { background: url(icon/reddit_32.html) top left no-repeat;}
#roboto { background: url(icon/roboto_32.html) top left no-repeat;}
#rss { background: url(icon/rss_32.html) top left no-repeat;}
#sharethis { background: url(icon/sharethis_32.html) top left no-repeat;}
#skype { background: url(icon/skype_32.html) top left no-repeat;}
#stumbleupon { background: url(icon/stumbleupon_32.html) top left no-repeat;}
#technorati { background: url(icon/technorati_32.html) top left no-repeat;}
#tumblr { background: url(icon/tumblr_32.html) top left no-repeat;}
#twitter { background: url(icon/twitter.png) top left no-repeat;}
#viddler { background: url(icon/viddler_32.html) top left no-repeat;}
#vimeo { background: url(icon/vimeo_32.html) top left no-repeat;}
#virb { background: url(icon/virb_32.html) top left no-repeat;}
#windows { background: url(icon/windows_32.html) top left no-repeat;}
#wordpress { background: url(icon/wordpress_32.html) top left no-repeat;}
#xing { background: url(icon/xing_32.html) top left no-repeat;}
#yahoo { background: url(icon/yahoo_32.html) top left no-repeat;}
#yahoobuzz { background: url(icon/yahoobuzz_32.html) top left no-repeat;}
#yelp { background: url(icon/yelp_32.html) top left no-repeat;}
#youtube { background: url(icon/youtube_32.html) top left no-repeat;}