/* 

CleanCorp - CSS File

USE THIS STYLE SHEET FOR INNER PAGE

*/


/* Pagenavi */
.pagenavi {clear:both; padding:20px 0px 20px 0px;}
.pagenavi a:visited{
	color:#989898;
	background-color:#f7f7f7;
	padding:5px 10px;
	margin-right:8px;
	border:solid 1px #dedede;
}

.pagenavi a{
	color:#989898;
	background-color:#f7f7f7;
	padding:5px 10px;
	margin-right:8px;
	border:solid 1px #dedede;
}

.pagenavi a:hover{
	background-color:#e8e8e8;
	color:#989898;
	padding:5px 10px;
	margin-right:8px;
	border:solid 1px #ebeaea;
}
.pagenavi .current{
	background-color:#e8e8e8;
	color:#989898;
	padding:5px 10px;
	margin-right:8px;
	border:solid 1px #dedede;
	}
.pagenavi .pages{
	color:#989898;
	background-color:#f7f7f7;
	padding:5px 10px;
	margin-right:8px;
	border:solid 1px #dedede;
}


/* PORTFOLIO */
.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 .more{
	text-align:left;
	float:left
}
.ts-display-pf-text .more:hover{
}


/*======= Portfolio 1 Column =======*/
#ts-display-pf-col-1{list-style-type:none; padding:0; margin:0;}
#ts-display-pf-col-1 li{list-style-type:none; padding:0; margin:0 0 50px 0; !important}
#ts-display-pf-col-1 li.nomargin{margin-right:0;}
#ts-display-pf-col-1 h2{margin-bottom:10px;}

#ts-display-pf-col-1 .ts-display-pf-img{
	width:584px;
	height:244px;
	float:left;
	margin-top:5px;
	margin-right:25px;
	border:solid 1px #e1e1e1;
	padding:7px;
}

#ts-display-pf-col-1 .ts-display-pf-img a.image{
	width:584px;
	height:244px;
	display:block;
	position:relative;
}

#ts-display-pf-col-1 .ts-display-pf-img a .rollover{
	background:url(../images/hover-opacity.png);
	background-color:#000;
	background-repeat:no-repeat;
	background-position:center;
	width:584px;
	height:244px;
	display:block;
    position:absolute;
	z-index:10;
	display:none;
	cursor:pointer;
}

#ts-display-pf-col-1 .ts-display-pf-text{
	width:290px;
	float:left;
	padding-right:20px;
}

/*======= Portfolio 2 Column =======*/
#ts-display-pf-col-2{list-style-type:none; padding:0; margin:0;}
#ts-display-pf-col-2 li{list-style-type:none; padding:0; margin:0 40px 50px 0; width:450px;  float:left}
#ts-display-pf-col-2 li.nomargin{margin-right:0;}
#ts-display-pf-col-2 h2{margin-bottom:10px;}

#ts-display-pf-col-2 .ts-display-pf-img{
	width:434px;
	height:244px;
	border:solid 1px #e1e1e1;
	padding:7px;
}

#ts-display-pf-col-2 .ts-display-pf-img a.image{
	width:434px;
	height:244px;
	display:block;
	position:relative;

}

#ts-display-pf-col-2 .ts-display-pf-img a .rollover{
	background:url(../images/hover-opacity.png);
	background-color:#000;
	background-repeat:no-repeat;
	background-position:center;
	width:434px;
	height:244px;
	display:block;
    position:absolute;
	z-index:10;
	display:none;
	cursor:pointer;
}

#ts-display-pf-col-2 .ts-display-pf-text{
	margin-top:10px;
	padding:0 10px;
}


/*======= Portfolio 3 Column =======*/
#ts-display-pf-col-3{list-style-type:none; padding:0; margin:0;}
#ts-display-pf-col-3 li{list-style-type:none; padding:0; margin:0 35px 50px 0; width:290px;  float:left}
#ts-display-pf-col-3 li.nomargin{margin-right:0;}
#ts-display-pf-col-3 h2{margin-bottom:10px}

#ts-display-pf-col-3 .ts-display-pf-img{
	width:274px;
	height:204px;
	border:solid 1px #e1e1e1;
	padding:7px;
}

#ts-display-pf-col-3 .ts-display-pf-img a.image{
	width:274px;
	height:204px;
	display:block;
	position:relative;

}

#ts-display-pf-col-3 .ts-display-pf-img a .rollover{
	background:url(../images/hover-opacity.png);
	background-color:#000;
	background-repeat:no-repeat;
	background-position:center;
	width:274px;
	height:204px;
	display:block;
    position:absolute;
	z-index:10;
	display:none;
	cursor:pointer;
}

#ts-display-pf-col-3 .ts-display-pf-text{
	margin-top:10px;
	padding:0 10px
}

/*======= Portfolio 4 Column =======*/
#ts-display-pf-col-4{list-style-type:none; padding:0; margin:0;}
#ts-display-pf-col-4 li{list-style-type:none; padding:0; margin:0 20px 50px 0; width:220px;  float:left}
#ts-display-pf-col-4 li.nomargin{margin-right:0;}
#ts-display-pf-col-4 h2{margin-bottom:10px}

#ts-display-pf-col-4 .ts-display-pf-img{
	width:204px;
	height:144px;
	border:solid 1px #e1e1e1;
	padding:7px;
}

#ts-display-pf-col-4 .ts-display-pf-img a.image{
	width:204px;
	height:144px;
	display:block;
	position:relative;

}

#ts-display-pf-col-4 .ts-display-pf-img a .rollover{
	background:url(../images/hover-opacity.png);
	background-color:#000;
	background-repeat:no-repeat;
	background-position:center;
	width:204px;
	height:144px;
	display:block;
    position:absolute;
	z-index:10;
	display:none;
	cursor:pointer;
}

