/*next 2 definition should be generic*/
a.link:hover {
	/*background-color: rgba(255,204,0,1) !important;*/
	transition: background-color 0.2s ease-in; 
		-moz-transition: background-color 0.2s ease-in; 
		-webkit-transition: background-color 0.2s ease-in; 
		-o-transition: background-color 0.2s ease-in;
}

a.link {
	transition: background-color 0.2s ease-in; 
		-moz-transition: background-color 0.2s ease-in; 
		-webkit-transition: background-color 0.2s ease-in; 
		-o-transition: background-color 0.2s ease-in;
}

.portfolio-listing-3column {
	max-width:312px;
	height:230px;
	/*width:33,333333333333333333333333333333%;*/
	float:left;
	overflow:hidden;
	position:relative;
	margin:0 12px 12px 0;
}

.portfolio-listing-3column:nth-child(3n+3) {
	margin-right:0;
}

/*
each slider in different layout must have height and width to make precious IE works well
apply 100%? too optimistic!
*/
.portfolio-listing-3column .flexslider-mini{
	width:312px;
	height:230px;	
}

.portfolio-gallery-image{
	width:100%;
	height:100%;
}

.portfolio-listing-3column .box {
    background: url("../images/styles/bg_black_portfolio.png") no-repeat scroll 0 0 transparent;
    bottom: -950px;
    color: #FFFFFF;
    height: 1200px;
    position: absolute;
    right: -960px;
    width: 1200px;
}

.portfolio-listing-3column .box span {
    display: none;
	position: absolute;
	left:230px;
	top:230px;
}

.portfolio-listing-3column .box span .link{
	font-family:"Courier New", Courier, monospace;
	font-size:14px;	
	line-height:18px;
	font-weight:bold;
	text-decoration:none;
	display:block;
	width:18px;
	height:18px;
	text-align:center;
	margin-top:18px;
}

.portfolio-listing-3column .box .title {
	font-size:20px;
	line-height:27px;
	display:inline-block;
	max-width:290px;
}

.portfolio-listing-3column .box .category {
	font-size:11px;
	line-height:18px;
}

.portfolio-last-item {
	margin-right: 0px;
}

/*Portfoli Details Page*/

.portfolio-details-main-wrapper {
	padding-top:0px !important;
}

.portfolio-page h1{
	font-size:30px;
	line-height:37px;
	width:90%;
}

.portfolio-page h2{
	font-size:16px;
	line-height:26px;
}

.portfolio-details-part h3{
	font-size:16px;
	margin:10px 0 10px 0;
}

.portfolio-details-part h3:first-child{
	margin-top:0px;
}

.portfolio-details-part {
	position:relative;	
	height:auto;
	overflow:hidden;
}

.folded-corner:before {
   content:"";
   position:absolute;
   bottom:0;
   right:0;
   border-width:16px 16px 0px 0px;
   border-style:solid;
   border-color:#658E15 #fff #fff;
   background:#658E15;
   display:block; width:0; /* Firefox 3.0 damage limitation */
}

.portfolio-details-part>div {
	background-color:#e8e8ea;
	padding:30px;
	/*width:100%;*/
	height:100%;
	height:auto;	
}

.portfolio-details-title-wrapper {
	position:relative;
	min-height:42px;
	margin:20px 0 20px 0;
}

.flexslider-portfolio{
	margin-bottom:0px;
}

#blog-navigation{
	top:7px;
}

#portfolio-related-porjects-wrapper {
	margin-left:-5px;
}

#portfolio-related-porjects-wrapper .item {
	float:left;
	width:150px;
	margin:5px 5px 0 5px;
	box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;	
}

/*****************************
Video Items
******************************/
.portfolio-listing-3column .video {
    background: url("../images/styles/bg_black_portfolio.png") no-repeat scroll -178px -180px transparent;
	bottom:0px;
	right:0px;
	position:absolute;
	width:68px;
	height:66px;
}

.portfolio-listing-3column .video .title,
.portfolio-listing-3column .video .category{
	display:none;
}

.portfolio-listing-3column .video span .link{
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:14px;	
	font-weight:bold;
	text-decoration:none;
	display:block;
	width:18px;
	height:18px;
	line-height:18px;
	text-align:center;
	/*color:#000;*/
	margin:32px 0 0 40px;
	/*background-color:#FFFFFF;*/
}