@charset "utf-8";
html{ /*CSS responsible for define a max-width for the website and center it*/
	max-width: 1366px;	
	margin-right: auto;
	margin-left: auto;
	}

body {
	color: #35436a;
	font-family: palatino linotype, book antiqua, arial, times new roman, san-serif, serif;
	font-size: 0.938em; /*15px*/
}
/*Positions the div header that contains the banner*/
#header {
	clear:both;
	margin-bottom:0.688em; /*11px*/
	margin-left:10%;
	margin-right:10%;
	width:85%;
}
/*Positions the navigation bar*/
#nav {
	margin-right:10%;
	margin-left: 10%;
}
/*Positions the banner inside the header*/	
#header img {
	clear:both;
	margin-bottom:0.688em; /*11px*/
	width:94%;
}
/*Positions the "box" in the right side of the page*/
#contentright {
	clear:right;
	margin-top:0.688em; /*11px*/
	text-align:center;
	width: 20%;
	float: right;
	font-size: 1em; /*16px*/
	margin-right:10%;
	padding-left: 5%;
}
ul {
	margin:0 auto;
	text-align:left;
	font-size: 0.938em; /*15 px*/
}
/*Positions ans style the affiliation page*/				
#affiliation {
	clear:right;
	margin-top:5%; /*11px*/
	width: 43%;
	float: right;
	font-size: 1em; /*16px*/
	margin-right:10%;
	padding-left: 2%;
	text-align:justify;
}
/*Positions the div "content" of the web page and its elements*/				
#content {
	font-size: 0.938em; /*15px*/
	margin-top:0.688em; /*11px*/
	margin-left:11%;
	margin-right:11%;
	text-align:justify;
}
#content h2, .intern {
	text-align:left;
	padding-top: 1%;
	margin-left:0%;
	margin-right:5%;
}
.intern a{
	color: #35436a;
	text-decoration:underline;	
}
.hide{
	display: none;
}
#content .citation {
	margin-left: 15%;
	width: 60%;
}
#content .internlist {
	text-align:left;
	margin-left:10%;
	margin-right:5%;
	width:65%;
}
#content .internlist .spaced{
	padding-bottom: 3%;	
}
/*Positions the image inside the content*/				
#content .image {
	float:left;
	margin:0em 1.250em 0.625em 0em; /*0px 20px*/
	width:22%;
	max-width:37.500em; /*600px*/
	min-width:6.250em; /*100px*/
	padding-top:0.313em; /*5px*/
	padding-left: 0.188em; /*3px*/
}
/*Internal Menu used for Ualbany Courses ans students*/
#internalmenu {
	margin-bottom: 0;
	font-weight: bold;
	color: #FFF;
	font-size: 1.063em; /*17px*/
	width: 50%;
}
.figure{
	max-width:31.250em; /*500px*/
	min-width:6.250em; /*100px*/
	/*width:100%;*/
	float:none;
	margin-left:25%;
	margin-right:20%;
}
#footer {
	font: bold 0.875em palatino linotype, book antiqua, arial, times new roman, san-serif, serif; /*14px*/
	margin-top:2.500em; /*40px*/
	clear:both;
	background: #35436a;
	text-align:center;
	color: #fff;
	border: 0.063em solid #c0c0c0; /*1px*/
	border-radius: 4px;
	margin-right:10%;
	margin-left:10%;
}
/*Code responsible for the home page*/		
#research {
	float:left;
	font-size: 0.938em; /*15px*/
	margin-top:0.688em; /*11px*/
	margin-left:11%;
	margin-right: 11%;
	width: 77%;
	text-align:justify;
	margin-bottom: 1.250em; /*20px*/
}
#contactinfo {
	float:left;
	font-size: 0.938em; /*15px*/
	margin-top:0.688em; /*11px*/
	margin-left:11%;
	width: 35%;
	text-align:justify;
	margin-bottom: 1.250em; /*20px*/
	position: relative;
}
#twitter {
	float:right;
	font-size: 0.938em; /*15px*/
	margin-top:0.688em; /*11px*/
	margin-right:11%;
	width: 35%;
	text-align:justify;
	margin-bottom: 1.250em; /*20px*/
	position: relative;
    padding-bottom: 24%;
}
#twitter .twitter-timeline {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
#twitter p {
	display:none;
}	
/*End of home page code*/	

/*Position the Google Scholar image (link to google scholar profile) on Research page*/
#googlescholar{
	margin-left:42%;
	margin-right:42%;
	max-width:7.500em;
	min-width:3.500em;
	width:22%;
	padding-top:3%;
	
	}			
@media (max-width: 767px) {
#nav {
	margin-right:3%;
	margin-left:3%;
}
#header {
	clear:both;
	margin-bottom:0.688em; /*11px*/
	margin-left:3%;
	margin-right:3%;
	width:94%;
}
#header img {
	clear:both;
	margin-bottom:0.688em; /*11px*/
	width:100%;
}
#contentright {
	display:none;
}
#content {
	font-size: 0.938em; /*15px*/
	margin-top:0.688em; /*11px*/
	margin-left:3%;
	margin-right:3%;
	text-align:justify;
}
#content h2, .intern {
	text-align:left;
	padding-top: 1%;
	margin-left:0%;
	margin-right:5%;
}
#content .citation {
	font-size: 1.063em; /*17px*/
	width:60%;
}
#content .internlist {
	font-size: 1.063em; /*17px*/
	text-align:left;
	margin-left:0%;
	margin-right:5%;
	width:65%;
}
#internalmenu{
	min-width: 70%;	
}
#content .internlist .spaced{ /*Add space between list items*/
	padding-bottom: 10%;	
}
#affiliation {
	clear:none;
	margin-top:0%; /*11px*/
	width: 94%;
	float:none;
	padding-left: 0%;
	margin-left:3%;
	margin-right:3%;
	text-align:justify;
}
.figure{ /*Responsible for the figures on the research pages*/
	width:75%;
}
#footer {
	font: bold 0.875em palatino linotype, book antiqua, arial, times new roman, san-serif, serif; /*14px*/
	margin-top:2.500em; /*40px*/
	clear:both;
	background: #35436a;
	text-align:center;
	color: #fff;
	border: 0.063em solid #c0c0c0; /*1px*/
	border-radius: 4px;
	margin-right:3%;
	margin-left:3%;
}
/*Code responsible for the home page*/
#contactinfo{
	float:left;
	position:relative;
	font-size: 80%; /*15px*/
	width: 77%;
	margin-left:15%;
	margin-right:auto;

	}		
#contactinfo img{
	width:10%;
	max-width:1.563em;
	min-width:1.125em;	
	}
#twitter {
	float:right;
	position:relative;   
	margin-right:11%;
	padding-bottom: 0%;
	margin-bottom:0%;
	width: 20%;
}		
#twitter .twitter-timeline {
	display:none;
}
#twitter p {
	float:right;
	display:block;
}
#twitter img{
	max-width:5.000em; /*80px*/
	min-width:3.125em; /*50px*/
	}
/*End of home page code*/
}