/* CSS Document */

@media screen and (min-width: 480px) {


.archive article, .search article {
width:100%;
margin-right: 0;
margin-left: 0;
min-height: auto !important;
}

.archive article img {

}

article .articleImage {
width:25%;
float:left;
clear:none;
}

article .articleImage img {
height:auto;
}

article .articleExcerpt {
width: 75%;
float:left;
}

article .articleExcerpt h3 {
margin-top:20px;
font-size: 2em;
padding-left:5%;
padding-right:5%;
width:90%;
}

article .articleExcerpt p {
padding-left:5%;
padding-right:5%;
width:90%;
}

.listOnly {
display:inline;
}

.gridOnly {
display:none !important;
}

article .articleImage span {
display:none;
}

article .articleImage span.pinned {
display:block;
}


.articleExcerpt span:first-of-type {
padding-left:5%;
padding-right: 5%;
}

.archive .articleExcerpt p span.listOnly,
.archive .articleExcerpt span.listOnly  {
display:inline !important;
}

}