html,body{height:100%}
body{-webkit-font-smoothing:subpixel-antialiased;background-color:#2f1e2e;color:#fff;font-family:'Dosis',sans-serif;font-size:16px;font-weight:00;margin:0;overflow-y:scroll;padding:0}
a{text-decoration:none}
ul{padding:0}
h2{font-size:1em;font-weight:600}
#container{margin-left:5px;margin-top:5px;padding-bottom:5px;margin-right:270px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
#sidebar{background-color:#06b6ef;bottom:0;color:#000;display:block;float:right;font-weight:500;overflow:auto;position:fixed;right:0;text-align:center;text-transform:uppercase;top:0;width:270px;z-index:2;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
#sidebar ul{line-height:1.6em;list-style:none;margin:0;padding:0;width:100%}
#sidebar .vertical li{width:100%}
#sidebar a{width:100%;display:block;color:#fff}
#sidebar h1 a{color:inherit;text-transform:lowercase}
#sidebar h1 a:active{color:#fff}
#sidebar h2{;margin-bottom:0;padding-bottom:0}
#sidebar .vertical li a:hover{background-color:#fff;color:#06b6ef}
#sidebar .vertical li a:active{color:#000}
#sidebar .horizontal li{display:inline-block;width:15px}
#sidebar .horizontal li a:hover{color:#000}
#sidebar .horizontal li a:active{color:#000}
#social{background-color:#06b6ef;bottom:0;padding-top:30px;position:relative;text-align:center;width:100%}
#social li{display:inline-block;padding:0 2px 0;text-transform:lowercase;width:auto}
#social li a{color:#000}
#social li a:hover{background-color:transparent;color:#fff}
.clearfix:before,.clearfix:after{content:"";display:table}
.clearfix:after{clear:both}
.clearfix{zoom:1}
.a-series{background-color:#ef6155;}
.b-series{background-color:#fec418}
.c-series{background-color:#48b685}
.d-series{background-color:#815ba4}
.e-series{background-color:#e96ba8}
.a-series i:hover{color:#ef6155}
.b-series i:hover{color:#fec418}
.c-series i:hover{color:#48b685}
.d-series i:hover{color:#815ba4}
.e-series i:hover{color:#e96ba8}
.selected{text-decoration:underline}
.tile:hover{background-color:#e7e9db}
.tile:hover p.number{color:#000}
.isotope-item{z-index:2}
.isotope-hidden.isotope-item{pointer-events:none;z-index:1}
.isotope,.isotope .isotope-item{-webkit-transition-duration:.2s;-moz-transition-duration:.2s;-ms-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s}
.isotope{-webkit-transition-property:height,width;-moz-transition-property:height,width;-ms-transition-property:height,width;-o-transition-property:height,width;transition-property:height,width}
.isotope .isotope-item{-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform,opacity;-ms-transition-property:-ms-transform,opacity;-o-transition-property:-o-transform,opacity;transition-property:transform,opacity}
.isotope.no-transition,.isotope.no-transition .isotope-item,.isotope .isotope-item.no-transition{-webkit-transition-duration:0;-moz-transition-duration:0;-ms-transition-duration:0;-o-transition-duration:0;transition-duration:0}
.tile{float:left;height:180px;margin:5px;overflow:hidden;width:180px;}
.tile *{color:#000;font-size:1.0em;margin:0}
.meta{bottom:0;position:absolute;width:auto;margin:.5em;max-height:75%;}
.number{color:#fff;font-size:1.4em;right:0;position:absolute;padding:.5em}
.large{height:370px;width:370px;z-index:100}
.details{font-size:3.2em;margin-top:153px;text-align: center;padding_}
.details li{display:inline-block;}
.hidden{display:none}