I'm trying to install jQuery UI with a ThemeRoller theme for the first time. I've downloaded jquery 1.4.2... I've downloaded jQuery UI with a couple of themes. I've tried to follow the instructions but they seem contradictory and don't seem to related to the downloaded files.

When I try to use a datepicker... the datepicker functionality works, but it has the default (grey) style.

This page refers to a folder/sub-folder/css files that don't exist. This page refers to a ui.theme.css file that doesn't exist.

The downloads I received included the following:

--demos
--docs
--external
--themes
----base
----[theme name]
--ui
----i8n
----minified
--js

So what do you put where? I've copied the js to the appropriate directory and linked it into my page. And I copied the themes/base folder as well, and linked into the jquery.ui.all.css file. Even the included demos only display the default (grey) styling.

Where am I going wrong?

The head section:

<script type="text/javascript" src="/scripts/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="/scripts/jquery-ui-1.8.custom.min.js"></script>
<link rel="Stylesheet" href="/css/smoothness/jquery.ui.all.css" />

The body section:

            <script type="text/javascript">
            $(function() {
                $("#datepicker").datepicker();
            });
            </script>

            <div>
                <p>Date: <input type="text" id="datepicker" /></p>
            </div>