html {
  position: relative;
  min-height: 100%;
}
body {
 	font-family: Lato;
 	font-size:18px;
 	font-weight: 300;
 	color:#555;
 	margin-bottom: 100px;  /*  should match footer height */
 }
 h1 {
 	margin-top:0;
 	font-weight:300;
 }
 p {
 	font-size:18px;
 	line-height: 30px;
 	padding-bottom: 10px;
 }
 a {
 	color: #FF493D;
 	}
 	a:hover {
 		color:#c60e02;
 		text-decoration: none;
 		border-bottom: 1px solid #c60e02;
 	}
 .content-comments a:hover {
 	border-bottom: none;
 }
 .header {
 	border-bottom:1px solid #eee;
 	height:50px;
 	margin-bottom: 20px;
 }		
 .header h1 a {
 	line-height: 50px;
 	font-size:18px;
 	font-weight: 400;
 	color:#555;
 	cursor:pointer;
 	}
 	.header a:hover {
 		text-decoration: none;
 	}
 	.header .search-container {
 		float: right;
 		width:36px;  /* collapse in the header alone */
 	}
 	.search-container {
 		margin-top:6px;
 		border:1px solid #eee;
 		height:36px;
 		width:300px;
 		-webkit-border-radius: 18px;
 		-moz-border-radius: 18px;
 		border-radius: 18px;
 		font-size: 14px;
 		transition: width .35s ease-in;
 		}
 		.search-container input {
 			-webkit-border-radius: 18px;
 			-moz-border-radius: 18px;
 			border-radius: 18px;
 			padding:0;
 			margin:0;
 			border:none;
 			-webkit-appearance:none;
 			outline: none;
 			box-shadow: none !important;
 			background-color: transparent;
 			text-indent: 16px;
 		}
 		.search-container:hover {
 			width:300px;
 		}
 .sub-header {
 	/*height:30px;*/
 	line-height: 30px;
 	margin-bottom: 20px;
 	border-bottom:1px solid #eee;
 	font-size: small;
 	} 
 	.sub-header ul {
 		position:relative;
 		/*top:-10px;*/
 	}
 	.sub-header li:before {
 	    position: relative;
 	    top: 1px;
 	    display: inline-block;
 	    font-family: 'Glyphicons Halflings';
 	    font-style: normal;
 	    font-weight: normal;
 	    line-height: 1;
 	    -webkit-font-smoothing: antialiased;
 	    -moz-osx-font-smoothing: grayscale;
 	    /*padding: 0 5px;*/
 	    width:17px;
 	    height:30px;
 	    /*color:#aaa;*/
 	    /*color:#005D0B;*/
 		}
 		.sub-header li:nth-child(1):before {
 			content:"\e233"; /* education */
 		}
 		.sub-header li:nth-child(2):before {
 			content:"\e108";  /* plane */
 		}
 		.sub-header li:nth-child(3):before {
 			content:"\e143";  /* heart */
 		}
 		.sub-header li:nth-child(4):before {
 			content:"\e042"; /* tags */
 		}
 		.sub-header li:nth-child(5):before {
 			content:"\e109"; /* calendar */
 		}
 		.sub-header li:nth-child(6):before {
 			content: "\270f"; /* pencil */
 		}
.footer {
 	border-top:1px solid #ddd;
 	padding: 20px 0 15px 0;
 	text-align: left;
 	font-size: 14px;
 	background-color:#eee;
 	position: absolute;
 	bottom: 0;
 	width: 100%;
 	/*height: 100px;  should match body margin */
 	line-height: 12px;
	}
	.footer .social-icons {
		text-align:right;
	}
	/* on mobile */
	@media (max-width: 768px) { 
		body {
			margin-bottom: 200px;
		}
		.search-container:hover {
			width:180px; /* otherwise overlaps logo */
		}
		.footer {
			padding-top:100px;
		}
		.footer .social-icons {
			top:-100px;
			text-align:left;
		}
	}

 	.footer .social-icons a {
 		line-height: 40px;
 		margin-top:2px;
		margin-left:5px;
		opacity: 1.0;
		filter: alpha(opacity=100); /* For IE8 and earlier */
 	}
 	.footer .social-icons a:hover {
 		border:none;
 		opacity: 0.8;
 		filter: alpha(opacity=80); /* For IE8 and earlier */
 	}
 	.footer .social-icons a img {
 		width:32px;
 		height:32px;
 	}
