/* layout screen and print */

[role='main'] .article_miniature {
  display:block;
  border:2px solid #DCDCDC;
  padding:0.2em 2%;
  max-width:none;
  margin:0.3em 0;
  text-align:left;
  vertical-align:text-top;
  line-height:100%;
  clear:left;
}

[role='main'] .article_miniature a {
  /*color:black;*/
  font-size:0.8em;
}

[role='main'] .article_miniature img{
  width:40px;
  height:auto;
}

[role='main'] .article_miniature .imglink{
  display:inline;
  /*float:left;*/
  margin-right:5px;
}


/* layout screens wider than 35em */
@media only screen and (min-width: 35em) {
  
  [role='main'] .article_miniature {
    display:inline-block;
    padding:0.8em 0.5%;
    margin:0 5px;
    clear:none;
    max-width:120px;
    text-align:center;
  }
  
  [role='main'] .article_miniature a {
    
  }
  
  [role='main'] .article_miniature img{
    width:70px;
    height:auto;
  }
  
  [role='main'] .article_miniature .imglink{
    display:block;
    float:center;
    margin-bottom:5px;
  }
  
}

/*[role='complematary'] miniarticles ea. featured, layout: all*/

[role='complementary'] .article_miniature {
  padding:0.2em 5%;
  clear:left;
}

[role='complementary'] .article_miniature .imglink{
  float:left;
  margin-right:5px;
}

[role='complementary'] .article_miniature img{
  width:40px;
  height:auto;
}


/* layout screens wider than 35em */
@media only screen and (min-width: 35em) {
  [role='complementary'] .article_miniature img{
    width:50px;
    height:auto;
  }
}
}