This is what it looks like now 

![2013-08-14--1376461464_579x384_scrot](https://f.cloud.github.com/assets/5215951/960126/59597c86-04ac-11e3-92e2-657633d1713e.png)

 and what it looks like using semantically correct styles 

![2013-08-14--1376461823_580x391_scrot](https://f.cloud.github.com/assets/5215951/960129/724fd4ba-04ac-11e3-912e-bc0258ee452d.png)

It doesn't look good to me but is semantically correct. Is it better that I keep semantically correct predefined styles or must I maybe use hard-coded colors ?