/*
 * Colorline Horizontal Navbar/Menu Stylesheet
 * (c) Brian Perry 2008-2009
 *
 * This horizontal navbar/menu template uses a black gradient background that
 * leaves a thin line of the background color showing.  Optional styling allows
 * for alternate decoration of links including a separate "current" link (allows
 * differentiation of a circular link to the current page from other links).
 */

ul.navbar {
    /*
     * menu template is a gradiated black stripe that leaves a thin line of
     * the background color showing
     */
    list-style-type:none;
    width:auto;
    position:relative;
    display:block;
    height:33px; /* based on height of bg.png */
    border:1px solid #000;
    margin:0;
    padding:0;
    background:url(images/bg.png) repeat-x top left;
    font-family:Arial,sans-serif;
    font-size:.75em;
}

ul.navbar li {
    /* undecorated menu items will be left/top justified in default color */
    display:block;
    float:left;
    margin:0;
    padding:0;
}

ul.navbar li a {
    /* alternate color of menu links (also centered) */
    color:white;
    float:left;
    text-decoration:none;
    height:24px;
    padding:9px 15px 0;
    background:url(images/bg.png) repeat-x top left;
}

ul.navbar li a:hover {
    /* alterate color of menu link hovers */
    color:yellow;
    text-decoration:none;
    background:yellow url(images/bg.png) repeat-x top left;
}

ul.navbar li.current a {
    /* alternate color of "current" menu links (non-hover) */
    color:red;
    font-weight:700;
    background:red url(images/bg.png) repeat-x top left;
}