/* For sticky top nav */

html,
body {
    height: 100%;
}

#wrap {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -100px;
}

#wrap > .container {
    padding-top: 60px;
}

@media (max-width: 979px) {
    #wrap > .container {
        padding-top: 0;
    }
}

#push {
    height: 100px;
}

/* Nav bar  */

.navbar-form .input-append,
.navbar-form .input-prepend {
    margin-bottom: 0 !important;
}

/* Hero unit */

.hero-unit {
    background-color: #fafafa;
    background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
    background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
    background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);
    background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
    background-repeat: repeat-x;
    -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
    *zoom: 1;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
     -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
}

@media (max-width: 480px) {
    .hero-unit {
        padding: 30px !important;
        margin-left: -20px !important;
        margin-right: -20px !important;
        -webkit-border-radius: 0 !important;
         -moz-border-radius: 0 !important;
              border-radius: 0 !important;
    }
}

/* Footer styles */

footer {
    height: 80px;
    padding: 10px 0;
    font-size: 80%;
    background-color: #fafafa;
    background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
    background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
    background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);
    background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
    background-repeat: repeat-x;
    border-top: 1px solid #d4d4d4;
}

@media (max-width: 767px) {
    footer {
        margin-left: -20px;
        margin-right: -20px;
        padding-left: 20px;
        padding-right: 20px;
    }
}

/* General content styles */

.text-right {
    text-align: right;
}

section {
    margin-bottom: 24px;
}

pre code {
    background: none;
}

#osprojects [class^="icon-"],
#osprojects [class*=" icon-"] {
    vertical-align: baseline;
}

/* Contacts icons */

.btn-contacts-mobile > .btn {
    font-size: 30px !important;
}

.contacts {
    background: url(/img/contacts/sprite.png) no-repeat;
    display: inline-block;
}

.contacts-behance {
    width: 30px;
    height: 30px;
    background-position: -5px -5px;
}

.contacts-github {
    width: 30px;
    height: 30px;
    background-position: -45px -5px;
}

.contacts-gmail {
    width: 30px;
    height: 30px;
    background-position: -5px -45px;
}

.contacts-linkedin {
    width: 30px;
    height: 30px;
    background-position: -45px -45px;
}

.contacts-stackoverflow {
    width: 30px;
    height: 30px;
    background-position: -85px -5px;
}

.contacts-tumblr {
    width: 30px;
    height: 30px;
    background-position: -85px -45px;
}

.contacts-twitter {
    width: 30px;
    height: 30px;
    background-position: -5px -85px;
}


/* Facebook comments (fluid?) */

.fb-comments {
    width: 100% !important;
}

.fb-comments span {
    width: 100% !important;
}

.fb-comments iframe {
    width: 100% !important;
}

/* Career highlights */

#highlights .highlight {
    padding-bottom: 18px;
    border-bottom: 1px solid #d4d4d4;
    margin-bottom: 24px;
    clear: both;
    overflow: hidden;
}

#highlights .highlight:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

#highlights .highlight-thumbnail {
    position: relative;
}

#highlights .highlight-thumbnail .caption {
    margin: 0;
    text-indent: 6px;
    font-size: 11px;
    line-height: 24px;
    color: #999999;
}