.article li { margin-top: 10px; list-style: inherit;}
.article li:first-child { margin-top: 0px;}
.article .body img { max-width: 100%;}



/* Homepage articles preview */

.resent-news.homepage {
	margin: -14px;
}

.resent-news.homepage .article {
	width: 50%;
	float: left;
}
.news .article { 
	display: block;
	background: #fff;
}
	.news .article a { 
		display: block;
		overflow: hidden;
		position: relative;
		height: 100%;
		width: 100%;
	}

.resent-news.homepage .article a {
	padding: 14px;
	display: block;
	overflow: hidden;
}
	.article .media-img {
		width: 100%;
		z-index: 5;
	}
	.news .article img {
		height: 100%;
		width: auto;
		position: absolute;
		z-index: 5;
	}
	.article .media-img:before {
		background: rgba(0, 0, 0, 0.8);
	}
	.article a:hover .media-img {
		background: none;
	}
	.article h3 {
		font-size: 21px;
		line-height: 22px;
		color: #222;
		font-weight: normal;
		font-family: 'Roboto Condensed', sans-serif;
		padding: 0px 0px 8px;
	}
	.article a:hover h3 {
		color: #e84c3d;
	}
	.news .article .body, .articles .article .body {
		padding: 20px;
	}
	.recent-portal.news .article .body {
		display: block;
		padding: 15px;
		min-height: 180px;
	}
	.news .article .body {
		display: block;
		padding: 20px 20px 20px 376px;
	}
		.article .body p {
			color: #333;
			font-size: 14px;
			line-height: 18px;
		}
		.article .body .meta {
			font-style: italic;
			color: #858585;
			font-size: 12px;
			text-align: right;
			display: inherit;
			padding: 8px 0px 0px;
		}

	.resent-news .article .media {
		height: 80px;
	}
	.news .article .media {
		width: 357px;
		height: 100%;
		position: absolute;
		display: inline-block;
	}
	   .news .article-link .media .overlay {
		   filter: Alpha(Opacity=0);
		   opacity: 0;
		   background: rgba(0,0,0, 0.6);
	   }
	      .news .article-link:hover .media .overlay {
		      opacity: 1;
		      -webkit-transition: all 0.2s ease-in-out;
		      transition: all 0.2s ease-in-out;
	      }
	   .news .article-link .media .icon {
		   color: #fff;
		   position: relative;
		   left: auto;
		   top: -100px;
		   font-size: 35px;
		   margin: -14px auto 0px;

		   -webkit-transition: all 0.2s ease;
		   -moz-transition: all 0.2s ease;
		   -o-transition: all 0.2s ease;
		   transition: all 0.2s ease;
	   }
	      .news .article-link:hover .media .icon {
		      top: 50%;
	      }
	.articles .article .media {
		height: auto;
	}
		.resent-news.homepage .article .media .links {
			position: absolute;
			z-index: 99;
		} 
		.news .article .media .rating {
			position: absolute;
			z-index: 99;
			right: 10px;
		} 
		.news .article .media .links {
			top: 15px;
			left: 15px;
			width: 70px;
			background: #fff;
			position: absolute;
			z-index: 99;
		}
			.news .article .media .links .date {
				font-size: 16px;
				background: #e84c3d;
				padding: 10px 13px;
				display: block;
				color: #fff;
				text-align: center;
				width: 44px;
				font-weight: bold;
				line-height: 21px;
			}
			.news .article .media .links .likes {
				padding: 6px 0px;
				text-align: center;
				display: block;
				font-size: 14px;
				font-weight: bold;
				width: 70px;
				color: #333;
			}
				.news .article .media .links .likes .icons { font-size: 12px; margin: 0px 4px 0px 0px;}

/* ------- */

.ipsLayout_content .subcat {
	margin-bottom: 10px;
	padding: 15px 0 10px;
	border-top: 1px solid #d8d8d8;
	overflow: hidden;
}

	.ipsLayout_content .subcat h2 {
		float: left;
		width: 180px;
		font-weight: normal;
	}
	
		.ipsLayout_content .subcat h2 .desc {
			display: block;
			margin-top: 10px;
		}
		
		.ipsLayout_content .subcat h2 img {
			vertical-align: middle;
			margin-right: 5px;
		}

		.ipsLayout_content .subcat h2 a {
			text-decoration: none;
		}

	.ipsLayout_content .subcat em.moderated {
		padding: 5px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
	}

.ipsLayout_content .children {
	overflow: hidden;
	font-size: 11px;
	margin-top: 8px;
	float: left;
	clear: left;
	max-width: 180px;
	margin-left: 20px;
	line-height: 130%;
}


