.ModBlogC .post-header {
	padding: 10px;
}

.ModBlogC .post-header h2 {
	text-align: center;
	font-size: 20px;
}

.ModBlogC .bbs-comments .comment .author .profile,
.ModBlogC .bbs-comments .totals {
	font-size: .9em;
	color: #aaa
}

.ModBlogC .bbs-article .content .metadata>div:not(:last-child),
.ModBlogC .bbs-listarticle {
	/*width: 47%;*/
	float: right;
	padding: 20px 25px;
	border: 1px solid #808080;
	margin: 10px;
	border-style: ridge;
}

.ModBlogC .bbs-comments {
	margin-top: 30px;
	padding-top: 10px;
	border-top: 1px solid #eee
}

.ModBlogC .bbs-comments .comment {
	padding: 10px 0
}

.ModBlogC .bbs-comments .comment .author {
	padding: 6px 0
}

.ModBlogC .bbs-comments .comment .author>div {
	display: inline
}

.ModBlogC .bbs-comments .comment .author .pic img {
	width: 32px;
	height: 32px;
	border-radius: 6px
}

.ModBlogC .bbs-comments .comment .author .pic {
	padding-right: 10px
}

.ModBlogC .bbs-comments .comment .content {
	font-size: 1.1em
}

.ModBlogC .bbs-comments .comment .actions {
	padding: 10px 0;
	color: #aaa;
	font-size: .9em
}

.ModBlogC .bbs-comments .comment .subcomments {
	padding-left: 30px
}

.ModBlogC .bbs-article .content {
	height: auto;
	overflow: hidden
}

@media only screen and (min-width:600px) {
	.ModBlogC .bbs-article .content .metadata {
		float: left;
		width: 240px
	}
	.ModBlogC .bbs-article .content .body {
		width: auto;
		overflow: hidden
	}
}

@media only screen and (max-width:599px) {
	.ModBlogC .bbs-article .content .metadata {
		display: block
	}
}

.ModBlogC .bbs-article .content .metadata {
	line-height: 21px
}

.ModBlogC .bbs-article .content .metadata>div {
	padding-bottom: 20px;
	margin: 0 20px 20px 0
}

.ModBlogC .bbs-article .content .metadata>div h5 {
	color: #aaa;
	text-transform: uppercase;
	font-weight: 700
}

.ModBlogC .bbs-article .content .metadata .sharrre {
	padding-top: 6px
}

.ModBlogC .bbs-article .content .metadata .sharrre a {
	padding-right: 14px
}

.ModBlogC .bbs-article .content .metadata .sharrre a i {
	font-size: 1.2em
}

.ModBlogC .bbs-article .content .metadata .tags a {
	display: block
}

.ModBlogC .bbs-article .content .body {
	padding-top: 20px
}

.ModBlogC .bbs-listarticle {
	overflow: hidden;
	padding: 20px 0;
	background: #eee;
	min-height: 601px;
}

.ModBlogC .bbs-listarticle h2 a,
.ModBlogC .bbs-listarticle h2 a:hover,
.ModBlogC .bbs-listarticle h2 a:visited {
	text-decoration: none
}

.ModBlogC .bbs-listarticle figure {
	margin: 8px 40px 0 0;
	width: 264px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.ModBlogC .bbs-listarticle .content {
	overflow: hidden
}

.ModBlogC .bbs-listarticle .content .summary,
.ModBlogC .bbs-listarticle .content .summary p {
	padding: 10px;
	font-size: 1.1em;
	line-height: 1.5;
	margin-bottom: 12px;
	background: #fff
}

.ModBlogC .bbs-listarticle .content .metadata {
	line-height: 18px;
	margin-left: -8px
}

.ModBlogC .bbs-listarticle .content .metadata div {
	display: inline;
	padding: 0 8px;
	font-size: .9em;
	color: #aaa
}

.ModBlogC .bbs-listarticle .content .metadata div:not(:last-child) {
	border-right: 1px solid #aaa
}

.ModBlogC .bbs-listarticle .content .metadata div:empty {
	display: none
}

.ModBlogC .bbs-pager {
	text-align: center
}

.ModBlogC .bbs-pager .bbs-pagination {
	width: 90%;
	max-width: 768px;
	margin: 2em auto 4em;
	text-align: center
}

.ModBlogC .bbs-pager .bbs-pagination li {
	display: none;
	margin: 0 .2em
}

.ModBlogC .bbs-pager .bbs-pagination li.button {
	display: inline-block
}

.ModBlogC .bbs-pager .bbs-pagination a,
.ModBlogC .bbs-pager .bbs-pagination span {
	display: inline-block;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	padding: .6em .8em;
	font-size: 1.6rem
}

.ModBlogC .bbs-pager .bbs-pagination a {
	border: 1px solid #e6e6e6;
	border-radius: .25em
}

.ModBlogC .bbs-pager .bbs-pagination .no-touch a:hover {
	background-color: #f2f2f2
}


.ModBlogC .bbs-pager .bbs-pagination a:active {
	-webkit-transform: scale(.9);
	-moz-transform: scale(.9);
	-ms-transform: scale(.9);
	-o-transform: scale(.9);
	transform: scale(.9)
}

.ModBlogC .bbs-pager .bbs-pagination a.disabled {
	color: rgba(46, 64, 87, .4);
	pointer-events: none
}

.ModBlogC .bbs-pager .bbs-pagination a.disabled::after,
.ModBlogC .bbs-pager .bbs-pagination a.disabled::before {
	opacity: .4
}

.ModBlogC .bbs-pager .bbs-pagination .button:first-of-type a::before {
	content: '\00ab  '
}

.ModBlogC .bbs-pager .bbs-pagination .button:last-of-type a::after {
	content: ' \00bb'
}

.ModBlogC .bbs-pager .bbs-pagination .current {
	background-color: #777;
	border-color: #777;
	color: #fff;
	pointer-events: none
}

@media only screen and (min-width:768px) {
	.ModBlogC .bbs-pager .bbs-pagination li {
		display: inline-block
	}
}

@media only screen and (min-width:1170px) {
	.ModBlogC .bbs-pager .bbs-pagination {
		margin: 4em auto 8em
	}
}

.ModBlogC .supertitle {
	text-transform: uppercase
}

.ModBlogC .supertitle span {
	font-weight: 700
}

.ModBlogC .supertitle:empty {
	display: none
}

.ModBlogC .comma:not(:first-child):before {
	content: ", "
}

.ModBlogC .commands {
	padding-top: 20px
}

.panel-body, .panel-footer {
	font-size: 14px;
}

.panel-body > ul, .panel-footer > ul, .panel-collapse > ul 
{
	margin-left: 40px;
}

.time
{
	margin-left: 40px;
	margin-top: 10px;
}

#more {display: none;}