

#header_links{
	float:right;

}
#header_logo, #header_links a {
  font-family: Raleway;
  font-size:14px;
	font-weight: 500;
}
#header_links img {
    height:22px;
    width:22px;
}
#twitterlink a{
    background:#FFF;
    float:left;
    height:22px;
    width:22px;
}
#header_link_div{
	pointer-events:auto;
}
#twitterlink a:hover{
    background:#9c8a9f;
}
.text_title {
	font-size: 23px;
}
.text_title, .text_body_publications {
	font-family: Raleway;
	font-weight: 500;
	width:100%;
	float:left;
}
#header_links li{
	float:left;
	margin-left:30px;
}

#header_logo a, #header_links li a{
	color:white;
}
a {
	color:#265077;
	cursor:pointer;
}
#header_logo a:hover, #header_links li a:hover , a:hover, #login a:hover{
	color:#9c8a9f;
}
#gettingstarted{
	display:none;
	border: 2px solid #AAA;
	padding:10px;
	margin-bottom:30px;
	text-align: center;
	font-size:18px;
	background:#fffae7;
}
.content .textcontent {
	height: auto;
}
.text_title{
	font-size: 20px;
	font-weight: 500;
	font-family: Raleway;
}
.text_body,.text_body_list, .textcontent{
	font-family: Raleway;
	margin: 10px 0;
	line-height: 1.8;
	font-size:14px;
	font-weight: 500;
}

ul.text_body_list{
	width:90%;
	-moz-border-radius: 17px;
  border-radius: 17px;
	padding:20px 20px 20px 50px;
	margin-top:30px;
	margin-bottom:30px;
	border: 2px solid #CCC;
	margin-left:auto;
	margin-right:auto;
}
ul.text_body_list li{
	margin:10px 0;
	list-style-type: decimal;
	list-style-position: outside;
}
.text_title{
	margin-bottom:15px;
}
.about_person {
	padding-bottom: 25px;
}
.about_person .about_name{
	text-align: center;
}
.about_person:hover div.about_name{
	text-align: left;
}
.video_container{
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	margin-top:80px;
}
.video_container iframe {
    position: absolute;
    top: 5%;
    left: 5%;
    width: 90%;
    height: 90%;
}
ul.text_body_shortnews li, ul.text_body_jobs li, ul.text_body_publications li{
	margin:10px 0 20px 0;
}
ul.text_body_publications li{
	width:100%;
}
ul.text_body_shortnews {
	margin-bottom:30px;
}
ul.text_body_shortnews img{

	width:auto;
}
ul.text_body_shortnews li{
	margin:15px 0 35px 0;
}
ul.text_body_publications li {
	border-top:1px solid #CCC;
	margin:10px 0 20px 0;
	padding-top:20px;
	float:left;
}
p.highlighted a, a.directlink, p.highlighted{color :#8d9aa6;}
p.highlighted a:hover, a.directlink:hover{color :#265077;}
.summary, a.directlink,  p.highlighted{
	float:right;
	margin:10px 0;

}
a.directlink,  p.highlighted{
	width:100%;
}

.summary {
	margin-top:0;
	float:right;
	width: calc(100% - 100px);
}
.summary strong {
	text-transform: uppercase;
	float:left;
	clear:both;
	width:100%;
	margin-bottom:10px;
	font-size:15px;
	color:#999;
}
ul.text_body_publications li img{
	width:80px;
	float:left;
	margin-right:20px;
	margin-top:5px;
	margin-bottom:5px;
}
a.directlink,  p.highlighted{

	font-size:11px;
}

.page-about h4{
	float:left;
	clear:both;
	width:100%;
	border-top:1px solid #ccc;
	padding-top:10px;
	margin:10px 0;
	font-size:1.2em;
	margin-top:20px;

}

.page-about #alumni{
	float:left;
	clear:both;
}
.page-about #alumni li{
	margin-top:10px;
	float:left;
}
.about_list{
	clear:both;
	float:left;

}

.page-publications .text_body_publications .header{
	background:transparent;
	border:none;
	box-shadow: none;
	text-transform: uppercase;
	font-size:20px;
	margin-top:10px;
	margin-bottom:0px;
	height:auto;
}

