@charset "UTF-8";
/* CSS Document */

/*   
Theme Name: Theme for Marcio Ballas
Theme URI: 
Description: Exclusive theme for a clown.
Author: Alexandre Cobra
Author URI:
Version: 1.0
.
General comments/License Statement if any.
.
*/


body {

	background-image: url(imagens/bg-cinza.jpg);
	font-family: Baloo, Lucida Sans, Arial, Helvetica, sans-serif !important;

}

/* VISUAL GERAL --------------------------------------------------------------------- */


#rounded-lousa {

	position:fixed;
	top:20px;
	left:20px;
	right:20px;
	bottom:20px;
	
	background-image: url(imagens/bg-verde-full.jpg);
	
	-webkit-border-radius: 4px;    /* for Safari */
    -moz-border-radius: 4px;       /* for Firefox */
    
    z-index: 0;

}

#rounded-lousa-sombra {

	position:absolute;
	top:20px;
	left:20px;
	right:20px;
	bottom:20px;
	
	background:transparent;
	
	
	
	-webkit-border-radius: 4px;    /* for Safari */
    -moz-border-radius: 4px;       /* for Firefox */
    
    z-index: 0;

}

#barra-bg-top {

	position: fixed;
	top:0px;
	left:0px;
	right:0px;
	height: 20px;
	
	background: url(imagens/bg-cinza.jpg);
	
	z-index: 30;
}

#barra-bg-bottom {

	position: fixed;
	bottom:0px;
	left:0px;
	right:0px;
	height: 20px;
	
	background: url(imagens/bg-cinza.jpg);
	
	z-index: 30;
}




.ornamentos {

	position:fixed;
	width:80px;
	height:115px;
	
	z-index: 1;

	
}


	.orn-tl {
	
		top:45px;
		left:45px;
		
		background: url(imagens/orn-tl.png) no-repeat;
	
	}
	
	
	.orn-tr {
	
		top:45px;
		right:45px;
		
		background: url(imagens/orn-tr.png) no-repeat;
	
	}


	.orn-bl {
	
		bottom:45px;
		left:45px;
		
		background: url(imagens/orn-bl.png) no-repeat;
	
	}
	
	
	.orn-br {
	
		bottom:45px;
		right:45px;
		
		background: url(imagens/orn-br.png) no-repeat;
	
	}




/* ESTRUTURA --------------------------------------------------------------------- */


#coluna-central {

	margin-top:50px;
	margin-left: auto;
	margin-right: auto;
	width:800px;
	height:400px;
	display:block;
	
	z-index: 2;

}


/* slideshow */

#painel {

	position:absolute;
	padding-left:250px;
	width:568px;
	height:509px;
	
	z-index:3;
	
}

#slideshow {
	
	position:relative;
	width:568px;
	height:509px;
	
	z-index: 4;
	
}
			
#prev-hl {
	
	position:absolute;
	bottom:47px;
	right:190px;
	width:31px;
	height:31px;
	background:url(imagens/seta-esq.png) no-repeat;
	font-size:1px;


	
	z-index:10;
	
}

#next-hl {
	
	position:absolute;
	bottom:47px;
	right:156px;
	width:31px;
	height:31px;
	background:url(imagens/seta-dir.png) no-repeat;
	font-size:1px;
	
	z-index:10;
}

#prev-hl:hover, #next-hl:hover {

	background-position:0px -31px;	
		
}

#balao_maisfotos{

	position:absolute;
	bottom:-29px;
	right:95px;
	width:71px;
	height:74px;
	
	z-index:3;
	
}


/* menu.php */

#menu {

	position:fixed;
	margin-top: 0px;
	margin-left:0px;
	width:270px;
	
	z-index:4;

}


#balao-menu {

	margin-left: 82px;
	margin-bottom: 12px;
	width:136px;
	height: 117px;

}


a.balao-menu-link {

	height: 117px;
	text-indent: -9999px;
	display: block;
	
	background: url(imagens/balao-menu.png) no-repeat top left;

}


a.balao-menu-link:hover {

	background-position: 0px -119px;

}


.pad{

	margin-bottom:1px;
	height: 27px;
	display: block;

}

.padbottom{
	margin-bottom:40px;
}

