/*
 * @author:	Geert Romijn
 * @about: 	mod-weblog.css - Weblog module layout and positioning
 */

/*
	.wl-post-list
	Weblog snippet: List of posts (titles only, titles + summary, full posts)
*/

.wl-post-list {
	position: relative;
}

/** RSS Feed */

.wlpl-rss {
	position: absolute;
	top: -32px;
	right: 0;
	display: block;
	width: 16px;
	height: 16px;
	text-indent: -999em;
	background: url(../img/rss.png) no-repeat 0 0;
}

.wlpl-title ol,
.wlpl-extended-title ol,
.wl-post-list ol,
#wl-comments ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

/**
 * Meta and Tags
 */

.wl-tags a {
	text-decoration: none;
}

.wl-tags a:hover {
	color: #c6285f;
}

.wl-tags a:before {
	margin-right: .3em;
	color: #8fbfd4;
}

.wl-tags span {
	position: absolute;
	left: -999em;
}

/** Meta */

.wl-meta-sep,
.wl-meta-sep-1,
.wl-meta-sep-2 {
	display: inline-block;
	width: 0;
	margin: 0 .5em;
	border-right: 1px solid #b8c4de;
	line-height: 20px;
	text-indent: -999em;
}

.wl-meta {
	margin-bottom: .5em;
	color: #133d8d;
}

.wl-meta .time {
	color: #b2b2b2;
}

.wl-meta a {
	display: inline-block;
	font-weight: bold; /** author */
	text-decoration: none;
}

.wl-meta .wlp-reaction-amount {
	font-weight: normal; /** rest .wl-meta a style for other links than author links */
}

.wl-meta .wlp-reaction-amount:before {
	margin-right: .3em;
	color: #8fbfd4;
}

/**
 * Styling weblog lists
 */

.wl-post-list .wl-intro {
	clear: left;
	overflow: auto;
	min-height: 80px;
}

.wl-post-list .wl-intro p {
	margin-bottom: 1em;
}

.wli-image-small {
	float: right;
	margin: .3em 0 .5em 25px;
}

/**
 * Styling blogpost list
 */

/** dont show extra title in post-list */
.wlpl-introduction > h2 {
	display: none;
}

.wlpl-introduction li {
	overflow: hidden;
	padding: 1.5em 0;
	border-top: 1px solid #c7dfe9;
}

.wlpl-introduction li.last {
	border-bottom: 1px solid #c7dfe9;
}

.wl-post-list .has-overlay:hover h2,
.wl-post-list .has-overlay:hover h2 a {
	color: #c6285f;
}

.wlpl-introduction h2 a {
	text-decoration: none;
}

.wlpl-introduction .wl-meta {
	margin-bottom: 1em;
}

.wlpl-introduction .wl-tags {
	margin-bottom: 1em;
}

@media screen and (max-width: 649px) {
	.wli-image-small img {
		width: 80px;
	}
}

/**
 * Styling post list without intro (width image)
 */

.wlpl-extended-title h2 {
	display: none;
}

.wlpl-extended-title ol {
	margin: 10px 0 1em;
	border-top: 1px solid #c7dfe9;
}

.wlpl-extended-title li {
	overflow: hidden;
	padding: 1em 0;
	border-bottom: 1px solid #c7dfe9;
}

.wlpl-extended-title .wli-image-small {
	margin: 0 0 0 15px;
}

.wlpl-extended-title .wli-image-small img {
	display: block;
}

.wlpl-extended-title .wl-tags {
	margin-bottom: 0;
}

.wlpl-extended-title .has-overlay:hover .wlp-title {
	color: #c6285f;
}

/**
 * Full post
 */

.wl-full-post {
	padding-top: 1em;
}

/*.wl-full-post .picture-container {
	width: 100%;
}*/

.wl-full-post h1 {
	display: none;
}

.wli-image-large {
	display: block;
	height: auto;
	width: 100%;
}

.wl-related-posts li:hover a { /** reset .grad-hover1 */
	text-decoration: none
}

.wl-full-post .wl-section { /** Share this section */
	clear: both;
	padding: 1em 0 3em;
}

.wl-full-post .wl-section h3,
.wl-nav {
	display: none;
}

.wl-full-post .wl-meta {
	margin-bottom: 1em;
}

.wl-full-post .wl-tags {
	padding-top: 1em;
	border-top: 1px solid #c7dfe9;
}

/*
	.wl-post-navigation
	Weblog snippet: Full post layout
*/

.wl-post-navigation {
	overflow: hidden;
	margin-bottom: 2em;
	padding-bottom: 2em;
	border-bottom: 1px solid #c7dfe9;
}

.wl-post-nav {
	width: 45%;
	text-decoration: none;
}

.wl-post-nav-title,
.wl-post-nav-text {
	display: block;
}

.wl-post-nav-text {
	margin-bottom: .3em;
	font-size: 12px;
	font-weight: bold;
	color: #b2b2b2;
}

.wl-past-nav-sep {
	display: none;
}

.wl-post-prev {
	float: left;
}

.wl-post-next {
	float: right;
	text-align: right;
}

.wl-post-prev .wl-post-nav-text:before,
.wl-post-next .wl-post-nav-text:after {
	transition: all .2s;
}

