.article-list .article {
		border-bottom: solid 1px #666;
		padding: 15px 0;
	  	*zoom: 1;
	}

	.article-list .article:last-child {
		border-bottom: none;
	}

	.article-list .article:before,
	.article-list .article:after {
	  display: table;
	  content: "";
	  line-height: 0;
	}
	.article-list .article:after {
	  clear: both;
	}

	.article-list .article-heading {
		margin: -4px 0 2px;
	}

	.article-list .has-thumb .article-heading {
		margin-left: 125px;
	}

		.article-list .article-heading small {
			font-size: 12px;
			display: block;
		}

	.article-list .article-snippet {
	}

	.article-list .article-snippet a[href] {
		word-break: break-all;
		word-wrap: break-word;
		word-break: break-word;
		display: block;
	}

	.article-list .article-snippet p {
		line-height: 16px;
		font-size: 13px;
	}

	.article-list .article-snippet p:last-child {
		margin-bottom: 0;
	}

	.article-list .article-media {
		margin: 0 20px 0 0;
		float: left;
		display: block;
		width: 105px;
		height: 105px;
		overflow: hidden;	
	}

	.article-list .article-media > img {
		max-width: 100%;
	}

	.article-list.aux .article-media {
		margin: 0 0 0 5px;
		float: right;
		width: 60px;
		height: 60px;	
	}

	.article-list.aux .has-thumb .article-heading {
		margin-left: 0;
		margin-right: 65px;
	}	

	.article-list.tweets .article-media {
		width: 25px;
		height: 25px;
		margin: 0 5px 0 0;
	}

	.article-list.tweets .article-heading {
		font-size: 13px;
	}

	.article-list.tweets .article-heading small {
		color: #666666;
		font-size: 13px;
		margin-top: -2px;
		margin-bottom: 6px;
	}

	.article-list.tweets .has-thumb .article-heading {
		margin-left: 30px;
	}

	.article-list .article-info {
		margin-top: 0;
		line-height: 16px;
		font-size: 13px;
	}

	@media (min-width: 980px) {
		.article-list.aux .has-thumb .article-info {
			/*margin-right: 70px;*/
		}
	}

	/**/
	.article-list.sub-blog {
		padding: 16px 20px;
		border-bottom: solid 1px #fff;
		background-color: #ececec;
	}

	.article-list.sub-blog:last-child {
		border-bottom: none;
	}

		.article-list.sub-blog h4 a,
		.article-list.sub-blog h4 {
			margin: -4px 0 0;
			color: #333;
		}

		.article-list.sub-blog h4 a:hover {
			color: #333;
			text-decoration: underline;
		}

		.article-list.sub-blog > p {
			font-style: italic;
			margin-bottom: 12px;
			line-height: 16px;
			font-size: 13px;

		}

		.article-list.sub-blog > p:last-child {
			margin-bottom: 0;
		}

		.article-list.sub-blog .article {
			padding: 0;
			border-bottom: none;
		}

		.article-list.sub-blog .article-media {
			width: 50px;
			height: 50px;
			margin-right: 10px;		
		}	

		.article-list.sub-blog .article-heading {
			font-size: 12px;
			line-height: 15px;
			margin: 0 0 4px;
		}

		.article-list.sub-blog .has-thumb .article-heading {
			margin-left: 60px;
		}		

		.panel .article-list.sub-blog .article a[href] { color: #333333; }

span.more { display: none; }
span.extended { display: inline; }

@media (min-width: 980px) {
	span.extended > span.extended > span.extended > span.extended > span.extended { display: none; }
	span.extended > span.extended > span.extended > span.extended > span.more { display: inline; }

	.sub-blog span.extended > span.extended > span.more { display: inline; }
	.sub-blog span.extended > span.extended > span.extended { display: none; }
}

@media (min-width: 980px) {

}

@media (min-width: 768px) and (max-width: 979px) {
	span.extended > span.extended > span.extended > span.extended > span.extended > span.extended > span.extended { display: none; }
	span.extended > span.extended > span.extended > span.extended > span.extended > span.extended > span.more { display: inline; }

	.sub-blog span.extended > span.extended > span.extended > span.extended > span.more { display: inline; }
	.sub-blog span.extended > span.extended > span.extended > span.extended > span.extended { display: none; }
}

@media (max-width: 767px) {
	.article-snippet > span.more { display: inline; }
}
/*
. > span.extended > span.extended > span.extended { display: none; }
. > span.extended > span.extended > span.more { display: inline; }

. > span.extended > span.extended { display: none; }
. > span.extended > span.more { display: inline; }

. > span.extended { display: none; }
. > span.more { display: inline; }
*/