/**
 *	Interface for fragfrog.nl
**/

/**
 *	Common Elements
**/
* {
	margin:									0px;
}

html {
	height:									100%;
	padding:								0%;
	background-color:				white;
	background-image:				linear-gradient(#EFEFEF, #FFF);
}

body {
	padding:								0px 25px 0px 25px;
	font-family: 						'Sarabun', verdana, sans-serif;	
	font-size:							12pt;
	height:									100%;
	max-width:							850px;
	margin:									0px auto 0px auto;
	background-color:				white;	
}


/**
 *	Layout
**/
div.leftSide {
	width:									67%;
	margin-top: 						50px;
	float:									left;
	max-width: 							550px;
	padding-right:					3%;
	background-color:				white;
}

div.rightSide {
	width:									29%;
	margin-top: 						50px;	
	float: 									left;
	max-width:							300px;	
}

div.rightSide > img {
	border-radius:					10px;
}

div.publications {
	float: 									left;
	clear: 									both;
}

div.lastModified {
	width: 									100%;
	float: 									right; 
	text-align: 						right;
	color:									#888;
	font-size:							9pt;
	margin-top:							10px;
}


/**
 *	Main content markup:
**/
table {
	width:									70%;
	margin-bottom:					20px;
}
td > div { 
   display: 							flex;
   align-items:						center;
}
td > div > img {
	margin-right:						10px;
}

/**
 *	Font faces for main title defined later on.
**/
h1 {
	font-family: 						'Tangerine', verdana, sans-serif;	
	color:									#555;
	font-size:							36pt;
	font-weight: 						normal;
	margin-bottom:					20px;
}

h2 {
	color:									#555;
	font-size:							22px;
	font-weight: 						normal;
	margin:									30px 0px 5px 0px;	
}

a {
	text-decoration:				none;
}
a:visited {
	color:									#500;
}
a:hover {
	color:									#922;
}

/** 
 * 	Each block of text gets some spacing.
 *
 *	Nothing quite like abusing span's for that...
**/
.leftSide > div {
	padding-bottom: 				10px;
}

span.authors {
	color:									#555;
}

span.publications {
	font-size:							14px;
}


/** 
 * 	Fonts
**/
@font-face {
  font-family: 'Tangerine';
  font-style: normal;
  font-weight: 400;
  src: local('Tangerine Regular'), local('Tangerine-Regular'), url(https://fonts.gstatic.com/s/tangerine/v10/IurY6Y5j_oScZZow4VOxCZZM.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Sarabun';
  font-style: normal;
  font-weight: 400;
  src: local('Sarabun Regular'), local('Sarabun-Regular'), url(https://fonts.gstatic.com/s/sarabun/v6/DtVjJx26TKEr37c9aBVJnw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}