/*
	SocNet
	v3.3
	Brady Gudgel
*/



#facebook {
 background-image:url('../img/socnet/preload/facebookPL.png');
 background-position:bottom;
 background-repeat:repeat-x;
 width:50px;
 height:26px;
 color:white;
 float:right;
 position:relative;
 top:-26px;
}

#facebook:hover {
 background-position:top;
}

#twitter {
 background-image:url('../img/socnet/preload/twitterPL.png');
 background-position:bottom;
 background-repeat:repeat-x;
 width:50px;
 height:26px;
 color:white;
 float:right;
 position:relative;
 top:-26px;
}

#twitter:hover {
 background-position:top;
}

#instagram {
 background-image:url('../img/socnet/preload/instagramPL.png');
 background-position:bottom;
 background-repeat:repeat-x;
 width:50px;
 height:26px;
 color:white;
 float:right;
 position:relative;
 top:-26px;
}

#instagram:hover {
 background-position:top;
}

#youtube {
 background-image:url('../img/socnet/preload/youtubePL.png');
 background-position:bottom;
 background-repeat:repeat-x;
 width:50px;
 height:26px;
 color:white;
 float:right;
 position:relative;
 top:-26px;
}

#youtube:hover {
 background-position:top;
}

#spotify {
 background-image:url('../img/socnet/preload/spotifyPL.png');
 background-position:bottom;
 background-repeat:repeat-x;
 width:50px;
 height:26px;
 color:white;
 float:right;
 position:relative;
 top:-26px;
}

#spotify:hover {
 background-position:top;
}

#soundcloud {
 background-image:url('../img/socnet/preload/soundcloudPL.png');
 background-position:bottom;
 background-repeat:repeat-x;
 width:50px;
 height:26px;
 color:white;
 float:right;
 position:relative;
 top:-26px;
}

#soundcloud:hover {
 background-position:top;
}

#mixcloud {
 background-image:url('../img/socnet/preload/mixcloudPL.png');
 background-position:bottom;
 background-repeat:repeat-x;
 width:50px;
 height:26px;
 color:white;
 float:right;
 position:relative;
 top:-26px;
}

#mixcloud:hover {
 background-position:top;
}

#mail {
 background-image:url('../img/socnet/preload/mailPL.png');
 background-position:bottom;
 background-repeat:repeat-x;
 width:50px;
 height:26px;
 color:white;
 float:right;
 position:relative;
 top:-26px;
}

#mail:hover {
 background-position:top;
}


#info {
 background-image:url('../img/socnet/preload/info.png');
 background-position:bottom;
 background-repeat:none;
 width:20px;
 height:20px;
 cursor:help;
 color:white;
 float:right;
 position:relative;
 top:45px;
 z-index:0;
 text-decoration:none;
}

#info:hover {
 background-position:top;
 z-index:2;
 border-top-left-radius: 10px;
 border-top-right-radius: 10px;
}

#info p{
 cursor:default;
 background-color:gray;
 background-image:url('../images/orangecarbon/tableCarbon.png');
 background-position:bottom;
 background-repeat:repeat-x;
 padding-left:5px;
 visibility:hidden;
 box-shadow:0px 0px 15px #000000;
 border-top-left-radius: 5px;
 border-bottom-left-radius:5px;
 border-bottom-right-radius:5px;
}

#info:hover p {
 width:200px;
 height:200px;
 visibility:visible;
 position:absolute;
 right:0;
 top:4px;
}