/* ==========================================================================
   Labs stylesheet.
   ========================================================================== */
html,body{height:100%;}
body {
    padding-top: 41px; /* Space for navbar-fixed-top (position:fixed) */
}
@media (max-width: 979px) {
    body {
        padding-top: 0px; /* Adjust space for navbar-fixed-top (position:static) */
    }
    .navbar-fixed-top{
        margin-bottom:0;
    }
}

#site-banner{
    background:orange url('../../banner.png')0 0 no-repeat;
    height:110px;
    position:relative;
}
#site-banner h2{
    margin:0;
    padding:0;
}
#site-banner h2.apnic span,
#site-banner h2.labs span{
    display:none;
}
#site-banner h2.labs{
    background:url('../../labs.png') 0 0 no-repeat;
    width:79px;
    height:26px;
    position:absolute;
    bottom:5px;
    right:10px;
}
#site-banner h2.apnic{
    background:url('../../apnic.png') 0 0 no-repeat;
    width:224px;
    height:61px;
    position:absolute;
    top:20%;
    left:20px;
}
@media (max-width: 359px) {
    #site-banner h2.apnic{
        left:10px;
        top:5%;
    }
}

div#wrapper{
    background-color:#ebedf0;
    min-height:100%; /* make footer stay at bottom */
    position:relative; /* relative so footer can be position:absolute */
}
#page-wrapper{
    background-color:#fff;
    padding-bottom:165px; /* should match footer height value */
}
#page{
    /* an extra div to leave boostrap .container un-tampered and give us some
       extra white space */
    margin-top:10px;   
    margin-bottom:30px;
    overflow:hidden;
    padding-bottom:100px;
}
#contents{
    margin-left:30px;
    margin-right:30px;
    min-height:250px;
}
footer{
    background-color:#222;
    color:#fff;
    width:100%;
    height:165px; /* should match #page-wrapper padding-bottom value */
    position:absolute; /* make footer stay at bottom */
    bottom:0;
    left:0;
}
/* ==========================================================================
   Footer - Nav 
   ========================================================================== */
#footer-nav{
    margin-bottom:3em;
}
#footer-nav ul{
    margin:18px 0 18px 0;
    padding:0;
}
#footer-nav li{
    margin:0 1em 0 0;
    padding:0;
    list-style-type:none;
    display:inline;
    display:inline-block;
}
footer a{
    color:#fff;
}
footer a:hover{
    color:#fff !important;
}
footer .active a{
    text-decoration:underline;
}
/* ==========================================================================
   Footer - Stamp 
   ========================================================================== */
#footer-stamp{
    background:url('../../apnic-stamp.png') 0 0 no-repeat;
    min-height:60px;
}
#footer-stamp p{
    display:none;
}

/* ==========================================================================
   Footer - Contact 
   ========================================================================== */
#footer-contact h2{
    float:left;
    margin-top:0;
    padding-top:0;
    line-height:1;
    font-size:30px;
}
#footer-contact p{
    float:left;
    margin-left:1em;
    color:#6d6e71;
}
#footer-contact a{
    color:#6d6e71;
    text-decoration:underline;
}


/* ==========================================================================
   Footer - Copyright 
   ========================================================================== */
#footer-copyright{
    text-align:right;
    position:relative;
}
#footer-copyright p{
    text-align:right;
    position:absolute;
    bottom:0;
    right:0;
}
@media (max-width: 767px) {
    footer{padding-left:15px;}
    #footer-contact{margin-left:15px;float:left;width:200px;}
    #footer-contact h2{margin-bottom:0;padding-bottom:0;}
    #footer-contact p{margin-top:0;padding-top:0;}
    #footer-stamp{float:left;width:60px}
    #footer-copyright{margin-right:15px;float:right;width:100px;}
}
/* ==========================================================================
   Tab content 
   ========================================================================== */
.nav-tabs a,
a[data-toggle="tab"]{
    outline:0 none !important; /* Hide the ugly outline on active/clicked tabs */
}