/*
Theme Name: Barber Insurance
Theme URI: http://klickinndesign.net/
Description: Theme Designed for <a href="http://www.barberinsurance.com/">Barber Insurance</a>.
Version: 1.0
Author: Awais Ahmed
Author URI: http://klickinndesign.net/
Tags: Magenta, Maroon, Brown, Black, Three columns, custom plugins and widgets

*/



/* Begin Typography & Colors */
body{
	background:#F1F1F1;
	margin:0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	}

#container{
	width:1006px;
	margin:20px auto 0 auto;
	background:url(../images/container_bg.jpg) repeat-y;
	}

#header{
	background:url(../images/topnav_bg.jpg) no-repeat -2px top;
	height:142px;
	position:relative;
	border-bottom:4px solid #f2f2f2;
	width:1000px;
	margin-left:2px;
	}

#logo h1{
	margin:0;
	padding:0;
	}
	
#logo h1 a{
	padding-top:80px;
	height:0;
	width:466px;
	background:url('../images/barber_insurance_logo.jpg') no-repeat;
	position:absolute;
	top:60px;
	left:15px;
	overflow:hidden;
	border:0 none;
	text-decoration:none;
	font-size:0;
	}

#navbar{
	position:absolute;
	top:10px;
	left:3px;
	}

#navbar ul{
	list-style-type:none;
	margin:0;
	padding:0;
	}

#navbar ul li{
	float:left;
	margin-right:10px;
	}

#navbar ul li a:link, #navbar ul li a:visited{
	color:#56554e;
	display:block;
	font-weight:bold;
	text-decoration:none;
	display:block;
	height:24px;
	line-height:24px;
	}
	
#navbar ul li a span{
	display:block;
	margin-right:14px;
	padding-left:14px;
	height:24px;
	}
	
#navbar ul li  a:hover, #navbar ul li  a.active, #navbar ul li.current_page_item a{
	background:url(../images/nav_hover_bg.jpg) no-repeat right;
	display:block;
	color:#660033;
	}

#navbar ul li a:hover span, #navbar ul li a.active span, #navbar ul li.current_page_item a span{
	background:url(../images/nav_hover_bg.jpg) no-repeat left;
	display:block;
	}	

#extranav{
	position:absolute;
	top:10px;
	right:20px;
	}

#extranav a{
	float:left;
	display:block;
	width:18px;
	height:16px;
	margin:0 10px;
	overflow:hidden;
	}

#extranav a:hover img{
	margin-top:-19px;
	}
	
#extranav a.home img{
	margin-left:-2px;
	}

#extranav a.sitemap img{
	margin-left:-42px;
	}

#extranav a.contact img{
	margin-left:-82px;
	}
	

#header .sitesearch{
	position:absolute;
	right:30px;
	bottom:24px;
	}

#header .sitesearch .txtSearch{
	border:1px solid #DCDCDC;
	padding:2px;
	width:240px;
	font-size:12px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#666;
	}

#header .sitesearch .txtSearch:focus{
	background:#f9f9f9;
	}
#header .sitesearch p{
	margin:0;
	position:relative;
	}
	
#header .sitesearch .btnGo{
	background:#885E33;
	border:0;
	color:#fff;
	cursor:pointer;
	position:absolute;
	right:0px;
	top:1px;
	width:30px;
	height:22px;
	}

#header .sitesearch .btnGo:hover{
	background:#AA7540;
	color:#FFF;
	}

.sitesearchgeneral{
	
	}

.sitesearchgeneral .txtSearch{
	border:1px solid #DCDCDC;
	padding:2px;
	width:240px;
	font-size:12px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#666;
	}

.sitesearchgeneral .btnGo{
	background:#885E33;
	border:0;
	margin-top:1px;
	color:#fff;
	cursor:pointer;
	width:30px;
	height:22px;
	}
/* Common Style Throughout the website */
a{
	outline:none;
	color:#660033;
	}

a img{
	border:0;
	}

