#container {
	width: 74em;
	margin: 2em auto;
	padding: 2em;
	background: #d5f0fc;
	overflow: auto;
	border: 1px solid red;
}

.preview {
	float: left;
	width: 70em;
	padding: 2em;
	margin-bottom: 2em;
	background: #fff;
	overflow: auto;
	border: 10px solid red;
}
.nodisplay {
   display: none;
}

.skim-me {
   width: 325px;
   height: 220px;
   float: left;
   margin: 0px 18px 18px 0px;
}
   .skim-me h3 {
      font-weight: bold;
      float: left;
      padding: 5px;
      //background-image: url('../../resources/images/fotoalbum_title_bg.png');
      text-transform: uppercase;
      //display: none;
   }
   .skim-me h4 {
      float: right;
      padding: 5px;
   }
   
   .skim-me ul {
      list-style: none;
      padding: 0px;
      margin: 0px;
      float: left;
      /*margin-top: -27px;*/
   }
   
   .skim-me li {
   	list-style: none;
   	margin-left: 10px;
   	margin: 0px;
   }


.top {
	   background-image: url('../../resources/images/fotoalbum_title_bg.png');
	   color: #fff;
	   //background-color: red;
	   //padding: 5px 5px 5px 7px;
	   height: 30px;
	   overflow: hidden;
	   z-index: 5;
	   //margin-top: -40px;
   }
      .skim-me .top .title {
	      font-weight: bold;
	      padding: 5px 7px 5px 7px;
	      //background-color: red;
	      text-transform: uppercase;
      }
      .skim-me .top .date {
	      float: right;
      }
   .skimme .bottom {
	   background-image: url('../../resources/images/fotoalbum_title_bg.png');
	   color: #fff;
	   margin: 132px 0px 0px 0px;
	   padding: 5px 5px 5px 7px;
   }
   
/* link */
a .skim-me {
	color: #fff;
	text-decoration: none;
}
a:hover .title {
	color: #fff;
	text-decoration: underline;
}