.social {
    display: block;
    float: right;
    font-family: 'roboto slab';
    width: 312px;
}

.social ul#soc li.connectText {
    font-size: 16px;
    line-height: 16px;
    width: 88px;
    text-align: center;
    color: #354658;
    padding: 0;
}

ul#soc {
    list-style-type:none;
    padding:0;
    margin:0;   
}

ul#soc li{
    display: inline;
    float: left;
    padding-top: 1px;
    padding-left: 7px;
}

ul#soc li.firstIcon {
    padding-left: 9px;
}

div.header.ie7 ul#soc li.firstIcon {
    padding-left: 8px;
}

ul#soc li a {
    width: 30px;
    height: 30px;   
}

ul#soc li a .facebook {
    background: url('img/facebook.png');
    width: 30px;
    height: 30px;
}

ul#soc li a .facebook:hover {
    background: url('img/facebook_bw.png');
}
    
ul#soc li a .blog {
    background: url('img/blog.png');
    width: 30px;
    height: 30px;
}

ul#soc li a .blog:hover {
    background: url('img/blog_bw.png');
}

ul#soc li a .twitter {
    background: url('img/twitter.png');
    width: 30px;
    height: 30px;
}

ul#soc li a .twitter:hover {
    background: url('img/twitter_bw.png');
}

ul#soc li a .linkedin {
    background: url('img/linkedin.png');
    width: 30px;
    height: 30px;
}

ul#soc li a .linkedin:hover {
    background: url('img/linkedin_bw.png');
}

ul#soc li a .flickr {
    background: url('img/flickr.png');
    width: 30px;
    height: 30px;
}

ul#soc li a .flickr:hover {
    background: url('img/flickr_bw.png');
}

ul#soc li a .youtube {
    background: url('img/youtube.png');
    width: 30px;
    height: 30px;
}

ul#soc li a .youtube:hover {
    background: url('img/youtube_bw.png');
}