.brclear { 
	clear: both; 
	}

/**************************
CONTENT AND COLUMNS
**************************/
.outer {
	padding-left: 215px;  
	padding-right: 215px;
	}

body#newspage .outer{
	padding-left:215px;
	}

	
* html .outer {
	}

.inner {
	width: 780px; /*** This width is for non-IE browsers. Mozilla makes this necessary. Be sure to check your layout in different browsers if you changes this value. Especially IE7 seems to create a horisontal scroll if this value is set too large ***/
	}

	
* html .inner {
	width: 100%;
	}

.float-wrap {
	float: left;
	width: 780px;
	margin-left: -215px; /*** Same length as .outer padding-left but with negative value ***/
	}

	
body#newspage .float-wrap, body#blogpage .float-wrap{
	float:left;
	width:1000px;
	margin-left:-215px;
	}
	
* html .float-wrap {
	/*** No need for hacking IE on this layout ***/
	}

#contents{
	float: right;
	width: 565px;
	background: #fff;
	position: relative; /*** IE needs this  ***/
	}

body#newspage #contents{
	float:right;
	width:780px;
	position:relative;
	background:#fff;
	}

body#blogpage #contents{
	float:left;
	width:770px;
	margin-left:10px;
	position:relative;
	background:#fff;
	}
	
* html #content {
	position:relative;
	}

.contentWrap {
	padding: 3px;
	}

#contents #banner{
	height:280px;
	width:555px;
	}
	
#leftColumn {
	float: left;
	width: 200px;
	padding: 5px;
	position: relative; /*** IE needs this  ***/
	}

#blogpage #leftColumn {
	float: right;
	width: 200px;
	padding: 5px;
	position: relative; /*** IE needs this  ***/
	}

#leftColumn ul.insuranceTypes{
	list-style-type:none;
	margin:0;
	padding:0;
	background:url(../images/left_nav_bottom.jpg) no-repeat right bottom #885e33;
	margin-bottom:10px;
	}

#leftColumn ul.insuranceTypes li a{
	display:block;
	padding:5px;
	border-bottom:1px solid #fff;
	text-decoration:none;
	color:#fff;
	}

#leftColumn ul.insuranceTypes li a:hover{
	background:url(../images/double_arrow.gif) no-repeat 190px 12px #AA7540;
	color:#fff;
	}

#leftColumn ul.insuranceTypes li a.last{
	border-bottom:0;
	}

#leftColumn ul.insuranceTypes li a.last:hover{
	background:none;
	background:url(../images/left_nav_last_hover.jpg) no-repeat right bottom #AA7540;
	}
	
#rightColumn{
	float: right; 
	width: 200px;
	padding: 5px;
	position: relative; /*** IE needs this  ***/
	}

* html #rightColumn{
	margin-right: -200px; /*** IE gets this margin. ***/
	height: 250px;
	}

/* Content Small Boxes */

.sBox{
	width:200px;
	background:url(../images/sBox_top_bg.jpg) no-repeat left top;
	margin:0;
	margin-bottom:10px;
	position:relative;
	padding-bottom:11px;
	}

.sBox h3{
	margin:0;
	padding:7px;
	font-size:14px;
	font-weight:normal;
	color:#000;
	margin-right:7px;
	}

.sBox h3.quotes{
	background:url(../images/sheading_icons.gif) no-repeat right 5px;
	}

.sBox h3.why{
	background:url(../images/sheading_icons.gif) no-repeat right -60px;
	}

.sBox h3.blog{
	background:url(../images/sheading_icons.gif) no-repeat right -29px;
	}

.sBox h3.contact{
	background:url(../images/sheading_icons.gif) no-repeat right -92px;
	}
	
.sBox .scontents{
	background:url(../images/sBox_middle_bg.jpg) repeat-y;
	padding:7px;
	padding-bottom:0;
	}

.sBox .bottom{
	position:absolute;
	bottom:0;
	left:0;
	}

