body {background:#fafafa;  color:#303030; font-family: Georgia, sans-serif, serif; line-height:1.6em;  font-size: 85%;}

h3 {font-size:1.2em; margin:0 0 8px 0; padding-bottom:5px; border-bottom:2px solid #aaa;}
h4 { margin: 5px 0 0 0; line-height:1.3em; }

img { -ms-interpolation-mode: bicubic; }

td p {
	margin-top: .6em;
	margin-bottom: .6em;
}

.indent { padding-left: 10px; }

.section { padding-top: 30px; }
.teaser { border: 1px solid #000; width:80px; height: 80px; }

.teaser_column { width: 95px; }

a, a:visited {
	color: #448;
	text-decoration: none;
}

a:hover {
	border-bottom: 1px gray dotted;
}


.me {
	width:  150px;
	height: auto;
	border: 1px solid #aaa;
}

.title {
	font-size:1.2em;
	margin:10px 0 -13px 0;
	padding-bottom:3px;
	border-bottom:2px solid #aaa;
	width: 100%;
}

.address { padding-left: 10px; margin-top:20px; }
.email { width: 110px; margin-top:-2px; }

table.items { border-collapse: separate; border-spacing: 0 .8em;}
table.items-morespace { border-collapse: separate; border-spacing: 0 1.5em;}

.item .itemtitle {
	font-weight:bold;
	margin-bottom:.7em;
	margin-top:.4em;
}

.item .venue {
	font-style:italic;
	margin-bottom:1em;
}

.item .invenue {
	font-style:italic;
	margin-bottom:.8em;
}

.item .invenue:before {
   content: "In ";
   font-style:normal;
}

.item .itemdescr {
	margin-bottom:.8em;
}

/* Button CSS code shamelessly lifted from Keenan Crane's page .. */
.abstractBox {
   display: inline-block;
   position: relative;
}
.abstractBox .abstract {
   display: inline-block;
   position:absolute;
   top:15px;
   left:0px;
   padding: 0px;
   margin: 0px;
   height: auto;
   color: #ddd;
   padding: 10px;
   background: rgba(0, 0, 0, .8);
   box-shadow: 10px 10px 10px rgba(0,0,0,.4);
   border-radius: 6pt;
   z-index: 200;
   width:200px;
   line-height: 125%;
   visibility: hidden;
   opacity: .0001;
   transition: .3s;
   -o-transition: .3s;
   -ms-transition: .3s;
   -moz-transition: .3s;
   -webkit-transition: .3s;
}

.abstractBox .abstract:before {
   content: "Abstract: ";
   font-weight: bold;
   font-style: italic;
}


.abstractBox:hover .abstract, .abstract .hover {
   visibility: visible;
   opacity: 1.0;
   transition: .5s;
   -o-transition: .5s;
   -ms-transition: .5s;
   -moz-transition: .5s;
   -webkit-transition: .5s;
}

.bibtexBox {
   display: inline-block;
   position: relative;
}

.bibtexBox .bibtex {
   display: inline-block;
   position:absolute;
   top:15px;
   left:0px;
   padding: 0px;
   margin: 0px;
   width:200px;
   height: auto;
   color: #ddd;
   padding: 10px;
   background: rgba(0, 0, 0, .8);
   box-shadow: 10px 10px 10px rgba(0,0,0,.4);
   border-radius: 6pt;
   z-index: 200;
   line-height: 125%;
   visibility: hidden;
   opacity: .0001;
   transition: .3s;
   -o-transition: .3s;
   -ms-transition: .3s;
   -moz-transition: .3s;
   -webkit-transition: .3s;
   font-family: monospace;
   word-wrap: break-word;
}

.bibtexBox:hover .bibtex, .bibtex .hover {
   visibility: visible;
   opacity: 1.0;
   transition: .5s;
   -o-transition: .5s;
   -ms-transition: .5s;
   -moz-transition: .5s;
   -webkit-transition: .5s;
}

.button {
   display: inline-block;
   background-color: #f0f0f0;
   color: #444;
   border-radius: 5pt;
   border: 1px solid #ddd;
   padding: 1px 7px 1px 7px;
   margin-right: 2px;
   font-weight: bold;
   margin-bottom:3px;
}
.button:hover { color: #000; }
.button a { color: #444; }
.button a:hover { color: #000; }

.stretch { margin-top:1.5em; margin-bottom: 1.5em; }

@media only screen and (min-width: 481px) {
	.teaser { width: 150px;  height: 140px;}
	.teaser_column { width: 180px; }
	.me { width:200px; height: auto; }
	.title { width: 180px; }
	.address { font-size:1.2em; padding-left: 0px;  }
	.email { width: 137px; }
	.me { width: 180px; }
	tt { font-size: 120%; }
	#photo { text-align:right; }
	#photo_box { display: inline-block; text-align:left;}
	.abstractBox .abstract { width: 384px; }
	.bibtexBox .bibtex { width: 384px; }
}

@media only screen and (min-width: 769px) {
	body {font-size: 100%;}
	.title { width: 200px; height:auto; }
	.me { width: 200px; }
	.address { font-size:1.0em; padding-left: 0px;  }
	.abstractBox .abstract { width: 615px; }
	.bibtexBox .bibtex { width: 680px; }
}