/* --- Block Pattern ---

@Modele : Block is a empty global container. This class build an empty block without graphic design. Real life example Newspaper Article -> title , content , footer
@mentatory: You must respect the global architecture of the example.
@Options :  -- .ft class (footer of the block)
@exemple :

      <div class="block">
        <div class="blockInside">
          <header>
            <span></span>
          <header>
          <div class="bd">
            <p>content</p>
          </div>
          <footer>
            <p>footer</p>
          </footer>
        </div>
      </div>

@benefits: No more clear, No more clearfix , No sizing , Completely scalable , Respect semantic, Less div in the page .
*/

/* ========================== block styles ========================== */

.block{margin-bottom:15px; height: auto !important; min-height: 415px;}
.block .blockInside{position:relative;}
.block .bd, .block footer, .block header{display:inline-block; /*display:-moz-inline-stack;*/ *display:block; *width:auto; zoom:1;}
.block .blockInside:after, .block header:after, .block .bd:after, .block footer:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:" x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";}