Pmail 20141107 rc

This is my first pass at the pmail exercise. A live version can be found here:
http://cowanryan.com/pmail/

I tried out Yahoo's Pure (a watered down version of bootstrap)  to get the general layout, navigation, and buttons standardized. After using Pure, I would probably go back to using bootstrap or foundation as they provide a bit more out of the box without being complicated to learn/use.

The mail items are traversable with the up and down arrows using some quick Javascript/jQuery.
Not sure how pure works here but it looks like the width of this element a flexible percent. I think this is probably the biggest issue with this exercise.

So your goal is to have this left side content with more of a fixed-width and then have the main content on the right extend the rest of the length. You can accomplish this by creating a wrapping element with `position: relative` (you just need to give this wrap a position so the child, right element can be `position: absolute` relative to the wrap and not some other parent element (position works relative the the closest parent element that actually has a position defined).

Okay, so now we can define a fixed width element inside of this with `position: absolute; width: whateverpx;` 

then we make our main content on the right side: `margin-left: whateverpx`

Here is an example of this: https://www.onstride.co.uk/about-us (the logo and the text on the right) you ca apply this to your core layout to get a better structure

Ping with questions about this