/* -- These styles will override any styles generated by the theme options. This stylesheet is loaded after everyone else. --*/
		#wt-slider .slider-text {
			margin-left: 10px;
			bottom: 0;
			position: absolute;
			background:none;
		}
		#wt-slider .slider-text:after {
			content: '';
			position:absolute;
			top:8px;
			left:0;
			width:30px;
			height:31px;
			background: url(images/icons.png) no-repeat -300px -50px;
		}
		#wt-slider .slides li {
			position: relative;
		}
		#wt-slider .slider-text h2 {
			display: inline-block;
		}

#main-menu {
	background: #333;
	position: relative;
}
#main-menu .flags {
	position: absolute;
	right: 10px;
	top: 20px;

}

#main-menu .flags > .flagmenu {
	background: rgb(51,51,51);
	display: none;
	overflow: hidden;
	position: absolute;
	right: -10px;
	width: 200px;
}

#main-menu .flags:hover > .flagmenu {
	display: block;
}
#main-menu .flagmenu > div {
	float: left;
	width: 45%;
	padding: 5px;
}

#main-menu .flags div.lang-select {
	color: #ddd;
	text-align:right;
	padding-right: 10px;
	font-size: 12px;
}
#main-menu .flags div.lang-select:after {
	content:'';
	position:absolute;
	top:8px;
	right:0;
	width:8px;
	height:4px;
	background: url(images/icons.png) no-repeat -150px -100px;
}

#main-menu .flags div.lang-select a {
	color: #ddd;
}

#main-menu .flags div.lang-select a:hover {
	color: #59C8FF;
}

#main-menu .flagmenu a {
	color: rgb(255,255,255);
	font-size: 11px;
}

#main-menu .flagmenu a:hover {
	color: #59C8FF;
}

#main-menu .flags img {
	margin-right: 1px;
	width: 20px
}

#main-menu .flags img.en {
	margin-right: 5px;
}
#main-menu ul li ul li a, #main-menu ul li:hover ul li a, #main-menu ul li.over ul li a, #main-menu .current-menu-item, #main-menu .current_page_item, #main-menu ul li a:hover {
	background: #006a52;
}
#feat-posts .cat-header {
	background: #006a52;
}
#feat-posts .post-text {
	background: #006a52;
}
#feat-posts .left .overlay:hover{
	background: #006a52;
	background: rgba(0, 106, 82, 0.5);
}

#feat-posts .left a.post-link{
	background-color: #006a52;
}

#feat-posts .left a.img-link{
	background-color: #006a52;
}


/*-- KL Green --*/
.green .tile-title{
	background: #006a52;
}
.green .accent, .green.live-tile, .green .live-tile .accent,
.green .live-tile>div, .green .list-tile>div,
.green .live-tile>div.slide-back, .green .flip-list>li>div { background-color:rgb(0,106,82); }
.green .accentBorder,.green.accentBorder { border-color:rgb(0,106,82); }
.green .accentColor,.green.accentColor { color:rgb(0,106,82); }
.green .accentHover:hover,.green .accentHover a:hover,.green.accentHover a:hover  { color:rgb(0,106,82); }
.green .accentVisited:visited,.green .accentVisited a:visited { color:rgb(0,106,82); }
.green.accentLink a, a.green.accentLink:link, a.green.accentLink:hover, a.green.accentLink:visited,
a.green.accentVisited:visited, a.green.accentHover:hover, .accentHover .green a:hover,
.green .accentLink a, .green a.accentLink:link, .green a.accentLink:hover, .green a.accentLink:visited { color:rgb(0,106,82); }

