@charset "utf-8";
dl,
dt,
dd,
ul,
li {
    margin:0;
    padding:0;
    list-style:none;
}

h1 {
    text-align:center;
    font-size:26px;
    margin:30px 0 5px 0;
}

h1 .icon {
    vertical-align:bottom;
}

.container {
    padding:0;
}

ul {
    margin:20px 0 0 0;
}
li {
    margin:0 0 20px 0;
    padding:0;
}
li .wrap {
    box-shadow:0px 0 3px rgba(0,0,0,0.1);;
    display:block;
}
li a:hover {
    text-decoration: none;
}
dl {
    background:#FFF;
    margin:0;
}
dt {
    padding:0.8em 20px 0 20px;
    line-height:1.3em;
    font-size:1.25em;
    letter-spacing:-0.05em;
    font-weight:bold;
    max-height:2.1em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
dd {
    padding:5px 0 0px 20px;
    font-size:90%;
    letter-spacing:-0.05em;
  
}
dd .separator {
    color:#DDD;
    margin:0 8px;
}
li .thumb {
    display:block;
    overflow:hidden;
    position:relative;
}
li .thumb img {
    position:absolute;
    top:50%;
    left:50%;
    margin:-50% 0 0 -50%;
    width:100%;
    z-index:1;
}
li .thumb .shadow {
    position:absolute;
    display:block;
    width:150%;
    z-index:2;
    height:120%;
    margin-left:-10%;
    box-shadow:inset 0 2px 5px rgba(0,0,0,0.2);
}
li.no-content {
    font-size:130%;
    height:50px;
    line-height:50px;
    position:absolute;
    top:50%;
    left:0;
    width:100%;
    text-align:center;
    margin-top:-25px;
}