/*
Theme Name: Boss
Theme URI: http://teachers.net/
Template: twentysixteen
Author: Bob Reap
Author URI: http://teachers.net
Description: Teachers.Net 2016 child responsive card theme
Version: 1.0.0
Updated: 3/3/16
*/

@charset "UTF-8";

div#page {
    float: none;
    clear: none;
    overflow: hidden;
    width: 100%;
    max-width: 1250px;
    min-width: 320px;
    min-height: 101%;
    margin: 0 auto 0;
    XXXbackground-color: #fff;
}

div#footercard2 {
    clear: both;
}

/* HIDE DEFAULT BUDDYPRESS STUFF */

    /* hide buddypress sidebar */
    aside#secondary {
        display: none;
    }

    p.field-visibility-settings-toggle, div.field-visibility-settings-notoggle, #buddypress div.profile h4 {
        display: none;
    }

/* BP profile tweaks */

    #buddypress span.activity, #buddypress div#item-nav, #buddypress div#subnav {
        display: none;
    }

/* BP groups tweaks */

    body.forum header.entry-header, body.groups header.entry-header {
        display: none;
    }

    body.groups div#item-header {
        display: none;
    }


@media screen and (min-width: 61.5625em){
    .buddypress #primary {
        float: none;
        margin-right: 0;
        width: auto;
    }
    
}


/* hide some admin page helpers */
#template_reveal {
    display: none;
}
.adminview #template_reveal {
    display: inline-block;
}



/* LATEST POSTS PAGE */

.page-template-chat div#centercard, .page-template-chatboard div#centercard {
    background-color: initial;
    webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    max-width: 540px;
    padding: 0;
}

