/* * Reset CSS * http://meyerweb.com/eric/tools/css/reset/ * v1.0 | 20080212 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins,
kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead,
tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul {
list-style: none; } blockquote, q { quotes: none; }

/* remember to define focus styles! */ :focus { outline: 0; }
/* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; }

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

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

body { 
    font-size: 62.5%;
    text-rendering: optimizeLegibility;
    font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif; 
    background: url(images/base_bg.jpg) no-repeat fixed;
    }

h1,h2,h3,h4,h5,h6  { font-family: Arial, Helvetica, sans-serif; font-weight: normal; clear:both; }

a, a:visited { text-decoration: none; }
a:hover, a:active { text-decoration: none;  }

a { color: #222; }
a:visited { color: #444; }
a:hover { color: #BB0000; }

h1 { font-size: 2em; padding-top: 0; margin: 0 0 20px 0;}
h2 { font-size: 1.8em; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.2em; }

/*#small-nav { float: right; font-size: 1.3em; margin-top: -.25em; }
    #small-nav a {  }
    #small-nav a:hover { text-decoration: none; }*/

.intro {
    text-align: center;
    
    font-size: 300%;
    letter-spacing: -5px;
    line-height: 2em;

    margin-bottom: 3%;    
    }
    .intro h1 {
        font-family: Georgia, serif;
        text-shadow: 2px 2px 5px #ecf0f4;
    }

#global-nav {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 2em;
    text-transform: uppercase;
    padding: 0 0 2em 0;
}
    #global-nav li { float: left; margin-right: 2em; } 
    #global-nav a { font-weight: bold; letter-spacing: .15em; color: #b9b9b9; }
        #global-nav a:visited { color: #b9b9b9; } 
        #global-nav a:hover { color: red; }
        #global-nav a.active { color: #666; text-shadow: 2px 2px 3px #e1eaf0; }

#container {
    padding: 2.5%;
}

#content { width: 100%; }
    #content .section {
        padding-bottom: 1em;
    }
    .subsection {
        padding-top: 3em;
    }
    .block { 
            border-top: 2em solid #ecf0f4;
            
            padding-top: 1.5em;
            margin-top: 1em;
        }
        .block strong { font-weight: normal; }
        
        .block-title, .block-label {
            font-family: Arial, Helvetica, sans-serif;
            font-weight: bold;
            text-transform: uppercase;
            text-shadow: 2px 2px 2px #FFF;
            letter-spacing: .15em;
        }
            .block-title {
                text-align: center;
                color: #888;
                font-size: 150%;
            }
            .block-label {
                padding: 0 0 1em 0;
                color: #BBB;
            }
        
    .block-recent-articles { }
        .block-recent-articles h3 {
            margin: 0 0 .5em 0;
            padding: 0;
            font-size: 3.5em;
            letter-spacing: -1px;
            line-height: 1.2em;
            text-align: justify;
            
            display: inline;
        }
        .block-recent-articles .date-posted {
            font-size: 3.5em;
            padding: 0 .15em;
            color: #DDD;
            float: right;
            
            letter-spacing: -1px;
            line-height: 1.2em; 
        }
        
        .block-recent-articles p {
            padding-top: .5em;
            font-size: 1.8em;
            line-height: 1.4em;
            color: #666;
            text-align: justify;
            letter-spacing: -1px;
            padding-bottom: .25em;
            clear: both;
        }
    
        .block-recent-articles .more {
            float: right;
            font-style: italic;
            font-size: 1.6em;
            text-shadow: 2px 2px 2px #EAEAEA;
            padding-bottom: 1em;
        }
            .more a {
                color: red;
            }
        
        .block-recent-articles .recent-posts h4 {
            margin: 0 0 .5em 0;
            padding: 0;
            font-size: 2.2em;
            letter-spacing: -1px;
            line-height: 1.3em;
            text-align: justify;
            
            display: inline;
        }
        
        .block-recent-articles .recent-post p {
            padding-top: .5em;
            font-size: 1.6em;
            line-height: 1.2em;
            color: #666;
            text-align: justify;
            padding-bottom: .25em;
            clear: both;
        }
        
        .block-recent-articles .recent-post .date-posted {
            font-size: 2.2em;
            padding: 0 .15em;
            color: #DDD;
            float: right;
            
            letter-spacing: -1px;
            line-height: 1.3em;
        }
    
    
    /** RECENT COMMENTS **/
    
    .recent-comment {
        clear: both;
        padding-top: 1.5em;
        color: #555;
    }
    
    .comment-summary {
        float: left;
        font-size: 1.4em;
        width: 22em;
        line-height: 1.4em;
        text-align: justify;
    }
    
    .ldquo {
        float: left;
        margin-top: -.15em;
        font-size: 8em;
        color: #b9b9b9;
        clear: left;
        width: .5em;
        height: .5em;
        overflow: hidden;
    }
    
    .comment-byline {
        clear: both;
        color: #888;
        font-size: 1.5em;
        margin-left: 2.7em;
        text-align: right;
        line-height: 1.4em;
    }
        .comment-byline {
            font-style: italic;
        }
        
    /** TWEETS **/
    
    .recent-tweet {
        padding-bottom: 1em;
    }
        #tweet-label {
            float: right;
        }
            #tweet-label img {
                float: left;
                padding-right: 5px;
                margin-top: -5px;
            }
        
        .tweet {
            font-size: 1.25em;
            line-height: 1.6em;
        }
            .tweet a {
                color: red;
            }
            
            .tweet p {
                padding-bottom: .5em;
            }
        
        .tweet-byline {
            text-align: right;
        }
    
    
    /** RECENT LINKS **/
    
    .recent-link {
        font-size: 2em;
        line-height: 1.3em;
        padding-bottom: .25em;
        clear: left;
    }    
    
    .link-icon {
        float: left;
        padding: .25em .25em 0 0;
    }
    
    .link-link {
        display: block;
        padding-left: 1.6em;
        font-size: .9em;
    }
    