@media(max-width: 500px) {
	#header_link_div{
	pointer-events:none;
}
	.about_list{
		margin:-10px;
	}
	.about_person {
		position: relative;
		float:left;
		width:calc(50% - 20px);
		margin:10px;
		overflow: hidden;
	}
	.about_person img{
		float:left;
		width:100%;
	}
	.about_person div.about_text{
		
		background:rgba(255,255,255,0.85);
		width:100%;
		position:absolute;
		bottom:0;
	}
	.about_person div.about_text{
	 	font-size: 1em;
	 	padding:3px 6px;
	}
	.about_person:hover div.about_text{
		height:100%;
		padding:6px;
	}
	.about_person div.about_name{
		
		font-size: 1em;
	}
	.about_person:hover div.about_name{
		
		font-size: 1.2em;
	}
	.about_person:hover div.about_title{
		display: inline;
	}
	.about_person div.about_title{
		display:none;
		padding-top:5px;
		float:left;
	}
	.about_person:hover a.about_email{
		display: inline;
		float:left;
		clear:both;
		width:100%;
	}
	.about_person a.about_email{
		display:none;
	}
}

@media(min-width: 500px) {
	#header_link_div{
	pointer-events:auto;
}
	.about_list{
		margin:-10px;
	}
	.about_person {
		position: relative;
		float:left;
		width:calc(33% - 20px);
		margin:10px;
		overflow: hidden;
	}
	.about_person img{
		float:left;
		width:100%;
	}
	.about_person div.about_text{
		
		background:rgba(255,255,255,0.85);
		width:100%;
		position:absolute;
		bottom:0;
	}
	.about_person div.about_text{
	 	font-size: .8em;
	 	padding:3px 6px;
	}
	.about_person:hover div.about_text{
		height:100%;
		padding:6px;
	}
	.about_person div.about_name{
		
		font-size: 1em;
	}
	.about_person:hover div.about_name{
		
		font-size: 1.2em;
	}
	.about_person:hover div.about_title{
		display: inline
	}
	.about_person div.about_title{
		display:none;
		padding-top:5px;
		float:left;
	}
	.about_person:hover a.about_email{
		display: inline
	}
	.about_person a.about_email{
		display:none;
	}
}


@media(min-width: 900px) {
	.about_list{
		margin:-10px;
	}
	.about_person {
		position: relative;
		float:left;
		/*width:calc(25% - 20px);*/
		margin:10px;
		overflow: hidden;
	}
	.about_person:last-child{
		left:0;
	}
	.about_person img{
		float:left;
		width:100%;
	}
	.about_person div.about_text{
		
		background:rgba(255,255,255,0.85);
		width:100%;
		position:absolute;
		bottom:0;
		clear:both;
		float:left;
	}
	.about_person div.about_text{
	 	font-size: .8em;
	 	padding:3px 6px;
	}
	.about_person:hover div.about_text{
		height:100%;
		padding:6px;
	}
	.about_person div.about_name{
		
		font-size: 1em;
	}
	.about_person:hover div.about_name{
		
		font-size: 1.2em;
	}
	.about_person:hover div.about_title{
		display: inline;
		float:left;
		clear:both;
	}
	.about_person div.about_title{
		display:none;
		padding-top:5px;
		float:left;
	}
	.about_person:hover a.about_email{
		display: inline;
		float:left;
		width:100%;
	}
	.about_person a.about_email{
		display:none;
	}
}




em {
	font-style: italic;
}
strong {
	font-weight: bolder;
}
#login a{
	color:#265077;
	font-family: Raleway;
  	font-size:14px;
	font-weight: 500;
	padding-bottom:20px;
}
@media(max-width: 600px) {
  #header_links{
	  background:black;
	  z-index:999;
	  position:relative;
	  display:none;
  }

  #header_links li{
	  clear:both;
	  margin:8px 30px 20px 30px;
	  border-bottom:1px solid white;
  }
  .wrapper-1{
	  z-index:1!important;
  }
  ul.text_body_publications div.pubthumb{

  }
  ul.text_body_publications li img{;
  	width:20%;
  	margin-top:15px;
   }
  .summary {
  	font-size:12px;
	margin-top:10px;
	float:left;
	width: 70%;
  }
}