style.css

*{margin:0;padding:0;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
body{font-family:arial; font-size:14px; background-color: #111; width:100%;}

#container{width: 900px; margin: 100px auto; background-color: #333; padding:20px; border: 5px solid #222;}
#head{width:100%; padding: 10px; border-bottom: 2px solid #ddd;}
#head > h1{color:#ddd;text-align:center;font-size:36pt;}
#head > #links{color: #ddd; font-size: 16pt; text-align: center; margin: 10px 0;}
#head > #links > a, #head > #links > a:active{color: #ddd; text-decoration: underline;}
#head > #links > a:hover{color: #ddd; text-decoration: none;}


#content{width:100%;}
#entry{padding: 20px; color: #ddd; border-bottom: 2px solid #ddd;}
#entry > p{}

.publication{padding: 10px; background-color: #555; margin-top: 20px;}
.publication > h3 > a{color:#ddd;}
.abs{text-align: justify; text-justify: inter-word; font-style: italic; margin-top: 10px; display:none;}
.publication:hover > .abs{display:block; }

.news{background-color: #855;}
.thesis{background-color: #585;}
.paper{background-color: #558;}


#foot{width:100%; padding: 10px; }/*border-top: 2px solid #ddd;}*/
#foot > p{margin: 10px; color: #ddd;}

@media all and (max-width: 1000px) {
	#container{width: 90%; margin: 50px auto;}

}