.ipsLayout_content .pagelinks a {
	display: inline-block;
	text-decoration: none;
	margin-left: 5px;
	padding: 4px 7px 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font-size: 14px;
	font-weight: bold;
}

	.ipsLayout_content .pagelinks a:hover {
		text-decoration: none !important;
	}

.ipsLayout_content .links {
	display: inline-block;
}

.article-pages {
	overflow: hidden;
}

span.pagination.no_pages {
	display: none;
	height: 0px;
}



#category_list, #recent_articles, #recent_comments {
	padding: 0px;
	overflow: hidden;
}

	#category_list h3, #recent_articles h3, #recent_comments h3 {
		margin: 0px 0px 3px 0px;
	}

		#category_list h3 a {
			font-size: 10px;
			text-decoration: none;
			float: right;
			font-weight: normal;
			padding-top: 2px;
		}

	#category_list ul a {
		text-decoration: none;
		display: block;
		padding: 8px 12px;
		background-color: #fafbfc;
		border-right: 10px solid #1d3652;
	}

		#category_list ul a:hover {
			background: #d5dde5;
			border-right: 10px solid #1d3652;
		}

	#category_list li {
		font-size: 12px;
		margin: 0 0 3px 0;
	}

		#category_list ul ul {
			margin-top: 3px;
		}

			#category_list ul ul li a {
				font-size: 11px;
				padding: 6px 12px 6px 25px;
			}

	#article_sidebar .block_list {
		padding-top: 0px;
	}

		#recent_articles .block_list li {
			padding-right: 10px;
		}

	#recent_comments .photo {
		float: left;
		margin-right: 8px;
	}

	#recent_comments .desc {
		font-size: 0.9em;
	}



/* Some misc/global styles */
 
.section_title, .post_form h2 {
	font-size: 22px !important;
	font-weight: bold;
	border-bottom: 2px solid #cbcbcb;
	padding-bottom: 3px;
	margin-bottom: 5px;
}

.add_link, .post_block .share_links a {
	display: inline-block;
	text-decoration: none;
	margin-left: 5px;
	padding: 4px 7px 4px;
	color: #fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font-size: 11px;
	cursor: pointer;
}

	.add_link:hover, .post_block .share_links a:hover {
		text-decoration: none !important;
		color: #fff;
	}

.add_link {
	position: relative;
	top: -4px;
}

.desc {
	font-size: 11px;
	color: #858585;
} 

/* Videos system */

.videos {
	width: 78%;
}

#videos_latest {
	text-align: center;
}

	#videos_latest h2, #videos_recent h2 {
		text-align: left;
		font-size: 22px !important;
		font-weight: bold;
		border-bottom: 2px solid #cbcbcb;
		padding-bottom: 3px;
		margin-bottom: 5px;
	}

#videos_recent {
	clear: both;
	width: 100%;
	margin-top: 20px;
}

	.video_thumb {
		padding: 10px;
		width: 140px;
		height: 140px;
		overflow: hidden;
		margin: 10px 3px 3px 3px;
		float: left;
	}
		
		.video_thumb img {
			margin-bottom: 5px;
		}
		
		.video_thumb a {
			color: #30587f;
			font-size: 11px;
			font-weight: bold;
			text-decoration: none;
		}
		
		.video_thumb .time {
			color: #979797;
			font-size: 11px;
		}
		
		.video_thumb .rating {
			margin-top: 8px;
			display: inline-block;
		}

/* Mini calendar */
.mini_cal td, .mini_cal th {
	text-align: center;
	padding: 4px;
}

	.mini_cal th {
		font-weight: bold;
	}

/* Unpublished articles - give a diff color */
.unpublished, body .unpublished td,
.unpublished td.altrow, .post_block.unpublished,
body td.unpublished {
	background-color: #d5eaff;
}

	.unpublished, .unpublished a {
		color: #0056ff;
	}


.teaser {
	margin-bottom: 30px;
}

/* Block styles (overridden to match skin) */
.ccsBase {
	background: #fcfcfc !important;
}

.ccsBase .ccsBlockTitle {
	background: #DBE2EC !important;
	font: normal 14px helvetica, arial, sans-serif !important;
	color: #204066 !important;
	padding: 8px 10px !important;
}

/* Backgrounds */
.ccsRow_1 { background: #fff !important; }
.ccsRow_2 { background: #f1f6f9 !important; }
.ccsRow_3 { background: #f7fbfc !important; }
.ccsRow_4 { }

/* Text */
.ccsText_light { color: #777777 !important; }


/* User photos */
.ccsUserPhoto { 
	border: 1px solid #d5d5d5 !important;
	-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1) !important; 
	-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1) !important;
    box-shadow: 0px 2px 2px rgba(0,0,0,0.1) !important;
}

/* Social sharing */
.ipsForm .ipsField.ipsField_checkbox p.ipsField_content {
    margin-top: 3px;
}