#ts-display-pf-col-4 .ts-display-pf-text{
	margin-top:10px;
	padding:0 10px;
}


/* BLOG */
.posttitle{margin:0 0 12px 0; font-size:20px; line-height:30px; color:#3b3b3b !important}
.posttitle a:visited{color:#3b3b3b !important}
.posttitle a{color:#3b3b3b !important}
.posttitle a:hover{text-decoration:none}
.post{margin-bottom:50px;}
.post.single{margin-bottom:0px; padding-bottom:0px; border:0;}
.post-entry{}
.entry-content{padding:5px 0px 0 0;}
.entry-utility{font-size:10px; padding:0 0 0 0; display:block}
.entry-utility a:visited{color:#6a6b6c !important}
.entry-utility a{color:#6a6b6c !important}
.entry-utility a:hover{}
.postimg{margin-bottom:12px;}
.more{display:inline-block;}
.tags{font-weight:bold;}
.cat{font-weight:bold;}
#entry-author-info{
	background-color:#efeeee;
	border:solid 1px #e8e8e8;
	margin:50px 0px 0 0;
	padding:20px;
	background-image:url(../images/bg-author-info.gif);
	background-repeat:repeat-x;
	
}
.author-avatar{
	border:solid 1px #e8e8e8;
	background-color:#ededed;
	float:left;
	margin-right:10px;
	}
	
#entry-author-info .t1{margin-bottom:4px;}
	
.author-avatar img{
	padding:4px;
	border:solid 1px #fff;
}

#comment{}
#comment .pagenavi{
	padding:0 0 40px 0;
}
.commentlist{
	list-style-type:none;
	padding:20px 0;
	margin:0;
}
.commentlist ol{
	list-style-type:none;
	padding:30px 0 0 90px;
	margin:0;
}

.commentlist li{
	position:relative;
	padding:0 0 30px 0;
}
.commentlist li li{
	position:relative;
	padding:0;
}
.picavatar{
	position:absolute;
	top:0;
	left:0;
	border:solid 1px #e8e8e8;
	background-color:#ededed;
	padding:0;
	height:71px;
}
.avatar{
	border:solid 1px #fff;
	padding:4px;
	background-color:#ededed
}
.tuser{font-size:14px;}
.comment-body{margin:0 0 0 90px; padding:0;}
.comment-body p{margin-bottom:10px;}
#commentform label{display:block; float:left; margin-bottom:10px}
#commentform .text-input{
	margin-bottom:8px;
	padding:8px 5px;
	vertical-align:middle;
	width:178px;
	margin-right:10px;
}
#commentform #url.text-input{margin-right:0 !important;}
#commentform .textarea{
	margin-bottom:10px;
	padding:8px 5px;
	vertical-align:top;
	width:580px;
}
#commentform .button{
	margin-top:15px;
 }
#commentform .button:hover{text-decoration:none;}



/* CONTACT */
form{margin:0; padding:0;}
fieldset{border:0px;}
#contactform{position:relative; width:485px; margin-left:10px}

#contactform label{ display:block}
span.error{color:red;text-align:left; font-size:9px; float:left;}
#contactform .text-input{
	background-color:#f0f0f0;
	border:solid 1px #d8d8d8;
	border-bottom:solid 1px #fff;
	margin-bottom:20px;
	padding:8px 5px;
	font-size:11px;
	width:470px
}

#contactform textarea{
	background-color:#f0f0f0;
	border:solid 1px #d8d8d8;
	border-bottom:solid 1px #fff;
	margin-bottom:7px;
	padding:8px 5px;
	font-size:11px;
	width:470px
}
#message{ margin-left:0px;}
#message h2{}
#message p{margin:6px 0px; }
.button{ cursor:pointer; margin:10px 0 0 0;}


/* DEMO */
form{margin:0; padding:0;}
fieldset{border:0px;}
#demoform{position:relative; width:485px; margin-left:10px}

#demoform label{ display:block}
span.error{color:red;text-align:left; font-size:9px; float:left;}
#demoform .text-input{
	background-color:#f0f0f0;
	border:solid 1px #d8d8d8;
	border-bottom:solid 1px #fff;
	margin-bottom:20px;
	padding:8px 5px;
	font-size:11px;
	width:470px
}

#demoform textarea{
	background-color:#f0f0f0;
	border:solid 1px #d8d8d8;
	border-bottom:solid 1px #fff;
	margin-bottom:7px;
	padding:8px 5px;
	font-size:11px;
	width:470px
}
#message{ margin-left:0px;}
#message h2{}
#message p{margin:6px 0px; }
.button{ cursor:pointer; margin:10px 0 0 0;}


/* QUOTE */
form{margin:0; padding:0;}
fieldset{border:0px;}
#quoteform{position:relative; width:485px; margin-left:10px}

#quoteform label{ display:block}
span.error{color:red;text-align:left; font-size:9px; float:left;}
#quoteform .text-input{
	background-color:#f0f0f0;
	border:solid 1px #d8d8d8;
	border-bottom:solid 1px #fff;
	margin-bottom:20px;
	padding:8px 5px;
	font-size:11px;
	width:470px
}

#quoteform textarea{
	background-color:#f0f0f0;
	border:solid 1px #d8d8d8;
	border-bottom:solid 1px #fff;
	margin-bottom:7px;
	padding:8px 5px;
	font-size:11px;
	width:470px
}
#message{ margin-left:0px;}
#message h2{}
#message p{margin:6px 0px; }
.button{ cursor:pointer; margin:10px 0 0 0;}