.wl-post-prev .wl-post-nav-text:before {
	margin: 1px 3px 0 3px;
}

.wl-post-next .wl-post-nav-text:after {
	margin: 1px 3px 0 3px;
}

/** hover */

.wl-post-prev:hover .wl-post-nav-text:before {
	margin: 1px 6px 0 0;
}

.wl-post-next:hover .wl-post-nav-text:after {
	margin: 1px 0 0 6px;
}

.wl-post-nav:hover .wl-post-nav-title {
	color: #c6285d;
}

/*
	#wl-comments
	Default comments layout
*/

#wl-comments ol {
	margin-bottom: 3.7em;
}
#wl-comments li {
	padding: 1em 0 0;
	border-top: 1px solid #c7dfe9;
}

#wl-comments .author {
	display: inline;
	font-weight: bold;
}

#wl-comments .time,
#wl-comments .wl-meta {
	color: #b2b2b2;
	font-weight: normal;
}

#message-tutorial,
#wl-comments .wl-meta img {
	display: none;
}

#wl-comments .link-add-right {
	float: right;
	text-decoration: none
}

.markdown-preview-title,
#message-markdown-preview {
	display: none;
}

/*
	.wl-authorlist-x
	List of faces with introduction text.
*/
.wl-authorlist ul {
	height: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	border-bottom: 1px solid #c7dfe9;
}

.wl-authorlist li {
	position: relative;
	width: 100%;
	padding: 0;
	border-top: 1px solid #c7dfe9;
	overflow: hidden;
	clear: left;
}

.wl-authorlist a,
.wl-authorlist li > div {
	display: table;
	overflow: auto;
	min-height: 40px;
	padding: .5em 0;
}

.wl-authorlist a,
.wl-authorlist:hover a {
	width: 100%;
	text-decoration: none;
}

.wl-authorlistImageContainer,
.wl-authorlistNameContainer {
	display: table-cell;
	vertical-align: middle;
}

.wl-authorlistImageContainer {
	width: 50px;
}

.wl-authorlist img,
.wl-author-info img {
	display: block;
	margin: 0;
}

.wl-authorlist h3 {
	margin-bottom: 0;
	font-size: 14px;
	font-weight: bold;
}

/** arrow when link */
.wl-authorlist a:hover h3 {
	color: inherit;
}

/*.wl-authorlist a:hover h3 {*/
	/*color: #c6285f;*/
/*}*/

/*.wl-authorlist a h3:after {*/
	/*transition: transform .2s;*/
/*}*/

/*.wl-authorlist a:hover h3:after {*/
	/*transform: translateX(3px)*/
/*}*/

/**
 * Author info
 */

.wl-author-info {
	clear: left;
	overflow: auto;
	margin-bottom: 2em;
}

.wl-author-info-container {
	display: table;
}

.wl-author-info-image-container,
.wl-author-info-body {
	display: table-cell;
	vertical-align: top;
}

.wl-author-info-image-container {
	width: 90px;
}

.wl-author-info-container a {
	text-decoration: none;
}

.wl-author-info h3 {
	font-weight: bold;
}

.wl-author-info li {
	font-size: 13px;
}

.wl-author-info a h3:after {
	margin-left: .3em;
	transition: all .2s;
}

.wl-author-info a:hover h3:after {
	margin-left: .6em;
}

.content .wl-author-info {
	padding: 2em 0;
	border-top: 1px solid #c7dfe9;
	border-bottom: 1px solid #c7dfe9;
}

.blog-full-post .sidebar .wl-author-info {
	display: none;
}

/**
 * Social media icons
 */

.smi-list {
	margin: .3em 0 0;
	overflow: hidden;
	list-style: none;
}

.smi-list li {
	float: left;
	margin-right: 5px;
}

.smi-list a {
	display: block;
	width: 18px;
	height: 22px;
	text-indent: -999em;
	background: url(../img/smi-sprite.png);
}

.rss-link a {
	background-position: 0 0;
}

.gplus-link a {
	background-position: -26px 0;
}

.in-link a {
	background-position: -52px 0;
}

.tw-link a {
	background-position: -78px 0;
}

.fb-link a {
	background-position: -102px 0;
}

/**
 * tagcloud
 */

.wl-tagcloud ul {
	margin: 0;
	padding: 5px 15px 5px;
	list-style: none;
	background: #e9f2f7;
}

.wl-tagcloud li {
	border-bottom: 1px solid #c7dfe9;
}

.wl-tagcloud li.last {
	border-bottom: 0;
}

.wl-tagcloud ul a {
	display: block;
	padding: .6em 0;
	text-decoration: none;
}

.wl-tagcloud ul a:before {
	margin-right: .3em;
	color: #8fbfd4;
}

.tag-count {
	color: #8fbfd4;
}

/**
 * Captcha
 */

#wl-respond .recaptcha_theme_clean {
	display: block;
	width: 430px;
	overflow: hidden;
}

#recaptcha_logo {
	width: 50px;
	height: auto;
}

/**
 * Archive list
 */

.wlpl-archive ol {
	margin-bottom: 1.5em;
}

.wlpl-archive li {
	overflow: hidden;
	margin-bottom: .3em;
}

.wlpl-archive .time {
	float: left;
	width: 9em;
}

.wlpl-archive a {
	display: block;
	margin-left: 10em;
}