@charset "UTF-8";

/* reset - preset */
html, body, p, table, tbody, td, tr, section, aside, figure, iframe, figcaption, hgroup, header, footer, nav, article, div, span, form, ul, ol, li, blockquote, img {
	margin: 0;
	padding: 0;
	border: none;
	vertical-align: baseline;	
}

section, header, footer, nav, aside, article, hgroup, figure, figcaption, aside { display: block; }

body {
	color: #333;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 100%;
	line-height: 1.4;
	background-color: #fff;
}

@media (prefers-color-scheme: dark) {
	body {
		color: #b0b0b0;
	}
}

p { margin-bottom: 1.5em; }

h1, h2, h3, h4, h5 {
	line-height: 1.4;
	margin-bottom: 1em;
}

ul  {
	margin-bottom: 1.4em;	
}

ul li {
	margin-bottom: 0.5em;
	list-style-type:square;
	list-style-position: inside;
}

ul ul, ul ol, ol ol, ol ul {
  margin-left: 1.5em!important;
  margin-top: 1em!important;
}

h3 {
	text-transform:uppercase;	
}

a {
	text-decoration: none;
	color: #e2842c;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;  
	transition: all 0.2s ease-in;
	text-decoration: none;	
}

a:visited { color: #c5752a; }
a:hover { color: #fea14b; }

.btn, #commentViewEntry input[type=submit], .paging-prev a, .paging-next a, .categoryPaging a, .signInButtonStyle {
	background-color: #e2842c;
	color: #fff;
    font-size: 100%;
	display: inline-block;
	padding: 0.4em 0.6em;
	margin-bottom: 1.5em;
	border: none;
	/* to make iphones work */
  -webkit-appearance: none; 
  border-radius: 0;
}

.paging-prev { float: left; }
.paging-next { float: right; }

blockquote {
	margin-bottom: 1.5em;
	border-left: 2px solid #e2842c;
	background-color: #f7f7f7;	
	padding: 1em;
	font-size: 90%;
	overflow: auto;
}

@media (prefers-color-scheme: dark) {
    blockquote {
        background-color: #222;	
    }
}

blockquote .cite {
	color: #fff;
	background: #e2842c;
	padding: 0.5em;
	display: block;
	float: right;	
	font-size: 90%;
	position: relative;
}

blockquote .cite:after {
	content:"";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	right: 10%;
	bottom: -7px;
	border-width:7px 7px 0 0;
    border-style:solid;
    border-color:#e2842c transparent;	
}

blockquote p:last-child, blockquote ul:last-child, blockquote img:last-child {
	margin-bottom: 0;	
}


/* top bar */

#topbar {
	padding: 1.2em 0;
	color: #575e5b;
	
}

#topbar h1 {
	font-weight: 700;	
	margin: 0;
	font-size: 100%;
	text-transform: uppercase;
	float: left;
}

#topbar h1 a, #topbar h1 a:visited, nav ul li a, nav ul li a:visited {
	color: #575e5b;	
}

#topbar h1 a:hover, nav ul li a:hover {
	color: #e2842c;	
}


nav { float: right; }

nav ul { margin-bottom: 0; }
nav ul li {
	display: inline-block;
	margin-left: 0.5em;
	margin-right: 0.5em;
	font-size: 90%;	
	margin-bottom: 0;
}

div.adminNavbarStyle ul {
  margin-top: 1.4em;
  margin-bottom: 1.4em;
}

div.adminNavbarStyle ul li {
	display: inline-block;
	margin-left: 0.5em;
	margin-right: 0.5em;
	font-size: 90%;	
	margin-bottom: 0;
}


a.current, a.current:visited {
	color: #e2842c;	
	font-weight: bold;
}

.item-prevnext {
  text-align: center;
  margin: 1em 0;
  font-weight: bold; 
}

.introHomepage { border-bottom: 5px solid #e2842c; }
	
.introHomepage .containerInner{ height: 415px; }

#intro {
	color: #fff;
	background: #000;
	position: relative;
}

