/* obeattie.com stylesheet
   @author obeattie */

@import url('./reset.css');

/* Base */
body {
    background: #fff;
    color: #121621;
    line-height: 1.7;
    padding: 65px 0;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, sans-serif;
    font-size: 13px;
    border-left: 16px solid #ebebeb;
}

a { text-decoration: underline; color: #121621; }
a:hover { text-decoration: none; }
a:active { text-decoration: underline; }
em { font-style: italic; }
strong { font-weight: bold; }
p, ul, ol { margin: 0 0 20px 0; }
p, ul, ol, h1, h2, h3 { clear: both; }

ul {
    list-style: disc outside;
    padding-left: 25px;
}

ol {
    list-style: decimal inside;
    padding-left: 15px;
}

.clear { clear: both; }
.section { padding-bottom: 50px; }

/* Style */
a#pdf {
    display: block;
    background: url('../img/pdf-download.png') left center no-repeat;
    height: 14px;
    width: 107px;
    text-indent: -999999px;
    margin: -18px 0 10px 38px;
}

h1 a {
    display: block;
    background: #121621 url('../img/name.png') left center no-repeat;
    height: 108px;
    width: 737px;
    text-indent: -999999px;
    position: relative;
    left: -9px;
}

#content {
    margin-left: 38px;
    width: 560px;
}
    
    p#lead {
        display: block;
        text-indent: -999999px;
        width: 100%;
        height: 28px;
        margin: 30px 0 0 0;
        background: url('../img/roadtrip-heading.png') center left no-repeat;
    }
    
        #resume p#lead {
            background: url('../img/leader.png') center left no-repeat;
        }
        
        #resume p.lead {
            font-size: 1.2em;
        }
        
    #resume strong#unavailable {
        display: block;
        padding-bottom: 25px;
        text-indent: -99999em;
        width: 330px;
        height: 28px;
        background: url('../img/unavailable.png') top left no-repeat;
        position: relative;
        left: -8px;
    }
    
    #resume p + hr {
        padding: 0 0 10px 0;
        border: none;
        border-top: 2px solid #ebebeb;
    }
    
    p#contact-lead {
        margin: 12px 0 0 0;
    }
    
        p#contact-lead span, p#contact-lead a {
            display: block;
            float: left;
            text-indent: -999999px;
            height: 15px;
            margin-right: 30px;
        }
        
            p#contact-lead a.email {
                background: url('../img/email-leader.png') center left no-repeat;
                width: 174px;
            }
            
            p#contact-lead a.twitter {
                background: url('../img/twitter-leader.png') center left no-repeat;
                width: 114px;
            }
            
            p#contact-lead span.tel {
                background: url('../img/tel-leader.png') center left no-repeat;
                width: 154px;
            }
    
    div#tweets p + h3 {
        padding-top: 5px;
    }
    
    div#tweets p {
        padding-bottom: 10px;
    }
    
        div#tweets p span {
            margin-left: 25px;
        }
    
    div#tweets div.tweet-kaos {
        opacity: 0.6;
    }
    
        div#tweets div.tweet-kaos h3 {
            font-size: 1em;
        }
        
        div#tweets div.tweet-kaos p {
            font-size: 12px;
        }
    
    /* Headings */
    h3 { font-size: 16px; }
        h3 span, h3 em { font-size: 13px; margin-left: 20px; }
    
    h2 {
        display: block;
        height: 17px;
        width: 100%;
        background-position: center left;
        background-repeat: no-repeat;
        margin: 40px 0 20px 0;
        text-indent: -999999px;
    }
    
        h2#employment { background-image: url('../img/employment-heading.png'); }
        h2#skills { background-image: url('../img/skills-heading.png'); }
        h2#contact { background-image: url('../img/contact-heading.png'); }
    
    /* Dual-column */
    .col {
        width: 265px;
        float: left;
        clear: none;
    }
        
        .col + .col { margin-left: 30px; }
        ul.col, ol.col { width: 240px; }

/* Flickr photos */
ul#flickr {
    list-style: none;
    padding: 0;
}

    ul#flickr li {
        float: left;
        margin: 0 20px 50px 0;
    }
        
        ul#flickr li.last {
            margin-right: 0;
        }
        
        ul#flickr li img {
            width: 125px;
        }

/* Map */
div#brightkite {
    width: 100%;
    height: 300px;
    margin-bottom: 50px;
}

/* Feature area */
div.feature {
    background: #ebebeb;
    padding: 10px;
}