/* Box Structure
   ========================================================================== */
.box {
}
.box .inner {/*background: url(skin/transparent.png) repeat left top;*/
}
.box-bd, .box-ft, .box-hd {
	display: inline-block;
	width: 100%;
	display: block\9;
    *width:auto;
	zoom: 1;
}
.inner:after, .box-hd:after, .box-bd:after, .box-ft: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 ";
}
.inner {/*position:relative;*/
}
/* End Box Structure

Example Markup

<div class="box over-h">
  <div class="inner">
    <div class="box-hd">
        </div>
        <!--end box header-->
        <div class="box-bd">
        </div>
        <!--end box body-->
        <div class="box-ft">
        </div>
        <!--end box footer--> 
  </div>
  <!--end inner-->   
 </div>
 <!--end box-->

   ========================================================================== */

/* Media Structure
   ========================================================================== */
.media {
*overflow:hidden
}
.media:after, .mbd: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 ";
}
.media .mbd {
	display: table-cell;
	zoom: 1;
}
.media .mbd > :first-child {
	margin-top: 0;
}
.media .mbd > :last-child {
	margin-bottom: 0;
}
.media .img img {
	display: block;
}
/* End Media Structure


Example Markup

<div class="media">
image goes hear
<div class="mbd">
body content goes hear
</div><!--end media body-->
</div>
<!--end media-->   
   ========================================================================== */

