caption,
th {
    text-align: left
}

#definition-box-container div a.active,
li.dropdownActive a,
table.boldFirstColumn td:first-child {
    font-weight: 700
}

table td,
table tr td {
    hyphens: auto
}

.sidebarComics,
li img {
    clear: both
}

a,
button.cursorNorm,
img a {
    cursor: hand
}

.bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px
}

.bs-callout h4 {
    margin-top: 0;
    margin-bottom: 5px
}

.bs-callout p:last-child {
    margin-bottom: 0
}

.bs-callout code {
    border-radius: 3px
}

.bs-callout+.bs-callout {
    margin-top: -5px
}

.bs-callout-default {
    border-left-color: #777
}

.bs-callout-default h4 {
    color: #777
}

.bs-callout-primary {
    border-left-color: #428bca
}

.bs-callout-primary h4 {
    color: #428bca
}

.bs-callout-success {
    border-left-color: #5cb85c
}

.bs-callout-success h4 {
    color: #5cb85c
}

.bs-callout-danger {
    border-left-color: #d9534f
}

.bs-callout-danger h4 {
    color: #d9534f
}

.bs-callout-warning {
    border-left-color: #f0ad4e
}

.bs-callout-warning h4 {
    color: #f0ad4e
}

.bs-callout-info {
    border-left-color: #5bc0de
}

.bs-callout-info h4 {
    color: #5bc0de
}

.gi-2x {
    font-size: 2em
}

.gi-3x {
    font-size: 3em
}

.gi-4x {
    font-size: 4em
}

.gi-5x {
    font-size: 5em
}

.post-content img {
    margin: 12px 0 3px;
    width: auto;
    height: auto;
    max-width: 630px
}

.post-content ol li,
.post-content ul li {
    margin: 10px 0
}

.bs-example {
    margin: 20px
}

.breadcrumb li {
    color: gray
}

table {
    background-color: transparent;
    max-width: 90%;
    margin-bottom: 20px;
    border: 1px solid #dedede
}

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777
}

table>tbody>tr>td,
table>tbody>tr>th,
table>tfoot>tr>td,
table>tfoot>tr>th,
table>thead>tr>td,
table>thead>tr>th {
    padding: 15px;
    line-height: 1.72857143;
    vertical-align: top;
    border-top: 1px solid #ddd
}

table tr td img {
    padding-top: 15px;
    padding-bottom: 15px
}

table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
    text-transform: uppercase;
    background-color: #444;
    color: #fff;
    text-align: center
}

.footer,
p.external a {
    text-align: right
}

table>caption+thead>tr:first-child>td,
table>caption+thead>tr:first-child>th,
table>colgroup+thead>tr:first-child>td,
table>colgroup+thead>tr:first-child>th,
table>thead:first-child>tr:first-child>td,
table>thead:first-child>tr:first-child>th {
    border-top: 0
}

table>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9
}

table col[class*=col-] {
    position: static;
    display: table-column;
    float: none
}

table td[class*=col-],
table th[class*=col-] {
    position: static;
    display: table-cell;
    float: none
}

table td:first-child {
    width: 150px
}

p.external a {
    font-size: 12px;
    font-color: #08c;
    display: inline
}

p.post-meta {
    font-size: 80%;
    color: #777
}

.entry-date {
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.71429;
    margin-bottom: 0;
    text-transform: uppercase
}

.filter-options {
    margin-bottom: 20px
}

.filter-options button {
    margin: 3px
}

div#toc ul li {
    margin: 8px 0 8px 22px;
    font-size: 90%;
    list-style: square
}

div#toc ul {
    background-color: #f5f5f5;
    padding: 5px;
    border-radius: 5px;
    max-width: 300px;
    color: gray;
  /*  margin-top: 25px; */
}

div#toc ul li ul {
    padding-left: 8px
}

div#toc ul li ul li::before {
    content: "–  "
}

div#toc>ul::before {
    content: "Contents";
    font-weight: 700;
    color: #555;
    padding-left: 5px
}

.post-content a.fa-rss {
    color: orange
}

.navbar-inverse .navbar-nav>li>a {
    background-color: transparent;
    margin-top: 10px
}

