Position Logo Image

Hi, I want to do the following:
1- css position the logo (only) a little higher and more to the left
2-run a thick blue line all along the the upper part of the website
3-move all the white square which encloses slide and other content a little closer to
the logo.

I have average knowledge in CSS and HTML but I have not been able to accomplish that.
Thanks

 

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.main-container{
border-top:8px solid blue;
}
.main-content{
margin-top:5px;
padding-top:5px;
}
.header {
margin-top: 10px;
}

It is not possible to move the logo to more left because theme works on 960 grid system, If we want to move it left then it will break the layout of the theme.

 

Thanks for your quick answer, very helpful.