Выравнивание ссылок - Вопросы по CSS

<?php

// no direct access
defined('_JEXEC') or die;
?>

<ul class="themes-icons">
    <li class="red"><a href="?profile=default" rel="nofollow">Red</a></li>
    <li class="skyline"><a href="?profile=skyline" rel="nofollow">Blue</a></li>
    <li class="grung"><a href="?profile=grunge" rel="nofollow">Green</a></li>
    <li class="fabric"><a href="?profile=fabric" rel="nofollow">Fabric</a></li>
    <li class="silver"><a href="?profile=silver" rel="nofollow">Turquoise</a></li>
    <li class="glitter"><a href="?profile=glitter" rel="nofollow">Pink</a></li>
    <li class="orange"><a href="?profile=gradientorange" rel="nofollow">Orange</a></li>
    <li class="asphalt"><a href="?profile=asphalt" rel="nofollow">Asphalt</a></li>
</ul>

<ul class="social-icons-special">
    <li class="vimeo"><a href="http://vk.com/" rel="nofollow" target="_blank"> </a></li>
    <li class="twitter"><a href="http://twitter.com/" rel="nofollow" target="_blank"> </a></li>
    <li class="facebook"><a href="http://www.facebook.com/" rel="nofollow" target="_blank"> </a></li>
    <li class="rss"><a href="/?format=feed&amp;type=rss" rel="nofollow" target="_blank"> </a></li>
</ul>

<ul class="themes-icons">
    <li class="red"><a href="?profile=default" rel="nofollow">Red</a></li>
    <li class="skyline"><a href="?profile=skyline" rel="nofollow">Blue</a></li>
    <li class="grung"><a href="?profile=grunge" rel="nofollow">Green</a></li>
    <li class="fabric"><a href="?profile=fabric" rel="nofollow">Fabric</a></li>
    <li class="silver"><a href="?profile=silver" rel="nofollow">Turquoise</a></li>
    <li class="glitter"><a href="?profile=glitter" rel="nofollow">Pink</a></li>
    <li class="orange"><a href="?profile=gradientorange" rel="nofollow">Orange</a></li>
    <li class="asphalt"><a href="?profile=asphalt" rel="nofollow">Asphalt</a></li>
</ul>

<ul class="social-icons-special">
    <li class="vimeo"><a href="http://vk.com/" rel="nofollow" target="_blank"> </a></li>
    <li class="twitter"><a href="http://twitter.com/" rel="nofollow" target="_blank"> </a></li>
    <li class="facebook"><a href="http://www.facebook.com/" rel="nofollow" target="_blank"> </a></li>
    <li class="rss"><a href="/?format=feed&amp;type=rss" rel="nofollow" target="_blank"> </a></li>
</ul>

.themes-icons{
  float: left;
  text-align: left;
}
.social-icons-special{
  float: right;
  text-align: right;
}