/*======================================================================*\
|| #################################################################### ||
|| # 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 #f5f5f5;
	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;
}
#k2Container .componentheading{
	margin:10px 5px;
}
/*----------------------------------------------------------------------
Category view html/com_k2/default/category.php
----------------------------------------------------------------------*/
/* main category*/
div.itemListCategory {
	background:none;
	margin:4px 0px;
	padding:10px 0;
	border:none;
}
/* main category title*/
div.itemListCategory h2 {
	line-height:18px;
}
/* main category image*/
div.itemListCategory img {
	border:none;
	padding:0;
}
div.subCategory {
	background:none;
	border:none;
	margin:4px;
	padding:8px;
	display:block;
	overflow:hidden;
}
#k2Container .componentheading{
	font-size:200%;
}
/* sub cat image*/
div.subCategory a.subCategoryImage img, div.subCategory a.subCategoryImage:hover img {
	background:none;
	padding:0px;
	border:none;
	margin:0 auto;
	max-width:100%;
	width:100%;
}
/* sub cat title */
div.subCategory h2 {
	font-weight:normal;
}
/* sub cat read more */
a.subCategoryMore{
	display:inline-block;
	padding:5px 10px;
	margin:0;
	text-decoration:none;
	text-align:center;
	font-weight:bold;
}
/*----------------------------------------------------------------------
Cat item view  html/com_k2/default/category_item.php
----------------------------------------------------------------------*/
#holder2 div.catItemView {
	margin:0 25px 30px 25px;
	padding-bottom:30px;
}
#holder2 div.catItemView {
	margin:0 25px 30px 0;
	padding-bottom:30px;
}
#holder3 div.catItemView {
	margin:0 0 30px 25px;
	padding-bottom:30px;
}
.catItemView{
	border-bottom:1px solid #f5f5f5;
	
}
/* this is where image and intro text are*/
div.catItemBody {
	display:block;
	overflow:hidden;
	clear:both;
	padding:0;
}
/* cat item title*/
h3.catItemTitle {
	margin:0 0 30px 0;
	padding:0 0 20px 0;
	line-height:inherit;
	font-size:280%;
	border-bottom:1px solid #f5f5f5;
}
/* cat author*/
span.catItemAuthor {
	padding:0;
	margin:0;
	float:left;
	font-size:90%;
}
/* cat created date*/
span.catItemDateCreated {
	padding:0;
	margin:0;
	float:right;
}
/* cat item image */
/* this div should have bg color or border if you need some around image styling*/
div.catItemImageBlock {
	padding:0px!important;
	margin:0 auto 30px auto;
	overflow:hidden;
	position:relative;
	display:block;
	background:#f5f5f5;
	border:none;
	/*max-width:365px;*/
	max-height:450px;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%!important;
	max-width:100%!important;
}
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;
	width:100%!important;
	max-width:100%!important;
	margin:0;
	line-height:0;
	font-size:0;
	max-height:450px;
}
span.catItemImage img {
	border:none;
	padding:0;
	overflow:hidden;
	margin:0 auto;
	width:100%!important;
	max-width:100%!important;
	display:block;
}
/* catItemLinks*/
div.catItemLinks {
	margin:0 0 5px 0!important;
}
div.catItemCategory {
	border-bottom:1px solid #f5f5f5;
	padding:8px 0;
}
/*tags*/
div.catItemTagsBlock {
	border-bottom:1px solid #f5f5f5;
	padding:8px 0;
}
div.catItemTagsBlock span {
}
ul.catItemTags li {
	background-image:none;
	background:#f5f5f5;
	border:none;
	margin:0 5px 0 0!important;
	padding:0px!important;
	display:inline-block;
	overflow:hidden;
}
ul.catItemTags li a {
	padding: 2px 15px;
	display:block;
	color:#fff;
	display:inline-block;
	font-size:120%;
}
/* 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
----------------------------------------------------------------------*/
div#holder div.itemView {
	padding:10px!important;
	border:none;
}
div#holder2 div.itemView {
	padding:0px 25px 10px 0!important;
	border:none;
}
div#holder3 div.itemView {
	padding:0px 0px 10px 25px!important;
	border:none;
}
div.itemBody{
	display:block;
	overflow:hidden;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
}
div.itemHeader h2.itemTitle {
	font-weight:normal;
	line-height:inherit;
	clear:both;
}
span.itemDateCreated {
	clear:both!important;
	display:block!important;
	padding:0 0 0 0px;
}
/* author*/
div.itemHeader span.itemAuthor {
	padding:0px;
	display:block;
	clear:both;
}
/* rating*/
div.itemRatingBlock {
	padding-left:0px;
}
/* toolbar fot res, print etc*/
div.itemToolbar {
	background:none;
	border-top:none;
	border-bottom:1px solid #f5f5f5;
}
div.itemToolbar ul {
	float:left;
}
div.itemToolbar ul li {
	border-right:1px solid #f5f5f5;
	border-left:none;
}
/* item image*/
/* this div should have bg color or border if you need some around image styling*/
div.itemImageBlock {
	padding:0px!important;
	margin:0 0px 30px 0;
	overflow:hidden;
	display:block;
	background:none;
	border:none;
	float:none;
	clear:both;
	max-height:450px;
	width:100%!important;
	max-width:100%!important;
}
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;
	max-height:450px;
	width:100%!important;
	max-width:100%!important;
}
span.itemImage img {
	border:none;
	padding:0;
	overflow:hidden;
	margin:0 auto;
	max-width:100%!important;
	width:100%!important;
}
/* item text*/
div.itemIntroText {
	font-weight:normal;
	font-size:100%;
}
div.itemFullText {
	padding:0!important;
	margin:0 0 30px 0!important;
}
div.itemFullText p {
	padding:0!important;
	margin:0!important;
}
/* ItemLinks*/
div.itemLinks {
	margin:0 0 5px 0!important;
	padding:0!important;
}
/* item category*/
div.itemCategory {
	border-bottom:1px solid #f5f5f5;
}
/* item tags*/
div.itemTagsBlock {
	border-bottom:1px solid #f5f5f5;
}
div.itemTagsBlock span {
}
div.itemTagsBlock ul.itemTags li {
	background-image:none;
	border:none;
	margin:0 5px 0 0!important;
	padding:0px!important;
	display:inline-block;
	overflow:hidden;
}
div.itemTagsBlock ul.itemTags li a {
	padding: 2px 15px;
	display:block;
	color:#fff;
	display:inline-block;
	font-size:120%;
}
span.itemDateModified {
	font-size:90%;
}
span.itemHits {
	font-size:90%;
}
/* item author*/
div.itemAuthorBlock {
	background:none;
	border:1px solid #f5f5f5;
	margin:10px 0 0 0;
}
/* item related*/
div.itemRelated {
}
div.itemRelated li {
	border:none!important;
}
div.itemRelated li img {
	border:1px solid #f5f5f5;
}
a.itemRelTitle{
	float:none;
	clear:both;
	display:block;
}
/* item navigation*/
div.itemNavigation {
	background:none;
	border-top:1px solid #f5f5f5;
	border-bottom:1px solid #f5f5f5;
}
/* item comments */
div.itemComments {
	background:none;
	border:1px solid #f5f5f5;
}
div.itemComments ul.itemCommentsList li.authorResponse {
	background:#f5f5f5;
	border:1px solid #f5f5f5;
	margin:5px 0;
}
div.itemCommentsForm p.itemCommentsFormNotes {
	border-top:1px solid #f5f5f5;
}
form#comment-form .inputbox {
	border:1px solid #f5f5f5!important;
	width:100%!important;
	text-indent:10px;
	padding:8px 0px!important;
}
form#comment-form input[type="text"] {
}
div.itemCommentsForm form input#submitCommentButton {
	font-size:100%!important;
	cursor:pointer;
	margin:20px 0!important;
	border:none;
}
/*----------------------------------------------------------------------
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;}
----------------------------------------------------------------------*/
#holder2 #k2Container.userView {
	margin:0 10px 30px 25px;
	padding-bottom:30px;
}
#holder2 #k2Container.userView {
	margin:0 10px 30px 0;
	padding-bottom:30px;
}
#holder3 #k2Container.userView {
	margin:0 0 10px 25px;
	padding-bottom:30px;
}

