sidepages

1

}/*Social Sprite Css*/
#head-soc ul li {list-style :none; padding: 0px; float: left;}
#head-soc ul li a {text-indent: -9999px; font-size: 0; line-height: 0; overflow: visible ; height:  112.8px; width: 199px ;border: 0; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNd9OIjpgvDWEyQU7lNmE0X2ZJwVqPicB-6v8J4_u6vvQ2Lz6wLNjkPTIZpCdLzTgXW-gm9XToN_wpg0pgGF2JO0rbFxVVG016EUUPqziwT7WP3jusa2l2xWFQSw-DqDVBKe-6kqP_-pyg/s1600/sidepages.png) no-repeat; display: block;}


#head-soc li#fanart a  {background-position: 0px 0px;}
#head-soc li#fanart a:hover  {background-position: -199px 0px;}

#head-soc li#graphics a{background-position: 0px -112.8px;}
#head-soc li#graphics a:hover {background-position: -199px -112.8px;}

#head-soc li#parties a {background-position: 0px -225.6px;}
#head-soc li#parties a:hover {background-position: -199px -225.6px;}

#head-soc li#blogroll a {background-position: 0px -338.4px;}
#head-soc li#blogroll a:hover {background-position: -199px -338.4px;}

#head-soc li#characters a {background-position: 0px -451.2px;}
#head-soc li#characters a:hover {background-position: -199px -451.2px;}

<!--Social Sprite Html-->
<div id="head-soc">
<ul>
<li id="fanart"><a href="http://www.spaceheroesfansite.com/p/blog-page.html"></a></li>

<li id="graphics"><a href="http://www.spaceheroesfansite.com/p/graphics.html"></a> </li>

<li id="parties"><a href="http://www.spaceheroesfansite.com/p/parties_14.html"></a></li>

<li id="blogroll"><a href="http://www.spaceheroesfansite.com/p/blog-roll.html"></a></li>

<li id="characters"><a href="http://www.spaceheroesfansite.com/p/characters.html"></a></li>

</ul>

<!--Social Sprite Html http://www.spiceupyourblog.com--></div>