/*
Theme Name: hacklab/
Theme URI: http://hacklab.com.br/
Description: Hacklab Theme
Version: 1.0
Author: Anderson Orui
Author URI: http://hacklab.com.br/
*/

@import url("css/reset.css");
@import url("css/960.css");
@import url("css/typo.css");
@import url("css/forms.css");
@import url("css/wp-defaults.css");


body {
    background: url(images/body-bg.jpg) repeat-x fixed left top;
    margin: 20px auto;
}

/*  = HEADER
    ------------------------------------------------------ */
    #header {
        background: white;
        height: 100px;
        margin-bottom: 20px;
        position: relative;
        text-transform: lowercase;
        width: 940px;
    }
        #header .breadcrumb {
            left: 20px;
            position: absolute;
            top: 20px;
        }
        #header span.after_slash {
            color: black;
            font-family: 'Museo300', Verdana, Arial, Helvetica, sans-serif;
            font-size: 32px;            
        }
        #header ul.topmenu {
            font-family: 'Museo300', Verdana, Arial, Helvetica, sans-serif;
            font-size: 1.4em;
            position: absolute;
            right: 0;
            top: 38px;
        }
        #header ul.topmenu li {
            margin: 0 0 0 10px;
        }
        #header ul.topmenu li {
            display: inline;
        }
/*  = END Header
    ------------------------------------------------------ */


/*  = CONTENT, POST, PORTFOLIO, NAVBAR
    ------------------------------------------------------ */
    #content {
        margin-bottom: 20px;
    }

    /*  = INTRO ------------------------------------------ */
    .highlight {
        background: #2D2D2D;        
        margin: 0 0 20px 0;
        padding: 20px;
        text-align: center;
    }
    .highlight h1 {
        color: white;
        font-size: 1.2em;
        margin-bottom: 0;
    }
    .highlight h1 span {
        font-family: 'Museo500', Verdana, Arial, Helvetica, sans-serif;
        font-size: 1.5em;
    }
    .highlight p {
        margin: 0;
    }
    /*  = END Intro -------------------------------------- */    

    /*  = POST ------------------------------------------- */
    .post {
        background: white;
        margin: 0 0 20px 0;
        padding-top: 20px;
    }
        .post .meta {
            color: #be1e2d;
            font-size: 12px;
            text-align: right;
        }
        .post .datetime {
            background: #be1e2d;
            color: white;
            display: block;
            font-family: 'Inconsolata', 'andale mono', 'lucida console', monospace;
            font-size: 15px;
            margin-top: 5px;
            padding: 0px 5px;
        }
        .post .tags {
            color: #6a6a6a;
        }
            .post .tags span {
                font-family: 'Museo500', Verdana, Arial, Helvetica, sans-serif;
                font-weight: bold;
            }
        .post .content .more {
            text-align: right;
            color: #be1e2d;
        }
        
    /*  = END Post -------------------------------------- */
    
    /*  = PORTFOLIO ------------------------------------- */
    .work {
        background: #fff;
        margin-bottom:20px;
        padding: 10px;
    }
        .portfolio_text {
            background: #333;
            color: white;
        }
        .portfolio_text span {
            font-family: 'Museo500', Verdana, Arial, Helvetica, sans-serif;
            float: left;
            margin: 0 10px 0 0;
        }
        .portfolio_text p {
            float: left;
            margin: 0;
        }
        .work a.title h3 {
            background: #be1e2d;
            color: white;
            padding: 2px 10px 0 10px;
        }
        .work a.title:hover h3 {
            text-decoration: none;
            background: #222 url(images/goto.png) right center no-repeat;
        }
        .work a.category {
            background: none;
            color: black;
            display: block;
            font-family: 'Inconsolata', 'andale mono', 'lucida console', monospace;
            text-align: right;
            text-transform: lowercase;
        }
            .work a.category:hover {
                text-decoration: underline;
            }
        .work a.description {
            color: black;
        }
            .work a.description:hover {
                background: none;
                color: black;
                text-decoration: underline;    
            }
        .work img.thumb {
            background: white;
            border: 1px solid #ccc;
            height: 190px;
            width: 278px;
        }

        .work .img_col,
        .work .txt_col {
            margin: 0;
        }
        .work .txt_col {
            padding: 0 0 0 20px;
        }
        /*  = END Portfolio --------------------------------- */
        
        /*  = NAVBAR ---------------------------------------- */
        #navigation  {
            margin: 0 0 10px 0;
        }
        a.nav-prev {
            background: url(images/nav-prev.png) no-repeat center center;
            padding: 30px 40px;
        }
            a.nav-prev:hover {
                background: url(images/nav-prev-hover.png) no-repeat 0px center;
                padding: 30px 40px;
            }        
        a.nav-next {
            background: url(images/nav-next.png) no-repeat 0px center;
            padding: 30px 40px;
        }
            a.nav-next:hover {
                background: url(images/nav-next-hover.png) no-repeat center center;
                padding: 30px 40px;
            }
        
        /*  = END Navbar ------------------------------------ */        
        

/*  = END Content Post
    ------------------------------------------------------ */


/*  = WIDGETS
    ------------------------------------------------------ */
    .widget {
        background: #2d2d2d;
        color: white;
        margin-bottom: 20px;
        padding: 10px;
    }
        .widget h3 {
            background: #be1e2d;
            color: white;
            font-family: 'Museo500', Verdana, Arial, Helvetica, sans-serif;
            font-weight: normal;
            padding: 5px 7px 0 7px;
            text-transform: uppercase;
        }
        .widget a {
            color: white;
            padding: 0 5px;
        }
        .widget img {
            background: white;
            /* height: 200px;
            width: 260px; */
        }
/*  = END Widgets
    ------------------------------------------------------ */


/*  = FOOTER
    ------------------------------------------------------ */
    #footer {
        margin-bottom: 20px;
        text-align: right;
    }

        #footer span {
            background: #be1e2d;
            color: white;
            font-family: 'Inconsolata', 'andale mono', 'lucida console', monospace;
            font-size: 14px;
            padding: 3px 7px;    
        }
    
        #footer a {
            color: white;
        }
    
    #wordpress_logo {
        float: right;
        margin: 0 0 0 10px;
    }
/*  = END Footer
    ------------------------------------------------------ */

a {
    color: #be1e2d;
    text-decoration: none;
}

a:hover {
    background: #be1e2d;
    color: white;
}

hr {
    border-bottom: 1px dotted #eee;
    border-left: none;
    border-right: none;
    border-top: none;
    clear: both;
    margin: 0 0 9px 0;
    padding: 0;
}



.comments {
    background: white;
}
ol.commentlist,
ol.children {
    list-style: none;
}
ol.commentlist li {
    border-left: 4px solid #ddd;
    margin: 0 0 12px 0;
    padding: 3px 7px;
}
ol.commentlist li h5,
ol.commentlist li h6 {
    margin: 0;
    padding: 0;
}
ol.children {    
    margin: 0 0 20px 0;
    padding: 0 0 20px 40px;
}
ol.children li {
    border-bottom: 0;
    border-left: 2px solid #ddd;
    border-right: 0;
    border-top: 0;
}

.avatar {
    margin: 4px 9px 9px 0;
}

#commentform {
    margin: 5px 0;
}
#commentform textarea {
    height: 120px;
    width: 100%;
}

.dropshadow {
    box-shadow: 2px 2px 2px #333;
    -moz-box-shadow: 2px 2px 2px #333;
    -webkit-box-shadow: 2px 2px 2px #333;    
}