/*========================================*/
/*========COMMON STYLING==================*/
/*========================================*/
.social ul, .social_small ul
{
    list-style: none;
    margin: 0 auto;
    padding: 0;
}
.social ul.inlined, .social_small ul.inlined
{
    float: left;
}
.social ul li
{
    width: 32px;
    height: 32px;
    margin-right: 5px;
    text-indent: -9999px;
}
.social ul li a, .social_small ul li a
{
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    -moz-opacity: 0.8;
    filter: alpha(opacity=80);
}
 

.social_small ul li
{
    width: 16px;
    height: 16px;
    margin: 5px;
    text-indent: -9999px;
}

/*========================================*/
/*========SOCIAL LARGE SIZE===============*/
/*========================================*/
.social ul a.twitter, a.facebook, a.flickr, a.friendfeed, a.delicious, a.digg, a.lastfm, a.youtube, a.feed, a.linked-in
{
    background: url(images/social_icons.gif);
}

.social ul a.twitter
{
    background-position: 0px 0px;
}
.social ul a.facebook
{
    background-position: 0px -42px;
}
.social ul a.facebook
{
    background-position: 0px -42px;
}
.social ul a.flickr
{
    background-position: 0px -84px;
}
.social ul a.friendfeed
{
    background-position: 0px -126px;
}
.social ul a.delicious
{
    background-position: 0px -168px;
}
.social ul a.digg
{
    background-position: 0px -210px;
}
.social ul a.lastfm
{
    background-position: 0px -252px;
}
.social ul a.linked-in
{
    background-position: 0px -294px;
}
.social ul a.youtube
{
    background-position: 0px -336px;
}
.social ul a.feed
{
    background-position: 0px -378px;
}

/*========================================*/
/*========SOCIAL SMALL SIZE===============*/
/*========================================*/
.social_small ul a.twitter, .social_small ul a.facebook, .social_small ul a.flickr, .social_small ul a.friendfeed, .social_small ul a.delicious, .social_small ul a.digg, .social_small ul a.lastfm, .social_small ul a.youtube, .social_small ul a.feed, .social_small ul a.linked-in
{
    background: url(images/social_icons_small.png);
}

.social_small ul a.twitter
{
    background-position: 0px 0px;
}
.social_small ul a.facebook
{
    background-position: 0px -26px;
}
.social_small ul a.flickr
{
    background-position: 0px -52px;
}
.social_small ul a.friendfeed
{
    background-position: 0px -78px;
}
.social_small ul a.delicious
{
    background-position: 0px -104px;
}
.social_small ul a.digg
{
    background-position: 0px -130px;
}
.social_small ul a.lastfm
{
    background-position: 0px -156px;
}
.social_small ul a.linked-in
{
    background-position: 0px -182px;
}
.social_small ul a.youtube
{
    background-position: 0px -208px;
}
.social_small ul a.feed
{
    background-position: 0px -234px;
}

/*========================================*/
/*========Clearfix========================*/
/*========================================*/
/* http://sonspring.com/journal/clearing-floats */
html body * span.clear, html body * div.clear, html body * li.clear, html body * dd.clear
{
    background: none;
    border: 0;
    clear: both;
    display: block;
    float: none;
    font-size: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after
{
    clear: both;
    content: '.';
    display: block;
    visibility: hidden;
    height: 0;
}
.clearfix
{
    display: inline-block;
}
* html .clearfix
{
    height: 1%;
}
.clearfix
{
    display: block;
}
.jsocial_button
{
    padding-right:5px;
    }