20-11 Parent .css still displays over some Child .css – Why? How to fix?

Issue: twentyeleven Parent style.css still displaying over child theme style.css

dbl-Checked: theme style.css for correct formatting (I had it working on some classes / tags, stopped when editing inside page

researched: codex…child-theme / support forum (several articles – highlights A & B & C ) / outside forums

What I have attempted: Working my child theme edits down the page, I had made some changes successfully (e.g. widening the main content, removing search box). Thus confirming I set up the structure and child style.css correctly. I have attempted targeting different classes and tags. I have tried to increase specificty to increase the Calculated CSS Specificity Value. I have attempted to use !important; None of the CSS targeting has worked (note: I found descripensy between what Firebug & chrome’s inspector suggested was the css to is it what the source code has in it <h1 class=”entry-title”> or what the inspector suggest .singular .entry-title. As I was able to modify the display to what I wanted in the inspector with .singular .entry-title that is what I tried to get to work with above stated experiements with specificity.

Other information: I am using the 20-11’s Theme Options to use black background with white text. one thing I noticed was a twentyeleven/color/dark.css was loading after my child’s style.css. I wonder if this is altering my attempts to target the post titles (see lines 85+ in sgc-styles.css).

I have included links to sgc-style.css (which is the child style.css) and sgc-header.php (which was used to remove search box, thanks to Chris Bennet on WP for how to on this).

Child’s style.css
Child’s header.php
source code from demo