CSS design tweaking

I need a CSS coder with good design skills to "fix" my CSS: I have a new WordPress site with a premium theme. I have made some customisations to the design with CSS including larger font and increased line height. 1) The column width of the header is not the same as the main blog page listing; 2) The width of the blog single page text is different than on the blog listing page; 3) On smartphone, the text is right up against the left side, there should be a small margin of space; 4) In general, this needs someone with CSS skills and a good eye for design to see if there's anything else needed and fix it. (note: I'm not making this an open ended project but happy to pay a bonus on top of an agreed fixed price if there's more work required than initial scope, so please don't over quote with that in mind) The site is available at [login to view URL] Blog listing page: [login to view URL] Sample single posts (just need minor tweaks): [login to view URL] [login to view URL] Regular WordPress Pages (need to look more like single post pages): [login to view URL] [login to view URL] [login to view URL] ===================================================== It's using the Salient theme, and here's the custom CSS added so far: body {color:#555;} /* post meta info*/ #single-below-header {display:none;} [login to view URL] .post-meta {display:none;} .blog [login to view URL] .content-inner {margin-left:-20px !important; max-width:620px !important;} @media screen and (min-width:0px) and (max-width:999px) {.blog [login to view URL] .content-inner {margin-left:0px;}} /* align content on listing page */ .post-content {padding-left: 30px !important;} /* social */ #single-meta {display:none;} #post-area {font-size: 19px; width: 620px; margin-left: auto ; margin-right: auto ;} #post-area blockquote {font-size: 21px; line-height:24px;} .section-title h1 {margin-left:auto;margin-right:auto;} .single.single-post .section-title h1 {max-width:620px !important;} .single #post-area.span_12 #author-info,#author-info {width: 620px !important;font-size: 16px !important;} /* Move sidebar if turned on */ #sidebar {margin-left: 100px;} @media screen and (min-width:0px) and (max-width:999px) {#post-area,.single.single-post .section-title h1, .single #post-area.span_12 #author-info,#author-info {width:100%;}} ===================================================== Changes will be made in the theme options panel, to the custom CSS above. As I mentioned, I'm not making this an open ended project but happy to pay a bonus on top of an agreed fixed price if there's more work required than initial scope, so please don't over quote with that in mind :) IMPORTANT: Thanks for reading all the way. Please include the text "I have removed the brown M&Ms" in your bid or it will be ignored - I need someone with an eye for detail. IMPORTANT