Different colors (css) for different categories

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>my super modx web</title>
<style>[*customCSS*]</style>
</head>

http://www.24sata.hr/news

http://www.24sata.hr/sport

<style type="text/css">
#container{background:#[*customCSS*];}
</style>

Red==ff0000||Black==000||Yellow==fffb80

.header {background:#000};
.some-div img:hover {border-bottom:3px solid #000}

.header {background:#FFF}
.some-div img:hover {border-bottom:3px solid #FFF}
.some-other-class a {color: #060}

Black=={{black}}||Green=={{green}}||Puce=={{puce}}

<body id="red-layout"></body>

body#red-layout #container {background: red;}
body#red-layout #menu {background: red;}
body#red-layout #sidebar {background: red;}