.post-content .rssfeedLink {
    color: #248EC2
}

footer {
    font-size: smaller
}

#accordion .panel-heading {
    font-size: 12px
}

a.accordion-collapsed,
a.accordion-toggle {
    font-size: 14px;
    text-decoration: none
}

.nav,
.nav li,
.nav ul {
    list-style: none
}

.nav,
.nav ul {
    padding: 0;
    margin: 0
}

.nav>li {
    margin: 1px 0
}

.nav>li li {
    margin: 2px 0
}

.nav a {
    color: #333;
    display: block;
    outline: 0;
    text-decoration: none
}

.nav li>a>span {
    float: right;
    font-size: 19px;
    font-weight: bolder
}

.nav li>a>span:after {
    content: '\25be'
}

.nav li.open>a>span:after {
    content: '\25b4'
}

.nav ul li.subcatTitle ul li a:hover {
    color: #fff
}

.nav ul li.subcatTitle a:hover {
    color: #444
}

.nav li a {
    font-size: 14px;
    font-color: gray;
    line-height: 18px;
    padding: 2px 10px
}

.nav>li>a {
    line-height: 20px;
    padding: 4px 10px
}

ul#mysidebar li {
    font-family: arial;
    margin-bottom: 9px;
    vertical-align: center;
    padding-top: 6px;
    padding-bottom: 6px;
}

ul#mysidebar li a {
    font-size: 15px;
}

ul#mysidebar li.active {
    border-top: 1px solid #dedede;
}

ul#mysidebar {
    border-radius: 0;
    padding: 20px width: 250px
}

ul#mysidebar li {
    margin: 1px
}

ul#mysidebar li.firstLevel a:hover {
    color: #000
}

.nav ul li ul li a {
    margin-left: 20px
}

.nav ul li ul li ul li a {
    margin-left: 40px
}

.nav li {
    border-top: 1px solid #f0f0f0
}

.nav ul li ul li a,
ul.nav li ul li a {
    padding-left: 10px
}

.nav ul li ul li {
  border-top: 1px solid lightgray;
  }
.nav li ul li.active {
  border-top: none;
}

h1.topictitle1 {
    display: none
}

.nav li.thirdlevel>a {
    background-color: #FAFAFA!important;
    color: #248EC2;
    font-weight: 700
}

li.subcatTitle a {
    color: #000;
    font-size: 14px
}

ul.nav li ul li a {
    color: #444 font-weight: normal
}

.nav ul {
    background-color: #FAFAFA
}

.nav li a {
    padding-right: 10px
}

.nav ul li a:hover {
    color: #000
}

ul#mysidebar li a {
    color: #444;
    font-size: 14px;
}

.nav ul li ul li a {
    font-size: 12px
}

ul#mysidebar li.active a:hover {
  color: #777;
}

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:focus,
.navbar-inverse .navbar-nav>.active>a:hover,
.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:focus,
.navbar-inverse .navbar-nav>.open>a:hover {
    border-radius: 5px;
    background-color: darkgray;
}

.topnavlinks {
    padding: 0
}

#search-searchbar {
    float: right;
    margin-left: 18px
}

@media (max-width:768px) {
    #search-searchbar {
        display: none
    }
}

.search-header {
    display: flex;
    flex-direction: row
}

.search-header-title {
    flex: auto
    font-size: 32px;
}

.search-header-logo {
    flex: none;
    align-items: center;
    display: flex;
    margin-left: 30px;
}

.search-header-logo img {
    width: 150px;
    flex: none;
    opacity: .7
}

.search-hit {
    margin: 30px 0
}

.search-hit-title .ais-Highlight {
    color: #333;
    font-style: normal;
    font-weight: 800;
    text-decoration: underline
}

.search-hit-meta {
    color: grey;
    font-size: 14px;
    margin-top: 5px
}

.search-hit-content-wrapper {
    display: flex;
    flex-direction: row;
    margin-top: 10px
}

.search-hit-headings {
    font-weight: 700
}

.search-hit-thumb {
    flex: none;
    width: 150px;
    display: flex;
    align-items: center
}

.search-hit-thumb img {
    border: 1px solid #dedede
}

