/*

Theme Name: Cabianca
Theme URI: http://cabianca.net/
Description: Tema para uso exclusivo no Blog pessoal de Ricardo Cabianca.
Version: 1.0
Author: Eliel Cezar
Author URI: http://elielcezar.com/
Tags: ricardo cabianca, elielcezar, negocios online, marketing, e-commerce, ecomerce, varejo, varejo eletrônico, email marketing, e-mail marketing, estratégias, planejamento estratégico, investimento, mídia, mídia on line, mídia social, rede social, redes sociais, mídias sociais

*/

* {margin: 0; padding: 0;}

body{	
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 87.5%;
	color: #322f2f;
}

a{
	color: #1952a8;
	font-weight: bold;
	text-decoration: none;
	outline: none;
}
	a:hover{text-decoration: underline;}

p{margin: 10px 0;}
	
.geral{padding: 15px;}

img{border: none;}

h2,
h2 a {
	font-size: 34px;
	font-weight: normal;
	color: #322f2f;
}

fieldset{border: none;}


/*-------------------------------------------------------------------------------------------------------------------------*/
/*-----BARRA SUPERIOR------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------*/
#barra_superior{
	width: 100%;
	background-color: #516073;
	color: #fff;
	float: left;
}
	#barra_superior .container{
		width: 975px;
		margin: auto;
	}
	#barra_superior a.wb4b{
		width: 250px;
		height: 30px;
		display: block;
		text-indent: -5000em;
		float: left;
		margin: 5px 0 5px 15px;
		background: transparent url("imagens/logo_wb4b.gif") center left no-repeat;
	}
	#barra_superior ul{
		list-style-type: none;
		display: block;
		float: right;
		padding: 12px 0 0 0;
	}
		#barra_superior ul li{
			display: block;
			float: left;
			padding-left: 20px;
			font-size: .8em;
		}
			#barra_superior ul li a{
				text-transform: uppercase;
				color: #fff;
				font-weight: normal;
			}
			