/*    .link-byline {
        font-size: .7em;
        text-align: right;
    } */    
    
    /*.photoset-recent-photos {
            margin: .5em 0 1em;
        }
            .photoset-preview {
                font-size: 1.2em;
            }

            .photoset-preview img {
                background-color: #DDD;
                padding: .35em;
                margin: 0 .2em;
            }
                .photoset-preview img:hover {
                    background-color: #BB0000;
                }
            
            .photoset-preview h3 {
                margin: 0;
                padding: 0;
            }
            
            .photoset-preview .photoset-photocount {
                font-style: italic;
                color: #BBB;
                text-align: right;
            }
    */
    #social-networks { }
    
    #social-networks li { display: inline; float: left; margin-right: 1em; text-align: center; margin-top: 1em; } 
        #social-networks li span { padding-top: .5em; font-size: .8em; } 
            #social-networks li:hover span { }
    #social-networks li a { display: block; width: 3.8em; height: 3.8em; } 
        #social-networks li a:hover { text-decoration: none; }
            
        .facebook { background: url(images/facebook.png) no-repeat top; }
        .flickr { background: url(images/flickr.png) no-repeat top; }
        .linkedin { background: url(images/linkedin.png) no-repeat top; }
        .twitter { background: url(images/twitter.png) no-repeat top; }

#footer { clear: both; text-align: center; font-size: 1.1em; }

.article-list {
    font-size: 2.5em;
}
    .article-list-item {
        background-color: #f9fafb;
        width: 15%;
        height: 10%;
        min-height: 6em;
        padding: 2%;
        margin: 2%;
        border: 5px solid #BBB;
        
        float: left;
        
        line-height: 1.5em;
    }
    
    .article-overlay {
        position: absolute;
        top: 10%;
        left: 10%;
        width: 90%;
        height: 90%;
    }
    
    .article-list-item-categories {
        font-size: .9em;
        color: #444;
    }

.blog { padding-top: 1.5em; }
    
    .blog h1 {
        font-size: 4em;
        text-shadow: 2px 2px 5px #ecf0f4;
    }

    .blog a { } 
        .blog a:hover { text-decoration: none; }