.search-hit-content {
    flex: auto;
    font-size: 70%;
    line-height: 34px;
}

.search-hit-content .ais-Highlight {
    color: #337ab7;
    font-style: normal;
    font-weight: 700
}

.search-hit-content__with-thumb {
    padding-left: 150px;
    background-postion: top left
}

#search-hits-wrapper {
    display: none
}

.ais-search-box--input {
    height: 80%!important;
    margin-top: 3px!important
}

span.projectTitle {
    font-family: Helvetica;
    font-weight: 700
}

.footerMeta {
    background-color: #f5f5f5;
    padding: 10px;
    max-width: 250px;
    border-radius: 5px;
    margin-top: 50px;
    font-style: italic;
    font-size: 12px
}

img.screenshotSmall {
    max-width: 300px
}

dl dt p {
    margin-left: 20px
}

dt {
    margin-top: 40px
}

dl dd {
    margin-top: 12px;
    margin-bottom: 12px;
    margin-left: 35px;
    line-height: 2;
}

figcaption {
    padding-bottom: 12px;
    max-width: 90%;
    margin-bottom: 20px;
    font-family: sans-serif;
    font-size: 14px;
    color: gray;
    font-style: italic
}

.siteTagline {
    margin: 20px 0;
    font-size: 17px
}

table.dataTable thead {
    background-color: #444
}

section table tr.success {
    background-color: #dff0d8!important
}

table tr.info {
    background-color: #d9edf7!important
}

.orange {
    color: orange
}

table.profile thead tr th {
    background-color: #248ec2
}

table.request thead tr th {
    background-color: #b62273
}

.pageMetadata,
i.border {
    background-color: #f5f5f5
}

span.myLabel {
    padding-left: 10px;
    padding-right: 10px
}

.navbar-inverse .navbar-nav>li>a,
a.dropdown-toggle {
    margin-left: 10px
}

hr.faded {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, .75), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, .75), rgba(0, 0, 0, 0));
    background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, .75), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, .75), rgba(0, 0, 0, 0))
}

hr.shaded {
    height: 12px;
    border: 0;
    box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, .5)
}

.fa-6x {
    font-size: 900%
}

.fa-7x {
    font-size: 1100%
}

.fa-8x {
    font-size: 1300%
}

.fa-9x {
    font-size: 1500%
}

.fa-10x {
    font-size: 1700%
}

i.border {
    padding: 10px 20px
}

a[data-toggle] {
    color: #248EC2
}

.summary {
    padding-left: 10px;
    font-size: 130%;
    color: #b8860b;
    border-left: 2px solid #dedede;
    margin: 20px 0
    line-height: 34px;
    margin-top: 25px;
    margin-bottom: 25px;
}

.summary::before {
    content: "Summary: ";
    font-weight: 700
}

.pageMetadata {
    padding: 13px;
    margin: 15px 0 15px 15px;
    border: 1px solid #dedede;
    width: 200px
}

.sfacebook,
.sgithub,
.situnes,
.slinkedin,
.srssfeed,
.sstitcher,
.stwitter {
    width: 26px;
    height: 27px
}

.pageMetadataTitle {
    font-size: 16px;
    text-align: center;
    margin-bottom: 7px
}

.metadataRow {
    color: #555;
    margin-top: 10px;
    margin-bottom: 10px
}

.pageMetadata p {
    line-height: 14px
}

a.fa.fa-envelope-o.mailto {
    font-weight: 600
}

h3 {
    color: dimgray;
    font-size: 125%;
    margin-bottom: 15px
}

.alert,
.callout {
    overflow: hidden
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    background-color: #248ec2;
    color: #fff
}

.alert-warning,
.navbar {
    color: #444
}

ol li ol li {
    list-style-type: lower-alpha
}

div#toc ul li ul li {
    list-style-type: none;
    margin: 5px 0 0
}

.tab-content {
    padding: 15px;
    background-color: #FAFAFA
}

span.tagTitle {
    font-weight: 500
}

li.activeSeries {
    font-weight: 700
}

.seriesContext .dropdown-menu li.active {
    font-weight: 700;
    margin-left: 20px;
    font-size: 130%
}