.page-template-chatboard div#page, .page-template-chat div#page {
    max-width: 1040px;
}

    .clusterhead { 
        display: table; vertical-align: top;
        margin-left: 5px;
    }
    .tr {
        display: table-row; 
    }
    .td {
        display: table-cell; vertical-align: top;
    }



    .clusterset { 
        float:left;  
        margin:0 15px 0 0px; 
        font-family:arial; 
        font-size:18px; 
        color:#3d5e8e; 
        XXXmax-width:400px;
        width: 100%; 
    }
    .clusterset a { text-decoration:none; }
    .clusterlead {
        float:left; clear;right; margin:0 0px 2px 0;font-family:arial; font-size:16px; color:#3d5e8e;  
        XXXmax-width: 430px;
        line-height: 1.3;
    }
    .clusterlead a:link,.clusterlead a:visited,.clusterlead a:hover,.clusterlead a:active {
        color:#3d5e8e; 
        color: #4b61dc;
        XXXcolor: #1735dc;
        XXXfont-weight: bold;
    }
    #cluster { 
        XXXmax-width:550px; 
        margin:0 0 0 0px;
    }
    .ClusterBox { float:left; clear:both; 
        XXXmax-width:550px; 
        margin:0px 0 0px 0; background-color:#fff; border:solid 1px #ccc;border-radius: 4px; 
        padding:10px 20px 5px 10px;
        width: 94%;
        max-width: 520px;
    }
    .thumbbox { 
        float:left; margin:0px 8px 5px 0px; 
    }    
    .thumbbox img { float:left; margin:0; height:40px; width:40px; }
    ul.comments .thumbbox img { float:left; margin:0; height:32px; width:32px; }

    .clusterset .author, .clusterset .group, .clusterset .postwhen {
        float:left; margin:0; font-size:11.5px; color:#525252; line-height:14px;
    }
    .clusterset .author { margin-right: 25px; }
    .clusterset .group { margin-right: 20px; }
    .postwhen { float:left; margin:0 0px 0 0px;font-size:11.5px; color:#525252; line-height:14px; }
    .clusterset .postexcerpt {
        float:left; 
        margin:8px 0px 0 5px;
        font-size:14px; 
        color:#525252; 
        line-height:1.4; 
        XXXmax-width: 430px;

    font-family: helvetica;
    font-size: 14px;
    color: #1d2129;


    }
    .clusterset .group a { 
        color:#3d5e8e;  backXXXground-color:#def;
    }

    .clusterset .author a { 
        color:#3d5e8e; font-weight: bold;
    }
    .clusterset .latest_responses {
        float:left; margin:0 10px 0px 0;font-size:14px; color:#525252;
        XXXbackground-color: #DFDEEF;
        padding: 10px 10px 0px 10px;
        width: 100%;
        max-width: 475px;
    }

    .clusterset a .postexcerpt {
        color:#333; 
    }

    .clusterset a .postexcerpt b {
        color:#365899; font-weight: normal; 
    }
    .clusterset .seemore {
        float:left; margin:0 10px 0 0; font-size:11.5px; color:#525252; line-height:14px;
    }
    .clusterset .seemore a, .clusterset .seemore a {
         color:#333; text-decoration: none; font-size:11.5px; font-family: arial;
    }
    .clusterset .comment {
        float:left; margin:0 10px 0 10px; font-size:11.5px; color:#525252; line-height:14px; font-family: arial;
    }
    .clusterset .comment a {
         color:#333;
    }
    .clusterset .comment img {
        margin:0px 0 -5px 0;
    }
    .clear { clear: both; }


    .ClusterBox ul.comments {
        padding:0; margin:0px 0 0 0px; font: 16px/22px "arial,san serif"; color:#000; list-style: none;
    }
    .ClusterBox ul.comments li {
        color:#333; font-family:arial; font-size:13px; line-height: 1.4; padding: 5px 0 5px 0;
        margin-bottom: 5px;

    }
    .ClusterBox ul.comments li.response {
        XXXbackground-color: #DFDEEF;
    }

span.comment_authlink {
    font-weight: bold;
    color: #0d47a1;
}

    .ClusterBox ul.comments li a {
        text-decoration: none; color:#333;
    }
    .ClusterBox ul.comments li b a, .ClusterBox ul.comments li a b {
        color:#365899; font-weight: normal;
    }

    .ClusterBox ul.comments li a.comment_authlink {
        color: #0d47a1;
        font-weight: bold;
    }



.ClusterBox .latestbox {
    width: 100%;
    clear: both;
    margin-top: 5px;
}
.ClusterBox .latesthead {
    float: left;
}
.ClusterBox .latestct {
    float: right;
}
.ClusterBox .latestbox a {
    text-decoration: none; color:#365899;
    font-family:arial; font-size:13px;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


    /*chatboard (bbPress) styles*/

    #chatboard-inset { 
        background-image: url('//teachers.net/home/bg/backboard-inset-745x300.jpg');
        width: 100%;
        height: 130px;
        background-repeat: no-repeat;
        background-position: center bottom;
        text-align: center;
    }
    #chatboard-inset #title {
        line-height: 1;
        margin-left: auto;
        margin-right: auto;
        color: #fff;
        font-size: 26px;
        margin-bottom: 10px;
        padding-top: 30px;
    }
    #chatboard-inset #title a {
        color: #fff;
        text-decoration: none;
    }
    #chatboard-inset #join-button {
        display: block;
        text-decoration: none;
        float: right;
        margin-right: 25px;
        background-color: #fff;
        border: solid 1px #777;
        color: #333;
        font-size: 12px;
        font-weight: bold;
        padding: 6px 10px;
        line-height: 1.0;
        font-family: helvetica, arial, sans-serif;
    }
    #chatboard-inset-options { 
        background-color: #fff;
        width: 100%;
        height: 40px;
        margin-bottom: 10px;
    }
    #chatboard-inset-options a.option { 
        display: block;
        margin: 8px 0;
        padding: 5px 18px;
        line-height: 1;
        float: left;
        border-right: 1px solid #ccc;
        font-family: arial, sans-serif;
        font-size: 14px;
        text-decoration: none;
        color: #333;
    }
#chatboard-inset-options a.option.submit {
    background-color: #f5612c;
    color: #fff !important;
    font-weight: bold;
    border-radius: 10px;
}


    #chatboard-inset-options .option.selected { 
        font-weight: bold;  
    }
    #chatboard-inset-options .option:last-of-type { 
        border-right: none; 
    }

#chatboard-inset .group-button {
    float: right;
    margin-right: 25px;
}
#chatboard-inset .group-button a {
    XXXdisplay: block;
    text-decoration: none;
    background-color: #fff;
    border: solid 1px #777;
    color: #333;
    font-size: 12px;
    font-weight: bold;
    padding: 6px 10px;
    line-height: 1.0;
    font-family: helvetica, arial, sans-serif;
}


