#social-chapman-container { /*max-height:3000px; */ }

#social-chapman-container .padding { padding:15px; }

#social-chapman-container .tile { font-family:"Rooney Sans", "Open Sans", Helvetica, Arial, sans-serif; margin:0 0 20px 0; position: relative; box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.2);  }
#social-chapman-container .message { font-size:12px; line-height:18px; color:#4f4f4f; background:#FFFFFF; padding: 15px 15px 15px 80px; border-bottom:1px solid #dfded8; position: relative; min-height:50px; }
#social-chapman-container .message p { margin-bottom:5px; margin-top:0; word-wrap:break-word; }
#social-chapman-container .message h3 { margin:0; }

#social-chapman-container .message img { max-width:100%; }

/* Triangle */
#social-chapman-container .message:after { display:block; content:""; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #d8d8d8; position: absolute; left:50px; bottom:-2px; z-index: 3; }
#social-chapman-container .message:before { display:block; content:""; width: 0; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 9px solid #dfded8; position: absolute; left:49px; bottom:-1px; z-index: 2; }

#social-chapman-container .big-photo .message { padding:0; }
#social-chapman-container .big-photo .message img { width:100%; height: auto; margin-bottom:-5px; }
#social-chapman-container .big-photo .message .caption { text-indent: -9999px; background:url('../img/caption.png') no-repeat 15px center; background-size: 30px; min-height:30px; min-width:30px;margin:0; padding:15px; box-sizing: border-box; color:#EEEEEE; font-weight:100; position: absolute; bottom:0; left:0; width:100%;
   -webkit-transition: background 0.1s ease-out; -moz-transition: background 0.1s ease-out; -o-transition: background 0.1s ease-out; transition: background 0.1s ease-out;
}
#social-chapman-container .big-photo .message:hover .caption { background-color:rgba(0,0,0,0.7); background-image:none; background-size: 30px; min-height:30px; min-width:30px; text-indent: 0; }
#social-chapman-container .big-photo .service_image { display: none; s}

#social-chapman-container .service_image { position: absolute; z-index: 1; top:15px; left:15px; width:50px; height:50px; background-size:contain !important; border-radius:50%; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); }
#social-chapman-container .service_image.window { background:url(../img/cu_window.png) no-repeat center; }
#social-chapman-container .service_image.pinterest { background:url(../img/icon_box_pinterest.gif) no-repeat center; }
#social-chapman-container .service_image.instagram { background:url(../img/icon_box_instagram.gif) no-repeat center; }
#social-chapman-container .service_image.twitter { background:url(../img/icon_box_twitter.gif) no-repeat center; }

#social-chapman-container .meta { display: table; width: 100%; font-size:10px; color:#313131; line-height:14px; background:#d8d8d8; border-top:1px solid #efeee8; overflow: auto; }
#social-chapman-container .meta:hover { background:#ffffff; }

#social-chapman-container a,
#social-chapman-container a:link,
#social-chapman-container a:visited { text-decoration:none; word-wrap:break-word; }
#social-chapman-container a:hover { text-decoration:underline; }

#social-chapman-container .meta a.author,
#social-chapman-container .meta a.author:link,
#social-chapman-container .meta a.author:visited { text-decoration:none; color:#313131; display: table-cell; vertical-align: middle; padding-top: 15px; padding-bottom: 15px; }
#social-chapman-container .meta a.author:hover { text-decoration:underline; }

#social-chapman-container .meta a.timestamp-link,
#social-chapman-container .meta a.timestamp-link:link,
#social-chapman-container .meta a.timestamp-link:visited { display: table-cell; float: right; }
#social-chapman-container .meta a.timestamp-link:hover { text-decoration:underline; }

#social-chapman-container .meta .timestamp { display: table-cell; vertical-align: middle; padding: 25% 15px 25% 0; }
#social-chapman-container .meta .author { box-sizing: border-box; max-width: 200px; }
#social-chapman-container .meta .author:hover { text-decoration: none; color:#a82439; }


/* Service icons */
.backgroundsize #social-chapman-container .tile .author { background-size: 15px; padding-left:35px; background-repeat: no-repeat; background-position: 15px center }
.backgroundsize #social-chapman-container .tile-twitter .author { background-image: url(../img/icon_box_twitter.gif); }
.backgroundsize #social-chapman-container .tile-facebook .author { background-image: url(../img/icon_box_facebook.gif); }
.backgroundsize #social-chapman-container .tile-instagram .author { background-image: url(../img/icon_box_instagram.gif); }
.backgroundsize #social-chapman-container .tile-wordpress .author { background-image: url(../img/icon_box_wordpress.gif); }
.backgroundsize #social-chapman-container .tile-pinterest .author { background-image: url(../img/icon_box_pinterest.gif); }
.backgroundsize #social-chapman-container .tile-youtube .author { background-image: url(../img/icon_box_youtube.gif); }

#loadMore { display: block; background:#d9d9d9; border:1px solid #d9d9d9; border-radius:3px; padding:5px; margin:10px 0; text-align: center; color:#383936; text-decoration: none; }
#loadMore:hover { background:#FFFFFF; }

#goToSocialChapman { display: block; text-align: right; font-size:12px; margin-top:5px; }

/***************
Image Quick View
****************/
#socialWidgetQuickView {display:none; width:100%; height:100%; background:#333333; background:rgba(0,0,0,0.6); z-index:99999; position:fixed; top:0; left:0; }
#socialWidgetQuickViewTable { display:table; width:100%; height:100%; }
#socialWidgetQuickViewCell { display:inline-block; display:table-cell; vertical-align: middle; text-align: center; width:100%; height:100%; }
#socialWidgetQuickView img { max-width: 90%; max-height: 90%; box-shadow: 2px 2px 5px rgba(0,0,0,0.8); cursor: pointer; }
#social-chapman-container .message img { cursor:pointer; }

/***************
WP Dashboard view
****************/
@media only screen and (min-width:960px) {
	#social-chapman-container .meta .author { max-width: 180px; }
}

@media only screen and (min-width:1200px) {
	#social_chapman_dashboard .message img { max-width:200px; float:right; margin-left:20px; margin-bottom:20px; border-radius:5px; }
	#social_chapman_dashboard .tile {  margin:0 0 20px 0; padding:5px 10px; box-shadow:none;  }
	#social_chapman_dashboard .message,
	#social_chapman_dashboard .meta { background:none; }
}

#social_chapman_dashboard .message h3 { padding-left:0; margin-bottom:10px; cursor: default; }
#social_chapman_dashboard .message h3 a:hover { text-decoration:none !important; }