/*
 * CSS for the Featured Post plugin, the frontend part.
 * 
 */

.caption-banner {
	color: #fff;
	font-size: 12px; 
	width: 251px; 
	height:40px;
	overflow:hidden;
	margin: -16px auto;
	line-height:18px;
}
.caption-banner a:link {
	color: #fff;
}
.caption-banner a:visited {
	color: #ccc;
}
.caption-banner a:hover {
	color: #fff;
}

.caption-subheader {
	color: #fff;
	font-size: 12px; 
	width: 251px; 
	margin: -18px auto;
	line-height:16px;
}
.caption-author {
	color: #fff;
	font-size: 12px; 
	width: 251px; 
	margin: 18px auto;
}
.caption-author a:link {
	color: #fff;
}
.caption-author a:visited {
	color: #ccc;
}
.caption-author a:hover {
	color: #fff;
}

.featured_posts {
	overflow: visible;
	height:430px; /* start height at loadtime */
	clear: both;
}


/* Images on the left */
.featured_images {
	float: left;
	width: 70%;
	max-height:489px;
	margin-bottom:20px;
}
.featured_images img {
	width: 100%;
	max-height:460px;
	border: 10px solid #FF9D00;
}


/* Titles on the right */
.featured_titles {
	float: right;
	width: 30%;
	height: 460px;
	background-color: #102755;
	overflow: hidden;
	margin:0px
}
.featured_title {
	height: 20%;
	width: 99.5%;
	margin-left: 0.5%; /* acts as a border-left */
	background-color: #102755;
}
.count_100 .featured_title {
	height: 100%;
}
.count_50 .featured_title {
	height: 50%;
}
.count_33 .featured_title {
	height: 33.33%;
}
.count_25 .featured_title {
	height: 25%;
}
.count_20 .featured_title {
	height: 20%;
}
.count_16 .featured_title {
	height: 16.66%;
}
.count_14 .featured_title {
	height: 14.3%;
}
.count_12 .featured_title {
	height: 12.46%;
}
.count_11 .featured_title {
	height: 11.1%;
}
.count_10 .featured_title {
	height: 9.97%;
}
/*
.featured_title {
	opacity: 0.6;
}
.featured_title:first-child {
	opacity: 1;
}
*/

.featured_title_inside {
	background-color: #102755;
	height: 100%;
	width: 100%;
	overflow: hidden;	
}
.featured_title_more_inside {
	border-bottom: 2px solid #fff;
	width: 100%;
	height: 99%;
	margin:0px;
}
.featured_title h4 {
	color: #fff;
	width: 86%;
	padding: 0px;
	margin: 0;
	font-size: 16px;
	line-height: 1.1em;
	font-weight: bold;
}
.featured_title h4 a {
	color: #fff;
	padding: 0px;
}
#caption-title h4 {
	color: #fff;
	width: 86%;
	padding: 0;
	margin: 0;
	font-size: 16px;
	line-height: 1.1em;
	font-weight: bold;
}
#caption-title h4 a:link {
	color: #fff;
	padding: 0;
}
#caption-title h4 a:visited {
	color: #ccc;
}
.count_100 .featured_title h4 {
	padding: 8% 7%;
	line-height: 1.3em;
}
.count_50 .featured_title h4 {
	padding: 8% 7%;
	line-height: 1.3em;
}
.count_33 .featured_title h4 {
	padding: 8% 7%;
	line-height: 1.3em;
}
/*.count_25 .featured_title h4 {
	padding: 7% 7%;
	line-height: 1.3em;
}*/
.count_25 .featured_title h4 {
  padding: 4% 7% 7%;
  line-height: 1.3em;
}
.count_20 .featured_title h4 {
	padding: 6% 7%;
	line-height: 1.2em;
}
.count_16 .featured_title h4 {
	padding: 5% 7%;
	line-height: 1.2em;
}
.count_14 .featured_title h4 {
	padding: 4% 7%;
	line-height: 1.1em;
}
.count_12 .featured_title h4 {
	padding: 3% 7%;
	line-height: 1.1em;
}
.count_11 .featured_title h4 {
	padding: 2% 7%;
	line-height: 1.0em;
}
.count_10 .featured_title h4 {
	padding: 1.4% 7%;
	line-height: 1.0em;
}
.featured_title h4 a {
	color: #eee;
	padding: 0 0px;
}
div.featured_title.active  .featured_title_inside{
  background: #ff9d00 !important;
  color:#000 !important;

}
div.featured_title.active  .caption-banner{
   color:#000 !important;
}

/* Extra */
.clear {
	clear: both;
}