/* main page layout */

#w ul { list-style:none;}



/* sorting and filtering */

.sort { display: block; font-family: 'Kite One', Arial, sans-serif; font-size: 1.4em; line-height: 0.9em; color: #444; }

.sort ul { text-align:;}

.sort li a { margin-right: 4px; padding: 0px 3px; text-decoration: none;}

.sort li a:hover { color: #72c02c; text-decoration: none; border-bottom: 1px dotted #72c02c; }

.sort li a.selected { color: #72c02c; border-bottom: 1px solid #72c02c; }

.view a.info:hover {

	background: #72c02c;

}

/* portfolio items */

.portfolio { 

	width:100%;

	display: block;

	text-align:center; 

	padding: 20px 0 0 0; 

	margin: 0 0 10px; 

}



.portfolio li { 

  float: left; 

  margin-right: 50px; 

  margin-bottom: 50px;

}

.portfolio li a { 

  display: block; 

  -webkit-transition: all 0.35s linear; 

  -moz-transition: all 0.35s linear; 

  -o-transition: all 0.35s linear;

  transition: all 0.35s linear;

}

/* Recent Work  */

.recent-work a {

	text-align:center;

	background:#fcfcfc;

	display:inline-block;

}



.recent-work a:hover {

	text-decoration:none;

}



.recent-work a:hover strong {

	color:#555;

}



.recent-work em.overflow-hidden {

	display:block;

	overflow:hidden;

}



.recent-work a span {

	display:block;

	padding:10px;

	border-bottom:solid 2px #d9241b;

}



.recent-work a strong {

	color:#555;

	display:block;

}



.recent-work a i {

	color:#777;

}



.recent-work a img {

   -webkit-transition: all 0.8s ease-in-out;

   -moz-transition: all 0.8s ease-in-out;

   -o-transition: all 0.8s ease-in-out;

   -ms-transition: all 0.8s ease-in-out;

   transition: all 0.8s ease-in-out;

}



.recent-work a:hover img {

	opacity:0.8;

   -webkit-transform: scale(1.2) rotate(3deg);

   -moz-transform: scale(1.2) rotate(3deg);

   -o-transform: scale(1.0) rotate(3deg);

   -ms-transform: scale(1.2) rotate(3deg);

   transform: scale(1.2) rotate(3deg);

}



.recent-work a:hover span {

	border-bottom:solid 2px #cfcfcf;

    -webkit-transition:all 0.2s ease-in-out;

    -moz-transition:all 0.3s ease-in-out;

    -o-transition:all 0.2s ease-in-out;

    transition:all 0.3s ease-in-out;

}



/* Work */

.work {

	margin-top:6px;

}

.work .details {

	padding:10px;

}

.work .caption {

	display:block;

	padding-top:5px;

	color:#585f69 !important;

	font-size:18px !important;

}

.work .caption:hover {

	cursor:pointer;

	color:#444 !important;

	text-decoration:underline;

}