@charset "utf-8";

/*--------------------------------------*/
/*POTFOLIO - A (Filterable) : Styling*/
/*--------------------------------------*/

/*- Folio Thumbs : Basic Setup -*/
.cover{
    height:200px;
    overflow:hidden;
    position:relative;
    float:left;
}
.cover a img{
	/*height:384px;
    border:none;
    position:absolute;
    top:-183.5px;
    left:-96px;
    opacity: 1;*/
	height:200px;
    border:none;
    position:absolute;
    top:0px;
    left:0px;
    opacity: 1;
}
	
/*Folio Item TITLE*/
.folio-title{
	height:44px;
	position:absolute;
	top:-200px;
	background:url(../images/folio-caps-bg.png) repeat;
	font-family:"PT_Sans", Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height:20px;
	padding-top:4px;
	padding-bottom:4px;
	color:#fff;
	z-index:9999 !important;
}

/*Folio Item ICONS*/
.folio-icon-zoom{
	display:none;
	width:40px;
	height:40px;
	position:relative;
	z-index:9999 !important;
	background:url(../images/icon_zoom_small.png) no-repeat;
	float:right;
}
.folio-icon-link{
	width:40px;
	height:40px;
	position:relative;
	z-index:9999 !important;
	background:url(../images/icon_link_small.png) no-repeat;
	float:left;
}
.folio-icon-image{
	width:40px;
	height:40px;
	position:relative;
	z-index:9999 !important;
	background:url(../images/icon_image_small.png) no-repeat;
	float:left;
}
.folio-icon-video{
	width:40px;
	height:40px;
	position:relative;
	z-index:9999 !important;
	background:url(../images/icon_video_small.png) no-repeat;
	float:left;
}
.folio-icon-photography{
	width:40px;
	height:40px;
	position:relative;
	z-index:9999 !important;
	background:url(../images/icon_photo_small.png) no-repeat;
	float:left;
}
.folio-icon-favourite{
	width:40px;
	height:40px;
	position:relative;
	z-index:9999 !important;
	background:url(../images/icon_fav_small.png) no-repeat;
	float:left;
}

/*- FILTER OPTIONS -*/
ul#filterOptions {
	width: 802px;
	height: 52px;
	margin: 30px 0;
	overflow: hidden;
	padding-left:10px;
}
ul#filterOptions li { height: 52px; margin-right: 2px; display: inline-block; float: left;margin:3px;}
ul#filterOptions li a {
	margin:3px;
	font-family:"PT_Sans" !important;
	font-size:14px;
	font-style:italic;
    border-radius: 0.5em 0.5em 0.5em 0.5em;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    display: inline-block;
    outline: medium none;
    padding: 0.5em 2em 0.55em;
    text-align: center;
    text-decoration: none !important;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
	color: #e9e9e9 !important;
	border: 1px solid #888;
	background: #6e6e6e;
	/*background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
	background: -moz-linear-gradient(top,  #888,  #575757);*/
	
	background: -moz-linear-gradient(#888, #575757) repeat scroll 0 0 transparent;
    border-radius: 4px 4px 4px 4px;
     box-shadow: 1px 1px 2px #000000;
}
ul#filterOptions li a:hover { 
	background: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
	background: -moz-linear-gradient(top,  #444,  #000); 
}
ul#filterOptions li.active a { 
	color: #000 !important;
	background:#eee;
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#aaa));
	background: -moz-linear-gradient(top,  #eee,  #aaa);
}
/*- -*/

ul.listing {
	height: 100%;
	overflow: hidden;
	margin-bottom:25px;
	padding:0px;
}
ul.listing li{
	background:#111;
	margin-top:5px;
	margin-bottom:5px;
}
ul.listing li.item {
	height: 215px;
	float: left;
	text-align: center;
	overflow: hidden;
	background:url(../images/folio-item-shadow.png) no-repeat bottom;
}
ul.listing li.item:hover {
	height: 215px;
	float: left;
	text-align: center;
	overflow: hidden;
	background:url(../images/folio-item-shadow-h.png) no-repeat bottom;
}
ul.listing li.item h3 { display:none; margin-top: 10px; height:60px; font-size: 16px; line-height: 20px; background:url(../images/opacity.png) repeat; }



/*--------------------------------------*/
/*POTFOLIO - B (Standard) : Styling*/
/*--------------------------------------*/

.folio_std-listing{
	margin:0px;
	padding:0px;
}

.folio_std-item{
	height:512px;
	background:#f2f2f2;
	margin-top:17px;
	margin-bottom:55px;
	box-shadow: 0px 0px 2px rgba(0,0,0,0.8);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.std-head{
	height:40px;
	background:#000;
	background:url(../images/heading-bg.jpg) repeat;
	color:#DC4F1B;
	border:solid 1px #aaa;
	border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
}
.std-head h4{
	font-family: 'Winterthur_Cond'; 
	font-size:24px;
	font-weight:normal;
	text-transform:uppercase;
	margin:7px 7px 7px 14px;
}
.std-body{
	height:468px;
	background:#f2f2f2;
	color:#DC4F1B;
	border:solid 1px #aaa;
	border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
.std-side{
	width:210px;
	height:468px;
	background:#dadada;
	color:#DC4F1B;
}
.std-side ul{
	margin:10px;
	padding:0px;
	color:#444;
}
.std-side li{
	margin-top:5px;
	margin-bottom:5px;
	height:25px;
	background:#f2f2f2;
	padding:5px 10px 5px 10px;
	border-radius:3px;
	font-family:Arial, Helvetica, sans-serif;
    font-size: 12px;
	border:solid 1px #aaa;
}
.std-side .more-button{
	margin:10px !important;
}
.std-image{
	width:728px;
	height:350px;
	background:url(../images/wide-shadow.png) no-repeat bottom;
	text-align:center;
}
.std-text{
	width:728px;
	margin-top:-2px;
}
.std-text p{
	width:570px;
	padding:0px 10px 5px 10px;
	text-align:justify;
}
.std-links{
	margin:7px !important;
}
/*COMMON : Social Icons on Portfolio Page Section*/
#folio-social-nav{
	margin-right:10px;
	margin-top:9px;
}

#folio_std-social-nav{
	margin-right:10px;
	margin-top:9px;
}