Logo and site title lined up

Het Sakin is there anyway of having the site title and tag line centered with the logo lined up to the left? My site is www.blackdogcarpentry.co.uk Thanks a lot I currently have this in my custom css:

.site { width: 100%; }
@media screen and (min-width: 480px) {
    #featured-content.layout-three .hentry {
        text-align: center;
        width: 33.33%;
    }

#feature-slider .cycle-slideshow { max-width: 100%; }

#site-branding {
    display: block;
    text-align: center
;
    width: 100%;
}
#site-header { 
    width: 100%; 
}

#site-logo {
    display: block;
    float: none;
    margin: 0 auto;
    width: auto;
}