.lr-viewport ul.lr-related-posts { margin: 0; padding: 0 10px 0 0; list-style: none; height: 30px; overflow: hidden; position: relative; }
.lr-viewport ul.lr-related-posts:before { left: 0; content: ''; position: absolute; top: 0; bottom: 0; width: 25px; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #d7dbde), color-stop(100%, rgba(215, 219, 222, 0))); background-image: -webkit-linear-gradient(left, #d7dbde, rgba(215, 219, 222, 0)); background-image: -moz-linear-gradient(left, #d7dbde, rgba(215, 219, 222, 0)); background-image: -o-linear-gradient(left, #d7dbde, rgba(215, 219, 222, 0)); background-image: linear-gradient(left, #d7dbde, rgba(215, 219, 222, 0)); }
.lr-viewport ul.lr-related-posts:after { right: 0; content: ''; position: absolute; top: 0; bottom: 0; width: 25px; background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #d7dbde), color-stop(100%, rgba(215, 219, 222, 0))); background-image: -webkit-linear-gradient(right, #d7dbde, rgba(215, 219, 222, 0)); background-image: -moz-linear-gradient(right, #d7dbde, rgba(215, 219, 222, 0)); background-image: -o-linear-gradient(right, #d7dbde, rgba(215, 219, 222, 0)); background-image: linear-gradient(right, #d7dbde, rgba(215, 219, 222, 0)); }
.lr-viewport ul.lr-related-posts li { display: inline; height: 30px; }
.lr-viewport ul.lr-related-posts li a { line-height: 30px; vertical-align: middle; padding: 0px 20px; white-space: nowrap; font-size: 11px; font-weight: normal; }
.lr-viewport ul.lr-related-posts li span { line-height: 30px; vertical-align: middle; padding: 0px 20px; white-space: nowrap; font-size: 11px; font-weight: normal; color: #363636; }