/* -------------------------------------------------------------- 
  
   Site.css
   * Sets all styles specific to the site
   
    Chris Meagher 24/12/2007

    Contents:
    00 - Notes and reference
    01 - Global and page level styles
    02 - Header styles
    03 - Body styles
        03.01 - Content styles
        03.02 - Sidebar styles
            03.02.01 - Site navigation styles
    04 - Footer styles
   
-------------------------------------------------------------- */

/*-----------------------------------
00 - Notes and reference
-----------------------------------*/
/*-----------------------------------
00.01 - Site measurements
-----------------------------------*/
/*
The site is measured in ems for an elastic layout. Each page at default text size is 960px width and is centered 
in the browser window.
*/

/*-----------------------------------
01 - Global and page level styles
-----------------------------------*/

div#page
{
    width: 80em;
    margin: 0 auto;
    padding: 0 12px;
    background-color: #fff;
}

/*-----------------------------------
02 - Header styles
-----------------------------------*/

div#header
{
    padding-bottom: 4px;
    border-bottom: 2px solid #ccc;
    overflow: hidden;
}

    div#header a.adminLogo
    {
        float: left;
        display: block;
        width: 200px;
        height: 48px;
        padding: 18px 0;
    }
    
    div#header div#loginInformation
    {
        float: right;
        width: 24em;
        margin: 1.5em 0;
        text-align: right;
    }

/*-----------------------------------
03 - Body styles
-----------------------------------*/

div#body
{
    overflow: hidden;
}

/*-----------------------------------
03.01 - Content styles
-----------------------------------*/

div#content
{
    float: right;
    width: 66em;
}

div.formOptions
{
    margin-top: 1.5em;
    padding: 0.75em 0;
    border-top: 0.083em solid #ccc;
}

/*-----------------------------------
03.02 - Sidebar styles
-----------------------------------*/

div#sidebar
{
    float: left;
    width: 13em;
    padding-right: 1em;
}

/*-----------------------------------
03.02.01 - Site navigation styles
-----------------------------------*/

div#siteNavigation
{
    margin: 1.167em 0 1.5em;
    overflow: hidden;
}

    div#siteNavigation ul
    {
        margin: 0 0 0.333em 0;
        list-style-type: none;
    }
    
    div#siteNavigation li a
    {
        display: block;
        padding: 0.333em;
        margin-bottom: 0.333em;
        border-bottom: 0.083em solid #ccc;
        font-weight: bold;
        text-transform: uppercase;
        text-decoration: none;
    }
    
    div#siteNavigation li a:focus, div#siteNavigation li a:hover, div#siteNavigation li.selected a
    {
        background-color: #eee;
    }
    
        div#siteNavigation li.selected li a
        {
            background-color: transparent;
        }

    div#siteNavigation li ul
    {
        margin: 0;
    }

        div#siteNavigation li ul li
        {
            margin-left: 1em;
        }

/*-----------------------------------
04 - Footer styles
-----------------------------------*/

div#footer
{
    overflow: hidden;
}

    div#footer p#copyrightNotice
    {
        margin-top: 0;
        text-align: right;
    }