/**
 *
 *  Client Side Stylesheet
 *
 */

html, body {
    background:#3B3B3B;
}

body {
    font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;
    padding:0px;
    margin:0px;
    color:#CCCCCC;
    cursor:default;
}

h1, h2, h3, h4, p, ul, form {
    padding:0px;
    margin:0px;
    cursor:default;
}

a {
    text-decoration:none;
    font-family:Arial, sans-serif;
    font-size:12px;
    color:#000000;
    outline:none;
}

a:hover {
    color:#777777;
}

a img { border:none }

ul{ list-style:none }

div.clear, span.clear {
    clear:both;
    height:0px;
    font-size:0px;
    line-height:0px;
}

div.message {
    padding:5px;
    font-size:12px;
    font-weight:bold;
    color:#FF0000;
}

p.no-items {
    font-size:12px;
    text-align:center;
    padding-bottom:12px;
}

.hline {
    height:2px;
    background:url('../interface/dark/hline.gif') 0px 0px repeat-x;
    font-size:0px;
    line-height:0px;
}

div#outer-wrapper {
    position:relative;
    width:1100px;
    margin:auto;
}

    h1#logo {
        position:absolute;
        top:26px;
        left:0px;
        width:57px;
        height:41px;
    }
    
        h1#logo a {
            display:block;
            width:57px;
            height:41px;
            background:url('../interface/dark/logo.jpg') 0px 0px no-repeat;
        }
    
    div#theme-links {
        position:absolute;
        top:37px;
        right:50px;
        width:9px;
        height:22px;
        line-height:0px;
        font-size:0px;
    }
    
        a#dark-link,
        a#light-link {
            display:block;
            width:9px;
            height:9px;
            line-height:0px;
            font-size:0px;
            background:url('../interface/dark/theme-btn.png') 0px 0px no-repeat;
        }
        
        a#light-link {
            background-position:0px -0px;
        }
        
        a#dark-link {
            margin-top:4px;
            background-position:0px -27px;
        }
    
    div#wrapper {
        width:939px;
        margin-left:70px;
        padding:0px 11px 57px 11px;
        background:#292828 url('../interface/dark/wrapper-texture.jpg') top center no-repeat;
        border-left:1px solid #3E3E3E;
        border-right:1px solid #3E3E3E;
    }
    
        div#header {
            padding-bottom:100px;
            background:url('../interface/dark/hline.gif') left bottom repeat-x;
        }
        
            div#header-label {
                float:left;
                width:150px;
                padding-top:35px;
            }
            
                span.r1,
                span.r2 {
                    display:block;
                    font-family:Verdana;
                    font-size:10px;
                    color:#EBEBEB;
                }
                
                span.r2 {
                    padding-top:2px;
                    color:#BCBDC0;
                }
            
            div#header-email {
                float:right;
                width:124px;
                height:23px;
                padding:38px 0px 0px 10px;
                background:url('../interface/dark/vline.gif') top left repeat-y;
                font-family:Verdana;
                font-size:10px;
                color:#BCBDC0;
                line-height:130%;
            }
            
            ul#main-menu {
                float:left;
                width:300px;
                margin-left:200px;
            }
            
                ul#main-menu li {
                    float:left;
                    width:83px;
                    height:17px;
                    padding:44px 0px 0px 11px;
                    background:url('../interface/dark/vline.gif') top left repeat-y;
                }
                
                ul#main-menu li a {
                    font-family:'Trebuchet MS', Arial;
                    font-size:16px;
                    font-weight:bold;
                    color:#C4C5C5;
                    
                    display:block;
                    margin-top:5px;
                    height:12px;
                    text-indent:-500px;
                    overflow:hidden;
                    
                    background-image:url("../interface/dark/text-labels.png");
                    background-repeat:no-repeat;
                }
                
                a#main-work {
                    width:45px;
                    background-position:0px 0px;
                }
                
                a#main-blog {
                    width:40px;
                    background-position:0px -60px;
                }
                
                a#main-profile {
                    width:60px;
                    background-position:0px -120px;
                }
                
                a#main-work:hover, a#main-work-selected {
                    width:45px;
                    background-position:0px -30px;
                }
                
                a#main-blog:hover, a#main-blog-selected {
                    width:40px;
                    background-position:0px -90px;
                }
                
                a#main-profile:hover, a#main-profile-selected {
                    width:60px;
                    background-position:0px -150px;
                }
                
                ul#main-menu li a.selected {
                    color:#00FF7E;
                }
        
        div#page-content {
            /*padding:15px 0px;*/
        }
        
        div.profile-container {
            padding:14px 1px;
        }
        
        img.profile-image {
            display:block;
            border:11px solid #2F2F2F;
        }
        
        .item-btn-wrapper {
            padding:7px 0px 6px 0px;
        }
        
        a.item-btn {
            font-family: 'Trebuchet MS', Arial;
            font-size:16px;
            color:#BCBDC0;
        }
        
        a#resume-btn {
            display:block;
            width:93px;
            height:13px;
            margin:5px 0px 4px 0px;
            
            text-indent:-500px;
            overflow:hidden;
            background-image:url("../interface/dark/text-labels.png");
            background-repeat:no-repeat;
            background-position:0px -393px;
        }
        
        /*PROFILE*/
        div.profile-bottom-block {
            height:47px;
        }
        
        div.pr-left {
            float:left;
            width:285px;
        }
        
        div.pr-right {
            float:right;
            width:625px;
        }
        
            h2.profile-title {
                padding:20px 0px 30px 0px;
                font-family: 'Trebuchet MS', Arial;
                font-size:16px;
                color:#CCCCCC;
            }
        
            div.col1, div.col2 {
                float:left;
                font-family:Verdana;
                font-size:10px;
                color:#CCCCCC;
                line-height:170%;
            }
            
            div.col1 {
                width:270px;
            }
            
            div.col2 {
                width:270px;
                margin-left:47px;
            }
            
            div.col1 p,
            div.col2 p {
                padding-bottom:16px;
            }
        
        /*BLOG*/
        div.blog-container {
            padding:12px 1px;
        }
        
        div.blog-left {
            float:left;
            width:640px;
        }
        
        div.blog-right {
            float:right;
            width:240px;
            padding-top:6px;
        }
        
        div.blog-bottom-block {
            height:30px;
        }
        
        div.blog-item {
            padding:9px 0px 25px 0px;
            background:url("../interface/dark/hline.gif") left bottom repeat-x;
        }
        
        div.embedded-flash {
            text-align:center;
        }
        
        div.first-item {
            padding-top:0px;
        }
            
            div.blog-item h2 {
                margin-bottom:10px;
            }
            
            div.blog-item h2 a {
                font-family: Verdana;
                font-size:14px;
                font-weight:bold;
                color:#E6E6E6;
            }
            
            div.article-description {
                font-family:Verdana;
                font-size:11px;
                color:#BCBDC0;
                line-height:160%;
            }
            
            div.article-description p {
                padding-bottom:15px;
            }
            
            img.blog-article-img {
                display:block;
                width:640px;
                height:360px;
                padding:7px 0px;
            }
            
            p.article-date {
                float:left;
                width:250px;
                font-family:Verdana;
                font-size:10px;
                color:#BCBDC0;
            }
            
            div.article-properties {
                padding-top:15px;
            }
            
            p.article-comments {
                float:right;
                width:250px;
                font-family:Verdana;
                font-size:10px;
                color:#BCBDC0;
                text-align:right;
            }
            
                p.article-comments span {
                    font-weight:bold;
                    color:#00FFE7;
                }
            
            a.newer-post, a.older-post, h2.block-header, h2.block-header a {
                font-family: 'Trebuchet MS', Arial;
                font-weight:normal;
                font-size:16px;
                color:#BCBDC0;
            }
            
            a.newer-post {
                display:block;
                float:left;
                width:105px;
                height:13px;
                margin:5px 0px;
                background-image:url("../interface/dark/text-labels.png");
                background-repeat:no-repeat;
                background-position:0px -300px;
                text-indent:-500px;
                overflow:hidden;
            }
            
            a.older-post {
                display:block;
                float:right;
                width:100px;
                height:13px;
                margin:5px 0px;
                background-image:url("../interface/dark/text-labels.png");
                background-repeat:no-repeat;
                background-position:0px -270px;
                text-indent:-500px;
                overflow:hidden;
            }
            
            ul.submenu li {
                line-height:87%;
            }
            
            a.l0, a.l1, a.l2 {
                font-family: Verdana;
                font-size:10px;
                color:#BCBDC0;
            }
            a.l0 span,
            a.l1 span,
            a.l2 span {
                color:#00FF7E;
            }
            
            a.l1 {
                margin-left:18px;
            }
            
            a.l2 {
                margin-left:29px;
            }
            
            h2#h2-archive {
                margin-bottom:7px;
                height:22px;
                background-image:url("../interface/dark/text-labels.png");
                background-repeat:no-repeat;
                background-position:0px -174px;
                
                text-indent:-500px;
                overflow:hidden;
                
            }
            
            h2#h2-rssfeed {
                margin:23px 0px 14px 0px;
            }
            
            a#rss-feed-link {
                display:block;
                width:70px;
                height:13px;
                
                background-image:url("../interface/dark/text-labels.png");
                background-repeat:no-repeat;
                background-position:0px -210px;
                text-indent:-500px;
                overflow:hidden;
            }
            
            h2#h2-categories {
                padding:7px 0px 9px 0px;
                background-image:url("../interface/dark/text-labels.png");
                background-repeat:no-repeat;
                background-position:0px -227px;
                
                text-indent:-500px;
                overflow:hidden;
                
            }
        
        /*WORK/PROJECTS*/
        div.work-container {
            padding:12px 0px;
            
            height:376px;
            height:auto !important;
            min-height:376px;
            height:376px;
        }
        
        div.padding-bottom-fix {
            padding-bottom:0px;
        }
        
        ul#typeMenu {
            float:left;
            width:600px;
            margin-top:62px;
        }
        
            ul#typeMenu li {
                float:left;
                padding:0px 13px 0px 14px;
                /*background:url('../interface/dark/type-menu-separator.gif') left 17px no-repeat;*/
                background:url('../interface/dark/type-menu-separator.gif') left 18px no-repeat;
                text-align:center;
                line-height:80%;
            }
            
            ul#typeMenu li a {
                color:#C4C5C5;
                font-size:11px;
            }
            
            ul#typeMenu li a.blue-link {
                color:#00FF7E;
            }
            
            ul#typeMenu li.first-menu-item {
                padding-left:0px;
                background:none;
            }
            
            ul#typeMenu li span {
                font-family:Arial,sans-serif;
                font-size:11px;
                color:#C4C5C5;
            }
        
        div.paging-wrapper {
            float:right;
            width:300px;
            margin-top:80px;
            text-align:right;
        }
        
            div.paging-wrapper,
            div.paging-wrapper a {
                font-family:Verdana;
                font-size:10px;
                color:#C4C5C5;
            }
            
            div.paging-wrapper a.blue-link {
                color:#00FF7E;
            }
            
        div.work-left {
            float:left;
            width:476px;
        }
        
        div.work-right {
            position:relative;
            float:right;
            width:462px;
        }
        
        span.new-label {
            position:absolute;
            display:block;
            width:63px;
            height:63px;
            top:13px;
            right:13px;
            background:url("../interface/dark/new-project.png") 0px 0px no-repeat;
            z-index:257;
        }
        
        div.work-row {
        }
        
        div.project-item {
            float:left;
            width:225px;
            height:175px;
            margin-bottom:13px;
            margin-right:13px;
        }
        
        div.work-row div.project-item {
            margin-bottom:0px;
            height:175px;
        }
        
        div.bottom-padded {
            padding-bottom:13px;
        }
        
        a.project-thumb {
            position:relative;
        }
        
        img.coloured-img, img.black-img {
            display:block;
            width:224px;
            height:175px;
            /*
            filter: alpha(opacity=40);
            -moz-opacity: 0.4;
            opacity: 0.4;
            */
        }
        
        img.coloured-img {
            display:none;
        }
        
        img.black-img {
            
        }
        
        span.project-img-title {
            position:absolute;
            left:0px;
            bottom:3px;
            display:none;
            width:200px;
            height:20px;
            padding:10px 12px 0px 12px;
            background:#121212;
            font-family:Verdana;
            font-size:10px;
            color:#00FF7E;
            line-height:90%;
        }
        
        img.new-project-thumb {
            display:block;
            width:461px;
            height:362px;
        }
        
        div.last-row-item {
            margin-right:0px;
            width:225px;
        }
        
        /*WORK - SELECTED PROJECT*/
        div.project-left {
            position:relative;
            float:left;
            width:303px;
            height:490px;
            
        }
        
            h2.project-title {
                padding:11px 0px 16px 0px;
            }
            
            div.project-description {
                font-family:Verdana;
                font-size:10px;
                color:#B7B7B7;
                line-height:170%;
            }
            
            div.project-description p {
                padding-bottom:16px;
            }
            
            div.info-separator {
                width:21px;
                height:0px;
                margin:12px 0px 23px 0px;
                line-height:0px;
                font-size:0px;
                border-top:1px solid #B7B7B7;
            }
            
            p.p-visit {
                font-family:Verdana;
                font-size:10px;
                color:#B7B7B7;
            }
            
                a.project-url {
                    font-family:Verdana;
                    font-size:10px;
                    color:#00FF7E;
                }
                
                div.additional-links {
                    position:absolute;
                    bottom:0px;
                    left:0px;
                    width:300px;
                }
                
                a.all-projects, a.similar-projects {
                    display:block;
                    width:110px;
                    font-family: 'Trebuchet MS', Arial;
                    font-weight:normal;
                    font-size:16px;
                    color:#BCBDC0;
                    text-indent:-500px;
                    overflow:hidden;
                    background-image:url("../interface/dark/text-labels.png");
                    background-repeat:no-repeat;
                }
                
                a.all-projects {
                    float:left;
                    height:13px;
                    background-position:0px -360px;
                }
                
                a.similar-projects {
                    float:right;
                    height:13px;
                    background-position:0px -330px;
                }
        
        div.project-right {
            float:right;
            width:618px;
            height:490px;
        }
        
            div.embedded_flash_video {
                text-align:center;
            }
            
                div.embedded_flash_video p {
                    font-size:12px;
                    color:#B7B7B7;
                }
                
                div.embedded_flash_video p a {
                    color:#00FF7E;
                }
        
            div.project-slider {
                position:relative;
                width:618px;
                height:490px;
                overflow:hidden;
            }
            
                div.top-opacity, div.bottom-opacity {
                    position:absolute;
                    display:block;
                    width:618px;
                    height:56px;
                    z-index:270;
                    background:url("../interface/dark/dark-dot.png") 0px 0px repeat;
                }
                
                div.top-opacity {
                    top:0px;
                    left:0px;
                }
                
                div.bottom-opacity {
                    bottom:0px;
                    left:0px;
                }
            
                a.top-arrow, a.bottom-arrow {
                    position:absolute;
                    display:block;
                    width:618px;
                    height:56px;
                    z-index:275;
                }
                
                a.top-arrow:hover {
                    background:transparent url("../interface/dark/arrows-set.png") center -46px no-repeat;
                }
                
                a.bottom-arrow:hover {
                    background:transparent url("../interface/dark/arrows-set.png") center -156px no-repeat;
                }
                
                a.top-arrow {
                    top:0px;
                    left:0px;
                    background:#292828 url("../interface/dark/arrows-set.png") center 9px no-repeat;
                }
                
                a.bottom-arrow {
                    bottom:0px;
                    left:0px;
                    background:#292828 url("../interface/dark/arrows-set.png") center -101px no-repeat;
                }
                
                div.slide-container {
                    position:absolute;
                    width:618px;
                    top:58px;
                    left:0px;
                    z-index:255;
                }
                
                    div.slide-container img {
                        width:618px;
                        height:376px;
                    }
                
                    img.project-image {
                        display:block;
                    }
        
        div#large-preview-wrapper {
            position:absolute;
            top:0px;
            left:0px;
            width:100%;
            height:100%;
            padding:30px 0px;
            background:#000000 url("../interface/dark/image-loader.gif") center 150px no-repeat;
            z-index:300;
        }
        
        .img-options {
            display:none;
        }
        
        div#large-preview-wrapper img {
            margin-top:50px;
            display:none;
            margin:auto;
            border:25px solid #FFFFFF;
        }
        
        .comment-submit-form {
            
        }
        
        .comment-submit-form label {
            display:block;
            font-size:12px;
        }
        
        .comment-submit-form input {
            width:500px;
            border:1px solid #777777;
            background:#5F5F5F;
        }
        
        .comment-submit-form textarea {
            width:500px;
            height:100px;
            border:1px solid #777777;
            background:#5F5F5F;
        }
        
        .add-comment-btn {
            color:#999999;
            padding:3px 5px;
            font-weight:bold;
        }
        
        div.comment-item {
            margin:10px 0px;
            font-size:12px;
        }
        
        div#footer {
            padding-top:15px;
            background:url('../interface/dark/hline.gif') left top repeat-x;
        }
        
            div#society-sites-links {
                float:left;
                width:100px;
            }
            
            a.society-link {
                display:block;
                float:left;
                width:16px;
                height:16px;
                margin-left:2px;
                /*
                background-image:url('../interface/dark/society-icons.png');
                background-position:0px 0px;
                background-repeat:no-repeat;
                */
            }
            
                a#behance-link {
                    background-position:0px 0px;
                }
                
                a#facebook-link {
                    background-position:0px -16px;
                }
                
                a#twitter-link {
                    background-position:0px -32px;
                }
                
                a#dots-link {
                    background-position:0px -48px;
                }
        
            p#copyright {
                float:right;
                width:500px;
                padding-top:2px;
                font-family:Verdana;
                font-size:10px;
                color:#999999;
                text-align:right;
            }