/*#main { overflow: hidden;}*/

/**  * Grid items animation  */
#tiles li {-webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;}
.wookmark-placeholder {-webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;}
#container {max-width: 1280px;margin: 0 auto 0 auto;}
#container ol {margin-bottom: 60px;  border: thin solid white;}/* border needed otherwise filter list drops below text border colour - same as bg */
#container .gallerytext {margin: 0 1em 0 1em;position: relative;width: 90%;margin-bottom: 1em;}
#container .gallerytext p {text-align: center;color: #008CBA !important;position: relative;  margin-bottom: 0;text-decoration: none !important;border: 0px !important;}

/**  Filters  */
#filters { list-style-type: none;  text-align: center;  margin: 10px 5% 15px 5%; position: relative; left: -10em;}
#filters li {float: left; left: 50%; padding: 16px 10px 14px 10px; cursor: pointer; margin: 0 1em 0 1em;width: 8em;position: relative;white-space: nowrap;
  -webkit-transition: all 0.15s ease-out;
     -moz-transition: all 0.15s ease-out;
       -o-transition: all 0.15s ease-out;
          transition: all 0.15s ease-out;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;}
#filters li:hover {padding: 16px 10px 14px 10px; background: #c85a3c;color: #ffffff;}
#filters li.active { background: #c85a3c; color: #ffffff;}

/* clearing lightbox */
.clearing-caption {font-size: 1em;}

/* ------ gallery styles ------- */
.th {border: solid 1px #FFFFFF;}
.th:hover, .th:focus {box-shadow: 0 0 6px 3px rgba(0, 140, 186, 0.5); border: solid 1px #000000;}
.clearing-blackout .carousel { display: none;}/*removes lightbox thumbs*/

@media only screen and (min-width: 840px) {
#container .gallerytext {width: 100%;}
}