.menu-item{
	font-size: 25px;	
    	color: #eee;
    	text-decoration: none;
    	font-weight: bold;
}

a.menu-item:hover{
	color:#383726;
}

a.videos {

	height: 22px;
	text-indent: -9999px;
	display: block;
	
	background: url(imagens/menu-videos.png) no-repeat top left;
	
}


a.videos:hover {

	background-position:0px -22px;

}


a.links {

	height: 21px;
	text-indent: -9999px;
	display: block;

	background: url(imagens/menu-links.png) no-repeat top left;

}


a.links:hover {

	background-position:0px -21px;

}


a.sobremim {

	height: 21px;
	text-indent: -9999px;
	display: block;

	background: url(imagens/menu-sobremim.png) no-repeat top left;

}


a.sobremim:hover {

	background-position:0px -21px;
	
}


a.agenda {

	height: 25px;
	text-indent: -9999px;
	display: block;

	background: url(imagens/menu-agenda.png) no-repeat top left;

}

a.agenda:hover {

	background-position:0px -25px;
	
}


a.contato {

	height: 20px;
	text-indent: -9999px;
	display: block;

	background: url(imagens/menu-contato.png) no-repeat top left;

}


a.contato:hover {

	background-position:0px -20px;
	
}


a.espetaculos {

	height: 26px;
	text-indent: -9999px;
	display: block;

	background: url(imagens/menu-espetaculos.png) no-repeat top left;

}


a.espetaculos:hover {

	background-position:0px -26px;
	
}


a.palestras {

	height: 45px;
	text-indent: -9999px;
	display: block;

	background: url(imagens/menu-palestras.png) no-repeat top left;

}


a.palestras:hover {

	background-position:0px -45px;
	
}



/* twitter */

.twitter {

	position:fixed;
	bottom:95px;
	left:95px;
	width:14px;
	height:16px;
	
	z-index: 3;
	
}


a.twitter-icon {

	height: 16px;
	background: url(imagens/twitter.png) no-repeat top;
	text-indent: -9999px;
	display: block;

}


a.twitter-icon:hover {

	background-position:0px -16px;
	
}



	/* CSS HACK PARA CENTRALIZAÇÃO VERTICAL DA DIV DO TWITTER */
	
	#box-wrap {
	
		position: fixed;
		bottom:75px;
		left:115px;
		width:400px;
		height: 56px; 
		
		z-index: 6;
	}
	
	#box {
		
		min-height: 56px;
		padding:10px 0; 
		overflow: hidden;
	}

	#box[id] {

		display: table; 
		position: static;
	}

	#box-middle {
	
		#position: absolute; 
		#top: 50%;
	} /* for explorer only*/
	
	#box-middle[id] {
	
		display: table-cell; 
		vertical-align: middle; 
		
	}
	
	#box-inner {

		position: relative; 
		top: -50%;
	} /* for explorer only */

	

	#twitter-box {

		min-height: 16px; 
		overflow: hidden;
		position: relative;
		margin-left: 8px;
		
		padding:10px 10px 10px 10px;
		
		background-color: #e7b12f;
		
		-webkit-border-radius: 4px;    /* for Safari */
    	-moz-border-radius: 4px;       /* for Firefox */
	}

	#twitter-box[id] {

		display: table; 
		position: static;
	}
	
	#twitter-box-middle {
	
		#position: absolute; 
		#top: 50%;
	} /* for explorer only*/

	#twitter-box-middle[id] {
	
		display: table-cell; 
		vertical-align: middle; 
		max-width: 400px;
	}

	#twitter-box-inner {

		position: relative; 
		top: -50%;
	} /* for explorer only */
	
	
	/* SETA AMARELA */

	
	#seta-box {

		min-height: 46px;
		padding:10px 0; 
		overflow: hidden;
		float:left;
	}

	#seta-box[id] {

		display: table; 
		position: static;
	}

	#seta-box-middle {
	
		#position: absolute; 
		#top: 50%;
	} /* for explorer only*/
	
	#seta-box-middle[id] {
	
		display: table-cell; 
		vertical-align: middle; 
		width: 8px;
	}
	
	#seta-box-inner {

		position: relative; 
		top: -50%;
	} /* for explorer only */


	/* optional: #inner[id] {position: static;} */



