/************************************************
 *
 *  File     :  css/main.css
 *  Medium   :  Screen
 *  Version  :  v1.0
 *  Website  :  Pud.ca ~V6
 *  Author   :  pud.ca (c) 2009
 *
 ************************************************/

/* Global */
    * { margin: 0; padding: 0; }
    
    html {
        background: #170404 url(../img/bg_html-new.jpg) fixed no-repeat 50% 0;
        height: 100%;
        }
    
    body { 
        cursor: default;
/*      background: url(../img/bg_body.png) no-repeat fixed 50% 0; */
        min-height: 100%;
        font: 12px tahoma, sans-serif;
        }

    /* Headings */
        h1 {
            width: 1019px;
            height: 100px;
            background: url(../img/bg_h1.png);
            margin: 0 0 45px -44px;
            }
        
        h1.xmas {
            background: url(../img/bg_h1-xmas.png);
            height: 142px;
            }
        
        h2 {
            width: 975px;
            height: 108px;
            background: url(../img/bg_h2.png) no-repeat;
            margin-bottom: 60px;
            }
        
        h3 {
            height: 20px;
            background-repeat: no-repeat;
            }
        
        h3.recent-projects {
            background-image: url(../img/hd_recent-projects.png);
            }
        
        h4 {
            font-size: 1.2em;
            text-transform: uppercase;
            margin-bottom: 10px;
            }
            
    /* // Headings */

    /* Image replacement */
        h1,h2,h3,
        ul.thumbs-folio li span.new, 
        ul.thumbs-folio li span.progress  {
            display: block;
            overflow: hidden;
            text-indent: -1000em;
            background-repeat: no-repeat;
            }
    /* // Image replacement */

    /* Clearfix */
        .clearfix:after {
            content: "."; 
            display: block; 
            height: 0; 
            clear: both; 
            visibility: hidden;
            }

        .clearfix {
            display: inline-block;
            }
    /* // Clearfix */
    
    a.button {
        float: left;
        height: 25px;
        padding-left: 6px;
        background: url(../img/bg_buttona.png) no-repeat top left;
        text-decoration: none;
        margin-right: 10px;
        }
    
    a.button span {
        cursor: pointer;
        float: left;
        height: 25px;
        padding: 0 10px 0 4px;
        line-height: 25px;
        color: #231212;
        text-align: center;
        background: url(../img/bg_button.png) no-repeat top right;
        }
    
    a.button:hover {
        background-position: bottom left;
        }
    
    a.button:hover span {
        background-position: bottom right;
        }
/* // Global */

/* Page setup */
    #container {
        width: 975px;
        min-height: 500px;
        margin: 0 auto;
        padding: 45px 0 75px 0;
        }
    
    #footer {
        width: 100%;
        height: 40px;
        background: #000;
        opacity: .9;
        position: fixed;
        bottom: 0;
        left: 0;
        border-top: 5px solid #fcd653;
        z-index: 20;
        }
    
    #footer ul {
        list-style: none;
        width: 975px;
        margin: 0 auto;
        color: #eee;
        padding-top: 7px;
        }
    
    #footer ul li {
        float: left;
        background-repeat: no-repeat;
        line-height: 25px;
        }
/* // Page setup */

/* Lists */
    ul.thumbs-folio {
        list-style: none;
        overflow: hidden;
        padding-top: 20px;
        margin: 0 -30px 0 -3px;
        }
    
    ul.thumbs-folio li,
    ul.thumbs-folio li a {
        float: left;
        }
    
    ul.thumbs-folio li {
        margin: 0 30px 30px 0;
        position: relative;
        border: 3px solid #000;
        }
    
    ul.thumbs-folio li img {
        display: block;
        }
    
    ul.thumbs-folio li div {
        display: none;
        overflow: hidden;
        position: absolute;
        z-index: 10;
        bottom: 0;
        left: 0;
        padding: 10px;
        width: 280px;
        height: auto;
        opacity: .9;
        background: #000;
        color: #fff;
        }
    
    ul.thumbs-folio li div ol {
        list-style: none;
        margin-bottom: 20px;
        overflow: hidden;
        }
    
    ul.thumbs-folio li div ol li {
        margin: 0;
        float: left;
        width: 42%;
        padding-left: 16px;
        background: url(../img/bg_check.png) no-repeat 0 50%; 
        }
    
    .nojs ul.thumbs-folio li:hover div {
        display: block;
        }
        
    /* new item */
        ul.thumbs-folio li span.new,
        ul.thumbs-folio li span.progress {
            position: absolute;
            left: -3px;
            top: -3px;
            background-image: url(../img/bg_new.png);
            width: 74px;
            height: 74px;
            z-index: 15;
        }
        
        ul.thumbs-folio li span.progress {
            background-image: url(../img/bg_progress.png);
            }
/* // Lists */