#entry-list {
padding: 0;
margin: 0;
list-style: none;
}
#entry-list li {
}
#entry-list img {
max-width: 100%;
height: auto;
margin-right: 10px;
}
.main-pic, .thumb {
border: 1px solid #DDD;
padding: 2px;
}
.thumb {
float: left;
}
.main-pic {
display: block;
margin: 0 auto;
}
time {
display: block;
text-align: right;
color: #AAA;
font-style: italic;
}
article {
padding-bottom: 1em;
border-bottom: 1px dashed #CCC;
font-size: 130%;
line-height: 150%;
margin: 0 auto;
}

@media all and (min-width: 720px) {
    .main-pic {
    display: inline-block;
    }
    .main-pic.float.right {
    float: right;
    margin-left: 10px;
    }
    .main-pic.float.left {
    float: left;
    margin-right: 10px;
    }
    .main-pic.center {
    display: block;
    margin: 0 auto;
    }
    article {
    width: 90%;
    }
}

@media all and (min-width: 1000px) {
    article {
    width: 100%;
    min-height: 250px;
    }
}