div.itemView {
	border-bottom:1px solid #f5f5f5;
}
div.userBlock {
	background:#f5f5f5;
	border:1px solid #f5f5f5;
}

#holder2 div.userBlock  {
	margin:0 15px 30px 25px;
}
#holder2 div.userBlock  {
	margin:0 15px 30px 0;
}
#holder3 div.userBlock  {
	margin:0 0 15px 25px;
}



div.userBlock h2 {
	border-bottom:1px solid #f5f5f5;
}
p.userAdditionalInfo {
	border:none!important;
}
.userView span.itemDateCreated {
	padding:0;
}
.userView h3.itemTitle {
	font-size:280%!important;
	margin:0 0 30px 0;
	padding:0 0 20px 0;
	line-height:inherit;
	font-size:280%;
	border-bottom:1px solid #f5f5f5;
}
/*----------------------------------------------------------------------
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;}
----------------------------------------------------------------------*/
.tagView span.itemDateCreated {
	padding:0;
}
.tagView div.itemHeader h2.itemTitle {
	display:block;
	font-size:280%!important;
	margin:0 0 30px 0;
	padding:0 0 20px 0;
	line-height:inherit;
	font-size:280%;
	border-bottom:1px solid #f5f5f5;
}
/*----------------------------------------------------------------------
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;}
----------------------------------------------------------------------*/
.genericView span.itemDateCreated {
	padding:0;
}
.genericView div.itemHeader h2.itemTitle {
	font-size:280%!important;
	margin:0 0 30px 0;
	padding:0 0 20px 0;
	line-height:inherit;
	font-size:280%;
	border-bottom:1px solid #f5f5f5;
}
/*----------------------------------------------------------------------
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 #f5f5f5!important;
	margin:0 auto!important;
}
/*----------------------------------------------------------------------
Latest Item html/com_k2/default/latest_item.php
----------------------------------------------------------------------*/
div.latestItemList .catItemDateCreated {
	float:left;
	font-size:80%;
}
.latestItemView {
	padding:5px;
}
.latestItemView div.catItemHeader h2.catItemTitle {
	display:block;
	font-size:280%!important;
	margin:0 0 30px 0;
	padding:0 0 20px 0;
	line-height:inherit;
	font-size:280%;
	border-bottom:1px solid #f5f5f5;
}
/*----------------------------------------------------------------------
Latest Item html/com_k2/default/old_socials.php
----------------------------------------------------------------------*/
div.pre25SocialLinks{
	display:block;
	overflow:hidden;
	width:100%;
	padding:0 0 3px 3px;
	margin:0;
	line-height:20px;
	border-bottom:1px solid #f5f5f5;
}
span.preSocialsTitle{
	display:block;
	font-weight:bold;
	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:20px;
	width:20px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	margin:0 8px 0 0;
	padding:0!important;
	background-image: url(../images/k2images/socials.png);
	background-repeat:no-repeat;
	background-position:left top;
}
ul.preSocialLinks li a.googlebuzz{
	background-position:0 top;
}
ul.preSocialLinks li a.googlebuzz:hover{
	background-position:0 bottom;
}
ul.preSocialLinks li a.facebook{
	background-position:-20px top;
}
ul.preSocialLinks li a.facebook:hover{
	background-position:-20px bottom;
}
ul.preSocialLinks li a.delicious{
	background-position:-40px top;
}
ul.preSocialLinks li a.delicious:hover{
	background-position:-40px bottom;
}
ul.preSocialLinks li a.digg{
	background-position:-60px top;
}
ul.preSocialLinks li a.digg:hover{
	background-position:-60px bottom;
}
ul.preSocialLinks li a.stumble{
	background-position:-80px top;
}
ul.preSocialLinks li a.stumble:hover{
	background-position:-80px bottom;
}
ul.preSocialLinks li a.technorati{
	background-position:-100px top;
}
ul.preSocialLinks li a.technorati:hover{
	background-position:-100px bottom;
}
ul.preSocialLinks li a.reddit{
	background-position:-120px top;
}
ul.preSocialLinks li a.reddit:hover{
	background-position:-120px bottom;
}
ul.preSocialLinks li a.myspace{
	background-position:-140px top;
}
ul.preSocialLinks li a.myspace:hover{
	background-position:-140px bottom;
}
ul.preSocialLinks li a.twitter{
	background-position:-160px top;
}
ul.preSocialLinks li a.twitter:hover{
	background-position:-160px bottom;
}
/*----------------------------------------------------------------------
Category view html/com_k2/register.php
----------------------------------------------------------------------*/
#k2UserPages{
	background:#f5f5f5;
	display:block;
	overflow:hidden;
	margin:20px 10px;
	padding:10px;
	border:1px solid #f5f5f5;

}
#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 #f5f5f5!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:80%;
}
.k2ItemsBlock li.even, .k2ItemsBlock li.odd {
	background:none;
	border-bottom:1px solid #f5f5f5;
}
.k2ItemsBlock li.lastItem {
	border:none;
}
a.moduleItemTitle, a.moduleItemTitle:visited {
	font-size:120%;
	display:block;
	margin:0!important;
}
.moduleItemImage {
	float:left;
	border:none;
}
a.moduleItemImage img {
	border:none!important;
	margin:0 10px 0 0!important;
	padding:0;
	float:left!important;
	width:100%;
	max-width:100%!important;
}
div.k2ItemsBlock ul li div.moduleItemIntrotext {
	font-size:120%;
	line-height:inherit;
}
.moduleItemTags {
	margin:10px 0;
	border-bottom:1px solid #f5f5f5;
	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 0 0 5px;
}
.k2CategoriesListBlock ul li, .k2CategoriesListBlock ul li:hover {
	list-style-type:none;
	background-image:none;
	padding:0;
	text-align:left;
}
.k2CategoriesListBlock ul li a {
	height:26px;
	line-height:20px;
	text-decoration:none;
	display:block;
	font-size:11px;
	text-decoration:none;
	text-indent:22px;
	padding-top:5px;
}
/*----------------------------------------------------------------------
k2 tag cloud module
----------------------------------------------------------------------*/
div.k2TagCloudBlock a,
div.k2TagCloudBlock a:hover{
	padding:4px 12px;
	margin:0 3px 3px 0;
	font-size:110%!important;
}
div.k2TagCloudBlock a:hover {
/*	color:#ececec;
*/}
/*----------------------------------------------------------------------
k2 comments module
----------------------------------------------------------------------*/
div.k2LatestCommentsBlock {
	padding:0;
	margin:0;
	font-size:80%;
}
.k2LatestCommentsBlock li.even, 
.k2LatestCommentsBlock li.odd {
	background:none;
	border-bottom:1px solid #f5f5f5;
}
.k2LatestCommentsBlock li.lastItem {
	border-bottom:none;
}
div.k2LatestCommentsBlock ul li span.lcComment {
	clear:right;
	font-size:120%;
	display:block;
}
/*----------------------------------------------------------------------
k2 CAT MENU COLOR AND BG CSS
----------------------------------------------------------------------*/
/* LINK BG IMAGE */
.k2CategoriesListBlock ul li a {
	
}
.k2CategoriesListBlock ul li a:hover {
	background-position:left bottom;
}
/* main caregory link*/
div.k2CategoriesListBlock ul li.activeCategory a {
	background-position:left bottom;
}
div.k2CategoriesListBlock ul li.activeCategory a:hover {
}
/* sub category links*/
div.k2CategoriesListBlock ul li.activeCategory ul.level1 li a {
}
div.k2CategoriesListBlock ul li.activeCategory ul.level1 li a:hover {
}