.date {
 	/*width:50px;*/
 	text-align: center;
 	font-size: 12px;
 	line-height: 18px;
 	}
 	.month {
 		background-color: #FF493D;
 		color:#FFF;
 		font-weight: bold;
 		padding:2px 0 2px 0;
 	}
 	.day {
 		font-size: 24px;
 		font-weight: bold;
 		padding:10px 0 10px 0;
 	}
 .content-body {
 	margin-bottom: 20px;
 }
 .content-footer {
 	padding:20px;
 	border-top:1px solid #eee;
 	/*margin-bottom: 50px;*/
 }
 .content-comments {
 	margin-bottom: 50px;
 }
 .bottom50 {
 	margin-bottom: 50px;
 }
 .embed-responsive, .img-responsive {
 	margin-bottom: 20px;
 }
 .highlight {
 	background-color: #eee;
 	border: 1px solid #ddd;
 	padding:5px 10px 5px 10px;
 	margin-bottom: 15px;
 }

 
 /* css from the code colorer plugin -- moved here to reduce http connections */
 /* Layout */
 .codecolorer { padding: 12px; }
 code.codecolorer { padding: 12px; }
 .codecolorer-container { margin-bottom: 10px; }
 .codecolorer, .codecolorer *, .codecolorer-container, .codecolorer-container * { font: 12px Monaco, Lucida Console, monospace }

 .codecolorer-container table { border: 0px; }
 .codecolorer-container table td { margin: 0px; padding: 0px; border: 0px; }
 .codecolorer-container table td.line-numbers { padding: 5px; text-align: right; }
 .codecolorer-container table td.line-numbers div { width: 23px; }

 /* Layout styles */
 .codecolorer-container { border: 1px solid #9F9F9F; }
 .codecolorer-container table td.line-numbers { color: #888888; background-color: #EEEEEE; border-right: 1px solid #9F9F9F; }
 .codecolorer-noborder, .codecolorer-noborder table td.line-numbers { border: 0px; }

 /* "Blackboard" color scheme */
 .blackboard, .blackboard .codecolorer { color: #F8F8F8; background-color: #222222; }
 .blackboard .codecolorer .co0, .blackboard .codecolorer .co1, .blackboard .codecolorer .co2, .blackboard .codecolorer .co3, .blackboard .codecolorer .co4, .blackboard .codecolorer .coMULTI,
 	code.blackboard .co0, code.blackboard .co1, code.blackboard .co2, code.blackboard .co3, code.blackboard .co4, code.blackboard .coMULTI
 	{ color: #AEAEAE; font-style: italic; }
 .blackboard .codecolorer .nu0, .blackboard .codecolorer .re3,
 	code.blackboard .nu0, code.blackboard .re3
 	{ color: #D8FA3C; }
 .blackboard .codecolorer .st0, .blackboard .codecolorer .st_h, .blackboard .codecolorer .es0, .blackboard .codecolorer .es1,
 	code.blackboard .st0, code.blackboard .st_h, code.blackboard .es0, code.blackboard .es1
 	{ color: #61CE3C; }
 .blackboard .codecolorer .me1, .blackboard .codecolorer .me2,
 	code.blackboard .me1, code.blackboard .me2
 	{ color: #FF6400; }
 .blackboard .codecolorer .kw1, .blackboard .codecolorer .kw2, .blackboard .codecolorer .sy1,
 	code.blackboard .kw1, code.blackboard .kw2, code.blackboard .sy1
 	{ color: #FBDE2D; }
 .blackboard .codecolorer .kw3, .blackboard .codecolorer .kw4, .blackboard .codecolorer .kw5, .blackboard .codecolorer .re2,
 	code.blackboard .kw3, code.blackboard .kw4, code.blackboard .kw5, code.blackboard .re2
 	{ color: #FBDE2D; }
 .blackboard .codecolorer .re0, .blackboard .codecolorer .re1,
 	code.blackboard .re0, code.blackboard .re1
 	{ color: #F8F8F8; }
 .blackboard .codecolorer .br0, .blackboard .codecolorer .sy0,
 	code.blackboard .br0, code.blackboard .sy0
 	{ color: #F8F8F8; }
 .blackboard .xml .re1 { color: #FBDE2D; }
 .blackboard .xml .re0 { color: #D8FA3C; }