@charset utf-8;

.pagecontent main .movie a:link, 
.pagecontent main .movie a:active, 
.pagecontent main .movie a:hover, 
.pagecontent main .movie a:visited {
  color:#568c87;
}

.pagecontent main {
  max-width:1020px;
}

.pagecontent main .movie section {
  border-top: dotted 1px #231815;
}
.pagecontent main .movie section:last-of-type {
  border-bottom: dotted 1px #231815;
}

.pagecontent main .movie h2 {
  margin:1em 0 .2em;
}

.pagecontent main .movie h2 img {
  width:175px;
  height:auto;
}

.pagecontent main .movie h3 {
  margin-bottom:0;
}
.pagecontent main .movie h3 + *{
  margin-top:0;
}

.pagecontent main .movie ul {
  padding:0;
}

.pagecontent main .movie li {
  list-style-type: none;
}

.pagecontent main .movie  section[class*="academictalk"] li {
  position:relative;
  color:#666666;
}
.pagecontent main .movie section[class*="academictalk"] li a {
  position:absolute;
  font-size:.8em;
  right:0;
  top:.3em;
}

.pagecontent main .movie section[class*="sciencelab"] li {
  margin-left:3.6em;
  text-indent:-3.6em;
}
.pagecontent main .movie section[class*="sciencelab"] li:nth-of-type(n+10) {
  margin-left:4.1em;
  text-indent:-4.1em;
}



@media screen and (-webkit-min-device-pixel-ratio:2),(min-resolution: 2dppx){
}

@media screen and (-webkit-min-device-pixel-ratio:3),(min-resolution: 3dppx){

}

@media print, screen and (min-width: 601px) {
  .pagecontent main .movie section[class*="academictalk"] li .interview {
      right: 6em;
  }


}

@media (min-width: 601px) and (-webkit-min-device-pixel-ratio:2) , (min-width: 601px) and (min-resolution: 2dppx){
}
@media (min-width: 601px) and (-webkit-min-device-pixel-ratio:3) , (min-width: 601px) and  (min-resolution: 3dppx){
}

@media screen and (max-width: 915px) {  
}

@media screen and (max-width: 600px) {


  .pagecontent main .movie h2 img {
    width:150px;
  }

  .pagecontent main .movie li {
    margin: 0 0 2em 0;
  }
  .pagecontent main .movie section[class*="academictalk"] li a {
    position:relative;
    display:block;
    text-align:right;
  }

@media (max-width: 600px) and (-webkit-min-device-pixel-ratio:2) , (max-width: 600px) and (min-resolution: 2dppx){
}
@media (max-width: 600px) and (-webkit-min-device-pixel-ratio:3) , (max-width: 600px) and  (min-resolution: 3dppx){

}


@media print {
}