/**** YJ Portfolio Layout ****/

/* filter */
ul.yjportfolioFilter{
	display:block;
	border-bottom: 1px solid #f5f5f5;
	overflow:hidden;
	margin:50px 10px;
	padding:0 0 20px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}
ul.yjportfolioFilter li{
	display:inline-block;
	text-align:center;
	margin:0;
	padding:0;
	background:none;
	font-size:15px;
}
ul.yjportfolioFilter li.hide{
}
ul.yjportfolioFilter li.hide a.disabled:hover {
	background:none;

}
ul.yjportfolioFilter li a{
	padding:10px 15px;
	display:block;
	margin:0 2px;
	text-transform:uppercase;
	-webkit-border-radius:2px;
	-khtml-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
/* category items holder */
#yjportfolioLayout{
	display:block;
	overflow:hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}

/* Portfolio item */
.yjportfolioItem{
	display:block;
	overflow:hidden;
	position:relative;
	float:left;
}

@media screen and (max-width: 980px) {
	.yjportfolioItem {
		width:33%!important;
	}
}
@media screen and (max-width: 780px) {
	.yjportfolioItem {
		width:49%!important;
	}
}
@media screen and (max-width: 680px) {
	.yjportfolioItem {
		width:100%!important;
	}
}
.yjportfolio{
	display:block;
	overflow:hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	padding:0px;
	background:#fff;
	margin:10px 15px 25px 15px;
}
.yjportfolioC{
	display:block;
	overflow:hidden;
	position:relative;
}
.yjportfolio a.yjportfolioLink{
	font-size:0;
	line-height:0;
	display:block;
	position:relative;
	overflow:hidden;
	padding:0;
	margin:0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}

