/*------------------------------------------------------------------------------
Title:   Base.css.
Author:  Michael Dick.
email:   michael.dick[at]pureflux.com.
website: http://www.m1k3.net.
------------------------------------------------------------------------------*/



/* =Globals and Generals.
------------------------------------------------------------------------------*/

body
{
    background-image: url('../images/background_body.jpg');
    font: normal 12px/130% "Trebuchet MS";
    color: #747574;
}

*
{
    margin: 0;
    padding: 0;
}

.clear
{
    clear: both;
}

a:link,
a:visited,
a:active
{
    text-decoration: none;
    color: #747574;
    height: 1em;
}

#titleContainer p,
#footerContainer p
{
    float: right;
    margin: 1.8em 0 0 0;
}



/* =Headings.
------------------------------------------------------------------------------*/
#titleContainer h1,
#footerContainer h1
{
    font: normal 1em/1em Trebuchet MS;
    color: #747574;
    float: left;
    margin: 1.8em 0 0 0;
}

#contentMain h1
{
    color: #8c9784;
    font: normal 1.5em Trebuchet MS;
    margin: 15px 0 5px 0;
}

#contentSide h1
{
    font: normal 1.5em Trebuchet MS;
    color: #8c9784;
    margin: 15px 0 10px 0;
}



/* =Links.
------------------------------------------------------------------------------*/

#titleContainer a:hover
{
    color: #c7c7c7;
    border-bottom: 1px dotted #bac7ad;
}



/* =Title Bar.
------------------------------------------------------------------------------*/
#titleWrapper
{
    height: 4.3em;
    background-image: url('../images/background_title.jpg');
}

    #titleContainer
    {
        width: 764px;
        margin: 0 auto;
    }



/* =My Work.
------------------------------------------------------------------------------*/

#myWorkWrapper
{
    height: 289px;
    background-image: url('../images/background_work.jpg');
}

    #myWorkContainer
    {
        width: 795px;
        margin: 0 auto;
    }

        #myWorkContainer ul
        {
            list-style: none;
            padding: 24px 0 0 0;
        }

            #myWorkContainer li
            {
                float: left;
                list-style: none;
                text-indent: -5000px;
                margin: 10px;
            }

                #myWorkContainer a
                {
                    display: block;
                    width: 139px;
                    height: 99px;
                }

                #myWorkContainer a:hover
                {
                    bottom-border: none;
                    background-position: -139px;
                }



                /* =Buttons.
                --------------------------------------------------------------*/
                #aim2game a
                {
                    background-image: url('../images/boxes/aim2game.png');
                }

                #i247 a
                {
                    background-image: url('../images/boxes/i247.png');
                }

                #nadc a
                {
                    background-image: url('../images/boxes/nadc.png');
                }

                #ee a
                {
                    background-image: url('../images/boxes/ee.png');
                }

                #pureedit a
                {
                    background-image: url('../images/boxes/pureedit.png');
                }

                #estoc a
                {
                    background-image: url('../images/boxes/estoc.png');
                }

                #purebill a
                {
                    background-image: url('../images/boxes/purebill.png');
                }

                #m1k3 a
                {
                    background-image: url('../images/boxes/m1k3.png');
                }

                #eximius a
                {
                    background-image: url('../images/boxes/eximius.png');
                }

                #morework a
                {
                    background-image: url('../images/boxes/morework.png');
                }



/* =Content.
------------------------------------------------------------------------------*/

#contentWrapper
{
    background: url('../images/background_content.jpg') repeat-x;
}

#contentContainer
{
    width: 764px;
    clear: both;
    margin: 0 auto;
}



    /* =Main Content.
    --------------------------------------------------------------------------*/

    #contentMain
    {
        float: left;
        width: 480px;
        padding: 0 30px 0 0;
        margin: 15px 0 0 0;
    }

    #contentMain dl dd a:link,
    #contentMain dl dd a:visited,
    #contentMain dl dd a:active
    {
        color: #abc39f;
    }

        #contentMain dl
        {
            margin: 0 0 10px 0;
            padding: 0 0 0 0;
        }

        #contentMain dl dt
        {
            font: normal 1.5em Trebuchet MS;
            color: #8c9784;
            margin: 15px 0 20px 0;
        }

            #contentMain dl dt a
            {
                color: #8c9784;
                border-bottom: 1px dotted #8c9784;
                margin: 15px 0 20px 0;
            }

            #contentMain dl dt a:hover
            {
                color: #a9be99;
                border-bottom: 1px dotted #a9be99;
            }

        #contentMain p
        {
            margin: 10px 0 0 0;
        }

        #contentMain ul
        {
            margin: 10px 0 0 10px;
            list-style: none;
        }

            #contentMain ul li
            {
                list-style: none;
                padding: 0 0 0 15px;
                margin: 0 0 5px 0;
                background: url('../images/bullet_arrow.gif') no-repeat left top;
            }

        #contentMain ol
        {
            margin: 10px 0 0 10px;
        }

            #contentMain ol li
            {
                margin: 0 0 5px 15px;
            }

            #contentMain dl dd ul
            {
                margin: 0;
                list-style: none;
            }

                #contentMain dl dd ul li
                {
                    list-style: none;
                    color: #4d4d4d;
                    display: inline;
                    padding: 0 15px  0 15px;
                    background: url('../images/comments.gif') no-repeat left top;
                }

                #contentMain dl dd ul li a:link,
                #contentMain dl dd ul li a:visited,
                #contentMain dl dd ul li a:active
                {
                    border-bottom: dotted 1px #373737;
                }

                #contentMain dl dd ul li a:hover
                {
                    border-bottom: dotted 1px #7d7d7d;
                }



    /* =Side Content.
    --------------------------------------------------------------------------*/

    #contentSide
    {
        float: right;
        width: 235px;
        margin: 15px 0 0 0;
    }

        #contentSide ul
        {
            margin: 0 0 25px 0;
            list-style: none;
        }

        #contentSide ul li
        {
            line-height: 29px;
            width: 227px;
            height: 28px;
            margin: 2px 0 0 0;
        }

        #contentSide ul li a
        {
            width: 227px;
            height: 28px;
            display: block;
            padding: 0 0 0 8px;
            background-image: url('../images/background_button.png');
        }

            #contentSide ul li a:hover
            {
                background-position: -227px;
            }

        #contentSide dl
        {
            width: 212px;
            padding: 9px 12px 9px 9px;
            margin: 2px 0 0 0;
            background-image: url('../images/background_box.png');
        }

            #contentSide dl dt
            {
                color: #91a284;
                font-size: 12px;
                margin: 0 0 4px 0;
            }

            #contentSide dl .date
            {
                color: #91a284;
                font-size: 12px;
                margin: 0 0 3px 0;
            }

            #contentSide dl dd
            {
                color: #5b5b5b;
                font-size: 12px;
                margin: 0;
            }

            #contentSide dl dd a
            {
                color: #5b5b5b;
                text-decoration: underline;
            }

                #contentSide dl dd a:hover
                {
                    color: #747474;
                }



/* =Footer.
------------------------------------------------------------------------------*/

#footerWrapper
{
    clear: both;
    height: 4em;
    background: #3d3d3d url('../images/background_footer.jpg') repeat-x;
}

    #footerContainer
    {
        width: 769px;
        margin: 0 auto;
    }



/* =Hidden DIV's.
------------------------------------------------------------------------------*/

#myStory
{
    display: none;
}