/*------------GERAL--------------------------------------------------------------------------------------------------------*/
.geral{
	width: 973px;
	background: transparent url("imagens/bg_topo.jpg") 0 -53px no-repeat;
	margin: auto;
}
/*-------------------------------------------------------------------------------------------------------------------------*/
/*------------TOPO---------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------*/
#topo{
	width: 100%;
	float: left;
	padding-top: 25px;	
}
	/*---definicoes gerais---*/
	body.interna #topo{margin-bottom: 10px;}
	#topo ul{
		list-style-type: none;
		display: block;
	}
	#topo ul li{
		/*width: 70%;*/
		display: block;		
	}
	/*-----LOGOTIPO-----*/		
	#topo h1.logotipo a,
	#topo h2.logotipo a{
		width: 286px;
		height: 78px;
		float: left;
		margin: 10px 0 20px 20px;
		text-indent: -5000em;
		background: transparent url("imagens/cabianca.jpg") top left no-repeat;
	}	
	/*-----BANNER-----*/
	#topo .banner{
		float: left;
		border: none;
		margin: 10px 0 0 85px;
	}
		#topo .banner img{border: none;}
	
	/*-------DESTAQUE----------------------------------------------------------------------------------------------*/		
	#topo .destaque {
		width: 98%;
		padding: 1%; 
		background-color: #f3f3ea;		
		float: left;
		margin-top: 15px;
		border: none;
	}
		body.home #topo .destaque{
			height: 395px;
			background: transparent url("imagens/bg_topo_home.gif") top center no-repeat;
		}
		body.interna #topo .destaque{
			height: 58px;
			background: transparent url("imagens/bg_topo_interna.gif") top center no-repeat;
		}		
		/*-------MENU------*/	
		#topo .menu{
			width: 100%;			
			float: left;
			background-color: #1952a8;
			margin: 20px 0;
			
			width: 935px;
			float: left;		
			background-color: transparent;
			margin: 5px 0 0 15px;		
			
		}
			#topo .menu ul{
				display: block; 
				width: 100%;
			}
				#topo .menu ul li{
					float: left; 
					width: auto; 
					display: block;
				}
					#topo .menu ul li a{
						width: auto;
						color: #f5f5f5;
						display: block;
						padding: 11px 15px;
						text-transform: uppercase;
						border: none;						
						float: left;						
					}
						#topo .menu ul li a:hover{background-color: #113b73;}

		
		/*-----LINKS SOCIAIS-----*/
		#topo .social{	
			width: 320px;
			float: left;
			margin-top: 30px;
			padding: 0 0 0 5px;				
		}
			#topo .social h3{
				width: 310px;
				color: #1952a8;
				font-size: 1.6em;
				text-indent: 40px;			
				margin-bottom: 20px;
				padding-bottom: 7px;
				background: transparent url("imagens/ico_estrela.gif") top left no-repeat;
				border-bottom: 2px solid #1952a8;
			}	
				#topo .social ul{
					margin-top: 20px;
					padding: 0;
				}	
				
				/*- a formatacao utilizada no topo tambem sera aproveitada na barra lateral-*/						
				.social input.cadastroEmail{
					width: 275px;
					height: 25px;
					padding: 8px 0 0 35px;
					margin: 0 0 20px 0;
					border: 1px solid #a4a49f;
					font-style: italic;
					background: #fff url("imagens/ico_email.gif") 2px 5px no-repeat;
				}				
				.social input.botaoAssinar{display: none;}						
				.rss h4{
					font-size: 17px;
					text-indent: 45px;
					padding: 12px 0 10px 0;
					background: transparent url("imagens/ico_rss.gif") top left no-repeat;
				}
					.rss h4 a{color: #1952a8;}
					.rss h4 a strong{
						font-size: 21px;
						color: #ff6f00;
						font-weight: bold;
					}
					.rss h4 a em{
						font-style: normal;
						font-size: 14px;
					}
					.social ul{
						width: 100%;
						float: left;
						padding: 15px 0;
					}
						#topo .social ul li{ float: left; width: auto; padding: 0 5px 15px 0;}
						
						.social ul li a{
							width: 154px;
							height: 50px;
							display: block;
							float: left;
							text-indent: -5000em;				
							margin: 0;
						}				
					/*---BOTOES: Me Adiciona, Linked In, Plaxo e Twitter---*/
					.social ul li a.meAdiciona{background: transparent url("imagens/botao_meadiciona.jpg") top left no-repeat;}
						.social ul li a.meAdiciona:hover{background: transparent url("imagens/botao_meadiciona.jpg") 0 -55px no-repeat;}
						
					.social ul li a.linkedIn{background: transparent url("imagens/botao_linkedin.jpg") top left no-repeat;}
						.social ul li a.linkedIn:hover{background: transparent url("imagens/botao_linkedin.jpg") 0 -55px no-repeat;}
						
					/*.social ul li a.plaxo{background: transparent url("imagens/botao_plaxo.jpg") top left no-repeat;}
						.social ul li a.plaxo:hover{background: transparent url("imagens/botao_plaxo.jpg") 0 -54px no-repeat;}*/
						
					.social ul li a.facebook{background: transparent url("imagens/botao_facebook.jpg") top left no-repeat;}
						.social ul li a.facebook:hover{background: transparent url("imagens/botao_facebook.jpg") 0 -55px no-repeat;}	
						
					.social ul li a.twitter{background: transparent url("imagens/botao_twitter.jpg") top left no-repeat;}
						.social ul li a.twitter:hover{background: transparent url("imagens/botao_twitter.jpg") 0 -54px no-repeat;}				
						
	
											
					
/*-----PRINCIPAL---------------------------------------------------------------------------------------------------------------------------------------*/
#principal{float: left;}	

/*----------------------------*/
/*----------CONTEUDO----------*/
/*----------------------------*/
#conteudo{
	width: 626px;
	padding-right: 12px;
	float: left;
}

	#conteudo h2{margin-bottom: 10px;}
		
	#conteudo .post{
		padding: 0 0 20px 0;
	}
		#conteudo .post p{
			line-height: 1.4em;
			margin: 15px 15px 15px 0;
			text-align: justify;
		}
		
	#conteudo ul, 
	#conteudo ol{
		margin: 10px 0 10px 40px;
	}
		#conteudo ul li,
		#conteudo ol li{
			padding: 5px 0;
		}
		
		#conteudo h3{
			width: 100%;
			float: left;
			margin: 10px 0;
			text-transform: uppercase;
			color: #67b036;
		}	
		
		#conteudo .aligncenter{text-align: center !important; }
		
		/*-----HOME------------------------------------------------------------------------------*/

		/*---listas de posts-----*/	
		#conteudo .container{
			width: 307px;
			float: left;		
		}
			#conteudo .container h2,
			#conteudo .container h3{
				color: #fff;
				padding: 7px 0;
				text-indent: 45px;
				text-transform: none;
				margin: 0 0 10px 0;
			}
			#conteudo .ultimos{
				padding-right: 5px;
				float: left;
			}
				#conteudo .ultimos h2{
					font-size: 18px;	
					background: #ff5d3c url("imagens/ico_ultimos_posts.gif") 5px 4px no-repeat;
				}
				
			#conteudo .lidos{
				padding-left: 5px;
				float: left;
			}
				#conteudo .lidos h2{
					font-size: 18px;
					background: #34a1e6 url("imagens/ico_posts_comentados.gif") 5px 4px no-repeat;
				}
				#conteudo .lidos ul{
					list-style-type: none;
					padding: 0;
					margin: 0;
				}
					#conteudo .lidos ul li{
						border-bottom: 1px solid #e2e0d7;
						padding-bottom: 10px;
						margin-bottom: 10px;
					}
			
			#conteudo .container dl{
				width: 100%;
				display: block;
				float: left;			
			}
				#conteudo .container dl dt{			
					width: 100%;
					display: block;
					float: left;				
				}
				#conteudo .container dl dd{
					width: 100%;
					display: block;
					border-bottom: 1px solid #e2e0d7;
					padding-bottom: 10px;
					margin-bottom: 10px;					
				}
		/*-----Area de exibicao de posts do twitter, posts relacionados e descricao de cada categoria-----*/
		#conteudo .twitter,
		#conteudo .postsRelacionados,
		#conteudo .descricaoCategoria{
			width: 98%;			
			background-color: #f3f3ea;
			margin-bottom: 20px;
			float: left;
			border: 1px solid #d5d5d3;
			-moz-border-radius-bottomright: 5px;		
			-moz-border-radius-bottomleft: 5px;		
			-moz-border-radius-topleft: 5px;		
			-moz-border-radius-topright: 5px;
		}
			/*--------twitter--------*/
			#conteudo h3.dropsByTwitter a{
					width: 310px;
					height: 50px;			
					display: block;
					float: left;
					text-indent: -5000em;
					background: transparent url("imagens/twitter.gif") top left no-repeat;
					margin-bottom: -35px;
					position: relative;
					top: 0;
					left: 0;
					z-index: 100;
				}
				
			#conteudo .twitter{
				margin: 0 0 20px 0;
				position: relative;
				top: 0;
				left: 0;
				z-index: 1;
			}		
				#conteudo .twitter .autoPadDiv{width: 610px;}
				#conteudo .twitter .container{
					float: left;
					padding: 30px 0 10px 0;
				}
				#conteudo .twitter #twitter_update_list{
					width: 600px;
					position: relative;
					top: 0;
					left: 15px;
					list-style-type: none;
					margin: 0;
					padding: 0;
					display: block;
					float: left;
				}
				#conteudo .twitter #twitter_update_list li{			
					width: 180px;
					float: left;
					margin: 0 9px;
					font-family: Georgia, "Times New Roman", Times, serif;
					font-weight: bold;
				}
					#conteudo .twitter #twitter_update_list li span{
						display: block;
					}
					#conteudo .twitter #twitter_update_list li a{
						width: 100%;
						font-weight: normal;
						/*display: block;*/
						color: #322f2f;
					}
				#conteudo .twitter #twitter-link{display: none !important;}
				#conteudo .twitter .sigame{
					width: 600px;
					display: block;
					float: left;
					text-align: right;
					padding-top: 10px;
				}
					#conteudo .twitter .sigame a.sigameTwitter{display: block; float: right; padding: 4px 5px 0 0;}
				#conteudo .twitter #TwitterCounter{float: right;}
			
			/*---POSTS----------------------------------------------------------------------------------------------------------*/
			#conteudo .texto{margin-bottom: 10px; border: 1px solid #fff;}		
			#conteudo .texto blockquote{
				padding: 5px 15px;
				font-family: Georgia, "Times New Roman", Times, serif;
				line-height: 1.6em;
				background-color: #FFFFE8;
			}
			#conteudo h1{margin-bottom: 10px;}
			#conteudo .infoPost{
				display: block;
				margin-bottom: 15px;
			}
			#conteudo .alignleft {
				float: left;
				margin: 0 10px 10px 0;
			}	
				
			/*--------Posts Relacionados--------*/
			#conteudo .postsRelacionados{margin-top: 30px;}
			#conteudo .postsRelacionados .container{
				width: 602px;
				padding: 5px;
				float: left;
			}
			#conteudo .postsRelacionados h3{			
				width: 602px;
				padding: 5px 0;
				margin: 0 0 5px 0;
				color: #fff;
				background-color: #1952a8;			
				float: left;
				text-indent: 10px !important;
			}	
			#conteudo .postsRelacionados ul{
				width: 95%;
				float: left;
			}
			
		/*----CATEGORIAS------------------*/
		#conteudo .descricaoCategoria p{margin: 10px;}
			
		
	
	/*----------------------------------*/
	/*-----FORMULARIO DE COMENTARIOS----*/
	/*----------------------------------*/
	
	#enviarComentario{padding: 0;}	
	#enviarComentario h3{float: left; padding: 0; text-indent: 0;}
	
	h3#respond{margin-top: 25px; padding: 0;}
	#cancel-comment-reply{
		width: 100%;
		text-align: right;
	}
	
	#commentform{
		width: 100%;		
		display: block;
		float: left;
		padding: 0;
		margin: 0;
		border: 1px solid #fff;
	}
		#commentform fieldset{border: none;}
		#commentform fieldset label{
			width: 100%;
			display: block;
			float: left;
			padding-bottom: 10px;
		}		
		#commentform fieldset label small{
			width: 100%;
			display: block;
			float: left;			
			font-size: 1.1em;
		}			
		#commentform input,
		#commentform textarea{
			margin: 5px 0;
			padding: 5px;			
		}			
		#commentform #author,
		#commentform #email,
		#commentform #url,
		#commentform #comment,
		#commentform #mcspvalue{					
			padding: 7px 5px 4px 5px; 
			line-height: 20px; 
			border: 2px solid #ccc;
			background-color: #f8f8f8;
		}
		#commentform #author,
		#commentform #email,
		#commentform #url{
			width: 60%;
			height: 18px;
		}
		
		#commentform #comment {
			width: 95%;
			height: 250px;
			float: left;
			display: block;	
			font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;			
		}
		#commentform #submit{
			width: 150px;
			height: 32px;
			border: none;
			color: #fff;
			cursor: pointer;
			font-weight: bold;
			text-align: center;			
			background-color: #67b036;
		}
		
		.feedComentarios input#subscribe,
		.feedComentarios label{
			display: block;
			float: left;
			margin: 0;
		}
			.feedComentarios input#subscribe{margin-top: 10px;}
			.feedComentarios label{
				width: 500px !important; 
				padding: 3px 0 0 5px;
				margin: 5px 0 0 0;
				float: left;
			}		
		small.aviso{
			width: 100%;
			font-size: .8em;
			display: block;
			float: left;
		}
		
	/*----------------------------------*/
	/*-------LISTA DE COMENTARIOS-------*/
	/*----------------------------------*/
	
	#conteudo ol.commentlist{		
		width: 615px;		
		margin: 0 0 20px 0 !important;
		padding: 0 !important;
		list-style-type: none;		
		float: left;
		display: block;
	}
		#conteudo ol.commentlist li{
			width: 595px;
			border-bottom: 2px dotted #958967;
			padding: 10px;
			margin: 10px 0;	
			float: left;			
		}
			#conteudo ol.commentlist li.even{
				background-color: #f8f8f8;
				border: 1px solid #d4d4d4;
			}
			#conteudo ol.commentlist li.odd{
				background-color: #eee;
				border: 1px solid #c6c5c5;
			}
			#conteudo ol.commentlist .autor{
				width: 470px;
				float: left;
				margin: 20px 0;
			}		
			#conteudo ol.commentlist .avatar{
				width: 60px;
				float: right;
			}
			#conteudo ol.commentlist li p{
				width: 100%;				
				display: block; 
				float: left;
			}
				/*---reply---*/
				#conteudo ol.commentlist li ul{
					width: 98%;
					margin: 0 0 20px 0;
					padding: 0;
					list-style-type: none;		
					float: left;
					display: block;
				}
					#conteudo ol.commentlist li ul li{width: 98%;}
			#conteudo .reply{
				width: 600px;
				float: left;
			}
				#conteudo .reply a{
					color: #fff;
					display: block;
					float: left; 
					padding: 2px 7px;
					background-color: #1952a8;
				}


	/*----------------------------------*/
	/*-----FORMULARIO DE CONTATO--------*/
	/*----------------------------------*/
	
	form.contato{	
		width: 99%; 
		padding: 0 0 0 1%;
		display: block; 
		float: left; 
	}	
		form.contato span{ 
			width: 100%;
			display: block;
			float: left;			
			font-size: 1.1em;
			font-weight: bold;
			padding: 5px 0;
		}
			form.contato strong{font-weight: bold; color: red;}
		form.contato input,
		form.contato textarea{ 
			padding: 7px 5px 4px 5px; 
			line-height: 20px; 
			border: 2px solid #ccc;
			background-color: #f8f8f8;
		}
			form.contato textarea{height: 80px;}
	
		form.contato input.nome,	
		form.contato input.email,
		form.contato input.site{
			width: 300px;
			height: 18px;			
		}	
		form.contato .mensagem{
			width: 97%;
			height: 250px;
			float: left;
			display: block;	
			font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;			
		}
	
		form.contato .botao{
			width: 100%;			
			float: left;
		}
		form.contato .botao .enviar{ 
			width: 150px;
			height: 32px;
			border: 2px solid #113b73;
			color: #fff;
			cursor: pointer;
			font-weight: bold;
			text-align: left;
			margin: 5px 0 20px 0;
			padding: 5px;				
			background-color: #1952a8;
		}
		
	
	.on {border: 2px solid #113b73 !important; }	
	.msgerro{margin: 2%  0 0 1%!important; color: red !important;}
	.msgok{margin: 0  0 0 1%!important;}

/*----------------------------*/
/*----------LATERAL-----------*/
/*----------------------------*/

#lateral{
	width: 335px;
	float: left;
}
	body.home #lateral{padding-top: 30px;}
	
	#lateral .extra{
		width: 332px;
		padding: 0;
		background-color: #f3f3ea;
		margin-bottom: 20px;
		float: left;
		border: 1px solid #d5d5d3;
		-moz-border-radius-bottomright: 5px;		
		-moz-border-radius-bottomleft: 5px;		
		-moz-border-radius-topleft: 5px;		
		-moz-border-radius-topright: 5px;		
	}
		#lateral .extra .container{
			width: 313px;
			float: left;
			padding: 7px;
		}
			#lateral .extra .container h3{
				width: 308px;
				text-indent: 5px;
				padding: 5px;
				color: #fff;
				background-color: #1952a8;
				margin-bottom: 15px;
			}				
			#lateral ul{
				list-style-type: none;
				display: block;
			}
				#lateral ul li{
					width: 100%;			
					display: block;
					border-bottom: 1px solid #e2e0d7;
					padding-bottom: 10px;
					margin-bottom: 10px;	
				}
				
			#lateral dl{
					width: 100%;
					display: block;
					float: left;			
				}
					#lateral dl dt{			
						width: 100%;
						display: block;
						float: left;				
					}
					#lateral dl dd{
						width: 100%;
						display: block;
						border-bottom: 1px solid #e2e0d7;
						padding-bottom: 10px;
						margin-bottom: 10px;					
					}
			
	/*-----sociais-----------------------------------------------------*/
		#lateral .social ul{padding: 10px 0 0 5px;}
		#lateral .social .rss .cadastroEmail{width: 280px;}
		#lateral .social ul li{
			float: left;
			width: 156px;
			margin: 0 0 10px 0;
		}
			#lateral .social ul li a{margin: 0;}
		
				
	/*-----busca---------------------------------------------------------*/			
	#searchform input.campoBusca{	
		width: 270px;
		height: 25px;
		padding: 8px 40px 0 5px;
		margin: 0 0 10px 0;
		border: 1px solid #a4a49f;
		font-style: italic;
		background: #fff url("imagens/ico_busca.gif") center right no-repeat;		
	}
	
	/*---twitter------------------------------------------------------------*/
	#lateral h3.dropsByTwitter a{
		width: 310px;
		height: 50px;			
		display: block;
		float: left;
		text-indent: -5000em;
		background: transparent url("imagens/twitter.gif") top left no-repeat;
		margin-bottom: -25px;
		position: relative;
		top: 0;
		left: 0;
		z-index: 100;
	}
	#lateral .twitter .container{
		padding-top: 40px !important;	
	}
	#lateral .twitter ul li{
		width: 100%;
		display: block;		
		border-bottom: 1px solid #e2e0d7;
		padding-bottom: 10px;
		margin-bottom: 10px;		
	}
		#lateral .twitter .sigame{float: right;}
		
	#searchform input.enviaBusca{display: none;}

	/*------video----------------------------------------------------------*/
	#lateral .video{				
		color: #1952a8;
		font-weight: bold;		
	}
		
	/*---BlogBlogs---------------------------------------------------------*/
	#lateral .blogblogs .container{
		text-align: center;
	}
		#lateral .blogblogs .container a img{border: none;}
		#lateral .blogblogs .bbw_footer,
		#lateral .blogblogs .bbw_icons,
		#lateral .blogblogs .bbw_subtitle,
		#lateral .blogblogs .bbw_control{display: none;}

/*----------------------------*/
/*-----------RODAPE-----------*/
/*----------------------------*/
#rodape{
	font-size: .9em;
	width: 100%;
	padding: 20px 0;
	float: left;	
	background-color: #516073;
	color: #fff;
}
	#rodape .container{
		width: 975px;
		margin: auto;
	}
	#rodape ul{lis-style-type: none;}	
		#rodape ul li{
			display: block; 
			float: left;
			padding-right: 15px;
		}		
	#rodape a{color: #fff;}
	#rodape small {
		display: block;
		float: left;
		font-size: .9em;
	}	
	#rodape small.designer,
	#rodape .copy{
		float: right; 
		margin: -5px 0 0 10px;
		border: none;
	}

		#rodape small.designer{padding-top: 10px;}		



/*---FORMATACAO ESPECIFICA PARA IMPRESSAO---*/

@media print{
	#barra_superior,
	#topo,
	.infoPost,
	.sociable,
	#ccoriginaldiv,
	h3#comments,
	.commentlist li,
	#enviarComentario,
	#lateral,
	#rodape{display: none;}
	
	#conteudo{width: 100%;}
}