Ivan Bogachev

Используйте display:table-cell у fieldset (не то, чтобы это было красивым решением, но работает).

В отдаленном светлом будущем все браузеры будут поддерживать все свойства без префиксов. Логичнее ставить вопрос в обратную сторону - зачем мы сейчас эти самые префиксы ставим? - Чтобы браузеры, которые еще находятся в сером настоящем или темном прошлом (вроде ie) могли отображать то, что мы хотим с помощью своих реализаций свойств. Кстати shouldiprefix говорит, что -moz- и -o- для transform уже не обязательно делать

Русского там может и нет, а кириллица (Cyrillic) - есть.

Часто элементы :after и :before вытаскивают в position:absolute и делают с ними что хотят, например так.

UPD: в вашем случае еще можно поиграть с background (внезапно) - codepen.io/sfi0zy/pen/LNJZMd

Можно например так, тут вопрос об одной точке не должен стоять - а для маленьких экранов (вроде телефона) лучше будет вообще не делить на такие части - уж очень все мелко будет.

Попробуйте добавить vertical-align к вашей картинке

<div class="calendar blue">
    <img style="vertical-align:middle" src="img/calendar.png" alt="">
    <span>08 / 28 / 2014</span>  
</div>

Есть соответствующий плагин, который умеет брать css файлы, сливать в один и минифицировать.