Update default styleguide template to use web-starter-kit styles about kss-node HOT 4 CLOSED

I agree that the default style template may not be stellar, particularly in terms of a responsive presentation (and I'd be happy to pitch on a change/update), but I'd argue that from a UI/UX standpoint, that alternative is actually worse:

• a top nav is not great when you're stacking an essentially unlimited number of section links
• it's likely huge and shoves any overview content out of view
• the nav disappears entirely when you're scrolled way down into the depths of the style guide, forcing users to scroll all the way back to find a different section
• it's not practical to make it fixed at the top to overcome this problem because of it's size
• there's no visible indication of where in the style guide you are (highlighted section name, breadcrumbs, etc).

At the very least, my suggestion is that if we were to go this route, we should
a) make this nav fixed and collapsible, and/or
b) include a breakpoint and move the nav to the left at some useful (horizontal tablet/desktop-ish) width

from kss-node.

Integrating ish into the default template might be desirable as well. http://bradfrostweb.com/blog/post/ish/

from kss-node.

Made a very rough sketch of my idea. The left nav overlays the content area and drop-down with the burger menu button; it is open by default when the page is open.

from kss-node.

While fixing #150, I cleaned up the CSS in the original template. Closing this and moving "add ish" to a new issue.

from kss-node.