ol.ol-posts { margin: 0 0 1em; font-family: Helvetica, Arial, clean, sans-serif; border-bottom: 1px solid #ddd; min-height: 1px; }

ol.ol-posts > li { list-style: none; zoom: 1; overflow: hidden; border-top: 1px solid #ddd; padding: 1em 1em 0 80px; margin: 0; position: relative; }

ol.ol-posts li.twitter, ol.ol-posts li.onlocation, ol.ol-posts li.disqus, ol.ol-posts li.flickr { _list-style: none; _zoom: 1; _overflow: hidden; _border-top: 1px solid #ddd; _padding: 1em 1em 0 80px; _margin: 0; _position: relative; }

ol.ol-posts li.onlocation { background: #efefef url('../images/onlocation/leftbracket.png') no-repeat 64px 4px; }

ol.ol-posts li.new { background-color: #ffffe1; }

ol.ol-posts .author { display: block; width: 49.9%; float: left; font-weight: bold; margin-bottom: 0.5em; _margin-top: -10px; }

ol.ol-posts .author img { position: absolute; top: 12px; left: 12px; width: 48px; height: 48px; z-index: 4; border: 2px solid #fff; padding: 0; background: #fff; _z-index: 0; }

ol.ol-posts .published { display: block; width: 49.9%; float: right; color: #999; text-align: right; margin-bottom: 0.5em; }

ol.ol-posts .onlocation .published { color: #666; }

ol.ol-posts .service-icon { background-repeat: no-repeat; background-position: 0 0; border: 2px solid #fff; display: inline-block; width: 16px; height: 16px; position: absolute; top: 4px; left: 4px; z-index: 5; _position: relative; _margin: -10px 0 0 -78px; }

ol.ol-posts .onlocation .service-icon { background-image: url('../images/onlocation/icon-chattarati.png'); }

ol.ol-posts .twitter .service-icon { background-image: url('../images/onlocation/icon-twitter.png'); }

ol.ol-posts .flickr .service-icon { background-image: url('../images/onlocation/icon-flickr.png'); }

ol.ol-posts .facebook .service-icon { background-image: url('../images/onlocation/icon-facebook.png'); }

ol.ol-posts .disqus .service-icon { background-image: url('../images/onlocation/icon-disqus.png'); }

ol.ol-posts .comment .service-icon { background-image: url('../images/onlocation/icon-comment.png'); }

ol.ol-posts li ul { margin: 1em 0 1em 1em; }

ol.ol-posts li ul li { list-style: disc; }

ol.ol-posts li p { margin-bottom: 1em; clear: both; }

@media only screen and (max-device-width: 480px) {
	ol.ol-posts .author, ol.ol-posts .published { width: auto; float: none; text-align: left; }
	ol.ol-posts .author { height: 48px; line-height: 48px; }
	ol.ol-posts .published { clear: left; }
	ol.ol-posts li { padding-left: 1em; }
	ol.ol-posts .author img { position: static; float: left; }
	ol.ol-posts .author a { margin-left: 1em; }
}