ul.quotelist{
	list-style-type:none;
	margin:0;
	padding:0;
	line-height:28px;
	}

ul.quotelist li a{
	display:block;
	padding:5px;
	padding-left:35px;
	color:#660033;
	background:url(../images/quotes_type_icons.jpg) no-repeat 0 0;
	text-decoration:none;
	}
ul.quotelist li a:hover{
	color:#333;
	}
ul.quotelist li a.home-insurance-quote{
	background-position:0 6px;
	}

ul.quotelist li a.auto-insurance-quote{
	background-position:0 -28px;
	}

ul.quotelist li a.motorcycle-insurance-quote{
	background-position:0 -62px;
	}

ul.quotelist li a.other-insurance-quote{
	background-position:0 -98px;
	}

ul.tick{
	list-style-type:none;
	margin:0;
	padding:0;
	line-height:24px;
	}

ul.tick li{
	background:url(../images/tickmark.gif) no-repeat left;
	padding-left:28px;
	}

div.blog{
	border-bottom:1px dotted #f2f2f2;
	padding:5px;
	}

div.blog p{
	margin:3px 0;
	color:#C0C0C0;
	font-size:11px;
	}

div.blog a{
	text-decoration:none;
	}

div.blog a:hover{
	text-decoration:underline;
	}

div.contact p{
	margin:5px 0;
	margin-bottom:0;
	font-weight:bold;
	}

div.contact p strong{
	color:#660033;
	font-size:13px;
	}

div.contents{
	padding:4px;
	line-height:20px;
	}

div.contents h2{
	font-weight:normal;
	font-size:26px;
	margin:5px 0;
	color:#660033;
	}

div.contents h3, div#fullpage h2{
	font-weight:normal;
	font-size:18px;
	margin:10px 0;
	color:#885E33;
	}

.hr{
	border-bottom:1px dotted #ccc;
	margin:5px;
	}
	
/**************************
END OF CONTENT AND COLUMNS 
**************************/

#footer{
	background:url(../images/footer_bg.jpg) no-repeat;
	width:986px;
	margin:0 auto;
	height:23px;
	padding:13px 10px;
	}

#subfooter{
	width:700px;
	margin:0 auto;
	padding:5px 10px;
	text-align:center;
	color:#D2D2D2;
	font-size:10px;
	}

#subfooter p{
	margin:4px 0;
	}
	
#footer ul{
	list-style-type:none;
	margin:0;
	padding:0;
	font-size:11px;
	}

#footer ul li{
	display:inline;
	}

#footer ul li a{
	margin:0 10px;
	text-decoration:none;
	color:#666;
	}

#footer ul li a:hover{
	color:#333;
	}

#footer p{
	float:right;
	margin:0;
	font-size:11px;
	color:#999;
	}
	

/************************************
-------------- Banner Slider -------
*************************************/

#slidebox{
	position:absolute;
}

#slidebox div{
	width:524px;
	float:left;
	padding:12px;
	color:#333;
	position:relative;
	margin-right:2px;
}

#slidebox div img{
	position:absolute;
	top:0;
	left:0;
	}
#slidebox h3{
	font-size:24px;
	color:#fff;
	font-weight:normal;
	margin:0;
	
}

#slidebox p{
	position:absolute;
	top:60px;
	left:10px;
	color:#fff;
	width:190px;
	}
#slidebox h3.insurance{
	position:absolute;
	top:10px;
	left:10px;
	color:#fff;
	}

#slidebox h3.home{
	position:absolute;
	top:10px;
	left:10px;
	color:#fff;	}

#slidebox h3.motorcycle{
	position:absolute;
	top:10px;
	left:10px;
	color:#fff;	}

#slidebox h3.umbrella{
	position:absolute;
	top:10px;
	left:10px;
	color:#fff;
	}

/* ********************************** */

.mask{
	position:relative;
	width:550px;
	height:250px;
	overflow:hidden;
	margin:0;
}

.buttons{ 
	margin:0px;
	padding:5px;
	text-align:right;
	}
	