.yjportfolio a.yjportfolioLink {
    max-height:425px;
    -webkit-transition: max-width .5s ease-out; 
    -moz-transition: max-width .5s ease-out; 
    -ms-transition: max-width .5s ease-out;
    -o-transition: max-width .5s ease-out; 
    transition: max-width .5s ease-out;
}
 
.yjportfolio a.yjportfolioLink img {
        width: 100%;
		max-width:100%;
        -webkit-transition: margin-top .5s ease-out; 
        -moz-transition: margin-top .5s ease-out;
        -ms-transition: margin-top .5s ease-out; 
        -o-transition: margin-top .5s ease-out;
        transition: margin-top .5s ease-out;
    }
	
	
.yjportfolio a.yjportfolioLink img{
  	display: block;
    margin: 0;
    padding: 0;
}
.yjportfolioC div.yjportfolioIntro {
	position: absolute;
	width: 100%;
	height: 100%;
	display:block;
	text-align:center;
	overflow:hidden;
}
.yjportfolioInfo{
	display:block;
	position:relative;
	overflow:hidden;
}
.yjportfolioInfo .infoItem{
	display:block;
	clear:both;
	margin-top:10px;
	overflow:hidden;
}
.yjportfolioC div.yjportfolioIntro h2{
	color:#fff;
	display:inline-block;
	border-bottom:1px solid #fff;
	padding:0 10px;
}
div.yjportfolioIntro .yjportfolioIcons{
	font-size:28px;
	font-weight:normal;
}
div.yjportfolioIntro .yjportfolioIcons a{
	margin:0 5px;

}
div.yjportfolioIntro .yjportfolioCat a{
	font-size:120%;
	display:inline-block;
}
div.yjportfolioIntro a{
	color:#fff;
}
div.yjportfolioIntro a:hover,
div.yjportfolioIntro a:hover span{
	color:#2e2e2e;
}
div#yjPortolioContainer div.k2Pagination{
	float:left;
	clear:both;
}
/* portfolio2 */
div.portfolioHomepage{
	padding:0 15px;
}
div.portfolioHomepage ul.yjportfolioFilter{
	text-align:center;
}
div.portfolioHomepage ul.yjportfolioFilter li{
	display:inline-block;
	float:none;
}
div.portfolioHomepage .yjportfolio{
	margin:0;
}
div#yjPortolioContainer.portfolioHomepage div.k2Pagination{
	float:none;
}
/* isotope */
.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* End: Recommended Isotope styles */



