primefaces themes broken

I'm trying to use a different theme on my primefaces (2.2.1) web application but I'm experiencing a strange behavior. Where I should get this (primefaces.org showcase) :

I'm getting this :

I'm using the same code as the demo, minus the event handlers and theme roller. The demo can be found there : http://www.primefaces.org/showcase/ui/layoutComplex.jsf the source code of the page is linked in the bottom.

I've tried another theme and I have a simila开发者_JS百科r result.

What I did:

I've added

<link type="text/css" rel="stylesheet" href="theme/primefaces-sunny/theme.css" />

in the head section

I've added

<context-param>
    <param-name>primefaces.skin</param-name>
    <param-value>none</param-value>
</context-param>

to the web.xml file

I have no knowledge of css, I really don't know what could have gone wrong. Any help is appreciated, thanks in advance.

You need to remove link tag and set theme name as the context param value. More info;

http://www.primefaces.org/themes.html