title: Unsure if container hierarchy is causing me positioning issues
body: <p>Im building my first website and this is first time asking for help. I am unsure of how to position the sidebar widget area of my site in the position I want. Im working on making my the site fully responsive. What I am trying to accomplish is get the sidebar to "hug" the content area so they are always next to each other with a small 20-35px margin in-between them, and as screens get larger I want them to stick together. I came across this website <a href="http://uberhavoc.com" rel="nofollow">http://uberhavoc.com</a>, I am trying to model my sidebar and content in a similar way. Here is my site: <a href="http://peakworthy.com" rel="nofollow">http://peakworthy.com</a>.</p>
  
  <p>my site has the main site content area with two divs, the main content and the sidebar. I tried get the to position how i want using percentage margins, played with clears, clearfixs and everything else. I was wondering if I am approaching this wrong or if the DOM is causing issues with style hierarchy. If you have any ideas I would be greatful. been pulling hair out on this for a couple days now.</p>