/* 

Phasire - CSS File

USE THIS STYLE SHEET FOR INNER PAGE

*/

/* Page Navi*/
.pagenavi {clear:both; padding:0 0 20px 0;}
.pagenavi a, .pagenavi a:visited{
	padding:3px 8px;
	margin:0 8px 0 0;
	color:#707070;
	display:inline-block;
	border:solid 1px #e7e7e7;
	background:#fff;
}

.pagenavi a:hover{
	padding:3px 8px;
	margin:0 8px 0 0;
	color:#fff;
	display:inline-block;
	border:solid 1px #e63305;
	background:#e63305;
}

.pagenavi .current{
	padding:3px 8px;
	margin:0 8px 0 0;
	color:#fff;
	display:inline-block;
	border:solid 1px #e63305;
	background:#e63305;
}

.pagenavi .pages{
	padding:3px 8px;
	margin:0 8px 0 0;
	color:#707070;
	display:inline-block;
	border:solid 1px #e7e7e7;
	background:#fff;
}

/* BLOG */
.post{
	margin-bottom:40px;
	padding-bottom:37px;
	position:relative;
	border-bottom:1px solid #ededed;
}
.post.last{ margin-bottom:20px;}
.post.single{background:url(../images/line.gif) repeat-x bottom; border:0px; margin-bottom:30px; padding-bottom:20px;}