.green.live-tile, .green.live-tile .accent,.green.accent,
.green.live-tile>div, .green.list-tile>div,
.green.live-tile>div.slide-back, .green.list-tile .flip-list>li>div { /* background-color:rgb(51,153,51); */ background-color: #006a52;}


/* -- KL Orange -- */
.orange .tile-title{
	background: #f69c00;
}
.orange .accent, .orange.live-tile, .orange .live-tile .accent,
.orange .live-tile>div, .orange .list-tile>div,
.orange .live-tile>div.slide-back, .orange .flip-list>li>div { background-color: #f69c00; }
.orange .accentBorder,.orange.accentBorder { border-color: #f69c00; }
.orange .accentColor,.orange.accentColor { color: #f69c00; }
.orange .accentHover:hover,.orange .accentHover a:hover,.orange.accentHover a:hover  { color: #f69c00; }
.orange .accentVisited:visited,.orange .accentVisited a:visited { color: #f69c00; }
.orange.accentLink a, a.orange.accentLink:link, a.orange.accentLink:hover, a.orange.accentLink:visited,
a.orange.accentVisited:visited, a.orange.accentHover:hover, .accentHover .orange a:hover,
.orange .accentLink a, .orange a.accentLink:link, .orange a.accentLink:hover, .orange a.accentLink:visited { color: #f69c00; }

.orange.live-tile, .orange.live-tile .accent,.orange.accent,
.orange.live-tile>div, .orange.list-tile>div,
.orange.live-tile>div.slide-back, .orange.list-tile .flip-list>li>div { background-color: #f69c00; }
.entry-footer .entry-tags a:hover {
    background: #F69C00;
}
#comments .author-comment{
	background: #F69C00;
}
#respond input[type=submit]{
	background: #F69C00;
}
.widget_subscribe .button{
	background: #F69C00 /* FA824F */;
}
.widget_popular_posts .post-number{
	background: #F69C00;
}
.widget_tags a:hover {
    background: #F69C00;
}

.widget_category_recent_posts .item-post {
	padding: 6px 0;
	border-bottom: 1px solid #ddd;
}
.widget_category_recent_posts p.cat-posts {
	line-height: 1.2em;
}
/* --------------------------------------
FEATURED GRID
-------------------------------------- */

.featured-grid {
	clear: both;
	margin: 0 auto;
	padding-top: 30px;
	width: 100%;
}
.featured-grid:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.featured-grid a {
	text-decoration: none;
	display: block;
	margin-bottom: -2px;
	overflow: hidden;
}
.featured {
	border: solid 1px #FFF;
	width: 100%;
	height: 180px;
	position: relative;
	overflow: hidden;
	margin-bottom: 2px;
}
.featured-info {
	color: #FFF;
	position: absolute;
	bottom: 0;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, .5);
	z-index: 9999;
	padding: 0;
	width: 100%;
	-moz-transition: color 2s;
	-webkit-transition: color 2s;
	transition: color 2s;
}
.featured h2 {
	color: #FFF;
	line-height: 1.5em;
	margin: 0 0 0 20px;
	font-weight: normal;
	font-size: 20px;
	width: 85%;
	-moz-transition: color 2s;
	-webkit-transition: color 2s;
	transition: color 2s;
}
.featured p {
	margin: 0 0 16px 20px;
	font-family: sans-serif;
	font-size: .8em;
}
.featured .overlay {
	position:absolute;
	bottom:0;
	left: 0;
	width:100%;
	height: 100%;
	background: rgba(0, 0, 0 ,.4);
	z-index: 1;
	-moz-transition: background 2s;
	-webkit-transition: background 2s;
	transition: background 2s;
}
.featured:hover .overlay {
	background: rgba(255, 255, 255 ,.1);
}

/*.ie8 .overlay,
.ie9 .overlay {
	background:#404040;
	filter: alpha(opacity=50);
}
.ie8 .featured:hover .overlay,
.ie9 .featured:hover .overlay {
	background:#404040;
	filter: alpha(opacity=30);
}*/

.ie8 .overlay {
	background:none;
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);
	zoom: 1;
}
.ie8 .featured:hover .overlay {
	background:none;
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19FFFFFF,endColorstr=#19FFFFFF);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19FFFFFF,endColorstr=#19FFFFFF);
	zoom: 1;
}

.featured:hover h2 {
	color: #f69c00;
}
.featured:hover .featured-info {
	color: #f69c00;
}
.featured-2,
.featured-3,
.featured-4,
.featured-5,
.featured-7,
.featured-9 {
	height: 124px;
	overflow: hidden;
}
.featured-1 img,
.featured-6 img,
.featured-8 img {
	position: absolute;
	top: 0;
	z-index: 0;
}
.featured-2 img,
.featured-3 img,
.featured-4 img,
.featured-5 img,
.featured-7 img,
.featured-9 img {
	position: absolute;
	top: -50px;
	z-index: 0;
}
.featured-2 h2,
.featured-3 h2,
.featured-4 h2,
.featured-5 h2,
.featured-7 h2,
.featured-9 h2 {
	font-size: 16px;
}

.column1 {
	width:33.25%;
	float:left;
}
.column2 {
	width:33.25%;
	float:left;
	margin: 0 .125%;
}
.column3 {
	width: 33.25%;
	float: left;
}
.bubble {
	font-size:10px;
	width:auto;
	position:relative;
	bottom:100%;
	padding:2px 8px;
	cursor:default;
	visibility:visible;
	text-align:center;
	text-decoration:none;
	text-shadow:none;
	line-height:1.5;
	opacity:1;
	z-index:1;
	left:auto;
	transition:none;
	-moz-transition:none;
	-webkit-transition:none;
	-o-transition:none;
	float:right;
	margin-top:-5px;
}

.bubble {
	background:#999;
	color:#fff;
	cursor:pointer;
}
.bubble:hover, .bubble:hover a {
	background:#999;
	color:#fff;
}

.bubble:after {
	content: "";
	position: absolute !important;
	bottom: -7px;
	z-index: 100;
	border: 0 solid #999;
	border-bottom: 7px solid transparent;
	width: 100%;
	border-right-width: 7px;
	border-left-width: 0;
	right: 0;
}
.bubblewrap {
	position: absolute;
	right: 15px;
	bottom: 20px;
	z-index:11;
}


#footer {
	margin-bottom: 0;
}
#footer .footer-widgets {
	margin-bottom: 40px;
	padding-bottom: 0;
	border-bottom: none;
}
/* .subfooter */

.subfooter-wrap {
	background: #333333;
	overflow: visible;
	padding: 22px 0;
	width: 100%;
}
.subfooter-wrap:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.subfooter {
	margin: 0 auto;
	max-width: 1240px;
}
.subfooter .widget {

}

.subfooter ul {
	font-size:11px;
	list-style: none;
	margin: 0;
}

.subfooter .widget {
	margin-bottom:5px;
	margin-left: 0;
	width: 100%;
}

.subfooter .widget .social {
	margin:10px ;
}

.subfooter ul.widget-1,
.subfooter ul.widget-2,
.subfooter ul.widget-3,
.subfooter ul.widget-4,
.subfooter ul.widget-5 {
	width:160px;
	float:left;
	min-height:150px;
	margin-right:10px;
}


.subfooter ul.widget-5 {
	margin:0
}

.subfooter ul.widget-6 {
	float:right;
	margin-right:0;
	width:175px;
	color: #d5d2d2;
	text-align:right;
}

.subfooter ul.widget-6 p {
	width: 175px;
	text-align:right;
}

.subfooter .widget a {
	color:#d5d2d2;
}

.subfooter .widget a:hover {
	color:#fff;
}


.subfooter .widgettitle {
	background: none;
	color:#15c2a7;
	font-size:12px;
	padding:0;
	margin-top:0;
	margin-bottom:10px;
	line-height: 1.25em;
}

.subfooter p {
	line-height:1.3em;
	margin:10px 0;
	text-align:left;
	padding:0;
}

.subfooter .widget ul {
	padding:4px;
	font-size:12px;
}

.subfooter .widget ul ul,
.subfooter .widget ul ul ul {
	padding:0;
}

.subfooter .widget ul li {
	background: none;
	line-height:1.2em;
	padding:3px 0;
	font-size:12px;
	font-weight:400;
}

.subfooter .widget li li,
.subfooter .widget li li li {
	line-height:1em;
	margin:0 0 0 15px;
	padding:1px 0;
}

.subfooter .foot-tw,
.subfooter .foot-fb,
.subfooter .foot-yt,
.subfooter .foot-li,
.subfooter .foot-gp {
	display:inline-block;
	width:28px;
	height:28px;
	text-indent:-9000em;
	background: url(images/icons.png) no-repeat 0 0;
}
.subfooter .foot-tw	{ background-position:-350px -50px; }
.subfooter .foot-fb	{ background-position:-380px -50px; }
.subfooter .foot-yt	{ background-position:-410px -50px; }
.subfooter .foot-li	{ background-position:-440px -50px; }
.subfooter .foot-gp	{ background-position:-470px -50px; }






/* MS Widget */
#top-stories .box {
	counter-increment: myIndex;
}
#top-stories .box:after {
	content: counter(myIndex);
	color: #F7F7F7;
	font-size: 54px;
	font-weight: 800;
	right: 20px;
	position: absolute;
	bottom: -30px;
	z-index: 0;
}