.buttons span{
	color:#333;
	padding:0 5px;
	cursor:pointer;
	font-size:11px;
	margin:0 5px;
	}
	
.buttons span.active, .buttons span:hover{
	background:#885E33;
	color:#fff
	}

/* Socialize */
#sharepage{
	margin:15px 0;
	}

#sharepage ul, #sharepage ul li{
	list-style-type:none;
	margin:0;
	padding:0;
	}

#sharepage ul li{
	float:left;
	margin:0 5px;
	text-align:center;
	}

#sharepage ul li a{
	display:block;
	width:34px;
	height:34px;
	float:left;
	background:url(../images/socialize-sprite.jpg) no-repeat 0 0;
	text-decoration:none;
	}

#sharepage ul li a:hover{
	text-decoration:none;
	}

#sharepage ul li a.dig{
	background-position: -51px -88px;
	}

#sharepage ul li a.dig:hover{
	background-position: 0px -88px;
	}

#sharepage ul li a.deli{
	background-position: -51px -49px;
	}

#sharepage ul li a.deli:hover{
	background-position: 0px -49px;
	}

#sharepage ul li a.stum{
	background-position: -51px -129px;
	}

#sharepage ul li a.stum:hover{
	background-position: 0px -129px;
	}

#sharepage ul li a.twit{
	background-position: -51px -289px;
	}

#sharepage ul li a.twit:hover{
	background-position: 0px -289px;
	}

#sharepage ul li a.tech{
	background-position: -51px -169px;
	}

#sharepage ul li a.tech:hover{
	background-position: 0px -169px;
	}

#sharepage ul li a.redd{
	background-position: -51px -208px;
	}

#sharepage ul li a.redd:hover{
	background-position: 0px -208px;
	}

#sharepage ul li a.furl{
	background-position: -51px -249px;
	}

#sharepage ul li a.furl:hover{
	background-position: 0px -249px;
	}

#sharepage ul li a.email{
	background-position: -51px -10px;
	}

#sharepage ul li a.email:hover{
	background-position: 0px -10px;
	}

#sharepage h4{
	border-bottom:4px solid #f2f2f2;
	margin:15px 0;
	padding:5px 0;
	font-size:12px;
	}

#sharepage ul li span{
	display:block;
	text-align:center;
	font-size:10px;
	}

/* End of Banner Slider */


.wpcf7-form{
	padding:10px;
	}

.wpcf7-form p{
	}

.wpcf7-form input, .wpcf7-form textarea{
	border:1px solid #ccc;
	padding:3px;
	}
	
.wpcf7-form .imgverify{
	width:60px;
	}

.wpcf7-form .button{
	background:#333;
	color:#fff;
	padding:3px;
	border:0;
	cursor:pointer;
	}

div.wpcf7 {
	margin: 0;
	padding: 0;
}

div.wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
}

div.wpcf7-mail-sent-ok {
	border: 2px solid #398f14;
}

div.wpcf7-mail-sent-ng {
	background:#FDD;
	border:1px solid #FFB0B0;
	color:#CA0000;
}

div.wpcf7-spam-blocked {
	background:#FDD;
	border:1px solid #FFB0B0;
	color:#CA0000;
}

div.wpcf7-validation-errors {
	background:#FDD;
	border:1px solid #FFB0B0;
	color:#CA0000;
}

span.wpcf7-form-control-wrap {
	position: relative;
}

span.wpcf7-not-valid-tip {
	
	background:url(../images/error_tip.jpg) no-repeat #333;
	font-size: 10px;
	color:#fff;
	padding: 4px;
	padding-left:15px;
}

span.wpcf7-not-valid-tip-no-ajax {
	color: #f00;
	font-size: 10px;
	display: block;
}

span.wpcf7-list-item {
	margin-left: 0.5em;
}

.wpcf7-display-none {
	display: none;
}

.breadcrumb{
	font-size:10px;
	padding:2px;
	color:#666;
	border-bottom:2px solid #885E33;
	margin-bottom:15px;
	}

