Cleaned up the sidebar:

* added “download” link for guide
* cleaned up “categories” and stuff — removed bullets and indenting (removing extraneous ULs)

Also, figured outa “proper” footer

*Challenge: creating a “background” which fits the entire width of the screen, which, unfortunately, is currently outside the “wrapper”

*Solution:

Create a second wrapper “total_wrapper” which is width 100%, around the normal “wrapper”, which is set at 800px and centered.

THEN:

Make sure all of the below is OUT of the “inner wrapper”, which is just called “wrapper”, but still inside of the “total_wrapper”.

THEN … creating “Nested” divs for a single footer: an “outer_footer”, which is set to a width of 100% … it will match the edges of the “total wrapper” (which is already 100%), and an inner footer, which is just called “footer”, which is defined EXACTLY as the “wrapper” width … 800px and margin: auto.

If you set the background color of the outer_footer to whatever you like, you can give the appearance of a bottom-half where the text, set in the inner footer (”footer”), appears to be centered and aligned with all of the rest of the website

VOILA!

NB: Make sure to write “clear: both” for the footer div, so that it doesn’t end up below the “sidebar”, but truly below BOTH content and sidebar divs.