.seriesContext {
    margin: 20px 0
}

div.alert code,
h2 code {
    background-color: transparent!important
}

.alert a {
    text-decoration: underline
}

.alert {
  margin-top: 20px;
}

body {
    font-family: Merriweather, "Helvetica Neue", Arial, sans-serif;
    font-size: 17px;
    padding-top: 25px;
    color: #444;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Montserrat, "Helvetica Neue", Arial, sans-serif;
    font-weight: 700;
    line-height: 1.5em;
}

.home-post-meta {
    color: gray;
    font-size: 14px;
    margin-top: 5px
}

.home-post-title {
    font-size: 22px;
    margin: 20px 0
}

.home-post-summary {
    font-size: 14px;
    margin: 10px 0 30px
}

.postDate {
    color: gray;
    font-size: 14px;
    margin-top: 5px;
    display: inline-block;
    font-weight: 400
}

.sidebarComics,
p {
    margin: 20px 0;
}

.btn-primary {
    color: #fff;
    background-color: orange;
    border-color: #dedede
}

#mytechsidebar img,
.sidebarComics img {
    float: left;
    max-width: 250px;
    margin-bottom: 20px;
    padding: 0px !important;
}

p {
    line-height: 34px;
}

.col-md-9 {
    padding-left: 40px;
}

.col-md-3 {
    background-color: #f0f0f0;
    border-radius: 5px;
    padding-bottom: 30px;
}

h3.notesTitle,
h3.sidebar {
    color: #777;
    font-weight: 400;
    padding-top: 30px;
}

.siteLogo img {
    padding: 0 30px 20px;
    max-width: 100%
}

figure.topComic {
    float: right;
    margin-right: 25px;
    width: 450px;
}

div.topComic {
    margin-left: 65%;
}

div.topComic img {
    border: 1px solid #dedede;
}

.navbar-inverse {
    background-color: #f0f0f0;
    border-color: #dedede;
    font-family: Merriweather, Helvetica
}

.navbar-inverse .navbar-nav>li>a {
    color: #444;
}

.navbar-inverse .navbar-nav>li>a:hover {
    color: #777;
}

div#masthead {
    background-color: #fff;
}

table.gsc-table-result td {
    background-color: #fff;
    border: 0 #fff;
}

.gsc-results table {
    border: 0
}

table.gsc-resultsHeader {
    display: none
}

h4.categoryArchive {
    margin-bottom: 30px;
    margin-top: 30px;
    font-weight: 400;
}

button.navbar-toggle {
    background-color: #666
}

.sfacebook,
.sgithub,
.sgoogleplus,
.situnes,
.slinkedin,
.srssfeed,
.sstitcher,
.stwitter {
    background: url(https://s3.us-west-1.wasabisys.com/idbwmedia.com/images/sprites.png) no-repeat;
    float: left;
    padding: 6px;
    margin-top: 18px;
    margin-left: 6px;
}

.srssfeed {
    background-position: 0 0;
    margin-left: -2px;
}

.stwitter {
    background-position: -50px 0;
}

.sstitcher {
    background-position: -100px 0;
}

.sfacebook {
    background-position: -150px 0;
}

.situnes {
    background-position: -200px 0;
}

.slinkedin {
    background-position: -250px 0;
}

.sgithub {
    background-position: -300px 0;
}

.socialMediaButtons {
    padding-bottom: 20px;
}

.entry {
    margin: 30px 0;
}

.pagination {
    font-size: 16px;
    padding: 10px;
    background-color: #dedede;
}

h2 {
    font-size: 26px;
}

.navbar-inverse .navbar-nav>li>a {
    font-size: 14px;
}

div.well ul li {
    margin: 12px 0;
    font-size: 14px;
}

.recentComments .dsq-combo-avatar {
    border-radius: 110px
}

.thumb img,
div.docSample {
    border: 1px solid #dedede
}

.dsq-widget-user,
.recentComments .dsq-widget-comment {
    font-family: Merriweather, Helvetica, sans-serif;
    display: block;
    font-size: 14px;
    text-decoration: none;
    padding: 10px 3px
}

#dsq-combo-tab-people,
#dsq-combo-tab-popular,
.recentComments #dsq-combo-tab-recent {
    font-family: Merriweather, Helvetica, sans-serif;
    font-size: 14px
}

