@charset "UTF-8";
@import "grid.css";
@import "ui.css";

html { background: rgb(230,230,230); }
body { padding-top: 20px; background: rgb(255,255,255); }

#content { margin: 40px 0; }

/* Main Navigation */
header hgroup { margin-bottom: 0; }
header hgroup h2 { margin-top: -10px; }
header nav * {
    height: 45px;
    margin-top: 0px !important; margin-bottom: 0 !important;
}
header nav { padding-top: 5px; }
header li.home { margin-left: 0; }
header li.contact { margin-right: 0; }
header nav a {
    font-size: 24px;
    font-style: italic;
    line-height: 45px;
    letter-spacing: -2px;
    text-transform: lowercase;
    display: block;
    text-shadow: 0 -1px 0 rgba(0,0,0,.3);
}
header nav a:link, header nav a:visited {
    color: rgb(220,220,220);
    text-decoration: none;
}
header nav a:hover,
#home nav .home a, #about nav .about a,
#work nav .work a, #contact nav .contact a {
    color: rgb(158,2,165);
    text-shadow: none;
    line-height: 44px;
}
header nav a:active { color: rgb(125,0,139); }
/* End: Main Navigation */

/* Footer */
footer {
    margin-top: 40px;
    padding: 30px 0;
    background: rgb(230,230,230);
    background: -webkit-gradient(
        linear, 0 0, 0 20%,
        from(rgba(0,0,0,.15)), to(rgba(0,0,0,.1))
    );
}
footer p, footer h1 { text-shadow: 0 1px 0 rgb(255,255,255); }

#social { margin-top: 0px; }
#social li {
    list-style: none;
    float: left;
    margin-right: 1px;
}
#social a {
    text-indent: -9999px;
    display: inline-block;
    width: 32px;
    height: 32px;
    overflow: hidden;
    background: url("img/social.png") no-repeat;
}

#social a.tw { background-position: 0 0; }
#social a.tw:hover { background-position: 0 100%; }
#social a.in { background-position: -32px 0; }
#social a.in:hover { background-position: -32px 100%; }
#social a.gt { background-position: -64px 0; }
#social a.gt:hover { background-position: -64px 100%; }
#social a.sk { background-position: -96px 0; }
#social a.sk:hover { background-position: -96px 100%; }
#social a.tb { background-position: -128px 0; }
#social a.tb:hover { background-position: -128px 100%; }
#social a.fb { background-position: -160px 0; }
#social a.fb:hover { background-position: -160px 100%; }
#social a.dl { background-position: 100% 0; }
#social a.dl:hover { background-position: 100% 100%; }
/* End: Footer */

/* Home */
#hello {
    text-indent: -9999px;
    height: 141px;
    overflow: hidden;
    background: url('img/hello.png') no-repeat;
}

#talkischeap {
    text-decoration: none;
    display: block;
    margin-top: 30px;
    background: rgb(235,235,235) url('img/latestjobs.jpg') no-repeat 350px 50%;
}
#talkischeap:hover { background-color: rgb(238,238,238); }
#talkischeap h1 { text-shadow: 0 1px 0 rgb(255,255,255); }
/* End: Home */

/* About */
#who {
    height: 287px;
    background: url('img/who.png') no-repeat;
}
#who * {
    position: absolute;
    top: -9999px;
}
/* End: About */

/* Job Detail */
article.job {
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid rgba(0,0,0,.1);
}
article.job:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
    border: none;
}

article.job .pagination small { display: block; }

article.job aside p { margin-bottom: 10px; }

article a[rel="bookmark"] {
    font-size: 9px;
    font-style: italic;
}

article.job small.projecttip {
    position: absolute;
    right: 690px;
    bottom: 30px;
}
article.job:last-of-type small.projecttip { bottom: -9px; }
/* End: Job Detail */

/* Contact page */
#letstalk {
    height: 332px;
    background: url("img/letstalk.png") no-repeat;
}
#letstalk * {
    position: absolute;
    top: -9999px;
}

#contactinfo p {
    line-height: 1.5em;
    margin-bottom: 10px;
}
/* End: Contact page */

/* 404 and 500 */
#error hgroup h1 {
    line-height: 0.8em;
}
/* End: 404 and 500 */