@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;
}

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;
}

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('/National_Library/20170827070107oe_/http://www.hanselman.com/images/bg-intro-photo.jpg') no-repeat center bottom;			
}

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

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

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

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

#booksIntro {
	background: #f7ebe0 url('/National_Library/20170827070107oe_/http://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 {
	color: #fff!important;
	background: #e2842c;
	padding: 0.8em 0.8em;
	margin: 0 0.8em;
	display: inline-block;
	position: relative;
}

.commentLinkStyle: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;
}
.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;
}

.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('/National_Library/20170827070107oe_/http://www.hanselman.com/images/bg-h-speaking.jpg') no-repeat right top; background-size: cover; }
.h-podcast { background: transparent url('/National_Library/20170827070107oe_/http://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('/National_Library/20170827070107oe_/http://www.hanselman.com/images/bg-line-tan.png') repeat center top; }
.line-darkbrown { background: transparent url('/National_Library/20170827070107oe_/http://www.hanselman.com/images/bg-line-darkbrown.png') repeat center top; }
.line-chocolate { background: transparent url('/National_Library/20170827070107oe_/http://www.hanselman.com/images/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: 1000px;
	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 {
	margin-bottom: 19px;
	position: relative;
	top: 35px;
	left: 130px;
	width: 620px;
	padding-bottom: 1em;
	word-break: break-word;
}

.commentBodyStyle 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;

}


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;
}

.item-footer-tools { float: right; margin-right: 2em; line-height: 2.7;}

.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;
}

.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('/National_Library/20170827070107oe_/http://www.hanselman.com/images/photo-scott-tall.jpg') no-repeat left top;	
}

.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;}

.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;
}


@media only screen and (max-width : 1000px) {
	
    .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 {
    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;
}

    
    
}