.pages {
	width:100%;
	display:block;
	height:25px;
	text-align:middle;
	position:relative;
	margin-bottom:20px;
}
.pages .arrow {
	display:inline-block;
	position:absolute;
	top:0;
	width:25px;
	height:25px;
	cursor:pointer;
	font-size:18px;
	background:rgba(55,30,0,0.2);
	padding-top:4px;
}
.pages .arrow:hover { color:#fff; }
.pages .arrow.prev { left:0; }
.pages .arrow.next { right:0; }
.pages .middle {
	display:inline-block;
	padding-top:3px;
}
.pages .middle:before {
	content:"Page: ";
	display:inline-block;
	margin-right:10px;
}
.pages .ellipsis:before {
	content:". . .";
	display:inline-block;
	margin:0 1px;
	font-weight:bold;
}
.pages .page {
	cursor:pointer;
	padding:1px 2px;
}
.pages .page:hover, .pages .page.current { text-decoration: underline; }


#like_list {}
#like_list .content {
	max-height:80%;
	min-width:100px;
	font-size:18px;
	padding:35px 17px;
	text-align:left;
}
#like_list .content .users .user {
	display:block;
	margin-bottom:4px;
	cursor:pointer;
}
#like_list .content .users .user:last-child { margin-bottom:0; }
#like_list .content .users .picture {
	display:inline-block; vertical-align: middle;
	width:24px;
	height:24px;
	background-size:cover;
	background-position:center;
}
#like_list .content .users .name {
	margin-left:6px;
	display:inline-block; vertical-align: middle;
}
#like_list .content .users .user:hover .name { text-decoration: underline; }


