Code is updated.
Changed:
Bottom black bar(border) between discussions are changed to light gray. Which i believe is more visually appealing.
Better use of space on lower screen resolution(width bellow ~1030px).
Header (.hero) is now displayed at the top edge of screen, instead of few px bellow(width bellow ~1030px).
About the problem @Frink pointed out, unfortunately i couldn't solve that as the extension are using same classes as other elements in navigation bar. Which lead to breaking everything. But, i provided solution by adding a links to a custom header and placing them in sidebar, which will provide similar functionality as a extension. @Frink if u need help with changing links and adding more, let me know, and i will explain it in detail how u should do that.
Added:
Button, which will collapse a sidebar, and everything that is displayed in it. Keep in mind, that after pressing back button in browser(not the button created by me)page will reload, which will prevent from any bugs to occur.
Fixed:
Minor bugs fixed.

    Razor Here is another error that I found
    alternatemessage
    Is there a way that you can send that element to the back of the page?

      Frink
      As i do not have in the moment acess to pc, i will tell u how to fix that bugs, and in few days i am gonna make changes to code. It's really strange that u got that bugs, beacuse i tested code, before posting, on resolutions from 1024x768 up to 2k, and the button should be displayed somewhere on vertical middle of page, rather than where it is displayed for u. Maybe u made some changes in code, but here is fix.
      In custom header find .hideb class. Under that class there is top: attribute. From 45% change that to for example 50%, which i believe will resolve ur issue, if not try 55% etc.
      For second problem with links in custom header find .customlinks class and change width attribute to, 70px or 80px. Than go to css and find .Dropdown-menu--right and change left attribute from 180px to 200 or 210px.
      Let me know if it resolved issue for u.

        Razor Ok, I tested it, and it is better, but not perfect...
        alternatemessage
        Also, in the admin panel, this also looks a bit funny:
        alternatemessage
        As you can see, the title isn't centered. Any idea how to fix that?

        Razor I don't mean to seem like a pain, but here is another issue I found:
        alternate
        The sidebar overlaps the confirmation email message

        In the code add a <br> between <a href..>terms of use</a> and <a href..>get a...</a>.
        About the links displayed in the admin panel, it can maybe be solved with jquery, but can't say much until i am on a pc.
        It's good to report a bug, even if it is something really small. As i can't really test how style work in every case.
        About email confirmation, it will be fixed, tomorrow probably, just to change value of margins.

          Razor Ok, thanks for the prompt reply. I will give this a try!

          Love it! It works on the frontend, but, again, in the admin panel, it shows this:
          img
          It appears to be chopping it off a bit. Any solutions?

            It can be solved by either moving a menu in admin panel to right or links to left for few px. But, i suppose it can be solved with jquery, to hide element on certain page.
            I will take a look tomorrow.
            Thanks for feedback.

              Frink please stop including a link to your page multiple times. Once is sufficient for support purposes.

                Razor Thanks for this! I tried adjusting the width on the header and css but it didn't seem to do anything. I will give it a try now that the line breaks are imposed. Thanks!

                @Frink
                Go to custom header find a .customlinks class under <style> and edit left: 130px;; to left:125px or 127px, which will resolve issue with admin panel.
                As u are running a little modified version of code, i will suggest u to add next code under custom header <style>
                @media screen and (min-width: 768px) and (max-width: 1030px) {
                .customlinks{
                top:300px;
                left:10px;
                }
                }
                Which will ensure that style is looking properly on lower screen resolutions.
                As well, add:
                var xy = $('nav.sideNav.UserPage-nav').css("left");
                if (xy=="10px"){
                $('nav.sideNav.UserPage-nav').css("left", "35px");
                }
                else{
                $('nav.sideNav.UserPage-nav').css("left", "10px");
                }
                In custom header under
                <script>
                $(document).ready(function(){
                $(".hideb").click(function(){
                .
                .
                .
                });
                And two last classes in css.
                Thats update in code.

                  Razor Thanks again for your help! Here is a shot of the frontend:
                  img
                  Still, the backend is a bit off
                  img
                  Also, would you be able to move the flags and notification up underneath the search bar, then the username under those?
                  img
                  Thanks again for your help!

                  Well it can be done, but that's not how i wanted and planned style to look. U are free to customize it to match your taste.
                  Go to inspect element, and than target buttons, and in custom css change values for them.
                  U can move .customlinks for -1px or -2px more, than it will not overlap in admin panel.
                  No problem, if u, or somebody else, need help with any of styles created by me, feel free to ask.

                    Razor OK, I will give this a try and tell you how I make out!

                    Razor I have tweaked the theme, and am seeking your opinion. Would you mind having a look and telling me what you think? (link can be found above)