/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
      -ms-transition: none;
       -o-transition: none;
          transition: none;
}

/* custom rating */
.itemRatingForm {
	display:block;
	vertical-align:middle;
	line-height:16px;
	z-index:1200;
}
div.itemRatingLog {
	font-size:10px;
	margin:1px 0 0 0;
	padding:0 0 0 4px;
	display:block;
	width:160px;
	text-transform:none;
}
div.itemRatingForm .formLogLoading {
	background:url(../images/k2images/loading.gif) no-repeat left center;
	height:16px;
	padding:0 0 0 20px;
}
.itemRatingList,
.itemRatingList a:hover,
.itemRatingList .itemCurrentRating {
	background:transparent url(../images/k2images/rating_stars_small.png) left -1000px repeat-x
}
.itemRatingList {
	position:relative;
	float:left;
	width:80px;
	height:16px;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	background-position:left top;
}
.itemRatingList li {
	display:inline;
	background:0;
	padding:0;
}
.itemRatingList a,
.itemRatingList .itemCurrentRating {
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000px;
	height:16px;
	line-height:16px;
	outline:0;
	overflow:hidden;
	border:0;
	cursor:pointer;
}
.itemRatingList a:hover {
	background-position:left bottom
}
.itemRatingList a.one-star {
	width:20%;
	z-index:6;
}
.itemRatingList a.two-stars {
	width:40%;
	z-index:5;
}
.itemRatingList a.three-stars {
	width:60%;
	z-index:4;
}
.itemRatingList a.four-stars {
	width:80%;
	z-index:3;
}
.itemRatingList a.five-stars {
	width:100%;
	z-index:2;
}
.itemRatingList .itemCurrentRating {
	z-index:1;
	background-position:0 center;
	margin:0;
	padding:0;
}
div.itemExtras{
	display:block;
	clear:both;
}
ul.itemInfoExtra{
	padding:0;
	margin:0 0 20px 0;
}
ul.itemInfoExtra li{
	display:inline-block;
	padding:0;
	margin:0 15px 0 0;
	background:none;
	line-height:16px;
	height:16px;
	text-transform:uppercase;
	font-size:90%;
}
.itemDateExtra{
	display:block;
	overflow:hidden;
	float:left;

	min-height:150px;
	margin-right:30px;
}
.itemDateExtraIn{
	text-align:center;
	display:block;
	padding:10px 15px 0 15px;
	overflow:hidden;
}

.itemDateExtraIn .iDay{
	font-size:250%;
	display:block;
	clear:both;
}
.k2ReadMore{
	font-size:130%;
	padding:10px;
	height:28px;
	line-height:28px;
	margin-top:30px;
	display:inline-block;
	float:right;
}
.k2Avatar img,
div.itemComments ul.itemCommentsList li img{
	padding:0;
	border:1px solid #f5f5f5;
	-webkit-border-radius:50%;
	-khtml-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
}
div.itemToolbar ul li a#fontDecrease span, div.itemToolbar ul li a#fontIncrease span{
	display:inline-block;
	font-size:110%;
}