.blog blockquote { 
    margin: .75em 0 1.5em 0; 
    padding: .5em .5em .5em 5em; 
    font-size: .9em;
    border: 1px solid #BBB;
    background-color: #f9fafb;
    
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
    
    width: 65%;
}
    #content blockquote p { margin: 0; padding: 0; color: #444; width: 100%; }
    .blog blockquote ul { padding-left: 2em; list-style: square; }
    .blog .note_mac { background: #f9fafb url(images/note_mac.png) no-repeat scroll 0.8em 0; padding-left: 5em; min-height: 3.5em; }
    .blog .note_ubuntu { background: #f9fafb url(images/note_ubuntu.png) .8em .5em no-repeat; padding-left: 5em; min-height: 3.5em; }

.blog p { font-size: 1.6em; line-height: 1.8em; padding: 0; margin: .75em 0; max-width: 800px; }
    .blog p a { color: #666; text-decoration: underline; }
.blog h2 { display: block; padding: 1em 0 .5em; color: #BB0000; font-size: 2.6em; }
.blog h3 { display: block; padding: 1em 0 .5em; color: #BB0000; font-size: 2.2em; }
.blog h4 { display: block; padding: 1em 0; font-size: 2em; }

.content-meta {
    text-transform: uppercase;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    letter-spacing: .15em;
    padding: 1.5em 0 2.5em;
    text-align: right;
    color: #444;
}
    /*.content-meta .photo-detail {
            float: left;
            color: #000;
            text-align: left;
            height: .5em;
            
        }
        .content-meta .exif-detail {
            white-space: nowrap;
        }
        .content-meta .disabled {
            color: #b9b9b9;
        }
        .content-meta .photo-exif {
            display: none;
            letter-spacing: normal;
        }*/

.blog .code { font-family: 'Monaco', monospace; color: #111; background-color: #DDD; white-space: nowrap; font-size: 90%; padding: 0 .25em; }

.blog ul { padding-left: 2em; font-size: 1.6em; list-style: square; width: 65%; color: #444; }
    .blog ul li { padding-left: .25em; margin: 0 0 .5em; }
.blog ol { list-style: upper-roman; padding-left: 1em; width: 65%; }
    .blog ol li { padding: .5em 0; }
    .blog ol li li { font-size: .9em; line-height: 1.8em; }
    
.blog .posts { margin: 1em 0; }
    .blog .posts { margin: 0; padding: 0; }
    .blog .posts li { display: block; font-size: 1.6em;}
    .blog .posts li .post-category, .post-tags { float: right; font-size: .9em; color: #888;}
    .blog .posts li a { display: block; width: 100%; }

#feedback, #comments {
    border-top: 1px solid #EAEAEA;
    font-weight: bold;
    color: #000;
}
    #feedback {
        margin-top: 2em;
    }

/*.photo {
    text-align: center;
}
    .photo img {
        border: 3px solid #222;
    }
    
.photosets { 
    
}
    .photoset-previews {
        font-size: 1.4em;
    }
        .photoset-previews .omega a {
            display: block;
            height: 82px;
            width: 100%;
            border-bottom: 1px solid #BBB;
        }
    
    .photoset-preview {
        padding-bottom: .5em;
        margin-bottom: 1.5em;
    }
    .hover-block:hover img {
        background-color: #BB0000;
    }
    
    .photoset-preview-list {
        text-align: center;
    }
    
    .photoset-preview-list img {
        background-color: #BBB;
        padding: .35em;
        margin: 0 .25em;        
    }
        .photoset-preview-list img:hover {
            background-color: #BB0000;
        }
*/
    
/*    .photoset-preview {
        font-size: 1.4em;*/
/*        padding-bottom: .5em;
        margin-bottom: 1.5em;
        border-bottom: 1px solid #BBB;*/    
    }
    
/*    .article-list {
        font-size: 1.4em;
    }
        .article-list-item {

        }

        .article-list-item-categories {
            font-size: .9em;
            color: #444;
        }*/


/*#comments { padding: .5em 0 0 0; margin-top: 2em; }
    .comments_title { padding-bottom: .25em; margin-bottom: .25em; display: block; color: #DDD; font-size: 2em; }
    .comment { margin-bottom: .5em; }
    .comment_poster_name { display: block; width: 8em; float: left; } 
        .comment_poster_name a { }
    .comment_submit_date { float: left; color: #b9b9b9; width: 20em; }
    .comment_body { display: block; padding: .5em 0; width: 33.5em; margin-left: 8em; clear: left; }
        .comment_body p { margin: 0; }

#comment_form { margin-top: 2em; padding: 1em 0; }
    #comment_form p { margin: 0; padding: 0; }
    #comment_form label { display: block; width: 6.5em; float: left; clear: left; text-align: right; margin-right: 1em; margin-bottom: .5em; }
    #comment_form input[type=text] { float: left; display: block; width: 15em; font-size: 1.2em; font-family: verdana; padding: .15em .25em;}
    #comment_form textarea { float: left; display: block; margin-bottom: 1em; width: 41em; font-size: .9em; font-family: verdana; padding: .5em; }
        #comment_form textarea, #comment_form input { }
            #comment_form textarea:focus, #comment_form input[type=text]:focus { }
    #comment_form .submit { padding-left: 7.5em; float: left; margin-bottom: .5em; }
        #comment_form .submit input { display: block; width: 7em; float: left; margin-right: 1em; font-size: 1.2em; }
            #comment_form .submit input:hover { }*/
            
/* intensedebate cleanup */

.idc-footer, .idc-right {
    display: none;
}