/* 

Tanner and Company - CSS File

USE THIS STYLE SHEET FOR INNER PAGE

*/



/* Page Navi*/
.pagenavi {clear:both; padding:0px 0; font-size:12px; margin-bottom:20px;}
.pagenavi a, .pagenavi a:visited{
	padding:1px 7px;
	margin-right:8px;
}

.pagenavi a:hover{
	padding:1px 7px;
	margin-right:8px;
	text-decoration:none;
}

.pagenavi .current{
	padding:1px 7px;
	margin-right:8px;
	text-decoration:none;
	cursor:pointer;
}

.pagenavi .pages{

	padding:1px 7px;
	margin-right:8px;

}



/* SERVICE */
.services .one_third p{ overflow:hidden;}


/* PORTFOLIO */

/* #FILTERABLE */

#portfolio-list{
	   -moz-transition: all 1s ease-in-out;
	-webkit-transition: all 1s ease-in-out;
	     -o-transition: all 1s ease-in-out;
	        transition: all 1s ease-in-out;
}
#portfolio-list h2{ margin-bottom:0px; margin-left:8px; font-family:"Trebuchet MS", Verdana, Arial;}
#portfolio-list p{ margin-bottom:0px; margin-left:8px; font-family:"Trebuchet MS", Verdana, Arial;}
.module-container{ margin-bottom:40px}
#portfolio-list .module-desc-list, #portfolio-list .module-desc-grid{display: none}
#portfolio-list .module-desc-list.none, #portfolio-list .module-desc-grid.none{ display:none!important;}
#portfolio-list .module-desc-list.visible, #portfolio-list .module-desc-grid.visible{display: inline;}
span.list_btn:hover, span.grid_btn:hover{cursor: pointer; background-position: 0px -28px;}
.module-desc-grid h2{text-align:center}


.filters_portfolio{float: left; padding-top:10px;}
.filters_portfolio span, .view_portfolio span{margin-right: 0px;}
.filters_portfolio a{ background:url(../images/line-menu-filters.png) no-repeat 0px 5px; padding-left:10px;}
.filters_portfolio a:first-child{ padding:0px; background:none;}


.view_portfolio{float: right;}
.view_portfolio span{float: left; margin: 0px;}

span.grid_btn, span.list_btn{
	width:40px;
	display:block;
	height:28px;
} 

#portfolio-list a .rollover{
	background:url(../images/hover-opacity.png);
	background-color:#000;
	background-repeat:no-repeat;
	background-position:center;
	width:220px;
	height:180px;
	display:block;
    position:absolute;
	z-index:10;
	display:none;
	cursor:pointer;
}



/* BLOG */
.post{margin-bottom:20px; padding-bottom:20px; clear:both; position:relative;}
.posttitle, .posttitle a{font-family:"Trebuchet MS", Verdana, Arial; margin-bottom:8px;}
.posttitle a:hover{text-decoration:none; }

.post .three.columns{ position:relative;}

.postcomment{background:url(../images/icons/i-comment.png) no-repeat; position:absolute; top:5px; right:-5px; width:27px; height:25px; text-align:center;}

.post.single h2.posttitle{ margin-bottom:0px;}
.post.single .entry-utility{ margin-bottom:10px;}

.entry-content{}

.entry-utility a:hover{ text-decoration:underline;}

.related-post h4{ font-weight:normal; font-family:"Trebuchet MS", Verdana, Arial; margin-bottom:5px;}


#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;
}

.avatar{
	position:absolute;
	top:0;
	left:0;
}
.tuser{font-size:14px; color:#ccc;}
.tdate{ font-size:12px; color:#666; float:right; margin-right:15px;}
.reply{ float:right;}

.comment-body{margin:0 0 0 90px; padding:18px 18px 0px 18px; border:1px solid #999;}
.comment-body p{ padding-top:10px;}
#commentform label{display:block}
#commentform .text-input{
	margin-bottom:8px;
	padding:8px 5px;
	vertical-align:middle;
	width:50%;
}
#commentform .textarea{
	margin-bottom:10px;
	padding:8px 5px;
	vertical-align:top;
}
#commentform .button{ padding:5px 12px; }
#commentform .button:hover{}


/* CONTACT */
.contact h4{ text-transform:uppercase; }
form{margin:0; padding:0;}
fieldset{border:0px;}
#contactform{margin:0 auto; position:relative; }
#contactform label{display:inline-block; float:left; width:25%;}
label.sp { width:3px;}
span.error{color:red; text-align:left; font-size:11px; margin-left:95px;}
#contactform textarea, #contactform input{ float:left;}
#contactform input.text-input{
	margin-bottom:8px;
	vertical-align:middle;
	width:60%;
}
#contactform textarea{ width:60%;} 
#message{ margin-left:0px;}
#message h2	{}
#message p{margin:6px 0px; }

#contactform .button{
	cursor:pointer;
	margin:15px 0px 0px 95px;
	padding:3px 15px;
	line-height:20px;
	clear:both;
 }