.postimg{margin:0 0 20px 0}
.postcontent{padding:0;}
.posttitle, .posttitle a, .posttitle a:visited{font-size:18px; color:#272727; margin-bottom:5px; text-transform:uppercase}
.posttitle a:hover{text-decoration:none; color:#e63305}

.entry-content{padding:0;}
.entry-content p{margin-bottom:18px;}
.entry-utility{color:#888; font-size:11px; background:url(../images/line.gif) repeat-x bottom; margin-bottom:20px; padding-bottom:20px; }


.commentlist{
	list-style-type:none;
	padding:0;
	margin:0;
}
.commentlist ol{
	list-style-type:none;
	padding:0px 0 0 90px;
	margin:0;
}

.commentlist li{
	position:relative;
	padding:0 0 0px 0;
}
.commentlist li li{
	position:relative;
	padding:0;
}

.avatar{
	position:absolute;
	top:0;
	left:0;
}
.fn{font-size:13px; font-style:normal; color:#272727;}
.fn a{color:#272727;}
.fn a:hover{ color:#e63305}
.tdate{ }
.tdate, .reply{ font-size:11px; color:#999; font-family:'Open Sans',sans-serif,arial;}
.reply a{color:#999; font-weight:bold;}
.reply a:hover{ color:#e63305}

.comment-body{margin:0 0 27px 90px; padding:0px 0px 27px 0px; border-bottom:1px dotted #d6d6d6; }
.comment-body p{ margin-bottom:5px; margin-top:5px;}
.comment-body .more{ padding:0px 0px;}
#commentform{margin-bottom:15px;}
#commentform label{display:block}
#commentform .text-input{
	margin-bottom:8px;
	padding:8px 5px;
	vertical-align:middle;
}
#commentform .textarea{
	margin-bottom:20px;
	padding:8px 5px;
	vertical-align:top;
	width:90%
}

/* PORTFOLIO */

/*======= Portfolio Navigation =======*/
#filter{
	list-style-type:none;
	padding:0px 0px 5px 0 ;
	margin:0px 0 0px 0;
	float:left;
}

#filter li{list-style-type:none; padding:5px 15px; line-height:20px; float:left; font-size:12px; }
#filter li a, #filter li a:visited{  color:#666; text-shadow: 1px 1px 1px #fff; }
#filter li.current, #filter li a:hover{color:#666;}

#filter li {
	background: #f0f0f0; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#f0f0f0'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#f0f0f0)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #fefefe,  #f0f0f0); /* for firefox 3.6+ */
	border:1px solid #e7e7e7;
	border-width:1px 0px 1px 0px;
}
#filter li.current{	background: #f4f4f4;}
#filter li:first-child{ border-left:1px solid #e7e7e7;}
#filter > li {

    position: relative;
    z-index: 10;
	border-right:solid 1px #fff;
}

#filter > li:before {
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
	border-right: 1px solid #e7e7e7;
}


#ts-display-pf-filterable{position:relative; overflow:hidden; width: 110%;	list-style-type:none; padding:0; margin:0; clear:both}
#ts-display-pf-filterable li{position:relative;}
.ts-display-pf-img{position:relative;}
.ts-display-clear{clear:both; height:1px !important; line-height:1px !important; float:none!important}
.ts-display-pf-text{padding:13px 0px 0px;}
.ts-display-pf-text h2{font-family: 'Open Sans', sans-serif, arial; font-size:13px;  border-bottom:1px solid #ededed; padding-bottom:10px;  margin-bottom:12px}
.ts-display-pf-text h2 a{ color: #272727; font-weight:600;}
.ts-display-pf-text h2 a:hover{ color:#e63305;}

.ts-display-pf-img{
	overflow:hidden;	
}
.ts-display-pf-img a.image{
	display:block;
	position:relative;
	overflow:hidden;
}
.ts-display-pf-img a .rollover{
	background:url(../images/hover-zoom.png);
	background-color:#000;
	background-repeat:no-repeat;
	background-position:center;
	display:block;
    position:absolute;
	z-index:10;
	display:none;
	cursor:pointer;
}
.ts-display-pf-img a .rollover.gotolink{
	background:url(../images/hover-link.png);
	background-color:#000;
	background-repeat:no-repeat;
	background-position:center;
}
.ts-display-pf-img a .rollover.gotopost{
	background:url(../images/hover-doc.png);
	background-color:#000;
	background-repeat:no-repeat;
	background-position:center;
}

/*======= Portfolio 2 Item =======*/
.ts-display-pf-col-2 li{
	list-style-type:none; 
	padding:0; 
	margin:0px 20px 35px 0; 
	width:460px; 
	float:left;
}

.ts-display-pf-col-2 .ts-display-pf-img img{display:block; max-width:100%;}

.ts-display-pf-col-2 li.nomargin{margin-right:0 !important;}

.ts-display-pf-col-2 .ts-display-pf-img{
	width:460px; 
	height:100%;
}

.ts-display-pf-col-2 .ts-display-pf-img a.image{
	width:460px; 
	height:100%;
	display:block;
	position:relative;

}
.ts-display-pf-col-2 .ts-display-pf-img a .rollover{
	width:460px; 
	height:100%;
}


/*======= Portfolio 3 Item =======*/
.ts-display-pf-col-3 li{
	list-style-type:none; 
	padding:0; 
	margin:0 20px 35px 0; 
	width:300px; 
	float:left;
	
}
.ts-display-pf-col-3 .ts-display-pf-img img{display:block; max-width:100%;}

.ts-display-pf-col-3 li.nomargin{margin-right:0;}

.ts-display-pf-col-3 .ts-display-pf-img{
	width:300px; 
	height:100%;
}

.ts-display-pf-col-3 .ts-display-pf-img a.image{
	width:300px; 
	height:100%;
	display:block;
	position:relative;

}
.ts-display-pf-col-3 .ts-display-pf-img a .rollover{
	width:300px; 
	height:100%;
}


/*======= Portfolio 4 Item =======*/
.ts-display-pf-col-4 li{
	list-style-type:none; 
	padding:0; 
	margin:0 20px 35px 0; 
	width:220px; 
	float:left;
}
.ts-display-pf-col-4 .ts-display-pf-img img{display:block; max-width:100%;}

.ts-display-pf-col-4 li.nomargin{margin-right:0;}

.ts-display-pf-col-4 .ts-display-pf-img{
	width:220px; 
	height:100%;
}

.ts-display-pf-col-4 .ts-display-pf-img a.image{
	width:220px; 
	height:100%;
	display:block;
	position:relative;

}
.ts-display-pf-col-4 .ts-display-pf-img a .rollover{
	width:220px; 
	height:100%;
}

/* ---------------------------- */
/*       Isotope plugin
/* ---------------------------- */

.isotope-item {
	z-index: 2;
}

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

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

.isotope {
	-webkit-transition-property: height, width;
	-moz-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;
	-o-transition-property: top, left, 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;
	-o-transition-duration: 0s;
	transition-duration: 0s;
}

/* End: Recommended Isotope styles */

ul.pf-shortcode{list-style-type:none; margin:0; padding:0;}
ul.pf-shortcode li{
	list-style-type:none; 
	padding:0; 
	margin:0 20px 22px 0; 
	width:220px; 
	float:left;
}
ul.pf-shortcode .ts-display-pf-img img{display:block; max-width:100%;}

ul.pf-shortcode li.nomargin{margin-right:0;}

ul.pf-shortcode .ts-display-pf-img{
	width:220px; 
	height:100%;
}

ul.pf-shortcode .ts-display-pf-img a.image{
	width:220px; 
	height:100%;
	display:block;
	position:relative;

}
ul.pf-shortcode .ts-display-pf-img a .rollover{
	width:220px; 
	height:100%;
}


/* CONTACT */
#sidebar .contact{ margin:0px 0px 0px 15px; padding:0px;}
#sidebar .contact li{ border-bottom:0px; margin-bottom:0px;}
#sidebar .contact li h5{ margin-bottom:0px;}

form{margin:0; padding:0;}
fieldset{border:0px;}
#contactform{margin:0 auto; position:relative; margin-bottom:20px }
#contactform label{display:block}
label.sp { width:3px;}
span.error{color:red;text-align:left; font-size:11px; padding-bottom:15px; display:block;}
#contactform input.text-input{
	margin-bottom:15px;
	vertical-align:middle;
}
#contactform textarea{ width:95%;} 
#contactform .lastcols input.text-input, #contactform .lastcols label { margin-left:5px;}
#contactform .required{}
#message{ margin-left:0px;}
#message h2	{}
#message p{margin:6px 0px; }
.required{ color:#e63305;}
#contactform .button{
	cursor:pointer;
	margin-top:15px;
 }