нужно всего лишь разрезать макет, то есть отделать шапку, тело форума, фон (так как у тебя тело форума и фон заданы цветом, то картинка нам не понадобится.)

молодец, но на будущее: если у тебя фон и тело форума будут заданы картинкой, то лучше всего сохранять изображения в формате png (это в том случае если есть прозрачные области на картинках)

Саш, вот смотри, у тебя картинка в шапке на сером фоне, то есть прозрачных областей нет - значит сохраняем в jpg формате, как у тебя и есть сейчас. пример:

Если бы у тебя были прозрачные области, как например здесь:
то нужно сохранять в формате png.
Для того, чтобы менять эти форматы, лучше всего сделать так: в фотошопе (если ты пользуешься именно им) нажать Файл-Сохранить для Web и устройств... Появится вот такое окошко:

видишь в правом верхнем углу есть надпись jpeg? Нажимаешь туда и там ты можешь выбрать любой пункт, который тебе нужен.
Вообще, если тебе интересно, то подробнее о форматах сохранения и оптимизации изображений, ты можешь почитать здесь: http://emdiart.ru/viewtopic.php?id=949#p36469

Отлично ) Теперь, собственно, приступим к расшифровке кодов )
Мы работаем со стилем, значит и все изменения мы будем проводить во вкладке Свой стиль. В верхнем окне кодируется структура форума, в нижнем - цвета, картинки и т.д.
Для начала зададим ширину нашему форуму, допустим, это будет 860px (ты можешь взять любое значение). Для этого в верхнем окне стиля ищем пункт /* A5.1 */ и элементу #pun задаем параметр width(ширина) со значением 860px.
вот как это будет выглядеть:

Вот эта строка:   margin: 80px auto 0 auto; отвечает за отступы. Там где 80px - это отступ сверху там, где 0 - это отступ снизу. Там, где auto можно прописать отступы для текста от краев форума (чтобы текст не наезжал на границы).
Далее пропишем цвет телу форума. Дублируем этот же элемент, но во второе окно стиля:

вместо цвета так же можно прописывать и изображение.

Второе окно это и есть цвета, оно так и называется цвета_style.css (если не ошибаюсь)