#intro .containerInner {
	background: #000 url('/https/www.hanselman.com/images/bg-intro-photo.jpg') no-repeat center bottom;			
}

#newsletterIntro {
	background: #575e5b url('/https/www.hanselman.com/images/bg-newletter-header.png') no-repeat center bottom;
}

#aboutMeIntro {
	background: #000000 url('/https/www.hanselman.com/images/bg-about-photo.jpg') no-repeat center bottom; 
}

#speakingIntro {
	background: #000000 url('/https/www.hanselman.com/images/bg-speaking-photo.jpg') no-repeat center bottom;	
}

#podcastIntro {
	background: #ead9b5 url('/https/www.hanselman.com/images/bg-podcast-photo.jpg') no-repeat center bottom; 
}

#booksIntro {
	background: #f7ebe0 url('/https/www.hanselman.com/images/bg-books-photo.jpg') no-repeat center bottom;
}

#booksIntro h2 {
	font-size: 300%;
	color: #fff;
	text-align: center;
	margin: 2.5em 0 2em 0;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);	
}

#podcastIntro h2 { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); }

#aboutMeIntro h2, #speakingIntro h2, #podcastIntro h2 {
	font-size: 300%;
	color: #fff;
	text-align: center;
	margin: 4.5em 0 2em 0;
}

#newsletterIntro h2 {
	font-size: 280%;
	color: #fff;
	text-align: center;
	margin: 2em 0;
}	

#intro .containerInner .btn {
	margin: 5em 0;	
	display: block;
	float: left;

}

.hIntro {
	font-size: 400%;	
	text-align: center;
	margin-top: 4em;
}

.searchBar {
	color: #c6c6c6;
	font-size: 80%;
	padding: 0.43em 0 0.57em;
}

.searchBar .containerInner .searchBarNav{
	float: right;
	width: 875px;
}

#searchString {
	width: 283px;
	border: none;
	box-shadow: 0 1px 2px rgba(0,0,0,0.2) inset;	
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding: 0.3em 0.6em;	
	background-color: #f6f5ea;
	margin-right: 0;	
}

#searchButton {
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding: 0.4em 0.6em;	
	background-color: #83382b;
	border: 1px solid #83382b;
	margin-left: 0;	
	color: #fff;
	-webkit-appearance: none;
  border-radius: 0;
}

div#search {
	float: right;
  overflow: hidden;
}

div#archives {
	float: left;
	line-height: 2;
}

.blogHeader { }

.blogHeader .containerInner {
	padding: 2em 0;	
}
.blogHeader .blogTitle {
	font-size: 250%;	
	font-weight: bold;
	color: #fff;
}

