@charset "utf-8";
/* CSS Document */

/**_thumbnail_grid**/
.thumbnailWrapper  {display: block;margin:0 auto;text-align:center;font-size:0.6em;line-height:1.4em;}
.thumbnailContainer  {width:150px;height:230px;display:inline-block;margin:5px 10px;padding:4px;box-sizing:border-box;vertical-align:top;background-color:#FFFFFF;border:solid 1px #dddddd; text-align: left;-moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px;border-radius:5px 5px 5px 5px;}
.thumbnailContainer:hover {
-webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.35);
-moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.35);
box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.35);}
.thumbnail {color:#6C6C6C;position:relative;}
.thumbnail a {text-decoration:none;font-weight:normal;color:#000000;font-size:1.2em;}
.thumbnail a img {width:100%;height:auto;}
.pagelistTitle {font-weight:bold;}
.pagelistDate {padding:0 0 0 20px;clear:both;font-style:italic;background-image:url("blog-clock.png");background-repeat:no-repeat;background-position: 6px center;}
.pagelistDescription {}
@media only screen and (max-width: 1366px) {.thumbnailContainer  {height:200px;}}
@media only screen and (max-width: 900px) {.thumbnailWrapper  {width:96%;} .thumbnailContainer  {width:45%;height:auto;margin:2px 0px;display:inline-block;} .thumbnailContainer  {width:23%;height:175px;} .thumbnailWrapper {border-spacing:5px;}}
@media only screen and (max-width: 600px) {.thumbnailContainer {width:49%;height:auto;min-height:225px;}}