body{
    background: url("/css/noisy_grid.png") repeat scroll left top #EEEEEE;
    color: #000000;
    line-height: 22px; /* default is 24px*/
}
table td, table th{
    padding: 4px !important; /* make the tables slightly smaller */
}
/* Wrapper for page content to push down footer */
.wrap {
    min-height: 100%;
    height: auto;
    /* Negative indent footer by its height */
    margin: 0 auto -60px;
    /* Pad bottom by footer height */
    padding: 0 0 60px;
}
#sb-site, .sb-site-container{
    background: url("/css/noisy_grid.png") repeat scroll left top #EEEEEE;
}
.sb-slidebar.sb-active{
    margin-left: -20px;
}
#footer{
    //height: 230px;
    //margin-top: 10px;
    background-color: #444;
    padding: 12px 0px;
    margin-top: 15px;
}
.container{
    min-height: 100%;
    height: 100%;
}
.main-content{
    background-color: #FFFFFF;
    border-radius: 0 0 6px 6px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    padding: 10px 3px;
}
#footer-v6 {
    background-color: transparent;
    font-size: 12px;
}
#footer-v6 h2 {
    color: white;
}
.main-header{
    background-color: #0099da;
    padding: 1px;
    margin-bottom: 10px;
    font-size: 12.6px;
}
.navbar-default.navbar-dark + .main-header .page-title, .navbar-default.navbar-dark + .main-header a{
    color: #0099da;
}
.addBlue{
    background-color: #0099da;
}
/* So the right-hand slidebar doesn't encroach the login navbar stuff */
@media (min-width: 768px) {
    .navbar-right {
        margin-right: 30px;
    }
    .breadcrumb{
        margin-left: -15px !important;/* so that it is aligned with logo on larger screens */
    }
}
/*/////////////// */
@media  (min-width: 768px) {
    .navbar-default .navbar-nav > li > a {
        font-size: 14px;
    }
}
/********** logo stuff **************/
/* So that smaller screen sizes don't cut off the logo image */
@media (max-width: 991px) and (min-width: 768px) {
    .navbar-default .navbar-brand {
        font-size: 1.9em;
        word-spacing: -5px;
        -webkit-text-stroke: 0;
        background-image: url("/assets/img/colors/blue/logo.png");
        padding-left: 5px;
    }
}
@media (max-width: 400px) {
    .navbar-default .navbar-brand {
        padding-left: 0;
        background:  url("/assets/img/colors/blue/logo.png") no-repeat left center !important;
    }
}
.navbar-default .navbar-brand{  min-width: 150px;  } /* Enforce width for logo */
.title-logo{background-image: none;} /* just allow text */
/********************************/
.home-phrase{text-align: center;} /* so "A community-driven.." is left-aligned with logo */
.dropdown.search > a:after{
    content: ""; /* get rid of dropdown indicator next to search */
}
.categories{
    padding: 10px
}
.panel, .block{
    margin-bottom: 5px;
}
.post{
    margin-bottom: 10px;
}
.post-title {
    margin-bottom: 10px;
    padding-bottom: 5px;
}
.navbarimg{
    width: 100%;
    height: 40px;
}
.panel-footer,
.panel-default .panel-heading, .panel-default .panel-footer{
    background: transparent;
    font-size: 11px;
    line-height: 130%;
}
.slidebar-social-icons .fa{
    padding-left: 5px;
}
.my-fa-twitter:before {
    content: "\f099";
}
.my-fa-linkedin-square:before{
    content: "\f08c";
}
.my-fa-youtube:before {
    content: "\f167";
}
/**********  Main Page **************/
.search-main{
    margin-top: 15px;
    padding-left: 5px;
    padding-right: 5px;
}
.topbar-border{
    padding: 5px 5px; /* need this to avoid overhang when page is smaller */
}
.portfolio-topbar .vendors
{
    padding-right: 0;
}
.portfolio-topbar .search
{
    padding-left: 0;
    padding-right: 0px;
}
.portfolio-topbar .search span{
    margin-top: -23px; /* must move the invisible bottom border to match others next to it */
}
.portfolio-topbar .sort {
    padding-left: 0;
    padding-right: 0;
}
.portfolio-topbar-cats li span{
    padding: 2px 5px;
    margin-top: 6px;
}
.portfolio-topbar .row{
    background-color: #FFFFFF;
}
.portfolio-topbar h4{
    padding-bottom: 0px;
}
.portfolio-topbar{
    margin-bottom: 5px;
}
.center-block{
    float:none
}
.main-image{
    max-height: 200px;
}
.portfolio-topbar-cats li a{
    color: #333; /* override link color */
}
.img-thumbnail{
    max-height: 500px;
    /*max-width: 400px;*/
}
.panel-footer{
    padding: 2px 2px;
}
.post .tags-cloud{
    display: inline;
}
.post-content{
    padding-left: 0px;
}
@media (max-width: 767px){
    .post-content{
        padding-left: 15px; /* add padding back in when smaller screen */
    }
}
.post img{
    margin-bottom: 3px;
}
/**************************************/
/************* Comments **************/
#comments {
    margin-top: 20px;
}
#comments h3{
    margin: 7px 0px 0px 0px;
}
#comments .author-name p{
    margin: 2px 0px -2px 0px;
    font-size: 10px;
}
#comments .list-group-item{
    padding: 3px 8px 8px 8px;
}
/*****************************************/
/********** Navbar *******************/
.badge {
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    color: white;
    line-height: 1;
    white-space: nowrap;
    text-align: center;
    background-color: #777777;
    border-radius: 10px;
}
#bs-example-navbar-collapse-1 .badge {
    margin-left: 10px;
    border-radius: 2px;
    color: #fff;
    background: #54c8eb;
}
#bs-example-navbar-collapse-1 li{
    line-height: 1em;
}
.yamm-content .row{
    padding: 5px; /* Give space between tag boxes and border of navbar */
}
/**************************************/
/************** Show Post ************/
.post-show
.panel-title {
    padding: 0px !important;
}
.main-image-preview{
    margin-bottom: 6px;
}
.post-show
.panel-title h2{
    border-left: 10px #0099da solid;
    margin-bottom: 5px;
    padding-left: 5px;
    margin-top: 0px;
}
pre{
    max-height: 600px;
    padding: 0px !important; /* get rid of the frame around code */
}
.post-show table{
    margin-left:auto;
    margin-right:auto;
}
.panel-title p{
    font-size: 13px; /* author info make smaller */
}
.post-show
.panel-body{
    padding: 0px;
}
.sidebar {
    /*font-size: .9em;*/
}
.sidebar li{
    line-height: 1.5em;
}
.panel-item{
    margin-top: 10px;
}
.panel-body{
    padding: 2px 2px;
}
.post-show.panel{
    border:none;
}
.post-show .panel-heading{
    padding: 5px 8px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.sidebar hr{
    margin: 5px;
}
.sidebar .section-title:first-letter{
    color: #0099da
}
.sidebar h3{
    margin-top: 20px;
}
.sidebar .related li{
    margin-bottom: 7px;
}
body,
.post-content {
    /*font-size: 12px;*/
}
/************************************/
/************* Filter Page **********/
.block ul.simple li a {
    border-left: solid 2px #eee;
}
.block ul.simple .active  a {
    border-left: solid 2px #0099da;
}
/*************************************
/********* login/register/reset forms ******/
.form-horizontal {
    padding: 10px;
}
.input-post .checkbox input[type="checkbox"], .input-post  .checkbox-inline input[type="checkbox"]{
    opacity: 1; /* otherwise the multiple selection dropdown boxes are hidden from view */
}
/******** General ******************/
/*h1, h2, h3, h4, h5, h6{*/
    /*margin: 12px 0 5px 0;*/
/*}*/
h1{ font-size: 1.7em; margin: 20px 0 10px 0; }
h2{ font-size: 1.7em; margin: 15px 0 8px 0; }
h3{ font-size: 1.6em; margin: 15px 0 8px 0; }
h4{ font-size: 1.4em; margin: 15px 0 8px 0; }
h5,h6{ font-size: 1.2em; margin: 6px 0 6px 0; }
p,pre{
    margin: 0 0 15px;
}
/*So header shown correctly*/
.main-header .breadcrumb{
    position: relative;
    font-size: 12px;
}
.breadcrumb{
    padding: 0px 15px;
}
.padding-bottom-10{
    padding-bottom: 10px;
}
.padding-top-10{
    padding-top: 10px;
}
.padding-left-15{
    padding-left: 15px;
}
.first-letter{
    color: black;
}
.highlighted,
.first-letter:first-letter{
    color: #0099da
}
.alert-info{
    margin-bottom: 10px; /* push this down a bit for warnings */
}
.alert-info p{
    padding-left: 10px;
}
.flash ul{ /* For the validation errors..gets rid of the nasty bullet points */
    list-style: none;
}
.flash li{
    padding-left: 5px;
}
.tags-cloud .active{
    background-color: #0099da;
    color: white;
}
.tags-cloud a{
    padding: 2px 4px;
}
.selectize-control.multi .selectize-input>div { /* Used in creating new post tags */
    border: solid 1px #ddd;
    padding: 3px 5px;
    margin: 2px;
    display: inline-block;
    font-size: .9em;
    color: #0099da;
    text-decoration: none;
    background: white;
}
.highlight-blue{
    color: #0099da
}
.no-padding{ /* for center columns */
    padding: 0px;
    margin: 0px;
}
.btn-group .btn-default,
.form-group .btn-group {
    display: block; /* So that the inputs in the create/edit webpages are on a new line */
}
.multiselect-container.dropdown-menu{
    max-height: 300px !important;
}
.required:after{ /* for form inputs */
    content:'*';
    color:red;
    padding-left:5px;
}
/**********************************/