@font-face {
	font-family: "guardian regular";
	src: url("../font/GuardianTextEgyptHBR-Regular.otf") format("opentype");
}

@font-face {
	font-family: "guardian regularlight";
	src: url("../font/GuardianTextEgyptHBR-Regularlt.otf") format("opentype");
}

@font-face {
	font-family: "national hbr black";
	src: url("../font/NationalHBR-Black.otf") format("opentype");
}

@font-face {
	font-family: "national hbr bold";
	src: url("../font/NationalHBR-Bold.otf") format("opentype");
}

@font-face {
	font-family: "national hbr bookitalic";
	src: url("../font/NationalHBR-BookItalict.otf") format("opentype");
}

@font-face {
	font-family: "national hbr extrabold";
	src: url("../font/NationalHBR-Extrabold.otf") format("opentype");
}

@font-face {
	font-family: "national hbr extrabolditalic";
	src: url("../font/NationalHBR-ExtraboldItalic.otf") format("opentype");
}

@font-face {
	font-family: "national hbr light";
	src: url("../font/NationalHBR-Light.otf") format("opentype");
}

@font-face {
	font-family: "national hbr regular";
	src: url("../font/NationalHBR-Regular.otf") format("opentype");
}

@font-face {
	font-family: "national hbr regulartalic";
	src: url("../font/NationalHBR-RegularItalic.otf") format("opentype");
}

@font-face {
	font-family: "national hbr semibold";
	src: url("../font/NationalHBR-Semibold.otf") format("opentype");
}

@font-face {
	font-family: "prensa light";
	src: url("../font/PrensaDisplayCond-Light.otf") format("opentype");
}

@font-face {
	font-family: "prensa regular";
	src: url("../font/PrensaDisplayCond-Regular.otf") format("opentype");
}


body{
	background-color: #ffffff
!important;
	margin: 0;
	min-height: 100%;
	min-width: 100%;
	padding: 0;
}
/*=====================================================*/
/*=================== Head Styles =====================*/
/*=====================================================*/


@media (orientation: portrait){
	
	#hbr-df-head {
		min-width: 678px;
	}
	
	#sidebar-head,
	#sidebar {
		min-width: 180px;
	}
	
    #blog-post {
        /*margin-left: 212px;*/
        margin-left: 71px;
        /*max-width: 556px;*/
       /* max-width: 625px;*/
       min-width: 457px;
    }
	
	#sidebar-ad {
		min-width: 180px;	
		top: 800px;
	}
	
	#post-title {
		width: 395px;
	}
	
	#author-bio {
		width:425px;
	}
		
    #footer-ad {
        margin-left:20px;
    }   
    #footer-container img {width: 96%;}
	}	
@media (max-width: 800px) {
    #page-wrapper {max-width:580px;}
    #footer-container {margin-left: 0; width:100%; max-width:800px;}
    #blog-post {margin-left: 10%; width:80%; max-width:510px;}
    #post-content {margin-left: 10%; width:80%; max-width:510px;}
    #footer-ad img {width:96%;height:auto; max-width:96%;}
}

@media (orientation: landscape){
	
	#hbr-df-head {
		min-width: 1024px;
	}
	
	#sidebar-head,
	#sidebar {
		min-width: 235px;
	}
	
	#blog-post {
		/*margin-left: 276px;*/
		margin-left: 60px;
		/*max-width: 748px;*/
		max-width: 768px;
	}
	
	#sidebar-ad {
		min-width: 200px;
		top: 520px;
		padding-left:10px;
	}
	
	#author-bio {
		width:525px;
	}
	
	#post-title {
		width: 525px;
	}
	
	#footer-ad {
		margin-left:60px;
	}	
	#page-wrapper {
        max-width:100%;
    }
	
	#footer-ad img {max-width:728px;}
}


#close {
	border: 3px solid black;
	background-color: black;
	background-image: url('../img/close.png');
	background-size:contain;
	color: #000;
	display: block;
	float: right;
	height: 20px; width: 20px;
	margin: 15px 20px 0 0;
	z-index: 999;
}

#other-options {
	background-image: url('../img/other.png');
	background-size: contain;
	background-repeat:no-repeat;
	display: block;
	float: right;
	height: 24px; width: 31px;
	margin: 40px 80px 0 0;
}

.other-options-active {
	background-image: url('../img/other active.png')
!important;
}


#bookmark {
	background-image: url('../img/bookmark.png');
	background-size: contain;
	background-repeat:no-repeat;
	display: block;
	float: right;
	height: 24px; width: 20px;
	margin: 40px 33px 0 0;
}

.bookmark-active {
	background-image: url('../img/bookmark active.png')
!important;
}


#option-bg {
	display: block;
	background-color: black;
	height: 60px; width: 60px;
	position: fixed;
	right: 0px;top: 20px;
}

#head-content {
	background-color: #000000;
	height: 102px; width: 98%;
	margin: 0 0 0 2%;
	position: absolute;
	top: 0px; right: 0px;
}

#hbr-header {
	color: #ffffff;
	font: 2.5em/2.5em 'national hbr light', sans-serif;
	margin: 0;
	padding: 30px 0 0 10px;	
	z-index: 1000;
}

#head-actions{
	height: 80px; width: 100%;
	margin: 102px 0 0 0;
}

/*=====================================================*/
/*================== Sidebar Styles ===================*/
/*=====================================================*/

#sidebar {
	display: block;
	margin-top: 200px;
	margin-left: 2%;
	position:fixed;
}

