//   make default box-sizing model to border-box
html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}
html, body {
    background-color: #FFF;
    box-sizing: border-box;
}

body {
    margin: 0;
}

img.thumbnail {
    width:128px; height: 128px;
    margin: 4px;
    border: solid #222;
}


.thumbnail-image {
    border: 2px solid #222;
    width:128px; height: 128px;
}

.thumbnail-caption {
    position: relative;
    width: 128px;
    bottom: 0px;         
    left: 0px; 
    width: 100%;
    color: black;
    background-color: #FFFE;
    font-size: 12px;
    padding: 2px;
    margin: 0px;
    text-align: center;
    font: 12px "Helvetica Neue", sans-serif;
    /*pointer-events: none;  */
}

.thumbnail-container {
    width: 128px;
    margin: 4px;
    position: relative;
    border: noone; /*1px solid blue;*/
    display: inline-block;
    vertical-align: top;
}