.facebook {

	position:fixed;
	bottom:95px;
	right:95px;
	width:20px;
	height:20px;
	
	z-index:5;
}


a.facebook-icon {

	height: 20px;
	background: url(imagens/facebook.png) no-repeat top;
	text-indent: -9999px;
	display: block;
}


a.facebook-icon:hover {

	background-position:0px -20px;
}


/* AGENDA.PHP */

#conteudo {

	position:absolute;
	width:530px;
	margin-left:285px;
	margin-top:100px;
	
	z-index:3;
}

#balao-agenda {

	position: absolute;
	margin-left: 275px;
	margin-top: 10px;
	
	z-index: 3;
}


/* SINGLE.PHP */

.post-cel {

	position:absolute;
	top:30px;
	width:500px;
	margin-left:45px;
	margin-top:40px;
	margin-bottom: 50px;
}

.post-cel a, .post-cel .txt {
	font-size: 14px !important;
	font-weight:bold !important;
	color:#585750 !important;
}

.post-cel h2, .post-cel h2 a{
	font-size: 18px !important;
	font-weight:bold !important;
	color: #eee !important;
}

.post-cel .podcast-header{
	margin-top: 15px;
	margin-bottom: 15px;
	font-size: 22px !important;
	font-weight:bold !important;
	color: #eee !important;
}

.post-cel .podcast-body{
	margin-bottom: 20px
}

.post-cel .toggle-trigger.widget-title{
	color: #383726 !important;
}


.powerpress_player {
	margin-top: 30px;
}

.powerpress_links {
	margin-top: 15px;
}

/* SOBREMIM.PHP */

#sobremim{

	position: absolute;
	top:0px;
	left:-50px;
	width:511px;
	
	z-index:3;
	
}

		#balao-sobremim{
		
			position:absolute;
			margin-left: 275px;
			margin-top: 40px;
			
			z-index: 3;
		}
		
		#sm_ornamento_cima{
		
			position:absolute;
			top:0px;
			left:81px;
			width:431px;
			height:77px;
			background:url(imagens/ornamento_conteudo_cima.png) no-repeat;
			background-position:34px 15px;
		}
		
		#sm_foto{
		
			position:absolute;
			margin-top:77px;
			left:0px;
			width:511px;
			height:297px;
			background:url(imagens/sobremim_foto.png) no-repeat center;
		}
		
		#sm_texto{
		
			position:absolute;
			margin-top:373px;
			margin-left:0px;
			padding-left:52px;
			padding-right:52px;
			height:508px;
			font-size:12px;
			color:#383826;

		}
			
		#sm_ornamento_baixo{
		
			position:absolute;
			top:930px;
			left:0px;
			width:511px;
			height:71px;
			background:url(imagens/ornamento_conteudo_baixo.png) no-repeat;
			background-position:114px 20px;
			padding-bottom:40px;
		}



/* ESPETACULOS.PHP */

#espetaculos{

	position:absolute;
	width:577px;
	line-height:12px;
}

		#balao-esp{
		
			position: absolute;
			margin-left: 275px;
			margin-top: 25px;
			width:94px;
			height: 92px;
	
			z-index: 3;
		}

		#esp_ornamento_cima{
		
			position:absolute;
			top:86px;
			left:0px;
			width:577px;
			height:51px;
			background:url(imagens/ornamento_conteudo_cima.png) no-repeat;
			background-position:53px 0px;
		}
		
		#esp_ornamento_baixo{
		
			position:absolute;
			top:2420px;
			width:577px;
			height:51px;
			background:url(imagens/ornamento_conteudo_baixo.png) no-repeat;
			background-position:53px 0px;
		}
		
#esp_cel_wrap{

	position:absolute;
	width:577px;
	height:2352px;
}

.esp_cel{

	position:relative;
	width:577px;
	height:311px;
	margin-bottom:25px;
}

	.cel_esq{
	
		position:absolute;
		width:364px;
		height:311px;
		top:0px;
		left:0px;
	}
	
	.cel_dir{
	
		position:absolute;
		width:214px;
		height:311px;
		top:0px;
		left:290px;
	}

	.cel_foto{
	
		position:absolute;
		width:294px;
		height:288px;
	}
	
	.cel_balao{
	
		position:absolute;
		width:214px;
		height:110px;
		top:0px;
		left:0px;
		padding-left: 10px;
	}
	
	.cel_texto{
	
		position:absolute;
		width:150px;
		height:164px;
		top:110px;
		left:0px;
		font-size:12px;
		color:#24261d;
		padding-left:25px;
		padding-top:10px;
		line-height: 14px;
	}
	
	.cel_rodape{
	
		position:absolute;
		width:364px;
		height:24px;
		top:288px;
		left:0px;
		background:url(imagens/ornamento_separador.png) no-repeat;
		background-position:157px 0px;
	}


