Всё что вам нужно знать о типографике и читабельности:
1. Как можно больше контраста между текстом и фоном
2. Высота строки 1.4em-1.6em (свойство CSS: line-height: значение)
3. Шрифт заголовков — без засечек(sans-serif), шрифт текста — с засечками(serif) — удобней читать и навигироваться
4. Ширина блока с тестом — примерно 2 алфавита
5. Добавьте отступы между параграфами
6. Отступ между заголовком и параграфом надо сделать чуть меньше чем чем между обычными параграфами
7. Выравнивание по ширине (justify) — плохо, ад и ппц, выравнивать лутше просто по левому карю
дополните если что забыл

вот както так

<div id="image">
<img src="0ff35a09.jpg" width="159px" height="110px" alt="qq" class="overlayme" />
<span class="overlayed"></span>
</div>

#image{
	width: 159px;
	height: 110px;
	position:relative;
}
.overlayed{
display:block;
position:absolute;
top:0;
left:0;
width: 100%;
height:100%;
background: #FFF;
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* firefox */
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,0))); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFFFF', endColorstr='#00FFFFFF',GradientType=0 ); /* ie */
}

1. Поднимаете rest сервер на питоне
2. over json вызываете методы этого сервера (прямо file_get_contents($url+$data)), постепенно заменяя код пхп, на вызовы по api к pythonу
3. ...
4. Profit!

вообще если в нп++ поставить отступ, то при переходе на новую строку он будет его соблюдать
+ страшный вариант для раскрытия скобок — добавить сниппет в зен кодинг который будет экспандить {} в {\n\r\t|\n\r}