Adjust .page-title and .archive-meta to type hierarchy

Increase .page-title to 18px, decrease .archive-meta to 14px
Remove the heading margins from .page-title and move
.archive-meta upwards with position:relative;
Make attachment layout widths responsive

Set max-width instead of width
Make sure long non-wrapping content doesn't break the layout

Add word-wrap:break-word to entry titles, comments and widgets
Remove mediaelement styles - use default styling
Merge branch 'develop' of github.com:ThematicTheme/Thematic into midsis/20-mergetest

Add style fixes from theme unit test data