/*

    canvas, dark tan    - #DFDBC3
    canvas, stroke      - #CDC8AA
    canvas, page        - #F8F5EA
    
    logo, dark grey     - #323233
    logo, dark purple   - #33102f
    purple              - #33102F
    text, green         - #2A541B
    text, blue link     - #0F1254
    text, dark grey     - #33302B
    text, lighter grey  - #4D4840
    text, dark brown    - #472210

*/

/******* DOCUMENTATION FORMAT *******/
/* @group Foo 
   @description = 
   

*/


/* @group Page Setup */ 

    html,body {
        background-color: #DFDBC3;
    }
    
    body {
        padding: 20px;
        color: #33302B;
    }
    
    #wrap {
        background-color: #F8F5EA;
        border: 1px solid #CDC8AA;
    }
    
    #doc3 {
        margin: 0;
        min-width: 1px;
    }


    /* @group #hd */
    
        #hd {
            padding: 20px 20px 10px 20px;
        }

        /* @group ribbons */
        #hd {
            position:relative;
        }

        #hd form {
            position:absolute;
            top:85px;
            right:20px;
            z-index:100;
            *margin-right:20px;
        }
        #gitribbon {
            position:absolute;
            top:-21px;
            right:-21px;
            *right:0;
            z-index:50;
        }



    /* @end */  


    /* @group #bd */

        #bd {
            padding: 6px 20px 20px 20px;

        }

    /* @end */

    /* @group #ft */
        
        #ft {
            background-color: #DFDBC3;
            padding: 20px 20px 20px 20px;
            font-size: 11px;
            font-family: verdana;
            color:#33302B;
        }
        
        #ft p,
        #ft ul {
            margin: 0 0 8px 0;
        }
        
        #ft h5 {
            font-weight: bold;
        }
        
        #ft a {
            text-decoration: none;
        }
        #ft a:hover {
            text-decoration: underline;
        }
        #ft h5 {
            margin-bottom:4px;
        }
        #ft #trough {
            margin-bottom:32px;
        }
        
    /* @end */

/* @end*/

/* @group Nav: Projects Bar */
    
    #projects {
        padding-left: 20px;
        border-bottom: 1px solid #33102f;
        margin: 0 0 0 0;
    }

    #projects li a {
        display: block;
        padding: 6px 16px 2px 16px;
        /* top and bottom must equal 8px -- balance with .selected state */
        *padding-top:4px;
        border: 0px solid #F8F5EA;
        font-size: 14px;
        /*@color = "light grey"*/
        color: #472210;/*4D4840*/
        text-decoration: none;
    }

    #projects li.selected a {
        color: #33102f;
        background-color: #DFDBC3;
        font-weight: bold;
        position: relative;
        top:1px;
        padding: 4px 16px 4px 16px;
        /* top and bottom must equal 8px */
        border: 1px solid #33102f;
        border-bottom: 1px solid #DFDBC3;
        *border-top:2px solid #33102f;
    }

    #projects li {
        float: left;
    }

/* @end */

/* @group Nav: Sections Bar */
    
    #sections li {
        float: left;
    }
    
    #sections {
        background: #f8f5ea url(assets/gradient1.png) repeat-x 0 0px;
        padding-left: 23px;
    }
    
    #sections li {
        padding-left: 10px;
    }
    
    #sections li a {
        font-size: 12px;
        display: block;
        color: #472210;
        padding: 8px 4px 12px 4px;
    }
    /* TODO using "active" instead of "selected" since that's what Trac gives me for free. */
    #sections li.active a {
        color: #33102F;
        font-weight: bold;
        text-decoration: none;
    }
    
/* @end */