.recentComments .dsq-clearfix a {
    text-decoration: none;
    font-family: Merriweather, Helvetica, sans-serif;
    font-size: 14px
}

.recentComments a {
    color: #337ab7
}

.recentComments a:hover {
    text-decoration: underline;
    color: #23527c
}

.recentComments p {
    line-height: 22px
}

.recentComments #dsq-combo-widget #dsq-combo-tabs li a:hover {
    color: #23527c
}

.singlePostComics img {
    padding-top: 0px;
    max-width: 728px;
}

.singlePostComics {
    margin-bottom: 20px
}

div.docSample {
    background-color: #e5f6f9;
    padding: 15px
}

div.docSample table tr {
    background-color: #fff
}

.col-md-9 ol li,
.col-md-9 ul li {
    margin-bottom: 20px;
    margin-top: 20px;
    line-height: 34px
}

.col-md-9 .seriesContext ol li {
    margin-bottom: 6px;
    margin-top: 6px
}

img.alignleft,
img.left {
    float: left;
    padding-right: 20px
}

img.alignright,
img.right {
    float: right;
    padding-left: 20px
}

#sidebarAreaHomePage,
#topBannerImageHomepage {
    display: none
}
#sidebarArea h3 {
margin-top:20px;
margin-bottom: 20px;
}

p.dsq-widget-meta a {
    display: inline
}

.col-md-9 img {
    display: block;
    margin-top: 20px;
    margin-bottom: 10px
}

.col-md-9 img.shrink {
    max-width: 100%;
    max-height: 100%
}

.col-md-9 ol li ul {
    margin-top: 10px
}

pre {
    margin: 20px 0 10px
}

.homepageSummary,
.info,
.note {
    margin: 15px 0;
    line-height: 34px
}

span.ph.uicontrol {
    font-weight: 700
}

img.inline {
    display: inline;
    vertical-align: bottom
}

.zr_alerts_widget_container {
    max-width: 400px;
    display: inline-block
}

.homepageSummary {
    font-size: 70%
}

blockquote {
    background-color: #eef7fa;
    font-family: arial;
    font-size: 95%;
    margin: 0;
    padding: 20px;
    border-left: 0
}

.docSample,
.endpoint {
    background-color: #f0f0f0
}

ul#mysidebar li.firstLevel a,
ul#mysidebar li.sublevel a {
    font-family: Montserrat, "Helvetica Neue", Arial, sans-serif
}

blockquote ul {
    padding: 0 15px;
    margin: 0 10px
}

blockquote p {
    margin-top: 0
}

.thumb img {
    float: left;
    margin: 5px 15px 0 0;
    border-radius: 4px
}

.docSample {
    padding: 20px;
    border: 1px solid #dedede
}

div.activity {
    max-width: 125px
}

.muted {
    color: gray
}

ul#mysidebar li.firstLevel a {
    font-size: 14px
}

ul#mysidebar li.sublevel a {
    font-size: 12px
}

ul#mysidebar li.active a {
    font-color: #fff
}

.endpoint {
    padding: 15px;
    font-family: courier;
    font-size: 110%;
    margin: 20px 0;
    color: #444
}

.parameter {
    font-family: courier;
    color: red!important
}

.col-md-9 img {
    max-width: 700px
}

.singlePostComics img {
    max-width: 728px;
    padding-top: 0px;

}

.bs-callout-comic {
    font-family: arial;
    font-size: 15px;
    color: gray;
}

.suppMessageTitle {
    font-weight: 700;
    margin-bottom: 5px;
}

@media only screen and (max-width:1350px),
only screen and (max-device-width:1350px) {
    div.topComic img {
        width: 475px;
    }
}

@media only screen and (max-width:1300px),
only screen and (max-device-width:1300px) {
    div.topComic img {
        width: 450px;
    }
}

@media only screen and (max-width:1250px),
only screen and (max-device-width:1250px) {
    div.topComic img {
        width: 425px;
    }
}

