body {
  max-width: 800px;
  margin: auto;
  padding: 1em;
  line-height: 1.5em;
}

h1 { line-height: 1.15em; }
h2 { text-align: left; }


/* header and footer areas */
.menu { padding: 0; }
.menu li { display: inline-block; }
.article-meta, .menu a {
  text-decoration: none;
  background: #eee;
  padding: 5px;
  border-radius: 5px;
}

.menu-standard a {
  background: none;
}
.menu, .article-meta, footer { text-align: center; }
.title { font-size: 1.1em; }
footer a { text-decoration: none; }
hr {
  border-style: dashed;
  color: #ddd;
}

/* code */
pre {
  border: 1px solid #ddd;
  box-shadow: 5px 5px 5px #eee;
  padding: 1em;
  overflow-x: auto;
}
code { background: #f9f9f9; }
pre code { background: none; }

/* misc elements */
img, iframe, video { max-width: 100%; }
main { hyphens: auto; }
blockquote {
  background: #f9f9f9;
  border-left: 5px solid #ccc;
  padding: 3px 1em 3px;
}

table {
  margin: auto;
  border-top: 1px solid #666;
  border-bottom: 1px solid #666;
}

table.video-gallery {
  border: none;
} 

table thead th { border-bottom: 1px solid #ddd; }
th, td { 
  padding-bottom: 0px; 
  padding-top: 0px; 
  padding-left: 5px;
  padding-right: 5px;
}
td.tg-links {
  padding-top: 5px; 
  padding-bottom: 5px; 
}

table.video-gallery thead th {
  border: none;
} 

td.publications-teaser {
  vertical-align: top;
}

tr.publications-separator td { 
  padding-top: 5px; 
  padding-bottom: 0px;
}

.publication-single-teaser {
/*  padding: 1em; */
  text-align: center;
}

.single-authors {
  font-family: Palatino, Times New Roman, serif;
  font-style: italic;
  border: none;
  margin-top: 1em;
  margin-bottom: 1em;
  border-spacing: 0.5em 0;
  background: none;
}

.single-authors td {
  padding: 0em 1em;
}

/*table.single-authors tbody tr { 
  background: none;
}*/


.publications-title {
  font-size: 1.1em;
  font-weight: 400;
}

.publications-abstract {
  font-size: small;
  line-height: 1.5;
  color: #666;
  display:block;
}
.publications-venue {
  color: #666;
}
.publications-links a {
  text-decoration: none;
  padding: 5px;
  border-radius: 5px;
  border-style: dotted;
  border-width: 1px;
}

.teaching-title {
  font-size: 1.3em;
  font-weight: 400;
}

a:hover { color: #f41224!important; }
a:visited { color: #b40eb4; }
a:link { color: #0055cc; }

div.gallery-morda-row {
  display: flex;
  flex-wrap: wrap;
  padding: 0 4px;
}

/* Create four equal columns that sits next to each other */
div.gallery-morda-column {
  flex: 23%;
  max-width: 23%;
  padding: 0 4px;
}

cdiv.gallery-morda-olumn img {
  margin-top: 8px;
  vertical-align: middle;
  width: 100%;
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
  div.gallery-morda-column {
    flex: 23%;
    max-width: 23%;
  }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  div.gallery-morda-column {
    flex: 100%;
    max-width: 100%;
  }
}