#sidebar-head {
	background-color: #000000;
	color: #ffffff;
	/*font: 1.2em/1.2em 'helvetica nueue', sans-serif;*/
	font: 11px 'helvetica nueue', sans-serif;
	line-height: 11px;
	height: 15px; width: 90%;
	margin: 0;
	padding: 3px 0 0 6px;
}

#career-management {
	
}



#sidebar-ad {
	/**background-image: url('http://d12wy5ngtjjtak.cloudfront.net/ipad/assets/img/ad.png');*/
	background-size: contain;
	background-repeat: no-repeat;
	left: 1.5%;
	height: 210px;
	position: fixed;
}
/*=====================================================*/
/*=================== Blog Styles =====================*/
/*=====================================================*/


#hbr-df-head {
	background-color: white;
	position: fixed;
	height: 200px; width: 100%;
	z-index: 995;
}

#blog-post {
	/*border-left: 1px solid #c8c8c8;*/
	font: 17px/21px 'Helvetica Neue';
	height: auto; width: 100%;
	margin-right: 0px;
	overflow: hidden;
	padding-top: 200px;
	/*padding-left: 1%;*/
	z-index: 10;
}
	#post-image {
		background-color: rgb(200, 200, 200);
		width: 75%;
	}
	
	#post-title {
		font: 35px 'national hbr extrabold', sans-serif;
		margin: 20px 20px 0 0;
		line-height: 35px;
	}
	
	#post-info {
		color: #969696;
		font: 14px 'helvetica nueue', sans-serif;
		margin: 10px 20px 0 0;
		padding: 0;
		line-height: 25px;
	}
	
	/*#post-comment-counter {
		color: #969696;
		font: 19px 'helvetica nueue', sans-serif;
		margin: 0 20px 30px 20px;
	}
	
	#post-comment-count {
		color: #969696;
		font: 19px 'helvetica nueue', sans-serif;
		margin: 0 20px 30px 0;
	}*/
	
	#post-content {
		margin: 40px 0 0 0;
       /*max-width: 100% !important;*/
        max-width: 85% !important;
	}
	
	#post-content p{
		font: 16px 'helvetica nueue', sans-serif;
		line-height: 21px;
	}
	
	#post-meta {
		border-top: 1px solid #c8c8c8; border-bottom: 1px solid #c8c8c8;
		color: #bababa;
		font: 1.2em/1.4em 'helvetica nueue', sans-serif;
		height: auto; width: 95%;
		margin: 20px 0 10px 20px;
		overflow: auto;
		padding: 10px 0 10px 0;
		box-sizing: border-box;
	}
	
	#post-author-detail {
		border-top: 1px solid #c8c8c8;
		border-bottom: 1px solid #c8c8c8;
		height: auto; 
		width: 95%;
		margin: 0 0 0 20px;
		overflow: auto;
		padding: 10px 0 10px 0;
	}
	
		#author-photo {
			background-color: rgb(200,200,200);
			border: 1px solid #000000;
			display: inline-block;
			float: left;
			/*position: relative;
			top:0px;
			left:0px;*/
			height: 71px; 
			width: 71px;
			margin: 0 10px 0 0;
		}
		
		#author-bio {
			display: inline-block;
			float: left;
			/*position: relative;
			top:0px;
			left: 91px;*/
			font: 14px/21px 'helvetica nueue', sans-serif;
			margin: 0;
			padding: 0;
		}
	
	#post-comments {
		margin: 0 15px 170px 15px;
	}
	
	#comments-img {
		width: 100%;
	}

	#disqus {
		height: 500px;
		width: 100%;
	}

/* Insight Center tease */
.insight-center { margin: 20px 0; padding: 20px 0;position:relative; border-top: #ccc 1px solid; overflow:hidden;}
	.insight-center .insight-center-head {position: absolute; top:20px; left: 0; width:46%; background:#777; background: rgba(0,0,0, 0.7); color: #fff; margin:0; padding:8px 2.1%; font-size: 1.4em; font-weight:normal; font-family: 'national hbr light', sans-serif;}
	.insight-center .insight-center-img {float: left; width:50%; margin:0; padding:0;}
		.insight-center .insight-center-img img { max-width:100%;}
	.insight-center .insight-center-list {float: left; width:50%; margin:0; padding:0;}
		.insight-center .insight-center-list ul {margin:0; padding:0;}
		.insight-center .insight-center-list ul li {list-style: none; margin: 0 0 18px 0; padding: 0 0 0 1em; font-size:0.88em; line-height:1.2em; }
		.insight-center .insight-center-list ul li a { color: #333;}

/* style fix Jan 3 */
#post-content b,
#post-content strong,
#post-content .bold {
    font-weight: bold;
}
#post-content i, #post-content em {
    font-style: italic;
}

#post-content blockquote {margin:0px 20px 20px 20px; }

#post-content ul {list-style-type:disc; margin-left:20px;}
#post-content ol {list-style-type:decimal; margin-left:20px;}
  #post-content li {margin-bottom:10px;} 


/* new style for STAT and MTOD */

#head-content.hbr-head-stat h1 img, 
#head-content.hbr-head-mtod h1 img,
#head-content.hbr-head-idea h1 img {
	width:400px; height:70px;
}
#head-content.hbr-head-stat {
	background: #432188; /* purple */
}  
#head-content.hbr-head-mtod {
	background: #ee4f01; /* orange */
}  
#head-content.hbr-head-idea {
	background: #ffb400; /* yellow */
}  



/*** sticky footer//banner ad ***/
#footer-container { background:#fff; border:1px solid #c8c8c8; bottom:0; height:130px; left:0; position:fixed; width:100%;}
#footer-ad {margin-top:20px;}