#chatboard-inset-options .searchform {
    float: right;
    margin: 8px 12px 0 0;
    padding: 0;
    border: none;
}
span.input_box {
    background: #fff;
    border: none;
    border: solid 1px #bdc7d8;
    padding: 0px;
    display: inline-block;
    height: 23px;
}
#chatboard-inset-options .searchform input {
    border: none;
    margin: 0 2px 0 5px;
    margin: 0;
    padding: 5px 5px 0px 5px;
    outline: none;
    width: 140px;
    XXXheight: 19px;
    line-height: 1;
    display: inline-block;
    vertical-align: top;
}
#chatboard-inset-options .searchform button {
    width: 22px;
    height: 19px;
    display: inline-block;
    background-image: url(https://static.xx.fbcdn.net/rsrc.php/v2/y3/r/cgTBHj3Uo01.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: -69px -32px;
    background-color: #fff;
    margin: 1px 1px 0 0;
    border: 0; 
    padding: 0px 0px 0px 0;
    cursor: pointer;
}

/*Tony add - donate link in footer - 5/26/2016*/

a.donate {
    color: #ec1c23;
}





    a.sponsorlink {
        color: #3d5e8e;
        font: 13px arial;
        display: block;
        float: left;
        clear: both;
        margin: 5px 0 10px 6px;
        text-decoration: none;
        line-height: 1;
    }
    .csstable.logotable { 
        display: table; 
        vertical-align: top;
        text-align: center;
    }
    .logotable .td {
        text-align: center;
    }
    .csstable.logotable{
        width: 100%;
    }

a.morecomments {
    font-family: helvetica, arial, sans-serif;
    font-size: 15px;
    color: #00c;
    text-decoration: underline;
}
a.showsome.commset {
    color: #0d47a1;
    font-size: 13px;
    color: #66c;
    line-height: 3;
    float: right;
}


a.showsome.commset img.commbubble {
    margin-left: 5px;
}

a.nextpage {
    float: right;
}


textarea#postbody, input#subject, input#name {
    font-family: helvetica, arial, sans-serif;
    font-size: 14px;
}



textarea#postbody {
    line-height: 1.4;
    /*font-family: helvetica, arial, sans-serif;
    XXXborder: solid 1px #ddd;*/
    padding: 7px;
    font-size: 14px;
}
input#subject {
    XXXmargin-top: 6px;
    XXXmargin-bottom: 6px;
    padding-top: 3px;
    padding-bottom: 4px;
}
input#name {
    XXXmargin-top: 3px;
    XXXmargin-bottom: 4px;
    padding-top: 3px;
    padding-bottom: 4px;
}

.chatpost.status {
    width: 100%;
    text-align: center;
    background-color: #ddd;
    margin: 0 0 10px 0px;
    padding: 0px 0 0px 0;
    line-height: 2;
    vertical-align: top;
}
.plate {
    float: left;
    width: 52px;
    background-color: #cde;
    padding: 0 0 0 8px;
}
.topicplate.plate {
    clear: left;
}

.cssTable {
    display: table;
    width: 100%; 
    border-collapse: collapse;
} 
.cssTableRow {
    display: table-row; 
} 
.cssTableHeading {
    display: table-header-group;
    background-color: #ddd; 
} 
.cssTableCell, .cssTableHead {
    display: table-cell;
    padding: 3px 10px;
    border: 1px solid #999999; 
} 
.cssTableHeading {
    display: table-header-group;
    background-color: #ddd;
    font-weight: bold; 
} 
.cssTableFoot {
    display: table-footer-group;
    font-weight: bold;
    background-color: #ddd; 
} 
.cssTableBody {
    display: table-row-group; 
}

body.page-template-page-boardlists .pageblock#grouplist {
     margin: inherit; 
     width: inherit; 
     border: none; 
     border-radius: inherit; 
     padding: inherit; 
}

    .commentcluster .loader {
        float: none;
        width: 100%; 
        height: 22px; 
        margin: 0 auto 15px auto; 
        text-align: center;
        background-image: url("/home/icons/animated/ajax-loader-126x22.gif");
        background-repeat: no-repeat;
        background-position: center center;     
    }