/* VIDEOS.PHP */

#vids {

	position:absolute;
	width:530px;
	margin-left:255px;
	margin-top:80px;
	
	z-index:3;
	
}

#balao-videos{

	position:absolute;
	margin-left: 310px;
	margin-top: 30px;
			
	z-index: 3;
			
}


/* PALESTRAS.PHP */

#palestras{

	position:absolute;
	width:486px;
	height:680px;
	font-size:12px;
	color:#24261d;
}


#balao-palestras{

	position: absolute;
	margin-left: 275px;
	margin-top: 30px;
	
	z-index: 3;

}


#balao-ppt{

	position: absolute;
	margin-left: 700px;
	margin-top: 360px;
	
	z-index: 3;

}

	
	#pal_conteudo{
	
		position:absolute;
		margin-left:0px;
		width:486px;
		height:450px;
	}
	
	.pal_titulo{
	
		position:relative;
		width:404px;
		height:45px;
		text-align:center;
		margin-left:0px;
	}
	
	.pal_texto{
	
		position:relative;
		width:404px;
		padding:20px 0px 20px 0px;
		margin-left:0px;
	}
	
				.pal_texto a:link{
				
					color:#fff;
					font-weight:bold;
					text-decoration:none;
				}
				
				.pal_texto a:visited{
				
					color:#fff;
					font-weight:bold;
					text-decoration:none;
				}
				
				.pal_texto a:hover, .pal_texto a:visited:hover{
				
					color:#fff;
					font-weight:bold;
					text-decoration:underline;
				}
	
	#pal_separador{
	
		position:relative;
		width:404px;
		height:60px;
		background:url(imagens/ornamento_separador.png) no-repeat;
		background-position:center;
		margin-left:0px;
	}


/* LINKS.PHP */


	#balao-links{
		position:absolute;
		margin-left: 280px;
		margin-top: 40px;
			
		z-index: 3;
	}
	
	
	#links {
	
		font-size: 12px;
		list-style-image: url(imagens/bullet.png);
		margin-left:50px;
	}

	
				#links a:link{
				
					color:#fff;
					font-weight:bold;
					text-decoration:none;
				}
				
				#links a:visited{
				
					color:#fff;
					font-weight:bold;
					text-decoration:none;
				}
				
				#links a:hover, #links a:visited:hover{
					color:#fff;
					font-weight:bold;
					text-decoration:underline;
				}


/* CONTATO.PHP */


	#balao-contato{
	
		position:absolute;
		margin-left: 260px;
		margin-top: 30px;
			
		z-index: 3;
	}
	
	#box-inner{
		display:none !important;
	}
	#contato {
	
		font-size: 12px;
		list-style-image: url(imagens/bullet.png);
		margin-left:80px;
		color:#272c17;
	}

	#contato li {
	
		color:#fff;
	}
	
				#contato a:link{
				
					color:#fff;
					font-weight:bold;
					text-decoration:none;
				}
				
				#contato a:visited{
				
					color:#fff;
					font-weight:bold;
					text-decoration:none;
				}
				
				#contato a:hover, #links a:visited:hover{
				
					color:#fff;
					font-weight:bold;
					text-decoration:underline;
				}

	.toggle-content{
		font-family:  Lucida Sans, Arial, Helvetica, sans-serif !important;
	}

	.toggle-content{
		color: #eee !important;
	}

	.toggle-content b{
		color: #585750 !important;
	}

	#comments-evolved-tabs h4#comments-evolved-tabs-label{
		color: #eee;
		font-family: Baloo, Lucida Sans, Arial, Helvetica, sans-serif !important;
	}

	#fb-comments{
		font-family: Baloo, Lucida Sans, Arial, Helvetica, sans-serif !important;
	}