.blogHeader .blogTitle a, .blogHeader .blogTitle a:visited { color: #fff; }

.blogMetaInfo .containerInnerNarrow {
	color: #e0e0e0;
	font-size: 80%;
	overflow: hidden;
}

.blogMetaCategories a, .blogMetaCategories a:visited {
	color: #E2842C;
}
.commentLinkStyle, .dbc-comment-on-post-link {
    color: #fff !important;
    background: #e2842c;
    padding: 0.8em 0.8em;
    margin: 0 0.8em;
    display: inline-block;
    position: relative;
}

.commentLinkStyle:after, .dbc-comment-on-post-link:after {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    right: 20%;
    bottom: -5px;
    border-width: 5px 5px 0 0;
    border-style: solid;
    border-color: #e2842c transparent;
}

	.archiveBody table td {
	  padding: 0.3em 1em 0.3em 0;
	}
	
	.archiveBody .date { font-size: 125%; font-weight: bold; }

.blogBodyContainer {
  background-color: #fff;
  overflow: hidden!important;
}

@media (prefers-color-scheme: dark) {
	.blogBodyContainer {
		background-color: #101010;
	}
    .calendarContainer {
        background-color: #101010!important;
    }

}

.blogBody {
	border-left: 1px solid #F8F1EB;
	border-right: 1px solid #F8F1EB;
	width: 998px;	
	padding-top: 2.5em;
	padding-bottom: 2.5em;
	font-size: 95%;
	position: relative;
	overflow: visible!important;
}

@media (prefers-color-scheme: dark) {
	.blogBody {
		border-left: 1px solid #303030;
		border-right: 1px solid #303030;
	}
}

.ad-sponsoreditem {
  position: absolute;
  font-size: 80%;
  /*right: -55px;*/
  right: -165px;
  z-index: 50;
  background-color: #eee;
}

.blogBodyNarrow {
	width: 659px;
	padding: 30px;	
	border-right: 1px solid #F8F1EB;
}

.blogBody p, .blogBody blockquote, .blogBody h1, .blogBody h2, .blogBody h3, .blogBody h4, .blogBody ul, .blogBody ol, .blogBody div.misc, div.syntaxhighlighter{
	display: block;
	width: 750px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}

.blogBody table {
  margin-left: 125px;
}


.blogBody ul, .blogBody ol { padding-left: 3em;  }
.blogBody ul li, .blogBody ol li { list-style-position: outside; margin-right: 20px; }

.blogBody div.syntaxhighlighter {
  width: 750px!important;
  margin: 1em auto!important;
  position: relative!important;
  overflow: auto!important;
  border: 1px dashed #e0e0e0!important;
  padding: 1em!important;
  font-size: 85%!important;
}

.blogBody figure, .blogBodyNarrow figure {
	width: 100%;
	height: auto;	
	margin-bottom: 1.5em;
}

.blogBody img, .blogBodyNarrow img { 
  margin-right: 0em; 
  margin-left: 0em; 
}



.blogBody figure img, .blogBodyNarrow figure img {
	max-width: 100%;
	margin: 0;	
}

.blogBodyNarrow h2, .blogBodyNarrow h3, .blogBodyNarrow h4, .blogBodyNarrow h5 {
	color: #333333;
}


.blogBody img, .blogBodyNarrow img {
	/* margin-bottom: 1.5em;	*/
}

.blogBody pre, .blogBodyNarrow pre {
	width: 750px;	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	background-color: #fcfcfc;	
  border: 1px dashed #e0e0e0;
	overflow: auto;
	padding: 1em;
/*	font-size: 85%; */
  font-size: 100%;
	margin: 1em auto;
}

.inlineImage { display: inline-block!important; margin: 0!important;}

#banner {
	background-color: #291f16;	
	color: #fff;
}

#banner h2 {
	font-size: 220%;	
}

#bannerText .containerInner {
	position: relative;
}

#bannerText .containerInner:before {
	content:"";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	left: -webkit-calc(50% - 10px);
	left: -moz-calc(50% - 10px);	
	left: -o-calc(50% - 10px);		
	left: calc(50% - 10px);			
	top: 0;
	border-width:10px 10px 0;
    border-style:solid;
    border-color:#E2842C transparent;	
}

#banner .containerInner, #bannerText .containerInner {
	padding-left: 30px;	
	-moz-box-sizing: border-box; 		
	box-sizing: border-box;		

}

#bannerText .containerInner {
	padding-top: 30px;	
}

#bannerText p {
	font-size: 150%;
}

#disclaimer {
	text-align: center;	
}

#disclaimer .containerInner {
	padding: 1em 0;
}
	

#disclaimer p {
	color: #575e5b;
	font-size: 90%;
	margin-bottom: 0;
}

.h-speaking { background: transparent url('/https/www.hanselman.com/images/bg-h-speaking.jpg') no-repeat right top; background-size: cover; }
.h-podcast { background: transparent url('/https/www.hanselman.com/images/bg-h-podcast.jpg') no-repeat center center; background-size: cover; }

footer { }

footer .containerInner {
	padding: 30px 0 30px 0;
	color: #fff;
}

footer .bio {
	padding-bottom: 15px;
	border-bottom: 1px solid #5a4d41;
}

footer .bio img {
	margin-right: 30px;
}

