Updates example to use BEM naming conventions

Converts the class names to use BEM naming conventions as outlined at
http://csswizardry.com/2013/01/mindbemding-getting-your-head-round-bem-syntax.

Updates the class names on the block view files.

Adds id references to each styleguide block so you can link directly
to a specific section in the styleguide.