.breadcrumb a{
	color:#333;
	text-decoration:none;
	}
	

.breadcrumb a:hover{
	text-decoration:underline;
	}
	

/************************************
-------------- Post Style -----------
*************************************/

.newspost{
	padding:5px;
	border-bottom:1px dotted #ccc;
	}

#contents .contents .newspost h3{
	font-size:16px;
	margin:5px 0 0 0;
	}

.newspost h3 a{
	text-decoration:none;
	color:#885E33;
	}

.newspost .date{
	margin:0;
	font-size:11px;
	color:#999;
	font-style:italic;
	}

.pagenavi-wp{
	border-top:2px solid #885E33;
	padding:5px 0;
	}

.blogpost{
	padding:5px;
	margin-bottom:15px;
	}


.blogpost h2 a{
	text-decoration:none;
	padding-left:15px;
	}
	
.blogpost h2 span{
	display:block;
	float:left;
	width:50px;
	height:51px;
	margin-right:10px;
	color:#fff;
	text-align:center;
	background:url(../images/blog_date_bg.jpg) no-repeat;
	font-size:18px;
	line-height:24px;
	}

.blogpost h2 span small{
	display:block;
	margin:auto;
	color:#412D18;
	font-size:12px;
	}

.blogpost .entry{
	padding-left:65px;
	}

.blogpost .postmetadata{
	font-size:11px;
	}
.blogpost .postmetadata a{
	text-decoration:none;
	color:#885E33;
	}

.blogpost .postmetadata a:hover{
	text-decoration:underline;
	}
	
.blogpost .postmetadata .category{
	background:url(../images/category_icon.jpg) no-repeat left;
	padding-left:24px;
	margin:0 10px;
	}

.blogpost .comments{
	background:url(../images/comments_bg.jpg) no-repeat left;
	padding:3px 0 3px 38px;
	color:#fff;
	display:block;
	width:102px;
	margin:10px 0px;
	}

.blogpost .comments a{
	color:#fff;
	text-decoration:none;
	}
	
.blogpost .postmetadata .readon{
	background:url(../images/read_on_icon.jpg) no-repeat left;
	padding-left:22px;
	margin:0 10px;
	}

.blogpost .postmetadata .tags{
	background:url(../images/tags_icon.jpg) no-repeat left;
	padding-left:22px;
	margin:0 10px;
	}

#comments{
	padding:5px;
	}

#comments ol{
	list-style-type:none;
	margin:0;
	padding:0;
	}

#comments ol li{
	padding:5px;
	background:#f9f9f9;
	border:1px solid #ccc;
	margin:10px 0;
	}

#comments ol li.alt{
	background:#F4EBE1;
	border:1px solid #E2ADCC;
	}

#comments .comment-info h4{
	font-size:12px;
	margin:0;
	color:#47253A;
	}

#comments .comment-info h4 span{
	font-size:10px;
	margin-left:5px;
	color:#666;
	}

#respond{
	padding:5px;
	}

#respond fieldset{
	border:1px solid #ccc;
	position:relative;
	padding:10px;
	padding-top:20px;
	}

#respond fieldset legend{
	padding:5px;
	background:#333;
	color:#fff;
	position:absolute;
	top:-10px;
	left:10px;
	font-size:15px;
	}

#respond p label{
	width:110px;
	float:left;
	display:block;
	}

#respond label span{
	color:#F00;
	}

#respond .text{
	border:1px solid #ccc;
	padding:2px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	width:200px;
	}

#respond textarea{
	border:1px solid #ccc;
	padding:2px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	width:400px;
	height:120px;
	}

#respond .button{
	background:#f2f2f2;
	border:1px solid #C4C4C4;
	padding:2px;
	color:#666;
	cursor:pointer;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	}


/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
	It won't be a stylish marriage, I can't afford a carriage.
	But you'll look sweet upon the seat of a bicycle built for two." */