Adjust the Footer and add the margin-bottom

Hey Aditya,

Here's how to fix the footer so the author isn't overlapping the footer in some cases.

How we did it is:

* Wrap the main content in a div (basically just a box)
* Add a margin to the bottom.  This margin will make sure that there's at least a certain amount of space below the item.

There are probably some other subtle problems with the footer that we'll get to in flixter with the sticky footer, but this gets us pretty close to what we need.


------

As a side note, this is a GitHub pull request.  This is how I can show you code that I think you should add to your project.  It allows you to look at the code, you'll see the green code is code that's added and the red is code that's deleted.  The "Files changed" tab will show you the code.

"Commits" will show you a listing of the individual comments I'm trying to send you.  And this tab, the conversation tab you can use to communicate about the change.

If you want to suck in all this code into your project you can by pressing the green merge button.  After you press the merge button, you'll have to update your web dev environment to have the latest updates from GitHub and to do that you can run this command:

```
git pull origin master
```

Hope this helps.

Aloha,
Ken
All I did here is add an opening and closing div tag.  Because I adjusted the indentation it's showing the change on all the lines.  Most of them are just whitespace only

```
<div id="content">
```

and

```
</div>
```

were added.