@media only screen and (max-width:1200px),
only screen and (max-device-width:1200px) {
    div.topComic img {
        width: 400px;
    }
}

@media only screen and (max-width:1199px),
only screen and (max-device-width:1199px) {
    .sidebarComics img {
        max-width: 100%;
    }
}

@media only screen and (max-width:1150px),
only screen and (max-device-width:1150px) {
    div.topComic img {
        width: 375px;
    }
}

@media only screen and (max-width:1100px),
only screen and (max-device-width:1100px) {
    div.topComic img {
        width: 350px;
    }
}

@media only screen and (max-width:1050px),
only screen and (max-device-width:1100px) {
    div.topComic img {
        width: 325px;
    }
}

@media only screen and (max-width:1000px),
only screen and (max-device-width:1000px) {
    div.topComic img {
        width: 300px;
    }
}

@media only screen and (max-width:980px),
only screen and (max-device-width:980px) {
    #topBannerImageHomepage img,
    .singlePostComics img,
    pre {
        width: 100%;
    }
    #topBannerImageHomepage img{
        /* padding: 6px; */
        border: 1px solid #dedede;
    }
    #sidebarAreaHomePage {
        display: block
    }
    #topBannerImageHomepage {
        display: block;
        margin-top: 10px;
    }
    #sidebarArea,
    .topComic {
        display: none
    }
    .col-md-9 img,
    iframe,
    video {
        max-width: 100%;
        max-height: 100%
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
        color: #444
    }
}

.info h2 {
    margin: 20px 0
}

.ie9 img[src$=".svg"] {
    width: 100%
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    img[src$=".svg"] {
        width: 100%
    }
}

.highlight .err {
    color: #000;
    background-color: transparent
}

.audioControls {
    padding: 10px;
    border-radius: 10px
}

.fb-share-button.fb_iframe_widget {
    top: -5px
}

video {
    max-width: 640px
}

ul#mysidebar li.active>a {
    color: #444;
    font-weight: bold;

}

.summary a {
    color: #b8860b;
    text-decoration: underline
}

#mc_embed_signup.irbw {
    background: #b0c4de;
    clear: left;
    font: 14px Helvetica, Arial, sans-serif;
    border-radius: 5px;
    text-align: center;
    margin: 10px;
    padding: 10px
}

#socialMediaButtons.irbw {
    margin-bottom: 15px
}

#mc_embed_signup.irbw input.email {
    min-width: 200px
}

.sidebarComics {
    padding-top: 20px
}

.mailingListSubtext {
    margin-bottom: 8px;
    font-size: 11px;
    text-align: left;
    padding-left: 7px;
    padding-right: 7px;
}

.form-group.irbw {
    border-radius: 6px;
    margin-top: 20px;
    margin-bottom: 15px;
    background-color: aliceblue;
}

.form-group.irbw .btn {
  max-width: 94%;
}

.newsletterSubscribeHeading {
    color: #444;
    font-weight: bold;
    padding-top: 10px;
    margin-bottom: 10px;
    margin-left: 8px;
    font-family: Montserrat, "Helvetica Neue", Arial, sans-serif;
    font-size: 125%;
    margin-bottom: 15px;
}

input#tlemail {
    font-size: 12px;
}
input#tlemail2 {
    font-size: 12px;
}

.poll .answer_control {
    vertical-align: middle;
}

.btn .caret {
    margin-left: 7px !important;
}

.subheading {
    font-size: 22px;
    color: #996508;
}

.socialArea img {
    height: 20px;
}

.subheading::before {
    content: "Series";
    margin-right: 10px;
    color: white;
    border-radius: 5px;
    background-color: #666;
    padding: 4px;
    font-size: 18px;
}

div.feedlybutton {
    display: inline-block;
    position: relative;
    top: 10px;
    margin-left: 2px;
}

span.linkedInWidget {
    margin-right: 4px;
    float: left;
    margin-top: 28px;
}