@media only screen and (min-width: 1260px) {
	.column2 {
	}
	.featured {
		margin-bottom: 3px;
	}
	#footer .footer-widgets {
		width: 100%;
		-moz-column-count: 1;
		-moz-column-gap: 0;
		-webkit-column-count: 1;
		-webkit-column-gap: 0;
		column-count: 1;
		column-gap: 0;
	}


}
@media only screen and (max-width: 1259px) and (min-width: 1024px) {
	#main-menu .flags {
		top: 20px;
	}
	.featured {

	}
	#right-sidebar:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	.subfooter {
		max-width: 940px;
	}
	.subfooter ul.widget-1,
	.subfooter ul.widget-2,
	.subfooter ul.widget-3,
	.subfooter ul.widget-4,
	.subfooter ul.widget-5 {
		width: 140px;
	}
	#footer .footer-widgets {
		width: 100%;
		-moz-column-count: 1;
		-moz-column-gap: 0;
		-webkit-column-count: 1;
		-webkit-column-gap: 0;
		column-count: 1;
		column-gap: 0;
	}
}
@media only screen and (min-width: 660px) and (max-width: 1023px) {
	.featured-grid {
		margin-top: 30px;
	}
	.column1, .column2 {
		width:100%;
		float:none;
	}
	.column3 {
		width: 100%;
		float: none;
		margin-right: 0;
	}
	#footer .footer-widgets {
		width: 100%;
		-moz-column-count: 1;
		-moz-column-gap: 0;
		-webkit-column-count: 1;
		-webkit-column-gap: 0;
		column-count: 1;
		column-gap: 0;
	}
	#main-menu {
		background: none;
		padding-bottom: 30px;
	}
	#main-menu .flags {
		top: 40px;
		position: absolute;
		left: 0;
		width: 470px;
		margin-bottom: 20px;
	}
	.subfooter {
		max-width: 640px;
	}
	.subfooter ul.widget-1,
	.subfooter ul.widget-2,
	.subfooter ul.widget-3,
	.subfooter ul.widget-4,
	.subfooter ul.widget-5 {
		width: 200px;
	}
	.subfooter ul.widget-6 {
		float: left;
		text-align: left;
		width: 100%;
	}
	.subfooter ul.widget-6 p {
		width: 175px;
		text-align: left;
	}
	#top-stories {
	/*	height: 130px;
		overflow: hidden;*/
	}


}

