.clearfix:after {
      content: ".";
      display: block;
      clear: both;
      visibility: hidden;
      line-height: 0;
      height: 0;
  }
  .clearfix {display: inline-block;}  
  html[xmlns] .clearfix {display: block;} 
  * html .clearfix {height: 1%;}  
  
  div.box-container {-webkit-perspective: 200;}

  div.box-container {
    width: 100px;
    padding: 0 10px;
    float: left;
  }

  div.box {
    background: gray;
    border: 1px solid black;
    width: 100px;
    height: 98px;
  }
	
	div.box img {
		margin: auto auto;
		display: block;
	}
  
  ul.actions {
    float: left;
    clear: right;
    margin: 0 0 10px 0;
    padding: 0;
  }
  
  ul.actions li {
    font-size: 1em;
    line-height: 1.3em;
    padding: 3px;
    list-style: none;   
    cursor: pointer;
    color: #D6CCB9;
    background: #665544;
    border: 1px solid #D6CCB9;
  }
  
  dl.status
  {
    clear: both;
    border: 1px solid black;
    background: #665544;
    color: #D6CCB9;
    width: 200px;
  }
  
  dl.status dt {
    padding: 5px;
    float: left;
    clear: left;
  }
  dl.status dd {
    padding: 5px;
    float: right;
    clear: right;
  }
  
  #content {padding-left: 10px;}