#gi{
	width:620px;
	background-color:white;
	float:left;
	font-family:Verdana, Arial,Helvetica,sans-serif;
	font-size:12px;
	line-height:1.5;
}
#gi a,#gi a:hover{
	color:red;
}
#gi.gi-big{
	width:940px;
}
#gi.gi-medium{
	width:620px;
}
#gi.gi-narrow{
	width:460px;
}
.gi-text p{
	margin: 0 0 15px 0;
	font-family:Verdana, Arial,Helvetica,sans-serif;
	font-size:12px;
	line-height:1.5;
}
#gi.gi-big .gi-text p{
	font-family:"OpenSans",Arial,Helvetica,sans-serif;
	font-size: 15px;
	line-height: 1.9;
}
.gi-unit{
	float:left;
}
.gi-big{
	width:100%;
}
/* - Image blocks - */
#gi.gi-big .gi-image{
}
.gi-image{
	width:460px;
	padding:10px 0;
}
.gi-image.gi-floatright{
	display: inline;
	float:right;
	width:460px;
}
#gi.gi-big .gi-image{
	width:620px;
}
#gi.gi-big .gi-image.gi-floatright{
	width:620px;
	position: relative;
	margin-right:-280px;
	margin-left:0;
	padding:20px 0 20px 20px;
}
#gi.gi-big .gi-image.gi-inline{
	margin-left:0;
}
#gi.gi-medium .gi-image{
	float:right;
}
#gi.gi-medium .gi-image.gi-floatright{
	width:620px;
}
.gi-image img{
	width:100%;
}
.gi-image.gi-big{
	position: relative;
	padding:0 0 20px 0;
	width:100% !important;
	margin-left:0 !important;
}
#gi.gi-big .gi-image.gi-big{
	width:940px !important;
}
#gi.gi-big .gi-text .gi-image.gi-big{
	padding-top:10px;
	margin-left:-40px !important;
}
/* - Image captions - */
.gi-caption{
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	padding-bottom:10px;
	border-bottom:1px solid #ececec;
	color:#838383;
	padding-top: 20px;
}
.gi-sidebar .gi-caption{
	border-bottom:0px;
	padding-top:5px;
}
#gi.gi-big .gi-image.gi-floatright .gi-caption{
	text-align: left;
	width:75%;
	float:right;
}
#gi.gi-big .gi-image.gi-big .gi-caption{
	width: 200px;
	float: right;
	text-align: left;
}
/* - Pullquotes - */
.gi-pullquote{
	font-family:"PrattHeavy",sans-serif;
	font-size:23px;
	padding:10px 50px;
	border-top:1px solid #ececec;
	border-bottom:1px solid #ececec;
	margin: 20px 0;
}
.gi-pullquote-by{
	font-size: 18px;
	padding-top: 10px;
	font-family: "PrattRegular",sans-serif;
}
#gi.gi-big .gi-pullquote.gi-floatright{
	width:400px;
	padding:20px 0 20px 30px;
	float:right;
	margin-right:-300px;
	margin-left:20px;
}
#gi .gi-brightcove-wrapper{
	position: relative;
	padding:10px 0 20px 0;
}
/* - Sidebar - */
.gi-sidebar{
	padding-bottom:10px;
	border-bottom:1px solid #ececec;
}
.gi-sidebar h4{
	font-family:"PrattHeavy",Arial,sans-serif;
	font-size:15px;
	font-weight:normal;
	margin:5px 0;
}
.gi-sidebar img{
	max-width:100%;
}
.gi-sidebar,.gi-sidebar .gi-image{
	width: 165px;
	margin: 0 20px 0 0 !important;
	float: left;
}
.gi-sidebar p,#gi.gi-big .gi-sidebar p{
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	line-height: 1.5;
}
#gi.gi-big .gi-sidebar{
	margin: 0 auto;
	width:200px;
	float:right;
	margin-right:-350px !important;
}
#gi.gi-medium .gi-sidebar{
	float: left;
	width:200px;
	margin-right: 0;
	margin-left: -150px;
	padding: 10px 20px 10px 0;
}
#gi.gi-narrow .gi-sidebar{
	margin:20px 0;
}
#gi.gi-medium .gi-sidebar .gi-image,#gi.gi-big .gi-sidebar .gi-image{
	width:200px;
}
/* - Relateds - */
.gi-related a{
	font-family:Verdana,sans-serif;
}
/* - Media - */
#gi audio{

}
#gi .gi-sidebar audio{
	width:100%;
}
/* - Reading time - */
.gi-time{
	width: 100%;
	text-align: right;
	font-family:Arial,Helvetica,sans-serif;
	margin-bottom:10px;
}
.gi-time img{
	margin-top: -2px;
}
#gi.gi-big .gi-time{
	width:940px;
	margin-left: -40px;
}
/* - Text blocks - */
.gi-text{
	width:620px;
	float:left;
}
.gi-text .gi-break{
	margin-top:60px;
}
#gi.gi-narrow .gi-text{
	width:460px;
	/*margin-left:150px*/
}
#gi.gi-medium .gi-text{
	width:620px;
	margin-left:0;
}
#gi.gi-big .gi-text{
	margin-left:40px;
	width:550px;
}
.gi-text .gi-bold{
	font-family:"PrattHeavy",Verdana,sans-serif;
	font-weight:normal;
	font-size:17px;
}
.gi-text h3{
	font-size:25px;
}
.gi-text h4{
	font-size:22px;
}
/* - Headline text - */
.gi-head{
	display:none;
}
#gi.gi-big .gi-head{
	display:block;
	position: absolute;
	text-align: center;
	width:100%;
	margin:0 auto;
}
#gi.gi-big .gi-head.gi-top{
	top:7%;
}
#gi.gi-big .gi-head.gi-middle{
	display:none;
}
#gi.gi-big .gi-head.gi-bottom{
	bottom:10%;
}
#gi.gi-big .gi-head h3{
	font-size:35px;
	margin:0 0 10px 0;
}
#gi.gi-big .gi-head.gi-white{
	text-shadow: 3px 3px 3px #333;
	color:white;
}
#gi.gi-big .gi-head.gi-black{
	color:#333;
}
#gi.gi-big .gi-deck{
	font-size:22px;
	font-family: "PrattRegular",Helvetica,sans-serif;
}
#gi.gi-big .gi-byline{
	font-size:15px;
	margin-top:10px;
	font-family: "PrattHeavy",Helvetica,sans-serif;
}
/* - Lede text - */
#gi.gi-big .gi-lede{
	font-family:"PrattRegular",sans-serif;
	font-size:19px;
	line-height:1.7;
}
/* Smartphones -------------------------------*/
@media screen and (max-width: 480px) {
	#gi,.gi-unit,.gi-image,.gi-image img,.gi-big,#gi.gi-big,.gi-caption,#gi.gi-big .gi-image.gi-big .gi-caption,#gi.gi-big .gi-text,#gi.gi-big .gi-image, #gi.gi-big .gi-image.gi-big,#gi.gi-medium .gi-text,.gi-medium,#gi.gi-medium,#gi.gi-medium .gi-image.gi-big .gi-caption,#gi.gi-medium .gi-text,#gi.gi-medium .gi-image, #gi.gi-medium .gi-image.gi-big,#gi.gi-narrow .gi-text,.gi-medium,#gi.gi-narrow,#gi.gi-narrow .gi-image.gi-big .gi-caption,#gi.gi-narrow .gi-text,#gi.gi-narrow .gi-image, #gi.gi-narrow .gi-image.gi-big{
		width:100% !important;
		margin-left:0;
		margin-right:0;
		float:left;
	}
	#gi{
		padding:0;
	}
	#gi h3{
		margin-bottom: 10px;
		font-weight:bold;
		font-size:18px;
	}
	#gi.gi-big .gi-time{
		width:100% !important;
		margin-left:0;
		font-size:12px;
		margin-bottom:0;
	}
	#gi.gi-big  .gi-head{
		display:none;
	}
	#gi.gi-big .gi-image.gi-big .gi-caption{
		margin-bottom:0;
		text-align: left;
	}
	#gi.gi-big .gi-image.gi-floatright{
		padding:10px 0;
	}
	#gi.gi-big .gi-text .gi-image.gi-big{
		margin-left:0 !important;
	}
	#gi.gi-big .gi-pullquote, .gi-pullquote, #gi.gi-medium .gi-pullquote, #gi.gi-narrow .gi-pullquote{
		width:100%;
		margin:10px 0;
		padding: 15px;
	}
	#gi.gi-big .gi-sidebar,.gi-sidebar{
		width:100%;
		margin: 10px auto !important;
		border-top:1px solid #ececec;
		padding:5px 0 10px 0;
		float:left;
	}
	.gi-caption{
		text-align: left !important;
		margin:10px 0 !important;
		font-size:13px;
		padding:0 0 10px !important;
		line-height: 1.5 !important;
	}

	#gi .gi-mobile-none {
		display: none;
	}
	.gi-text .gi-bold{
		font-family:"OpenSans",Arial,Helvetica,sans-serif !important;
		font-size:15px !important;
		font-weight:bold !important;
	}
}