@media only screen and (min-width: 480px) and (max-width: 659px) {



#content {
	margin-top: 40px;
}

.home #content {
	margin-top: 0
}

.archive #content {
	margin-top: 70px;
}

#content h1.page-title{
	margin-top: 30px !important;
}
	.featured-grid {
		margin-top: 30px;
	}
	.column1, .column2 {
		width:100%;
		float:none;
	}
	.column3 {
		width: 100%;
		float: none;
		margin-right: 0;
	}
	.featured {
		margin-bottom: 1px;
	}
	#footer .footer-widgets {
		width: 100%;
		-moz-column-count: 1;
		-moz-column-gap: 0;
		-webkit-column-count: 1;
		-webkit-column-gap: 0;
		column-count: 1;
		column-gap: 0;
	}
	div#main-menu,
	#main-menu {
		background: none !important;
		background-color: transparent;
	}
	#main-menu .flags {
		top: 50px;
		position: absolute;
		left: 0px;
		margin-bottom: 20px;
		width: 470px;
	}

		#main-menu .flags img {
		width: 18px;
	}

	#main {
		margin-top: 25px;
	}

.single
	.subfooter {
		max-width: 460px;
	}
	.subfooter ul.widget-1,
	.subfooter ul.widget-2,
	.subfooter ul.widget-3,
	.subfooter ul.widget-4,
	.subfooter ul.widget-5 {
		width: 100%;
		float: none;
	}
	.subfooter ul.widget-6{
		float: left;
		text-align: left;
	}
	.subfooter ul.widget-6 p {
		width: 175px;
		text-align: left;
	}
	#top-stories {
	/*	height: 130px;
		overflow: hidden;*/
	}


}
@media only screen and (max-width: 479px) {


	#header{
		margin-bottom: 25px;
	}

	.archive #header {
		margin-bottom: 55px;
		clear:both;
	}
	.featured-grid {
		margin-top: 30px;
	}
	.column1, .column2 {
		width:100%;
		float:none;
	}
	.column3 {
		width: 100%;
		float: none;
		margin-right: 0;
	}
	div#main-menu,
	#main-menu {
		background: none !important;
		background-color: transparent;
	}
	#main-menu .flags {
		top: 50px;
		position: absolute;
		left: 0px;
		width: 470px;
		margin-bottom: 20px;
	}

		#main-menu .flags img {
		width: 18px;
	}

		#main {
		margin-top: 25px;
	}
	.featured {
		height: 121px;
		margin-bottom: 1px;
	}
	.featured-2,
	.featured-3,
	.featured-4,
	.featured-5,
	.featured-7,
	.featured-9 {
	height: 101px;
	overflow: hidden;
	}
	.featured-2 img,
	.featured-3 img,
	.featured-4 img,
	.featured-5 img,
	.featured-7 img,
	.featured-9 img {
	top: 0px;
	}

	.subfooter {
		max-width: 270px;
	}
	.subfooter ul.widget-1,
	.subfooter ul.widget-2,
	.subfooter ul.widget-3,
	.subfooter ul.widget-4,
	.subfooter ul.widget-5 {
		width: 100%;
		float: none;
	}
	.subfooter ul.widget-6{
		float: left;
		text-align: left;
	}
	.subfooter ul.widget-6 p {
		width: 175px;
		text-align: left;
	}

}