@media print {
    div#masthead,
    div#sidebarArea,
    .col-md-3,
    nav.navbar.navbar-inverse,
    .singlePostComics,
    .socialArea,
    .form-group.irbw,
    .inpostComics,
    #toc,
    .socialArea,
    .coffeeButton,
    .newsletterSubscribeHeading,
    #myBio,
    #commentoSection,
    #pageCategories
     {
        display: none;
    }

    blockquote { margin: 10px; border: 1px solid gray; background-color: #dedede}
}

ul.dropdown-menu li a {
    font-size: 12px;
}


.main img.large {
  max-width: 700px
}

.main img.medium {
  max-width: 600px
}

.main img.small {
  max-width: 300px;
}

p.note {
    background: #f1f1f1;
    padding: 1em;
    border-left: 1em solid orange;
}

p.principle {
    background: #f1f1f1;
    padding: 1em;
    border-left: 1em solid purple;
    margin-bottom: 25px;
}

p.survey {
  background: #f1f1f1;
  padding: 1em;
  border-left: 1em solid orange;
}

p.tip {
    background: #f1f1f1;
    padding: 1em;
    border-left: 1em solid deepskyblue;
}

p.warning {
    background: #f1f1f1;
    padding: 1em;
    border-left: 1em solid red;
}

p.principle::before {
  content: "Principle: ";
  font-weight: bold;
}
p.note::before {
    content: "Note: ";
    font-weight: bold;
}

p.tip::before {
    content: "Tip: ";
    font-weight: bold;
}

p.warning::before {
    content: "Warning: ";
    font-weight: bold;
}
/* end callout styles*/

ul#mysidebar.nav > li.subcatTitle {
    background-color: orange;
}

@media (min-width: 992px) {

.col-md-9 {
    width: 75%;
}

.col-md-3 {
    width: 25%;
}

}

.bs-callout.bs-callout-success.bs-callout-comic {
    color: #444;
}

.podcastButtons img {
  max-width: 150px;
}

.podcastButtons .podcastcol1, .podcastButtons .podcastcol2, .podcastButtons .podcastcol3, .podcastButtons .podcastcol4 {
  float: left;
  padding: 10px;
}

#podcastButtonArea {
  background-color: #f0f0f0;
}

img.recommendedPodcasts {
    float: left;
    padding: 20px;
    max-width: 150px;
}
/* nav toggle into reading mode */
.navToggle {
display: none !important;
}

.expand {
width: 74%;
margin-left: 15%;
margin-right: 10%;
}
#tg-sb-link:hover, #tg-sb-link:active,  #tg-sb-link:focus, #tg-sb-link {
text-decoration: none !important;
color: #444;
}

div.col-md-3.navToggle {
display:none;
}

.fa-toggle-on {
  color: gray;
}
div.col-md-9.expand p,
div.col-md-9.expand li,
div.col-md-9.expand .homepageSummary,
div.col-md-9.expand blockquote
 {
  font-size: 26px;
  font-size: 22px;
  color: #777;
  line-height: 36px;
  color: #777;
}
div.col-md-9.expand .summary {
  font-size: 26px;
}
div.col-md-7.expand .siteLogo img {
  display: none;
}
/*transcript styles*/
div.podcastTranscript {
  background-color: #fafafa;
  padding: 15px;
  border: #dedede;
}


h3.transcript a {
  background: url("https://s3.us-west-1.wasabisys.com/idbwmedia.com/images/sprite.png") 15px 13px no-repeat #dedede;
  display: block;
  padding: 10px;
  padding-left: 32px;
  margin: 0;
  color: black;
  text-decoration: none;
  font-weight: normal;
  text-decoration: none !important;
}
h3.open  { background: rgb(255,70,120); }
h3.open a { background-position: 13px -25px; }
h3 + div { padding: 10px; }

.surveySummary {
background-color: #f8f8f8;
border: 1px solid #dedede;
padding: 15px;
margin: 15px 0px;
}
.surveySummaryTitle {
font-size:18px;
font-weight: bold;
margin: 15px 0px;
}


.btn-group.series > ol li.active {
    color: #db6a00;
    font-weight: bold;
    padding-left: 20px;
    font-size: 18px;
}
figcation {
    font-style: italic;
    font-size: smaller;
}


/* email newsletter in sidebar */
button.mynewsletter {
margin-left: -5px;
}

p.sidebar {
    line-height: 20px;
    font-size: 9.5pt;
}