Элементы контента

Данные правила действуют внутри блоков с классом class="content". К примеру:

<div id="content" class="content">
	Заголовки, параграфы, списки и всё остальное выводятся здесь :)
</div>
<div id="new-custom-block" class="content">
	Ещё один дополнительный контентный блок...
</div>

Нижний отступ задаётся для всех элементов в одном месте:

.content p, .content ul, .content ol, .content table, blockquote, pre, .columns, .content img { margin-bottom: 11px; }

Заголовки

Задаются общие параметры текста для заголовков 1-4 уровня и отдельно размер текста для заголовков 2-4 уровня:

.content h1, .content h2, .content h3, .content h4 { font: 1.7em Verdana, Arial, Helvetica, sans-serif; margin-bottom: .5em; }
.content h2 { font-size: 1.5em; }
.content h3 { font-size: 1.3em; font-weight: bold; }
.content h4 { font-size: 1.1em; font-weight: bold; }

Цитаты, блоки кода

Для цитат(blockquote) задаётся левый отступ и 2px граница слева.

Для листингов кода назначается шрифт Courier New, увеличеноое межстрочное расстояние, фоновая заливка и окантовка в полоску:

blockquote { margin-left: 10em; padding-left: 1em; border-left: 2px solid #ccc; }
code, pre { font: 1.2em/1 "Courier New", Courier, monospace; padding: 1px 2px; background: #eee; }
pre { border: 1px dashed #aaa; line-height: 1.7em; padding: 5px; font-size: .9em; background: #eee; margin: 0; }

Эти элементы довольно редко используют вне контекстных блоков, поэтому правила задаются без привязки к классу .content.

Списки

Для упорядоченных и неупорядоченных списков задаются общие правила для отступа слева, вертикального отступа между элементами списка и увеличенного межстрочного расстояния:

.content ul, .content ol { margin-left: 3em; line-height: 1.3em; }
.content ul li, .content ol li { margin-bottom: .2em; }

Верхний и нижний индексы

Теги sup, sub не влияют на высоту строки.

sup, sub { vertical-align: baseline; position: relative; }
sup { top: -0.4em; }
sub { bottom: -0.3em; }

Разделительная линия

Весь этот код необходим для кроссбраузерности.

hr { color: #ccc; background-color: #ccc; height: 1px; border-width: 0px; }

Наклонный и жирный текст

2 класса для форматирования наклонного и жирного текста.

.em { font-style: italic; }
.strong { font-weight: bold; }

Ссылки с иконкой

Для упрощенного создания ссылок с иконками был добавлен класс icon или общий класс icons для контейнера со ссылками:

.icons a, .icon { padding-left: 20px; background-repeat: no-repeat; background-position: left center; }

К примеру:

<a href="#" class="pdf-icon icon">pdf-документ</a>

Для создания ссылки с pdf-иконкой достаточно назначить картинку для класса pdf-icon:

.pdf-icon { background-image: url(pdf-icon.gif); }