Commentariat List - CSS

Commentariat List Styles

.commentariat {
	clear: both;
	font-size: 90%;
}

/* note: recalculate for full width display */
.commentariat-post {
	float: left;
	width: 43%;
	margin: 1% 2% 1% 0;
	padding: 2% 2% 0;
	border: 1px dotted #a3a3a3;
}

/* for general use - at OT key link stylings
already handled */
.commentariat-post a {
	border-bottom: 1px dotted #a3a3a3;
	display: inline-block;
}

.commentariat-post ul {
	margin: 12px 0 0 12px;
	list-style-type: none;
}

.commentariat-post li {
	margin: 12px 0;
}

.commentariat-post .comment-irt {
	margin-top: -2px;
	margin-bottom: 6px;
	float: none;
}

.commentariat-comment-head {
	clear: both;
	margin-top: 12px;
	padding-top: 12px;
	border-top: 1px dotted #a3a3a3;
}

/* simple mono-columnar display for mobile screens */

@media only screen and (max-width: 640px) {
    .commentariat-post {
	width: 95%;
    }
}