.post {
	width:100%;
	text-align:left;
}
.post a { color:#432; }
.post a:hover { text-decoration: underline; }

.post.new.disabled { opacity:0.7; }
.post.new {
	margin-bottom:25px;
}
.post.new .section {
	display:none;
	width:100%;
}
.post.new .section.type,
.post.new .section.submit,
	.post.new.video .section.text.regular, .post.new.video .section.video,
	.post.new.text .section.text.regular, .post.new.text .section.images {
	display:block;
}

.post.new .section.hidden { display:none !important; }

.post.new .section.type {
	width:100%;
	margin-bottom:10px;
	font-size:0;
}
.post.new .section.type > div {
	display:inline-block;
	width:40%;
	width:calc(50% - 5px);
	margin-left:10px;
	font-size:16px;
	background:rgba(255,255,255,0.2);
	padding:4px 8px;
	text-align:center;
	cursor:pointer;
}
.post.new .section.type > div:first-child { margin-left:0; }
.post.new .section.type > div.active, .post.new .section.type > div:hover {
	background:rgba(255, 255, 255, 0.8);
}

.post.new .input input {
	margin-bottom:10px;
	display:block;
	width:100%;
	font-size:16px;
	padding:10px 12px;
}

.post.new .text textarea {
	display:block;
	width:100%;
	min-height:70px;
	font-size:16px;
	padding:10px 12px;
	resize:none;
}
.post.new .text textarea.shrink {
	min-height:20px;
}

.post.new .images input { display:none; }
.post.new .images .imgs {
	padding:9px 9px 9px 0;
}
.post.new .images .imgs .img {
	position:relative;
	width:75px;
	height:75px;
	margin-right:9px;
	display:inline-block;
}
.post.new .images .img.sample {
	background-size:cover;
	background-position:center;
	background-color:rgba(255,255,255,0.24);
}
.post.new .images .imgs .img.dummy { display:none; }
.post.new .images .imgs .img.new {
	border:3px dashed #432;
	cursor:pointer;
}
.post.new .images .imgs .img.new:before, .post.new .images .imgs .img.new:after {
	content:" ";
	position:absolute;
	left:calc(50% - 2px);
	top:calc(50% - 2px);
	border:2px solid #000;
	border-color:inherit;
}
.post.new .images .imgs .img.new:before {
	top:calc(38% - 2px);
	height:24%;
}
.post.new .images .imgs .img.new:after {
	left:calc(38% - 2px);
	width:24%;
}
.post.new .images .imgs .img.new:hover { border-color:#765; }
.post.new .submit {
	position:relative;
	padding:8px 0px;
	text-align: left;
	border-bottom:1px solid #876;
	min-height:38px;
}
.post.new .submit .button {
	position:absolute;
	right:0;
	top:8px;
	display:inline-block;
	padding:3px 6px;
	background:#432;
	color:#fff;
	font-size:16px;
	cursor:pointer;
}
.post.new .submit .dropdown {
	cursor:pointer;
	text-decoration: underline;
	text-transform: lowercase;
	color:#222;
}
.post.new .submit .extra {
	display:block;
	max-height:0;
	overflow:hidden;
}
.post.new .submit .extra.down {
	max-height:110px;
	margin-top:3px;
	padding-bottom:5px;
}


.post .profile.picture {
	background-color:rgba(255,235,215,0.4);
	background-size: cover;
	background-position: center;
}

.post.full {
	padding:10px 12px;
	margin-bottom:25px;
	border-top:1px solid #876;
	border-bottom:1px solid #876;
}
.post.full.sticky { border-top-width:3px; border-bottom-width:3px; }
.post.full .top {
	width:100%;
	height:50px;
	position:relative;
}
.post.full .top .picture {
	display:inline-block;
	vertical-align: top;
	width:50px;
	height:50px;
}
.post.full .top .stuff {
	display:inline-block;
	vertical-align: top;
	width:calc(100% - 50px - 16px);
	padding-left:16px;
	height:50px;
}
.post.full.sticky .top .stuff a { color:#004a00; }
.post.full.sticky .top .stuff a.name:after { content:"(STICKIED)"; font-size:80%; margin-left:10px; display:inline-block; }
.post.full .top .name {
	display:inline-block;
	margin:6px 6px 2px 0;
	font-weight:bold;
	font-size:22px;
	cursor:pointer;
	vertical-align: middle;
}
.post.full .top .badge {
	display:inline-block;
	margin:6px 5px 2px 0;
}
.post.full .top .time {
	display:inline-block;
	font-weight:bold;
	font-size:16px;
	color:#666;
	cursor:pointer;
}
.post.full .top .time:hover { text-decoration: underline; }
.post.full .top .like_widget {
	position:absolute;
	top:0;
	right:0;
	text-align:right;
	height:100%;
	font-family:rs2;
}
.post.full .top .like_widget > *, .post.full .top .like_widget .like_link > * {
	display:inline-block;
	vertical-align: middle;
}
.post.full .top .like_widget .like_link {
	cursor:pointer;
}
.post.full .top .like_widget .text {
	max-width:0;
	font-size:18px;
	overflow:hidden;
	white-space: nowrap;
	margin-right:5px;
}
.post.full .top .like_widget .like_link:hover .text { max-width:60px; }
.post.full .top .like_widget .text span:after { content: " this"; }
.post.full .top .like_widget.nliked .text .ul, .post.full .top .like_widget.liked .text .ll { display:none; }
.post.full .top .like_widget .icon {
	width:40px;
	height:40px;
	background:transparent url("../images/likes/spade.png") no-repeat center;
	background-size:cover;
	opacity:0.65;
}
.post.full .top .like_widget.liked .icon { background-image:url("../images/likes/chest.png"); }
.post.full .top .like_widget .like_link:hover .icon { opacity:1; }
.post.full .top .like_widget .count {
	font-size:25px;
	width:30px;
	text-align:center;
	cursor:pointer;
}
.post.full .top .like_widget .count:hover { text-decoration: underline; }

.post.full .newalert {
	margin-top:10px;
	color:#a33;
	font-size:18px;
	font-weight:bold;
}
.post.full .newalert .dropdown {
	font-weight:normal;
	display:inline-block;
	vertical-align: bottom;
	font-size:16px;
	color:#333;
	cursor:pointer;
	margin-left:10px;
	text-decoration: underline;
}
.post.full .newalert .extra {
	max-height:0px;
	overflow:hidden;
	font-weight:normal;
	color:#222;
	font-size:16px;
}
.post.full .newalert .extra.down {
	max-height:60px;
	margin-top:3px;
	padding-bottom:5px;
}

.post.full .tags {
	margin-top:10px;
}
.post.full .tags .tag {
	display:inline-block;
	font-size:16px;
	margin-right:5px;
	padding:3px 8px 2px;
	border-radius:6px;
	background:#432;
	color:#fff;
	cursor:pointer;
}
.post.full .tags .tag .delete {
	display:inline-block;
	vertical-align: top;
	border-radius:100px;
	font-size:16px;
	background:#cba;
	color:#000;
	width:11px;
	height:11px;
	position:relative;
	top:2px;
	margin-left:4px;
}
.post.full .tags .tag .delete:hover {
	font-weight:bold;
}
.post.full .tags .tag .delete:after {
	content:"x";
	color:#000;
	font-size:16px;
	position:absolute;
	left:3px;
	top:-3px;
}
.post.full .tags .tag:hover { background:#654; }
.post.full .tags .tag.active:hover { background:#432; }
.post.full .tags .tag.add {
	font-style: italic;
}
.post.full .tags .tag.add.active .text { display:none; }
.post.full .tags .tag.add .input {
	display:none;
	position:relative;
	width:100px;
	overflow:visible;
}
.post.full .tags .tag.add.active .input { display:block; }
.post.full .tags .tag.add input {
	width:100%;
	font-size:16px;
	background:rgba(255,255,255,0.2);
	color:#fff;
	padding:0 2px;
}
.post.full .tags .tag.add input:disabled { background:rgba(255,255,255,0.4); color:#bbb; }
.post.full .tags .tag.add .dropdown {
	position:absolute;
	left:0;
	top:100%;
	width:100%;
	background:#cba;
	color:#000;
	z-index:5;
}
.post.full .tags .tag.add .dropdown .option {
	width:100%;
	padding:1px 2px;
	cursor:pointer;
}
.post.full .tags .tag.add .dropdown .option:hover, .post.full .tags .tag.add .dropdown .option.selected { background:#987; }

.post.full .body {
}
.post.full .body .text {
	font-size:20px;
	margin-top:8px;
}
.post.full .body .images {
	margin-top:10px;
	width:100%;
	text-align:center;
}
.post.full .body .images .image {
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	border:1px solid #765;
	opacity:1;
	cursor:pointer;
}
.post.full .body .images .image:hover { opacity:0.8; }

.post.full .body .images.box1 {
	height:260px;
}
.post.full .body .images.box1 .image {
	display:inline-block;
	max-width:600px;
	width:100%;
	height:100%;
}

.post.full .body .images.box2 {
	height:280px;
}
.post.full .body .images.box2 .image0 {
	float:left;
	width:50%;
	width:calc(50% - 5px);
	height:100%;
}
.post.full .body .images.box2 .image1 {
	float:right;
	width:50%;
	width:calc(50% - 5px);
	height:100%;
}

.post.full .body .images.box3 {
	height:300px;
}
.post.full .body .images.box3 .image0 {
	float:left;
	width:60%;
	width:calc(60% - 5px);
	height:100%;
}
.post.full .body .images.box3 .image1 {
	float:right;
	width:40%;
	width:calc(40% - 5px);
	height:50%;
	height:calc(50% - 5px);
}
.post.full .body .images.box3 .image2 {
	float:right;
	width:40%;
	width:calc(40% - 5px);
	height:50%;
	height:calc(50% - 5px);
	margin-top:10px;
}
.post.full .comments {
	margin-top:10px;
}


.post .comments.empty { display:none; }
.post .comments {
	background:rgba(255,255,255,0.2);
	padding:5px 0;
}
.post .comments .comment {
	margin-bottom:7px;
	padding-left:7px;
	width:calc(100% - 7px);
	position:relative;
}
.post .comments .comment.highlight { background:#fed; }
.post .comments .comment.disabled { opacity:0.7; }
.post .comments .comment:last-child { margin-bottom:0;}
.post .comments .comment .sep {
	display:inline-block;
	vertical-align: middle;
	margin:0 4px;
}
.post .comments .comment .sep:before {
	content: "-";
}
.post .comments .picture {
	display:inline-block;
	vertical-align: top;
	width:35px;
	height:35px;
}
.post .comments .content, .post .new textarea {
	display:inline-block;
	vertical-align: top;
	width:calc(100% - 35px - 10px - 7px);
	margin-left:10px;
}
.post .comments .content {
	padding-top:-1px;
	font-size:18px;
}
.post .comments .content .name {
	font-weight:bold;
	margin-right:1px;
	vertical-align: middle;
}
.post .comments .content .badge {
	margin-right:1px;
	vertical-align: middle;
}
.post .comments .content .text {
	display:inline;
	vertical-align: middle;
	word-wrap: break-word;
}
.post .comments .content .text a { color:#432; }
.post .comments .content .text a:hover { text-decoration: underline; }
.post .comments .content .second {
	margin-top:0px;
	font-size:16px;
}
.post .comments .content .second .delete {
	display:inline-block;
	cursor:pointer;
}
.post .comments .content .second .delete:hover { text-decoration: underline; }
.post .comments .loadmore {
	display:block;
	width:100%;
	text-align:center;
	margin-bottom:5px;
	padding:2px 0;
	cursor:pointer;
}
.post .comments .loadmore:hover { background:#543; color:#fff; }
.post .comment.new textarea {
	min-height:36px;
	padding:2px 10px 2px 4px;
	font-size:16px;
	resize: none;
}
.post .comment.new input {
	position:absolute;
	bottom:0px;
	right:7px;
	outline:none;
	font-size:16px;
	padding:2px 5px;
	cursor:pointer;
}
.post .comment .like_widget {
	display:inline-block;
}
.post .comment .like_widget > * {
	display:inline-block;
	vertical-align: middle;
}
.post .comment .like_widget .like_link:hover, .post .comment .like_widget .count:hover { text-decoration: underline; cursor:pointer; }
.post .comment .like_widget .like_link:after { content:" this"; }
.post .comment .like_widget.nliked .ul, .post .comment .like_widget.liked .ll { display:none; }
.post .comment .like_widget .count {
	display:inline-block;
	vertical-align: middle;
	font-weight:bold;
	position:relative;
}
.post .comment .like_widget .count:after {
	display:inline-block;
	vertical-align: middle;
	width:40px;
	height:14px;
	background:transparent url("../images/likes/spade_h.png") no-repeat center;
	background-size:contain;
	content:" ";
	position:relative;
	top:-2px;
}
.post .comment .like_widget .count[likes="0"] { font-weight:normal; font-size:inherit; }
.post .comment .like_widget .count[likes="0"]:after { display:none; }

.post .video {
	margin-top:10px;
	width:100%;
	text-align:center;
}
.post .video .centered {
	width:100%;
	max-width:650px;
	display:inline-block;
}
.post .video .wrapper {
	display:inline-block;
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	width:100%;
	height: 0;
}
.post .video .wrapper iframe {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}