/*
 *
 * Theme Name: APNIC Labs Corporate Identity
 * Description: A child theme that applies the APNIC CI for Labs
 * Author: James Lemon
 * Version: 0.0.1
 * Template: twentyeleven
 *
 * */


/* =Theme customization starts here
------------------------------------------------------- */

#nav-above,
.assistive-text{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

/* ==========================================================================
   Labs stylesheet.
   ========================================================================== */
html,body{height:100%;}
body {
    padding-top: 51px; /* Space for navbar-fixed-top (position:fixed) */
}
body.admin-bar {
    padding-top: 19px;
}

#site-banner{
    background:orange url('//labs.apnic.net/template-files/banner.png')0 0 no-repeat;
    height:114px;
    position:relative;
    border-bottom: 4px solid #080808;
}
#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.apnic.net/template-files/labs.png') 0 0 no-repeat;
    width:79px;
    height:26px;
    position:absolute;
    bottom:5px;
    right:10px;
}
#site-banner h2.apnic{
    background:url('//labs.apnic.net/template-files/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%;
    }
}

/* ==========================================================================
   Main menu (Bootstrap nav nav-tabs).
   ========================================================================== */
#menu-main{
    margin-top: 1.9rem;
    margin-bottom: 1.9rem;
}



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 a{
    color: #fff;
}
#footer a:hover{
    color: #fff;
    text-decoration: underline;
}
#footer .col-left,
#footer .col-middle,
#footer .col-right{
    padding-top: 1rem;
}
#footer .col-middle h2{
    margin-top: 0;
}
#footer .col-right li{
    padding-left:0;
}
/* ==========================================================================
   Footer - Nav 
   ========================================================================== */
/*
#footer-nav{
    margin-bottom:3em;
}
#footer-nav ul{
}
#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('//labs.apnic.net/template-files/apnic-stamp.png') 0 0 no-repeat;
    min-height:60px;
}
#footer-stamp p{
    margin-left: 70px;
}
/* ==========================================================================
   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;
}
@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 */
}

div.entry-summary{
   overflow: hidden;
   text-overflow: hidden;
   /*line-height: 16px;*/     /* fallback */
   max-height: 58px;      /* fallback */
   -webkit-line-clamp: 3; /* number of lines to show */
   -webkit-box-orient: vertical;
}

.entry-meta{
    color: #777;
    margin-top: 18px;
    margin-bottom: 18px;
    font-size: 18px;
}
.entry-meta a{
    color: #777;
    font-weight:bold;
}
.entry-summary{
    text-align: justify;
}
/* Next/previous links */
#nav-below,
#nav-single{
    overflow: hidden;
}
#nav-below .nav-previous,
#nav-single .nav-previous{
    float: left;
}
#nav-below .nav-next,
#nav-single .nav-next{
    float: right;
}
/* Archives heading */
.author .page-title span,.category .page-title span{white-space:nowrap;font-style:italic;}


#footer-contact h2{margin-bottom:0;}
@media (max-width: 768px) {
    #footer-contact h2{font-size: 1.6rem;}
    #footer-contact {text-align:right;}
}
#secondary ul {
    margin-left: 0;
    padding-left: 1.3em;
}
#secondary aside{
    padding-bottom:10px !important;
    border-bottom: 1px solid #eee;
    margin-bottom:20px;
}
