My Magento store is loading a lot of css files:
[![10 CSS files is used](https://i.stack.imgur.com/geBtq.jpg)](https://i.stack.imgur.com/geBtq.jpg)

I want to combine them into only 1 or 2 css files. I am aware of the merge option in Magento, but that breaks the design completely. So I want to do it manually. Can it simply be done by copying all the css from the files and pasting it in style.css, and then remove the link rel code of the css files no longer needed from the header? In the head.phtml file found in app/design/frontend/default/theme/template/page/html, the lines on the picture is not there, but there is this line `<?php echo $this->getCssJsHtml() ?>` - but how do I edit out the css files no longer needed?