/*======================================================================*\
|| #################################################################### ||
|| # Package - Joomla Template based on YJSimpleGrid Framework          ||
|| # Copyright (C) 2010  Youjoomla LLC. All Rights Reserved.            ||
|| # license - PHP files are licensed under  GNU/GPL V2                 ||
|| # license - CSS  - JS - IMAGE files  are Copyrighted material        ||
|| # bound by Proprietary License of Youjoomla LLC                      ||
|| # for more information visit http://www.youjoomla.com/license.html   ||
|| # Redistribution and  modification of this software                  ||
|| # is bounded by its licenses                                         ||
|| # websites - http://www.youjoomla.com | http://www.yjsimplegrid.com  ||
|| #################################################################### ||
\*======================================================================*/
/*----------------------------------------------------------------------
Common Elements
----------------------------------------------------------------------*/
li.even,
li.odd {
	background: none;
	border-bottom: 1px solid #dedede;
	margin: 0;
	padding: 5px 0;
}
#k2Container h1,
#k2Container h2,
#k2Container h3,
#k2Container h4,
#k2Container h5,
#k2Container h6 {
	font-family: inherit;/* from body style */
	font-weight: normal;
	line-height: normal;
	padding: 0;
	margin: 0 auto 20px auto;
	text-transform: uppercase;
}
#k2Container .componentheading {
	margin: 10px 5px;
}
#k2Container div.catItemView,
#k2Container div.itemListCategory,
#k2Container.itemView,
#k2Container.tagView,
#k2Container.userView,
#k2Container.latestView,
#k2Container.genericView {
	margin: 0 150px 0 0;
	border: none;
}
#k2Container div.catItemView,
#k2Container.itemView {
	margin: 50px 150px 0 0;
}
#holder3 #k2Container div.catItemView,
#holder3 #k2Container div.itemListCategory,
#holder3 #k2Container.itemView,
#holder3 #k2Container.tagView,
#holder3 #k2Container.userView,
#holder3 #k2Container.latestView,
#holder3 #k2Container.genericView {
	margin: 0 0 0 150px;
}
#holder3 #k2Container div.catItemView,
#holder3 #k2Container.itemView {
	margin: 50px 0 0 150px;
}
/*----------------------------------------------------------------------
Category view html/com_k2/default/category.php
----------------------------------------------------------------------*/
/* main category*/
div.itemListCategory {
	background: none;
	padding: 0;
	border: none;
}
/* main category title*/
div.itemListCategory h2 {
	line-height: 18px;
}
/* main category image*/
div.itemListCategory img {
	border: none;
	padding: 0;
	margin: 0 50px 0 auto;
}
div.itemListSubCategories {
	display: block;
	overflow: hidden;
	margin: 0 -50px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
div.subCategoryContainer {
	float: left;
	padding: 0 50px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
div.subCategory {
	background: none;
	border: none;
	margin: 50px auto 0 auto;
	padding: 0;
	display: block;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/* sub cat image*/
div.subCategory a.subCategoryImage {
	margin: 0 auto 20px auto;
}
div.subCategory a.subCategoryImage img,
div.subCategory a.subCategoryImage:hover img {
	background: none;
	padding: 0px;
	border: none;
	margin: 0 auto;
}
/* sub cat title */
div.subCategory h2 {
	font-size: 250%;
}
/* sub cat read more */
a.subCategoryMore,
a.subCategoryMore:visited {
	margin: 20px 0;
}
/*----------------------------------------------------------------------
Cat item view  html/com_k2/default/category_item.php
----------------------------------------------------------------------*/
div.catItemView {
	padding: 0;
	border: none;
}
/* this is where image and intro text are*/
div.catItemBody {
	display: block;
	overflow: hidden;
	clear: both;
	padding: 0;
}
/* cat item image */
/* this div should have bg color or border if you need some around image styling*/
div.catItemImageBlock {
	padding: 0!important;
	margin: 0 auto;
	overflow: hidden;
	display: block;
	background: none;
	border: none;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
span.catItemImage {
	overflow: hidden;
	display: block;
	clear: both;
	margin: 0 auto;
}
/* if you need border around image only this is where you should add it */
span.catItemImage a {
	display: block;
	overflow: hidden;
	border: none;
	text-align: center;
}
span.catItemImage img {
	border: none;
	padding: 0;
	overflow: hidden;
	margin: 0 auto;
}
/* cat created date*/
span.catItemDateCreated {
	padding: 0;
	margin: 0;
}
/* cat author*/
span.catItemAuthor {
	padding: 0;
	margin: 0;
}
/* catItemLinks*/
div.catItemLinks {
	margin: 0!important;
	padding: 0!important;
}
div.catItemCategory {
}
/*rating*/
div.catItemRatingBlock {
	padding: 0 0 20px 0;
}
/*tags*/
div.catItemTagsBlock {
	padding: 0;
	border: none;
}
div.catItemTagsBlock span {
}
ul.catItemTags li {
	background-image: none;
	background: none;
	border: none;
	margin: 0 10px 0 0!important;
	padding: 0!important;
}
ul.catItemTags li a {
	position: relative;
	padding: 5px 10px;
	z-index: 1;
}
ul.catItemTags li a:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 1px;
	height: 100%;
	z-index: -1;
}
/*hover*/
ul.catItemTags li a:hover {
	color: #fff;
}
ul.catItemTags li a:hover:before {
	width: 100%;
}
/*read more*/
div.catItemReadMore a {
	margin: 30px 0;
}
/* secondary items are same as primary. if you would like to change them just copy
class name above and add div#itemListSecondary before the class name and space it
like example below */
/*div#itemListSecondary h3.catItemTitle{
	font-size:30px;
}*/
/* cat list item listlinks*/
#itemListLinks {
	background: none!important;
	border: none!important;
}
#itemListLinks div.catItemImageBlock {
	float: left;
	padding: 5px!important;
}
/*----------------------------------------------------------------------
Item view html/com_k2/default/item.php
----------------------------------------------------------------------*/
#holder div.itemView {
	padding: 0;
}
/* toolbar fot res, print etc*/
div.itemToolbar {
	background: none;
	border: 1px solid #dedede;
	margin: 0 auto 50px auto;
}
div.itemToolbar ul {
	float: left;
}
div.itemToolbar ul li {
	border-right: 1px solid #dedede;
	border-left: none;
}
/* item image*/
/* this div should have bg color or border if you need some around image styling*/
div.itemImageBlock {
	padding: 0!important;
	margin: 0 auto 20px auto;
	overflow: hidden;
	display: block;
	background: none;
	border: none;
	float: none;
	position: relative;
}
span.itemImage {
	overflow: hidden;
	display: block;
	clear: both;
	margin: 0 auto;
}
/* if you need border around image only this is where you should add it */
span.itemImage a {
	display: block;
	overflow: hidden;
	border: none;
	text-align: center;
}
span.itemImage img {
	border: none;
	padding: 0;
	overflow: hidden;
	margin: 0 auto;
}
/*title*/
div.itemHeader h2.itemTitle {
	font-size: 130%;
	font-weight: 700!important;
}
/* item text*/
div.itemIntroText {
}
div.itemFullText {
}
div.itemFullText p {
}
/* rating*/
div.itemRatingBlock {
	padding: 0 0 20px 0;
}
/* ItemLinks*/
div.itemLinks {
	margin: 0 0 50px 0!important;
	padding: 0!important;
}
/* item category*/
div.itemCategory {
}
/* item tags*/
div.itemTagsBlock {
	padding: 0;
	border-bottom: none;
}
div.itemTagsBlock span {
}
div.itemTagsBlock ul.itemTags li {
	background-image: none;
	background: none;
	border: none;
	margin: 0 10px 0 0!important;
	padding: 0!important;
}
ul.itemTags li a {
	position: relative;
	padding: 5px 10px;
	z-index: 1;
}
ul.itemTags li a:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 1px;
	height: 100%;
	z-index: -1;
}
/*hover*/
ul.itemTags li a:hover {
	color: #fff;
}
ul.itemTags li a:hover:before {
	width: 100%;
}
span.itemDateModified {
	font-size: 90%;
}
span.itemHits {
	font-size: 90%;
}
/* item author*/
div.itemAuthorBlock {
	background: none;
	border: 1px solid #dedede;
	margin: 0 0 50px 0;
	padding: 30px;
}
div.itemAuthorBlock img.itemAuthorAvatar {
	padding: 0;
	border: none;
	margin: 0 50px 0 0;
}
div.itemAuthorBlock div.itemAuthorDetails p {
	margin: 0;
	display: table;
}
div.itemAuthorBlock div.itemAuthorDetails span.itemAuthorUrl {
	float: right;
	font-weight: 300;
	margin: 15px auto 0 auto;
	border: none;
}
/* item latest */
div.itemAuthorLatest {
	margin: 50px auto;
}
div.itemAuthorLatest ul li {
	float: left;
	width: auto;
	border: none;
	margin: 0 15px 15px 0;
}
div.itemAuthorLatest ul li a {
	display: table;
	background: #f8f9fa;
	padding: 5px 10px;
	position: relative;
	z-index: 1;
}
div.itemAuthorLatest ul li a:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 0;
	height: 100%;
	z-index: -1;
	background: #242424;
}
div.itemAuthorLatest ul li a:hover:before {
	width: 100%;
}
div.itemAuthorLatest ul li a:hover {
	color: #fff;
}
/* item related*/
div.itemRelated {
}
div.itemRelated li {
	padding: 20px 0!important;
	border: none!important;
}
div.itemRelated a.itemRelTitle {
	clear: none;
}
div.itemRelated li img {
	float: left;
	display: block;
	margin: 0 30px 0 auto;
}
div.itemRelated ul li.clr {
	display: none;
}
/* item navigation*/
div.itemNavigation {
	background: none;
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
}
/* item comments */
div.itemComments {
	background: none;
	border: none;
	padding: 0;
}
div.itemComments ul.itemCommentsList li {
	background: #f8f9fa;
	border: none;
	margin: 0 auto 20px auto;
	padding: 30px;
}
div.itemComments ul.itemCommentsList li img {
	border: none;
	padding: 0;
	margin: 0 30px 0 auto;
}
div.itemComments ul.itemCommentsList li span.commentDate,
div.itemComments ul.itemCommentsList li span.commentAuthorName {
	display: table;
	font-weight: 300;
	padding: 0;
	margin: 0;
	border: none;
}
div.itemComments ul.itemCommentsList li span.commentAuthorName {
	font-weight: 700;
	text-transform: uppercase;
	color: #242424;
}
div.itemComments ul.itemCommentsList li p {
	display: table;
}
div.itemCommentsForm p.itemCommentsFormNotes {
	border-top: none;
	font-size: 90%;
}
div.itemCommentsForm form label {
	display: none!important;
}
form#comment-form .inputbox {
	margin: 20px auto;
	border: none;
	border: 1px solid #dedede;
	width: 100%!important;
	text-indent: 10px;
	padding: 8px 0px!important;
	border-radius: 0;
	box-shadow: none;
	color: #989898;
	font-size: 90%;
	position: relative;
}
form#comment-form input[type="text"] {
}
div.itemCommentsForm form input#submitCommentButton {
	font-size: 100%!important;
	cursor: pointer;
	margin: 20px 0!important;
	border: none;
	background: #242424;
	padding: 10px 20px!important;
}
/*----------------------------------------------------------------------
k2 user items view    html/com_k2/default/user.php
user page is using same style for items and itembody contents as item view page. 
if you wish to edit the styles just add class .userView before the class 
you need to change example: .userView .itemTitle{font-size:30px;}
----------------------------------------------------------------------*/
div.userBlock {
	background: none;
	margin: 50px 0 50px 0;
	border: 1px solid #dedede;
	padding: 30px;
}
div.userBlock img {
	background: none;
	padding: 0;
	margin: 0 30px 0 0;
	border: none;
}
div.userBlock h2 {
	clear: none!important;
	padding: 0!important;
}
div.userBlock div.userDescription {
	display: table;
}
div.userBlock .userAdditionalInfo {
	float: right;
	margin: 15px 0 0 0;
	border: none;
	overflow: hidden;
	display: block;
}
span.userURL {
	float: right;
	border: none;
	font-weight: 300;
	padding: 0 10px;
}
div.userItemView {
	padding: 0;
	border: none;
	margin: 50px 0 0 0;
}
div.userItemImageBlock {
	padding: 0;
	margin: 0 auto;
	border: none;
	background: none;
	float: none;
}
span.userItemImage {
	overflow: hidden;
	display: block;
	clear: both;
	margin: 0 auto;
}
span.userItemImage a {
	display: block;
	overflow: hidden;
	border: none;
	text-align: center;
}
span.userItemImage img {
	border: none;
	padding: 0;
	overflow: hidden;
	margin: 0 auto;
}
div.userItemHeader h3.userItemTitle {
	font-size: 250%;
	font-weight: 700!important;
}
div.userItemTagsBlock {
	padding: 0;
	border: none;
}
ul.userItemTags li {
	background-image: none;
	background: none;
	border: none;
	margin: 0 10px 0 0!important;
	padding: 0!important;
}
ul.userItemTags li a {
	position: relative;
	padding: 5px 10px;
	z-index: 1;
}
ul.userItemTags li a:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 1px;
	height: 100%;
	z-index: -1;
}
/*hover*/
ul.userItemTags li a:hover {
	color: #fff;
}
ul.userItemTags li a:hover:before {
	width: 100%;
}
div.userItemReadMore a {
	margin: 30px 0;
}
/*----------------------------------------------------------------------
k2 tagitem view    html/com_k2/templates/tag.php
user tag is using same style for items and itembody contents as item view page. 
if you wish to edit the styles just add class .tagView before the class 
you need to change example: .tagView .itemTitle{font-size:30px;}
----------------------------------------------------------------------*/
div.tagItemView {
	padding: 0;
	border: none;
	margin: 50px auto 0 auto;
}
div.tagItemImageBlock {
	padding: 0;
	margin: 0 auto;
	border: none;
	background: none;
	float: none;
}
span.tagItemImage {
	overflow: hidden;
	display: block;
	clear: both;
	margin: 0 auto;
}
span.tagItemImage a {
	display: block;
	overflow: hidden;
	border: none;
	text-align: center;
}
span.tagItemImage img {
	border: none;
	padding: 0;
	overflow: hidden;
	margin: 0 auto;
}
div.tagItemHeader h2.tagItemTitle {
	font-size: 250%;
	font-weight: 700!important;
}
div.tagItemReadMore a {
	margin: 30px 0;
}
/*----------------------------------------------------------------------
k2 generic view    html/com_k2/templates/generic.php
user generic is using same style for items and itembody contents as item view page. 
if you wish to edit the styles just add class .genericView before the class 
you need to change example: .genericView .itemTitle{font-size:30px;}
----------------------------------------------------------------------*/
div.genericItemView {
	padding: 0;
	border: none;
	margin: 50px 0 0 0;
}
div.genericItemBody {
	padding: 0;
}
div.genericItemImageBlock {
	padding: 0;
	margin: 0 auto;
	border: none;
	background: none;
	float: none;
}
span.genericItemImage {
	overflow: hidden;
	display: block;
	clear: both;
	margin: 0 auto;
}
span.genericItemImage a {
	display: block;
	overflow: hidden;
	border: none;
	text-align: center;
}
span.genericItemImage img {
	border: none;
	padding: 0;
	overflow: hidden;
	margin: 0 auto;
}
div.genericItemHeader h2.genericItemTitle {
	font-size: 250%;
	font-weight: 700!important;
}
div.genericItemReadMore a {
	margin: 30px 0;
}
/*----------------------------------------------------------------------
Latest Item list html/com_k2/default/latest.php
----------------------------------------------------------------------*/
.latestItemsCategory {
	background: #f5f5f5!important;
	margin: 4px 5px!important;
	padding: 10px!important;
	border: none!important;
}
div.latestItemsCategoryImage img {
	background: none!important;
	padding: 0px!important;
	border: 1px solid #dedede!important;
	margin: 0 auto!important;
}
/*----------------------------------------------------------------------
Latest Item html/com_k2/default/latest_item.php
----------------------------------------------------------------------*/
div.latestItemList {
	padding: 0;
}
div.latestItemView {
	padding: 0;
	border: none;
	margin: 50px 0 0 0;
}
div.latestItemImageBlock {
	padding: 0;
	margin: 0 auto;
	border: none;
	background: none;
	float: none;
}
span.latestItemImage {
	overflow: hidden;
	display: block;
	clear: both;
	margin: 0 auto;
}
span.latestItemImage a {
	display: block;
	overflow: hidden;
	border: none;
	text-align: center;
}
span.latestItemImage img {
	border: none;
	padding: 0;
	overflow: hidden;
	margin: 0 auto;
}
div.latestItemHeader h2.latestItemTitle {
	font-size: 250%;
	font-weight: 700!important;
}
div.latestItemTagsBlock {
	padding: 0;
	border: none;
}
div.latestItemTagsBlock li {
	background-image: none;
	background: none;
	border: none;
	margin: 0 10px 0 0!important;
	padding: 0!important;
}
div.latestItemTagsBlock li a {
	position: relative;
	padding: 5px 10px;
	z-index: 1;
}
div.latestItemTagsBlock li a:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 1px;
	height: 100%;
	z-index: -1;
}
/*hover*/
div.latestItemTagsBlock li a:hover {
	color: #fff;
}
div.latestItemTagsBlock li a:hover:before {
	width: 100%;
}
div.latestItemReadMore a {
	margin: 30px 0;
}
/*----------------------------------------------------------------------
Latest Item html/com_k2/default/old_socials.php
----------------------------------------------------------------------*/
div.pre25SocialLinks {
	display: block;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 20px auto;
	line-height: 20px;
}
span.preSocialsTitle {
	display: block;
	font-weight: 300;
	margin: 0 10px 0 0;
}
ul.preSocialLinks {
	margin: 0!important;
	padding: 0!important;
	float: left;
}
ul.preSocialLinks li {
	background: none;
	float: left;
	display: inline;
	margin: 0!important;
	padding: 0!important;
}
ul.preSocialLinks li a {
	height: auto;
	width: auto;
	display: block;
	overflow: hidden;
	text-indent: none;
	margin: 0 15px 15px 0;
	padding: 5px 10px!important;
	position: relative;
	z-index: 1;
	color: #989898;
	background: #f8f9fa;
}
ul.preSocialLinks li a:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 0;
	height: 100%;
	z-index: -1;
}
ul.preSocialLinks li a:hover:before {
	width: 100%;
}
ul.preSocialLinks li a:hover {
	color: #fff;
}
/*----------------------------------------------------------------------
Category view html/com_k2/register.php
----------------------------------------------------------------------*/
#k2UserPages {
	background: #f5f5f5;
	display: block;
	overflow: hidden;
	margin: 20px 10px;
	padding: 10px;
	border: 1px solid #dedede;
}
#k2UserPages th,
#k2UserPages td {
	background: #f5f5f5!important;
	text-align: left!important;
}
#k2UserPages td {
	padding-right: 10px!important;
}
#k2UserPages .componentheading {
	margin: 10px 0;
}
#k2UserPages input {
	padding: 10px;
	text-indent: 4px;
	text-align: left;
	margin: 10px 0 0 10px;
	border: 1px solid #dedede!important;
	background: #fff;
}
#k2UserPages span.input_file_wrapper {
	background: url(../images/k2images/browsek2.gif) top left no-repeat;
	border: none;
	height: 30px;
	display: block!important;
	position: relative!important;
	width: 220px;
	overflow: hidden;
	text-align: right!important;
	margin: 0 0 0 10px!important;
	float: left;
	cursor: pointer;
	clear: both;
}
#k2UserPages span.input_file_wrapper input.fake-text {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 30px;
	line-height: 30px;
	padding: 0 0 0 3px!important;
	margin: 0px!important;
	width: 153px;
	background: none!important;
	border: none!important;
	font-size: 10px!important;
	font-weight: bold;
}
/*----------------------------------------------------------------------
k2 content module
----------------------------------------------------------------------*/
.k2ItemsBlock {
	padding: 0;
	font-size: 100%;
}
.k2ItemsBlock li.even,
.k2ItemsBlock li.odd {
	padding: 20px 0;
	background: none;
	border: none;
	position: relative;
}
.k2ItemsBlock li:before,
.k2ItemsBlock li:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	width: 100%;
	height: 2px;
	background: #dedede;
}
.k2ItemsBlock li:after {
	width: 0;
}
.k2ItemsBlock li:hover:after {
	width: 100%;
}
.k2ItemsBlock li.lastItem {
	border: none;
}
a.moduleItemTitle,
a.moduleItemTitle:visited {
	font-size: 120%;
	display: block;
	margin: 0 0 5px 0!important;
	line-height: normal;
	line-height: 28px;
}
.moduleItemImage {
	float: left;
	border: none;
	margin: 0 30px 0 0;
}
a.moduleItemImage img {
	border: none!important;
	margin: 0!important;
	padding: 0;
	float: left!important;
}
.moduleItemIntrotext {
	font-size: 100%;
	line-height: 28px!important;
	display: table!important;
}
.moduleItemTags {
	margin: 10px 0;
	border-bottom: 1px solid #dedede;
	font-size: 110%;
}
/*----------------------------------------------------------------------
k2 calendar module
----------------------------------------------------------------------*/
div.k2CalendarBlock {
	height: 230px;
}
table.calendar {
	width: 100%;
	font-family: Cambria, serif;
}
table.calendar tr td.calendarCurrentMonth,
table.calendar tr td.calendarNavMonthPrev,
table.calendar tr td.calendarNavMonthNext {
	background: none;
	text-transform: uppercase;
	font-weight: normal;
}
table.calendar tr td.calendarDayName {
	background: #f0f0f0;
}
table.calendar tr td {
	padding: 0px!important;
	margin: 0!important;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
}
table.calendar tr td.calendarDateLinked {
	padding: 0px!important;
	margin: 0!important;
	border-collapse: collapse;
}
table.calendar tr td.calendarDate,
table.calendar tr td a,
table.calendar tr td a:hover,
table.calendar tr td.calendarNavMonthPrev,
table.calendar tr td.calendarCurrentMonth,
table.calendar tr td.calendarNavMonthNext {
	padding: 5px!important;
}
table.calendar tr td.calendarNavMonthPrev a,
table.calendar tr td.calendarNavMonthNext a {
	font-size: 100%!important;
}
table.calendar tr td.calendarToday,
table.calendar tr td.calendarTodayLinked {
	background: #121212;
	color: #fff;
}
table.calendar tr td.calendarDateLinked a {
	background: #f0f0f0;
	color: #121212;
}
table.calendar tr td.calendarTodayLinked a:hover,
table.calendar tr td.calendarDateLinked a:hover {
	background: #5B5B5B;
	color: #ececec;
}
table.calendar tr td.calendarDateEmpty {
	background: #fff;
}
/*----------------------------------------------------------------------
k2 cats menu
----------------------------------------------------------------------*/
.k2CategoriesListBlock ul,
.k2CategoriesListBlock ul.level0,
.k2CategoriesListBlock ul.level1 {
	list-style: none;
	margin: 0;
	padding: 0;
}
.k2CategoriesListBlock ul li,
.k2CategoriesListBlock ul li:hover {
	list-style-type: none;
	background-image: none;
	padding: 0;
	text-align: left;
}
.k2CategoriesListBlock ul li a {
	height: auto;
	line-height: normal;
	text-decoration: none;
	display: block;
	font-size: 100%;
	text-decoration: none;
	text-indent: 0;
	padding: 15px 0;
	position: relative;
}
.k2CategoriesListBlock ul li a:before,
.k2CategoriesListBlock ul li a:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	width: 100%;
	height: 2px;
	background: #dedede;
}
.k2CategoriesListBlock ul li a:after {
	width: 0;
}
.k2CategoriesListBlock ul li a:hover:after {
	width: 100%;
}
/*----------------------------------------------------------------------
k2 tag cloud module
----------------------------------------------------------------------*/
div.k2TagCloudBlock a,
div.k2TagCloudBlock a:hover {
	padding: 5px 10px;
	margin: 0 10px 10px 0;
	position: relative;
	background: none;
	z-index: 1;
	line-height: normal;
}
div.k2TagCloudBlock a:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	width: 1px;
	height: 100%;
	z-index: -1;
}
div.k2TagCloudBlock a:hover:before {
	width: 100%;
}
div.k2TagCloudBlock a:hover {
	color: #fff;
}
/*----------------------------------------------------------------------
k2 comments module
----------------------------------------------------------------------*/
div.k2LatestCommentsBlock {
	padding: 0;
	margin: 0;
	font-size: 100%;
}
.k2LatestCommentsBlock li.even,
.k2LatestCommentsBlock li.odd {
	padding: 20px 0;
	background: none;
	border: none;
	position: relative;
}
.k2LatestCommentsBlock li.lastItem {
	border-bottom: none;
}
.k2LatestCommentsBlock li:before,
.k2LatestCommentsBlock li:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	width: 100%;
	height: 2px;
	background: #dedede;
}
.k2LatestCommentsBlock li:after {
	width: 0;
}
.k2LatestCommentsBlock li:hover:after {
	width: 100%;
}
div.k2LatestCommentsBlock ul li a.lcAvatar img {
	padding: 0;
	border: none;
	margin: 0 20px 0 0;
}
div.k2LatestCommentsBlock ul li span.lcUsername {
	text-transform: uppercase;
	font-weight: 700;
	color: #242424;
}
div.k2LatestCommentsBlock ul li span.lcComment {
	clear: right;
	font-size: 100%;
	display: table;
}
/*----------------------------------------------------------------------
k2 CAT MENU COLOR AND BG CSS
----------------------------------------------------------------------*/
/* LINK BG IMAGE */
.k2CategoriesListBlock ul li a {
	color: #242424;
}
.k2CategoriesListBlock ul li a:hover {
	background-position: left bottom;
}
/* main caregory link*/
div.k2CategoriesListBlock ul li.activeCategory a {
	color: #242424!important;
	background-position: left bottom;
	font-weight: 700;
}
div.k2CategoriesListBlock ul li.activeCategory a:hover {
	color: #242424!important;
}
/* sub category links*/
div.k2CategoriesListBlock ul li.activeCategory ul.level1 li a {
	color: #242424!important;
}
div.k2CategoriesListBlock ul li.activeCategory ul.level1 li a:hover {
	color: #242424!important;
}
/* K2 extra */
.yjk2menu,
.yjk2content,
.yjk2comments,
.yjk2tags {
	margin: 40px auto 0 auto!important;
}
.yjk2menu .k2CategoriesListBlock.yjk2menu,
.yjk2content .k2ItemsBlock.yjk2content,
.yjk2comments .k2LatestCommentsBlock.yjk2comments,
.yjk2tags .k2TagCloudBlock.yjk2tags {
	margin: 0!important;
}
.yjk2_body {
	display: block;
	overflow: hidden;
	padding: 0!important;
	margin: 0!important;
}
div.yjk2_holder_in {
	display: block;
	overflow: hidden;
	margin: -150px 30px 0 30px;
	padding: 30px;
	background: #fff;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
div.yjk2_holder_in h3.catItemTitle {
	font-size: 250%;
	font-weight: 700!important;
}
.yjk2_date,
.yjk2_author,
.yjk2_cat,
.yjk2_hits,
.yjk2_comment {
	display: block;
	overflow: hidden;
	float: left;
	font-size: 100%!important;
	margin: 0!important;
	padding: 0 15px 20px 0!important;
	color: #242424!important;
	border: none!important;
}
.yjk2_cat span {
	font-weight: 300!important;
	color: #242424!important;
}
.yjk2_comment {
	float: none;
}
.yjk2_intro,
.yjk2_intro p {
	clear: both;
	margin: 0;
	padding: 0 0 20px 0!important;
	font-weight: 300;
	line-height: 28px;
	font-size: 100%!important;
	color: #989898;
}
.yjk2_intro p {
	padding: 0!important;
}
.yjk2_related_holder {
	display: block;
	overflow: hidden;
}