/* 

The Future - CSS File

USE THIS STYLE SHEET FOR INNER PAGE

*/



.pagetitle{ text-transform:capitalize; margin-bottom:20px}
.nomargin{ margin-right:0px !important;}
.pagenavi{clear:both; text-align:right}
.pagenavi a, .pagenavi a:visited{
	color:#a1a1a1;
	padding:4px 6px;
	margin-right:2px;
}
.pagenavi a.current{
	background-color:#ffaa00;
	color:#fff;
	}

.pagenavi a:hover{text-decoration:none;background-color:#ffaa00;color:#fff;}


/* PORTFOLIO */

.pf-type1{list-style-type:none; margin:0px; padding:0px;}
.pf-type1 li{margin:0px 0px 80px 0px; list-style-type:none;}
.pf-type1 h2{margin-bottom:4px;}
.pf-img-type1{width:420px; height:200px; float:left; background:url(../images/hover-opacity1.png) no-repeat top left}
.pf-text-type1{width:414px; padding-left:30px; float:left}
.pf-text-type1 a{}
.pf-text-type1 a:hover{text-decoration:none}
.pf-text-type1 p{margin-bottom:10px;}

.pf-type2{list-style-type:none; margin:0px; padding:0px;}
.pf-type2 li{margin:0px 70px 30px 0px; float:left; width:390px; list-style-type:none;}
.pf-type2 h2{}
.pf-img-type2{width:390px; height:200px; margin-bottom:20px; background:url(../images/hover-opacity2.png) no-repeat top left}
.pf-text-type2{}
.pf-text-type2 a{text-decoration:underline}
.pf-text-type2 a:hover{text-decoration:none}



/* BLOG */
.posttitle{margin-bottom:12px; font-size:30px !important; line-height:32px !important;}
.posttitle a, .posttitle a:visited{color:#1c1b19}
.posttitle a:hover{text-decoration:none}
.entry-utility{font-size:11px; border:solid 1px #eaeaea; border-width:1px 0; padding:5px 0 }
.entry-utility a, .entry-utility a:visited{color:#a1a1a1}
.entry{padding:10px 0px;}
.post{padding-bottom:8px; margin-bottom:20px;}
.authorbox{padding:16px 0; margin-bottom:25px; border:solid 1px #eaeaea; border-width:1px 0;}
.respond{padding:0px 0px 13px 0px; margin-bottom:15px;}
#commentform label{margin-top:3px; float:left; width:100px;}
.input{ 
	margin:4px 8px 10px 0px;
	width: 280px;
	height:20px; 
	padding:4px 2px;
	border:solid 1px #eaeaea;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	vertical-align:middle
	}
.textarea{ 
	margin:4px 8px 10px 0px;
	padding: 4px 2px;
	border:solid 1px #eaeaea;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	vertical-align:top; width:280px;
	}
.button{
	font-family:Arial;
	padding:4px 10px;
	border:0px;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	margin-top:10px;
	cursor:pointer;
	display: block;
	color:#757575; 
	background-color:#f3f3f3;
	border:solid 1px #eaeaea;
 }
 
#commentform .button{margin-left:100px;}
ol.commentlist{padding-bottom:30px; padding-left:0px; margin:0px 0px 13px 0px; list-style-type:none; line-height:20px}
ol.commentlist ol.child{list-style-type:none; padding:20px 0px 0px 0px; margin:5px 0px 0px 0px; }
ol.commentlist ol.child li{padding-left:70px !important; padding-bottom:30px;}
ol.commentlist ol.child li li{padding-bottom:0px;}
.commentlist .avatar{float:left; width:70px; text-align:center; margin-right:10px;}
.commentlist .comment-text{float:left; width:75%}
.avatar .time{font-size:11px; display:block; line-height:13px;}
.avatar img{margin-top:4px; margin-bottom:4px}
.reply{text-decoration:underline !important; font-weight:bold !important;}
.reply:hover{text-decoration:none !important;}
.boldtext{font-weight:bold; font-size:14px; color:#545454}



/* CONTACT */
form{margin:0; padding:0;}
fieldset{border:0px;}
#contact_form{margin:0 auto; position:relative}
#contact_form label{margin-top:3px; float:left; width:100px;}
label.sp { width:3px;}
span.error{color:red;text-align:left; font-size:9px}

#message{ margin-left:0px;}
#message h2	{}
#message p{margin:6px 0px; }

input.text-input{
	margin:4px 8px 7px 0px;
	width: 280px; 
	height:15px;
	padding:5px 2px;
	border:solid 1px #eaeaea;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	vertical-align:middle;
  }
textarea.text-input{
	margin:4px 8px 7px 0px; 
	padding: 5px 2px;
	border:solid 1px #eaeaea;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	vertical-align:top;
	width:280px;
   }
#contact_form input:focus, #contact_form textarea:focus {border:solid 1px #eaeaea;}
#contact_form input.but{
	font-family:Arial;
	padding:4px 10px;
	border:0px;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	margin-top:10px;
	cursor:pointer;
	display: block;
	color:#757575; 
	background-color:#f3f3f3;
	border:solid 1px #eaeaea;
	margin-left:100px;
}