/* @group Nav: Push Buttons */
    
    #navbuttons {
            float: right;
            position: relative;
            top: -80px;
            /* TODO turn back on the buttons */
            display:none;
        }
        
    #navbuttons li a {
        display: block;
        padding: 2px 8px;
        background-color: #dfdbc3;
        border: 1px solid #cdc8aa;
        color: #472210;
        text-decoration: none;
    }
    
    /* TODO decide which style of push-button nav buttons to usu. */
    #navbuttons li {
        float: left;
        border-right: 1px solid black;
        border-bottom: 1px solid black;
        margin-right: 16px;
    }
    #navbuttons li:first-of-type {
        float: left;
        border-right: 0px solid black;
        border-bottom: 0px solid black;
        margin-right: 16px;
    }
    
/* @end */


/* @group Links */
    a {
        color:#472210;
        text-decoration:underline;
    }

    a:hover {
        text-decoration: none;
    }

    #ft a,
    .sidebar a {
        color:#472210;
        text-decoration:none;
    }
    #ft a:hover,
    .sidebar a:hover {
        text-decoration:underline;
    }

    #projects li a,
    #sections li a {
        color:#323233;
    }

    #sections a {
        text-decoration:none;
    }   
    
    

/* @end */

/* @group Raw Elements */

    h1,
    h2,
    h3 {
        color: #33102f;
        font-family: Helvetica;
        /*font-weight: bold;*/
    }
    
    h1 {
        font-size: 24px;
    }
    
    h2 {
        font-size: 20px;
    }
    
    h3 {
        font-size: 16px;
    }
    
    h1,
    h2,
    h3,
    p,
    ul,
    ol,
    dl {
        margin: 0 0 16px 0;
    }
    
    blockquote {
        margin:16px;
    }
    
    dl dt {
        font-weight:bold;
    }
    
    dl dd {
        margin-left:16px;
    }
        
    #yui-main ul li {
        background: transparent url(assets/bullet-box6x6.gif) no-repeat scroll 2px 5px;
        padding-left: 16px;
        margin-bottom: 0px;
    }

    #yui-main ol li {
        list-style-type: decimal;
        margin-left: 16px;
        padding-left: 0;
        margin-bottom: 0px;
    }

    h1.project-title {
        font-size:13px;
        font-weight:bold;
        color:#33102f;
        margin:4px 0 0 20px;
    }

/* @end */
/* @group Sidebar */
/* class = "sidebar" */

    .sidebar .mod {
        border-left: 1px solid #CDC8AA;
        padding: 0 8px 0 16px;
        margin-left: 16px;
        margin-bottom: 32px;
    }
    
    .sidebar .hd h4 {
        font-size: 14px;
        margin-bottom: 16px;
        color: #4D4840;
        font-family: Helvetica;
    }

    .sidebar ul {
        margin-bottom: 0;
    }
    
    .sidebar ul li {
        background: transparent url(assets/bullet-box6x6.gif) no-repeat scroll 2px 5px;
        padding-left: 16px;
        margin-bottom: 8px;
    }
    
    .sidebar li cite {
        color: #4D4840;
        font-size: 12px;
    }
    
    .sidebar li cite.author:after {
        content: " on ";
    }

/* @end */

/* @group Pagination */

    .paging {
        text-align: center;
        line-height: 32px;
        color: #4D4840;
        margin-bottom:16px;
    }
    
    .paging span a,
        .paging span span.current {
        padding: 2px 6px;
        border: 1px solid #CDC8AA;
        margin-right: 4px;
    }
    
    .paging span span.current {
        font-weight: bold;
        border: 0px solid red;
    }

/* @end */

/* @group Browser-Accommodation Utilities */
/* @class = "clearfix" */
/* @ua-tweaks = "one branch for IE, another branch for all other a-graders."*/

    /* @branch for IE */
    .clearfix {
        zoom: 1;
    }

    /* @branch for Others */
    .clearfix:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }

/* @end */


/* forms.css */
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.instruction {background:#E6EFC2;color:#264409;border-color:#C6D880;font-weight:bold;font-size:1.5em;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
.instruction a {color:#264409;}