Help Moving Icons In Footer

Hello,

I have five icons on the bottom left side of my footer – three Twitter icons, a Facebook icon and a RSS icon. In the middle of the footer is the normal copyright information.

What I would LIKE to do, is to move the Facebook and RSS icons to the RIGHT side of the footer.

I would therefore have my three Twitter icons exactly where they are, copyright information in the middle, and the Facebook and RSS icons on the right side, in the mirrored position of the Twitter icons.

Could someone tell me how exactly to move them? I edited them in by simply copying the RSS icon element in the footer.php that was already in the theme I built several times over, adding new CSS and changing relevant information.

My website is here: https://www.thepoliticalpodium.com/

Thank you very much for any help!

Here is my CSS
—

.art-fb-tag-icon
{
position: relative;
display: block;
float: left;
background-image: url(‘images/icon_web_facebook_politicalpodium.png’);
background-position: center right;
background-repeat: no-repeat;
margin: 0 5px 0 0;
height: 32px;
width: 32px;
cursor: default;
}

.art-twpp-tag-icon
{
position: relative;
display: block;
float: left;
background-image: url(‘images/icon_web_twitter_politicalpodium_pp.png’);
background-position: center right;
background-repeat: no-repeat;
margin: 0 5px 0 0;
height: 32px;
width: 32px;
cursor: default;
}

.art-twrr-tag-icon
{
position: relative;
display: block;
float: left;
background-image: url(‘images/icon_web_twitter_politicalpodium_rr.png’);
background-position: center right;
background-repeat: no-repeat;
margin: 0 5px 0 0;
height: 32px;
width: 32px;
cursor: default;
}

.art-twll-tag-icon
{
position: relative;
display: block;
float: left;
background-image: url(‘images/icon_web_twitter_politicalpodium_ll.png’);
background-position: center right;
background-repeat: no-repeat;
margin: 0 5px 0 0;
height: 32px;
width: 32px;
cursor: default;
}

.art-rss-tag-icon
{
position: relative;
display: block;
float: left;
background-image: url(‘images/icon_web_rss_politicalpodium.png’);
background-position: center right;
background-repeat: no-repeat;
margin: 0 5px 0 0;
height: 32px;
width: 32px;
cursor: default;
}

Here is my footer.php
—

<div class=”art-footer”>
<div class=”art-footer-inner”>





<div class=”art-footer-text”>
<p>
<?php
global $default_footer_content;
$footer_content = get_option(‘art_footer_content’);
if ($footer_content === false) $footer_content = $default_footer_content;
echo stripslashes($footer_content);
?>
</p>
</div>
</div>
<div class=”art-footer-background”>
</div>
</div>

<div class=”cleared”></div>
</div>
</div>
<div class=”cleared”></div>
<p class=”art-page-footer”></p>

</div>

<!– <?php printf(__(‘%d queries. %s seconds.’, ‘kubrick’), get_num_queries(), timer_stop(0, 3)); ?> –>
<?php ob_start(); wp_footer(); $content = ob_get_clean(); if (strlen($content)) echo ‘<div>’ . $content . ‘</div>’; ?>
</body>
</html>