@charset "UTF-8";

/* •••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••
   ••  Project: Project’s Name                                      ••
   ••  Author:  peter@riddle.pl                                     ••
   ••  Date:    2010                                                ••
   •••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••   
   
    1. Global Styles
       1.1 Reset
       1.2 Default
      
    2. Layout
       2.1 Clearfix
       2.2 Columns
      
---------------------------------------------------------------------- */

/* 2.1 =Splitter
---------------------------------------------------------------------- */




/* 3. DEMO
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••• */

/* 3.1 =Demo Area
---------------------------------------------------------------------- */


#performance-toggle {
  text-align: center;
  margin-right: 0;
  font-size: 11px;
  opacity: 0.5;
  -webkit-transition: opacity 0.25s linear;
  -moz-transition: opacity 0.25s linear;
}

#performance-toggle:hover {
  opacity: 0.999;
}

/* 3.2 =Image Grid
---------------------------------------------------------------------- */

.image-grid {
  margin: 0px 0 0 -40px;
  padding-left: 45px;
}

.image-grid:after {
  content: "";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
.section .article {margin:5px; width:250px}
.section .article img {width:250px}
.image-grid a,.image-grid li {
  width: 250px;
  margin: 20px 0 0 35px;
  float: left;
  text-align: center;
  font-family: "Helvetica Neue", sans-serif;
  line-height: 20px;
  height: 145px;
  overflow: hidden;
 font-size:90%;
 
}
.image-grid a img {
  width: 250px;}

.image-grid a span {
}

.image-grid a strong {
  color: inherit;
}