Moving site logo to the left (in front of site title and tagline)

Hello, I know that this topic has been brought up several times and I did went through each thread but somehow none of the css codes that had been provided seem to be working for me. I'd like my site logo to look like this (it's obviously not my site but something what I'd like achieve) http://gudger.us/blog/ My own site is http://www.infinitylashes.co.uk/ I had already use some css customizations on my website: #header-right .widget_search { display: none; } h2#site-description {; font-size: 15px } h1#site-title { font-size: 25px} h1#site-title a {color: #4D4D4D;} h2#site-description {color: #000000; font-weight:normal;} h2#site-description { padding-top: 10px; } #hgroup-wrap img {margin-top: 50px;} hgroup.with-logo {padding-left: 10px;padding-top: 24px;} @media screen and (min-width: 1060px) { /* Padding Above Logo */ #site-logo {padding-top: 50px;} p {line-height: 1.7; margin-bottom: 1em;} /* Padding Above Site Title */ #hgroup {padding-top: 50px;} /* Padding Below Site Description */ #hgroup-wrap {padding-bottom: 50px;}} #hgroup-wrap img {margin-top: 50px;} hgroup.with-logo {clear: none;margin-left: 50px;} I did that some time ago and however funny it sounds I don't know now which of these codes relate stricte to the site logo... I did tried to remove some that have 'logo' word in them but this is mostly changing the site content :/ Thank you for your help!