Bass Fm Proto

HTML

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/jquery-ui.min.js"></script>
<img id="logo" src="http://dl.dropbox.com/u/14037764/bassfm/logo.png"/>
<ul id="nav">
    <li><a href="#">Home</a></li>
    <li><a href="#">About</a></li>
    <li><a href="#">Sounds</a></li>  
    <li><a href="#">Upcoming Shows</a></li>
    <li><a href="#">Contact</a></li>
    <li><a href="#">Tune In</a></li>
</ul>
<div id="page">
<h1>Welcome to Bass FM Beta</h1>
    </div>

CSS

body {background: #000 url('http://dl.dropbox.com/u/14037764/bassfm/background.png') no-repeat }
#wrap {height:600px; width:800px;}
h1 {color:yellow; text-transform:uppercase; font-family: "Tahoma"; font-weight:bold; font-size:18px}
#logo {margin-top:100px; margin-left:5px}
#nav {diaplay:inline; margin-top:30px }
#nav li {display:inline;}
#nav a {text-transform:uppercase; font-size:10px; padding:0px 10px; border-left:1px solid #666; color:#666; font-family:'Arial'; text-decoration:none;}
#nav li:first-child a {border-left:none}
#page {padding:20px}
/*#nav a:hover {color:yellow;}*/

JavaScript

jQuery.fn.center = function() {
    this.css("position", "absolute");
    this.css("top", ($(document).height() - this.height()) / 2 + $(window).scrollTop() + "px");
    return this;
}
$('#nav li a').hover(function() {
    $(this).animate({ color: "yellow" }, 1000);
},function() {
    $(this).animate({ color: "#666666" }, 500);
});