.footer-container {
	width: 219px;
	padding-left: 30px;	
	border-right: 1px solid #5a4d41;
	float: left;
	padding-bottom: 30px;
}

.footer-container:last-child {
	border-right: 1px solid transparent;	
}

.footer-container li {
	list-style: none;
	
}

.copyright { text-align: center; color: #ededed; font-size: 80%; margin: 2em auto;}

/* layout */

.embed-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	margin-bottom: 2em;	
	/*width: 470px;*/
}

.embed-container iframe, .embed-container object, .embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	
}

iframe { margin: auto!important; }

.fl { float: left; }
.fr { float: right; }

.line-tan {
    background: transparent url('//images.hanselman.com/main/bg-line-tan.png') repeat center top;
}

@media (prefers-color-scheme: dark) {
    .line-tan {
        background: initial;
    }

    #topbar h1 a, #topbar h1 a:visited, nav ul li a, nav ul li a:visited {
        color: #b0b0b0;
    }
}




    .line-darkbrown {
        background: transparent url('//images.hanselman.com/main/bg-line-darkbrown.png') repeat center top;
    }

    .line-chocolate {
        background: transparent url('//images.hanselman.com/main/bg-line-chocolate.png') repeat center top;
    }

    .containerOuter {
        width: 100%;
        overflow: hidden;
    }

    .itemFeed li {
        list-style: none;
        margin-bottom: 1em;
    }

        .itemFeed li span {
            font-size: 80%;
            color: #888;
        }

    .itemFeed p {
        margin-bottom: 2em;
    }

    .containerInner {
        width: 1000px;
        margin: 0 auto;
        overflow: auto;
    }

    .containerInnerNarrow {
        width: 750px;
        margin: 0 auto;
        overflow: auto;
        padding-left: 125px;
        padding-right: 125px;
        overflow: hidden;
    }


    /* calendar*/

    .calendarContainer {
        padding: 2em 0;
        background: #fff;
    }

    .lCalendarStyle {
        width: 100%;
        font-size: 80%;
        margin-left: auto;
        margin-right: auto;
    }

        .lCalendarStyle td {
            border-bottom: 1px solid #eee;
            border-right: 1px solid #eee;
            padding: 0.5em;
        }

        .lCalendarStyle tr:first-child td:first-child {
            border: 0px;
        }

        .lCalendarStyle td:first-child {
            border-left: 1px solid #eee
        }

    .lCalendarMonthYearRow td {
        border: none;
        font-size: 120%;
        font-weight: bold;
    }

    .lCalendarDayNameRow {
        background-color: #575e5b;
        color: #fff;
        padding: 0.6em 0.4em;
    }


    hr {
        border-color: #e2842c;
        color: #e2842c;
    }

    .categoryListXmlLinkStyle img {
        display: inline-block !important;
        margin: 0 0.2em 0 0.1em;
    }
    /* comment section */

    .bodyContentStyle {
        background-color: #fff;
    }

    .commentBoxStyle {
        margin-bottom: 1.5em;
        width: 750px;
        margin-left: auto;
        margin-right: auto;
        padding: 0 0 1.5em 0;
        border-bottom: 1px solid #ccc;
        position: relative;
        min-height: 120px;
        font-size: 90%;
    }

        .commentBoxStyle:last-child {
            border-bottom: none;
        }

    #ctl01_lblCommentPreview {
        font-weight: bold;
    }

    .commentViewBoxStyle {
        width: 100%;
        background-color: #f5f5f5;
        padding: 1em 0;
    }


    .commentViewControlStyle {
        margin-top: 1em;
    }

    .commentViewLivePreview {
        font-weight: bold;
        padding: 1em 0;
        display: inline-block;
    }

    .commentViewTableStyle {
        width: 750px;
        margin-left: auto;
        margin-right: auto;
    }

        .commentViewTableStyle td {
            padding-right: 15px;
            padding-bottom: 0em;
        }

    .commentDateStyle {
        color: #c0c0c0;
        overflow: hidden;
        padding: 5px 10px;
        position: absolute;
        right: 0;
        font-size: 80%;
    }

    .commentBodyStyle, .dbc-comment-content {
        margin-bottom: 19px;
        position: relative;
        top: 35px;
        left: 130px;
        width: 620px;
        padding-bottom: 1em;
        word-break: break-word;
    }

        .commentBodyStyle br, .dbc-comment-content br {
            display: block;
            margin-top: 10px;
            line-height: 10px;
            content: ' '
        }

    .commentGravatarBlock {
        position: absolute;
        top: 0;
        left: 0;
    }

    .commentGravatar {
        width: 110px;
        height: 110px;
        margin-left: 0 !important;
    }

    .commentPermalinkStyle {
        position: absolute;
        top: 0;
        left: 130px;
        font-weight: bold;
        word-break: break-all;
    }

    .commentHelperText {
        font-size: 80%;
    }

        .commentHelperText code {
            font-size: 120%;
        }

    .commentBoxAuthorStyle {
        background-color: #f6f6ea;
        border-top: 20px solid #F6F6EA;
    }

    @media (prefers-color-scheme: dark) {
        .commentViewControlStyle {
            background-color: initial;
            color: #aaa;
        }
        .commentViewBoxStyle {
            background-color: initial;
        }

        #disclaimer p {
            color: #ededed;
        }
        
    }


    input[type=text], input[type=password], textarea {
        border: 1px solid #cfcfcf;
        box-shadow: 0 1px 2px rgba(0,0,0,0.1) inset;
        font-size: 100%;
        padding: 0.3em;
        -webkit-appearance: none;
        border-radius: 0;
    }


    .livepreview {
        border: 1px dashed #aaa;
        padding: 0.5em;
    }


    .col-left {
        padding-left: 30px;
        padding-right: 30px;
        border-right: 1px solid #f8f1eb;
        width: 439px;
        float: left;
        padding-bottom: 2em;
    }

    .col-right {
        padding-left: 30px;
        padding-right: 30px;
        width: 440px;
        float: left;
    }

        .col-left h3:after, .col-right h3:after {
            content: "";
            display: block;
            position: absolute;
            width: 0;
            height: 0;
            bottom: 0;
            border-style: solid;
            border-color: #fff transparent;
        }

    .col-left h3:after {
        right: 0;
        border-width: 0 0 12px 12px;
    }

    .col-right h3:after {
        left: 0;
        border-width: 0 12px 12px 0;
    }

    .col-left h3:after {
        content: "";
        display: block;
        position: absolute;
        width: 0;
        height: 0;
        right: 0;
        bottom: 0;
        border-width: 0 0 12px 12px;
        border-style: solid;
        border-color: #fff transparent;
    }

    .col-fixedHeight {
        min-height: 450px;
        padding: 1px 0;
    }

    #mainContent h3 {
        font-weight: bold;
        padding: 2em 0 2em 1em;
        display: block;
        margin: 0 -30px 1em -30px;
        color: #fff;
        position: relative;
    }

    #mainContent {
        background-color: #fff;
    }

        #mainContent .containerInner {
            border-left: 1px solid #f8f1eb;
            border-right: 1px solid #f8f1eb;
        }

    .relatedLinks li {
        list-style: none;
    }

    .item-footer {
        background-color: #5b2d26;
        color: #c7c7c7;
        padding-left: 115px;
        /* Container is a flex box */
        display: flex;
        /* Display it all in a row */
        flex-direction: row;
        /* Reverse the order when it needs to wrap */
        /* This puts the share link above the comment link on small viewports */
        flex-wrap: wrap-reverse;
        /* And use all available space between the two children */
        justify-content: space-between;
    }

    .item-footer-tools {
        margin-right: 2em;
        padding: 0.6em 0 0.6em 0.8em;
    }

    .about-scott {
        width: 100%;
        padding-left: 125px;
        padding-right: 125px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        background-color: #f6f6ea;
        padding-top: 1em;
        padding-bottom: 1em;
        margin-bottom: 1.5em;
        position: relative;
        overflow: hidden;
    }

    @media (prefers-color-scheme: dark) {
        .about-scott {
            background-color: #404040;
            border-right: 1px solid #303030;
        }
    }

    .bioBox {
        width: 460px;
        float: left;
    }

        .bioBox a.sm-link img {
            margin-left: 0;
            margin-right: 0px;
            margin-bottom: 5px;
        }

        .bioBox h4 {
            margin-top: 0;
            text-transform: uppercase;
            margin-bottom: 1em;
            color: #575E5B;
        }

    .item-ads {
        margin: 10px 0 20px 125px;
    }

    .bioBoxInner {
        padding-left: 125px;
        background: transparent url('//images.hanselman.com/main/photo-scott-tall.jpg') no-repeat left top;
    }

    @media (prefers-color-scheme: dark) {
        .bioBoxInner {
            color: #d0d0d0;
        }
    }

    .bioBoxInner p {
        width: 100%;
        font-size: 80%;
    }

    .bioBoxInner a {
        font-size: 80%;
    }

    .ads-box {
        float: right;
    }

        .ads-box strong {
            display: inline-block;
            margin-bottom: 1em;
            color: #575E5B;
        }

    @media (prefers-color-scheme: dark) {
        .ads-box strong {
            color: #d0d0d0;
        }
    }

    .ad-item {
        float: left;
        margin-left: 1em;
    }

        .ad-item img {
            margin: 0;
        }

    .chocolate {
        background-color: #5b2d26;
    }

    .yellow {
        background-color: #fbba2c;
    }

    .burntSienna {
        background-color: #83382b;
    }

    .orange {
        background-color: #e2842c;
    }

    .darkbrown {
        background-color: #291f16;
    }

    .darkteal {
        background-color: #575e5b;
    }

    .signInContainerStyle {
        background-color: #fff;
    }


    /* The default gists stuff is ALL messed up lately */
    .gist {
        line-height: 100% !important;
        font-size: 100% !important;
        padding-left: 125px;
        padding-right: 100px;
    }


    /* Syntax Highlighter Dark Mode */

    @media (prefers-color-scheme: dark) {
        .syntaxhighlighter {
            background-color: #000 !important
        }

            .syntaxhighlighter .line.alt1 {
                background-color: #000 !important
            }

            .syntaxhighlighter .line.alt2 {
                background-color: #000 !important
            }

            .syntaxhighlighter .line {
                background-color: #000 !important
            }

            .syntaxhighlighter .plain, .syntaxhighlighter .plain a {
                color: #b0b0b0 !important;
            }

            .syntaxhighlighter .string, .syntaxhighlighter .string a {
                color: #00c4ff !important;
            }

        .blogBody pre, .blogBodyNarrow pre {
            background-color: initial;
        }
    }



    @media only screen and (max-width : 1000px) {

        .lCalendarStyle {
            font-size: 40%;
        }

        .ad-sponsoreditem, .ads-box {
            display: none;
        }

        .containerInner, .containerInnerNarrow, .col-left, .col-right, .searchBarNav {
            width: 100% !important;
            margin: 0 auto;
            overflow: auto;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

        .containerInnerNarrow {
            padding-left: 1em !important;
            padding-right: 1em !important;
        }

        .blogHeader .blogTitle {
            text-align: center;
            font-size: 125%;
        }

        .footer-container {
            border-width: 0;
            display: inline-block;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            margin-bottom: 1em;
            padding-bottom: 0;
            width: auto;
        }

            .footer-container a {
                font-size: 80%;
            }



        input[type=text], input[type=password], textarea {
            width: 100%;
        }

        footer .bio {
            padding: 0 30px 30px 30px;
            width: 100%;
            font-size: 90%;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

        nav {
            float: none;
            width: 100%;
            text-align: center;
        }

            nav ul li a {
                font-size: 90%;
            }

        #topbar h1 {
            float: none;
            text-align: center;
        }

        .hIntro {
            font-size: 350%;
            text-align: center;
            margin-bottom: 0.2em;
        }

        #intro .containerInner .btn {
            margin: 0
        }

        #bannerText p {
            font-size: 120%;
            padding-right: 30px;
        }

        .blogBody {
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            padding: 1em;
            width: 100%;
            border: none;
        }


            .blogBody p, .blogBody blockquote, .blogBody h1, .blogBody h2, .blogBody h3, .blogBody h4, .blogBody ul, .blogBody ol, .blogBody div.misc, .blogBody div.syntaxhighlighter, .blogBody code, .blogBody pre, .blogBodyNarrow code, .blogBodyNarrow pre {
                width: 100%;
                float: none;
                clear: both;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
            }

            .blogBody ul, .blogBody ol {
                padding-left: 1.5em;
            }

            .blogBody table {
                margin-left: 0px;
            }

            .blogBody div.syntaxhighlighter {
                width: 100% !important;
            }

            .blogBody img {
                float: none !important;
                clear: both !important;
                display: block !important;
                width: auto !important;
                height: auto !important;
                max-width: 100%;
            }

        span.blogMetaCategories {
            display: block;
            padding: 0.8em 0;
        }

        .bioBox {
            width: 100%;
        }

        .bioBoxInner {
            background-size: 75px;
        }

        .bioBox img {
            display: inline-block !important;
        }

        .about-scott {
            padding-left: 10px;
            padding-right: 0;
        }

        .item-ads {
            display: none; /* for now */
        }

        .commentBoxStyle {
            width: 100%;
            padding: 15px;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            position: relative;
        }

        .commentDateStyle, .commentGravatarBlock, .commentPermalinkStyle {
            position: absolute;
        }

        .commentDateStyle {
            top: 0px;
            right: 15px;
            display: none;
        }

        .commentPermalinkStyle {
            top: 0px;
            left: 80px;
        }

        .commentGravatar {
            height: 55px;
            width: 55px;
        }

        .commentGravatarBlock {
            top: 0px;
            left: 15px;
        }

        .commentBodyStyle, .dbc-comment-content {
            word-wrap: break-word;
            position: static;
            width: auto;
            margin-left: 66px;
            margin-top: 15px;
        }

        .commentViewTableStyle {
            width: 100%;
        }

        textarea.commentViewControlStyle {
            height: 150px;
        }

        .col-left h3:before, .col-right h3:before {
            content: "";
            display: block;
            position: absolute;
            width: 0;
            height: 0;
            bottom: 0;
            border-style: solid;
            border-color: #fff transparent;
        }

        .col-left h3:before {
            left: 0;
            border-width: 0 12px 12px 0;
        }

        .col-right h3:before {
            right: 0;
            border-width: 0 0 12px 12px;
        }

        .introVideo, .introText {
            width: 100%;
            padding: 30px;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

        .introText {
            margin-top: 0;
            font-size: 110%;
        }

        .embed-container {
            width: 100%;
        }

        #intro .containerInner, #podcastIntro {
            background-size: cover;
        }

        #booksIntro, #podcastIntro, #intro .containerInner {
            background-size: cover;
        }

        #speakingIntro {
            background-size: cover;
        }

        #aboutMeIntro {
            background-size: cover;
            background-position: 10px;
        }

            #aboutMeIntro h2, #speakingIntro h2, #newsletterIntro h2, #podcastIntro h2, #booksIntro h2, .hIntro {
                margin: 1.5em 0;
            }

        .col-fixedHeight {
            min-height: auto;
        }

        .introHomepage .containerInner {
            height: auto;
        }

        #search, #archives {
            float: none;
            clear: both;
            width: 100%;
            text-align: center;
        }

        #searchString {
            width: 240px;
        }


        /* Hack that doesn't work well to get SyntaxHighlighter 
     to look decent on an iPhone */
        pre {
            -webkit-text-size-adjust: 82%;
        }

        code {
            -webkit-text-size-adjust: 82%;
        }

        /* undo GIST padding for phones. Still lame. */
        .gist {
            padding-left: 0px;
            padding-right: 0px;
        }
    }