/*

Theme Name: AIMEC
Theme URI: http://aimec.com.br/
Description: Tema para uso exclusivo da AIMEC - Academia Internacional de Música Eletrônica.
Version: 1.0
Author: Eliel Cezar
Author URI: http://elielcezar.com/
Tags: e-music, música, aimec

*/

*{margin: 0; padding: 0;}

body{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 86.5%;
	color: #cecece;
	background-color: #000;
}

a{
	color: #fff;
	outline: none;
}

.container{
	width: 960px;
	margin: auto;
	
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*----- TOPO --------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/

#topo{
	width: 100%;	
	float: left;
	position: relative;
	z-index: 50;	
}

	/*--- MENU GERAL------------------------------------------------------------------*/
	#topo h3{display: none;}	
	
	#topo ul{		
		list-style-type: none;
		float: left;
		display: block;
	}	
		#topo ul li{
			display: block;
			float: left;			
		}
		#topo ul li a{
			color: #FFFFFF;
			display: block;
			font-size: 14px;
			font-weight: bold;
			text-transform: uppercase;			
			padding: 14px 20px;
			text-decoration: none;
		}
		
		#topo li a:hover, 
		#topo li a:active {			
			color: #39a5ff;
			display: block;			
		}
	
	/*--- formulario de busca----*/
	#topo form.busca{
		width: 300px;
		float: right;
		padding-top: 5px;
		margin-top: 3px;
		display: block;			
		background: transparent url("imagens/bg_form.jpg") 0 7px no-repeat;	
	}
		#topo form.busca fieldset{border: none;}
		
		#topo form .campoBusca{
			width: 265px;
			height: 18px;
			border: none;
			padding: 8px 30px 5px 5px;
			background: transparent;				
		}
		#topo form .enviaBusca{display: none;}		
		

	/*--- MENU A ----------------------------------------------------------------------*/	
	#menuA{		
		width: 100%;
		background: transparent url("imagens/bg_topoA.jpg") bottom center repeat-x;
		float: left;
	}
		#menuA .container{
			height: 50px;
			background: transparent url("imagens/bg_menuA.jpg") bottom center no-repeat;
		}
		
			#menuA .container ul{padding: 5px 0 0 0;}
			
		
			
	/*--- MENU B ----------------------------------------------------------------------*/
	
	#menuB{		
		width: 100%;
		float: left;
		background: transparent url("imagens/bg_topoB.jpg") top center repeat-x;
	}

		#menuB ul {
			width: 100%;
			float: left;
			list-style: none;
			margin: 0px;
			padding: 7px 0 0 0;
			background: transparent url("imagens/bg_menuB.jpg") top center no-repeat;
		}
			
			#menuB li {
				float: left;
				list-style: none;
				margin: 0px;
				padding: 0px;
			}
				
				/*************************/
				
				#menuA li li a, 
				#menuA li li a:link, 
				#menuA li li a:visited,
				
				#menuB li li a, 
				#menuB li li a:link, 
				#menuB li li a:visited {
					background: #1f1f1f;
					width: 160px;
					float: none;
					margin: 0px;
					padding: 10px;
					border-left: 1px solid #2d2d2d;	
					border-right: 1px solid #2d2d2d;	
					border-bottom: 1px solid #2d2d2d;	
					font-size: 12px;
					text-decoration: none;
				}
					
				#menuA li li a:hover, 
				#menuA li li a:active,
				
				#menuB li li a:hover, 
				#menuB li li a:active {
					background: #000;					
				}
				
				#menuA li ul,				
				#menuB li ul {
					z-index: 9999;
					position: absolute;
					left: -999em;
					height: auto;
					width: 160px;
					margin: -10px 0 0 20px;
					padding: 0px;
				}
				
				#menuA li li,				
				#menuB li li { }
				
				#menuA li ul a,				
				#menuB li ul a { width: 140px;}
				
				
				#menuA li ul a:hover, 
				#menuA li ul a:active,
				
				#menuB li ul a:hover, 
				#menuB li ul a:active {}
				
				#menuA li ul ul,
				#menuB li ul ul {margin: -25px 0 0 161px;}
				
				#menuA li:hover ul ul, 
				#menuA li:hover ul ul ul, 
				#menuA li.sfhover ul ul, 
				#menuA li.sfhover ul ul ul,
				
				#menuB li:hover ul ul, 
				#menuB li:hover ul ul ul, 
				#menuB li.sfhover ul ul, 
				#menuB li.sfhover ul ul ul {left: -999em;}
				
				#menuA li:hover ul, 
				#menuA li li:hover ul, 
				#menuA li li li:hover ul, 
				#menuA li.sfhover ul, 
				#menuA li li.sfhover ul, 
				#menuA li li li.sfhover ul ,
				
				#menuB li:hover ul, 
				#menuB li li:hover ul, 
				#menuB li li li:hover ul, 
				#menuB li.sfhover ul, 
				#menuB li li.sfhover ul, 
				#menuB li li li.sfhover ul {left: auto;}
			
			#menuA li:hover, 
			#menuA li.sfhover ,
			
			#menuB li:hover, 
			#menuB li.sfhover {position: static;}	
			
		#topo .bannerTopo span{display: none;}	
	
	/*--- PRINCIPAL ----------------------------------------------------------------------*/
	
		#topo .principal{
			width: 100%;
			float: left;			
			background: transparent url("imagens/bg_topo.jpg") top center no-repeat;
		}	
		
		#topo .topoLeft{float: left;}
		
		/*--- LOGOTIPO ---*/
		#topo h1 a{
			width: 340px;
			height: 170px;
			display: block;
			text-indent: -5000em;
			margin: 10px 0;			
			background: transparent url("imagens/aimec.png") 0 0 no-repeat;				
		}
			#topo h1 a:hover{background: transparent url("imagens/aimec.png") 1px -171px no-repeat;}
			
		/*--- SOBRE---*/
		#topo p.sobre{
			width: 320px;
			height: 130px;
			display: block;	
			text-align: justify;			
		}		
		
		/*--- DESTAQUES---*/		
		.destaques{		
			border: 1px solid #1f1f1f;
			float: right;
			margin: 15px 0;
			/*z-index: -5000 !important;
			position: relative !important;
			top: 55px !important;
			left: 630px !important;
			z-index: 5000 !important;*/
		}	
			#homepagetop {
				width: 580px !important; 
				background: none !important; 
				border: none !important;
			}
			
			.featuredtop {padding: 0 !important;}
							
		/*--- BANNER TOPO ---*/		
		#topo .bannerTopo{						
			float: right;
			margin: 70px 0 0 0;
		}
	
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*----- PRINCIPAL ---------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/

#principal{
	width: 100%;
	float: left;
	padding: 20px 0 0 0;		
}


	/*-------------------------------------------------------------------------------------------------------------------------------*/	
	/*----- CONTEUDO ----------------------------------------------------------------------------------------------------------------*/	
	/*-------------------------------------------------------------------------------------------------------------------------------*/
	
	#conteudo{
		width: 66%;
		float: left;		
		padding: 1.5%;
		background-color: #1a1a1a;				
	}
		#conteudo .post{
			width: 100%;
			float: left;
			margin-bottom: 20px;
			padding-bottom: 15px;
			text-align: justify;
			border-bottom: 1px solid #333;

		}
			#conteudo .post a{text-decoration: none;}
				#conteudo .post a:hover{color: #dd1acc;}
				
			#conteudo h1.tituloPagina{
				margin-bottom: 30px;				
				padding: 2%;
				width: 96%;
				background: #101010 url("imagens/bg_degrade.jpg") center left repeat-x;
			}
				
			#conteudo h3{
				width: 96%;							
				padding: 10px 2%;
				margin-bottom: 15px;
				text-transform: uppercase;
				font-size: 18px;
				font-weight: bold;
				color: #f5f5f5;
				float: left;	
				background: #101010 url("imagens/bg_degrade.jpg") center left repeat-x;
			}
				#conteudo h3 strong{ color: #e024d3;}
				
			#conteudo h4{
				padding: 1%;
				width: 98%;
				border-top: 1px solid #ccc;
				border-bottom: 2px solid #ccc;
				float: left;
			}
#conteudo h4 a img{display: block !important; float: right;}
			
			#conteudo .post span.info{
				display: block;
				width: 100%;
				padding: 5px 0 10px 0;	
				font-size: 11px;
			}
				
			#conteudo .post span.infoPost{
				display: block;
				width: 100%;
				padding: 5px 0 15px 0;	
			}
			
			#conteudo .post p{
				margin: 15px 0;				
			}
			
			#conteudo .post .resumo p{margin: 0;}
			
			#conteudo .post img.left{
				float: left;
				margin: 0 10px 10px 0;
			}
				#conteudo .post a img{border: 4px solid #333;}
					#conteudo .post a:hover img{border: 4px solid #dd1acc;}
				
			#conteudo .post ul{
				width: 96%;
				margin: 0 0 25px 4%;
				padding: 0 0 0 15px;
				float: left;
			}
				#conteudo .post ul li{padding: 5px 0;}
				
			/*---pagina com artigos de um autor---*/
			#conteudo .autor{
				width: 98%;
				float: left;
				margin-bottom: 50px;
				padding: 1%;
				background: #101010 url("imagens/bg_degrade.jpg") center left repeat-x;
			}
				#conteudo .autor .gravatar img{
					float: left;
					margin: 0 10px 0 0;
					border: 4px solid #333;
				}
				#conteudo .autor h2{margin: 15px;}
			
			/*--- Links Alternativos ---*/
			#conteudo .post ul.linksAlternativos{
				display: block;
				width: 96%;
				background-color: #222;
				list-style-type: none;
				margin: 25px 0;
				padding: 2%;
				float: left;
				border: 1px solid #333;
				background: #101010 url("imagens/bg_degrade.jpg") top left repeat-x;
			}
				#conteudo .post ul.linksAlternativos li{float: left; width: 33%; text-align: center;}
				
			.nav{
				width: 98%;
				float: left;
				padding: 1%;
				margin: 10px 0;								
				background-color: #111;
			}
				.nav .alignleft a,
				.nav .alignright a{
					width: 110px;
					background-color: #039bf9;
					text-decoration: none;
				}
					.nav .alignleft a:hover,
					.nav .alignright a:hover{background-color: #dd1acc;}
					.nav .alignleft a{float: left;}
					.nav .alignright a{float: right;}
			
			
		/*----------------------------------*/
		/*-----FORMULARIO DE COMENTARIOS----*/
		/*----------------------------------*/
		
		#enviarComentario{padding: 0;}			
		#cancel-comment-reply{
			width: 100%;
			text-align: right;
		}
		
		#commentform{
			width: 100%;		
			display: block;
			float: left;
			padding: 0;			
		}
			#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;				
				font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
			}			
			#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;
				font-size: 14px;
			}
			#commentform #author,
			#commentform #email,
			#commentform #url{
				width: 60%;
				height: 18px;
			}
			
			#commentform #comment {
				width: 95%;
				height: 250px;
				float: left;
				display: block;				
			}
			#commentform #submit{
				width: 154px;
				height: 36px;
				border: none;
				color: #cecece;
				cursor: pointer;
				font-weight: bold;
				text-align: center;					
				border: none;
				font-size: 13px;
				margin-bottom: 25px;
				background: #1a1a1a url("imagens/bg_botao.gif") top center no-repeat;
			}
			
			.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;
				margin-top: 50px;
			}
			
		/*----------------------------------*/
		/*-------LISTA DE COMENTARIOS-------*/
		/*----------------------------------*/
		
		#conteudo ol.commentlist{		
			width: 100%;		
			margin: 0 0 20px 0 !important;
			padding: 0 !important;
			list-style-type: none;		
			float: left;
			display: block;
		}
			#conteudo ol.commentlist li{
				width: 96%;				
				padding: 2%;
				margin: 10px 0;	
				float: left;			
			}
				#conteudo ol.commentlist li.even{
					background-color: #111;
					border: 1px solid #000;
				}
				#conteudo ol.commentlist li.odd{
					background-color: #222;
					border: 1px solid #000;
				}
				#conteudo ol.commentlist li.my_comment{
					background: #000 url("imagens/bg_topo.jpg") bottom left no-repeat;			
				}
				#conteudo ol.commentlist .autor{
					width: 470px;
					float: left;
					margin: 20px 0;
				}		
				#conteudo ol.commentlist .avatar{					
					float: right;
					border: 3px solid #222;
				}
				#conteudo ol.commentlist li p{					
					margin: 10px 0;
				}
				#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-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.emai{
				width: 300px;
				height: 18px;
				font-size: 14px;
			}	
			form.contato input.telefone{
				width: 150px;
				height: 18px;
				font-size: 14px;
			}	
			form.contato .mensagem{
				width: 97%;
				height: 250px;				
				float: left;
				display: block;	
				font-size: 14px;
				font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;			
			}
		
			form.contato .botao{
				width: 100%;			
				float: left;
			}
			form.contato .botao .enviar{ 
				width: 154px;
				height: 36px;
				border: none;
				color: #cecece;
				cursor: pointer;
				font-weight: bold;
				text-align: center;					
				border: none;
				font-size: 13px;
				margin: 25px 0;
				background: #1a1a1a url("imagens/bg_botao.gif") top center no-repeat;
			}		
		
		.on {border: 2px solid #113b73 !important; }	
		.msgerro{margin: 35px  0 0 0 !important; color: red !important;}
		.msgok{margin: 35px  0 0 0!important;}
		
		
		
		/*---PAGINACAO---*/	
		.navigation{
			color: #e5e5e5;
			padding: 20px 0;
			float: left;
			width: 100%;
		}
			.navigation span.pages,
			.navigation a{
				color: #f5f5f5 !important;
				border: 1px solid #999 !important;
				padding: 5px 9px !important;
				background-color: #111 !important;				
			}
				.navigation span.current,
				.navigation a:hover{
					background-color: #dd1acc !important;
					padding: 5px 9px !important;
					color: #f5f5f5 !important;
				}
				
			
		
		
	
	/*-------------------------------------------------------------------------------------------------------------------------------*/	
	/*----- LATERAL -----------------------------------------------------------------------------------------------------------------*/	
	/*-------------------------------------------------------------------------------------------------------------------------------*/
	
	#lateral{
		width: 28%;
		float: right;
		padding: 1%;
		background-color: #1a1a1a;		
	}
		#lateral a{
			color: #cecece;
			text-decoration: none;
		}				
			#lateral a:hover{color: #fff;}
		
		#lateral .bloco{
			width: 100%;			
			float: left;
			margin-bottom: 15px;
			padding-bottom: 15px;
			border-bottom: 1px solid #333;
		}
		#lateral h3{
			width: 245px;
			font-size: 20px;
			padding-left: 25px;
			color: #fff;
			float: left;
			margin-bottom: 10px;
			background: transparent url("imagens/bg_h3.jpg") left 3px no-repeat;			
		}		
		#lateral ul{
			width: 100%;
			list-style-type: none;
			float: left;
			display: block;
			padding: 0;
			margin: 0;
		}	
			#lateral ul li{
				width: 100%;
				display: block;
				float: left;
				padding: 5px 0;				
			}			
				#lateral ul li a{
					padding-left: 10px;										
					background: transparent url("imagens/bullet.gif") 0 5px no-repeat;
				}
					#lateral ul li a:hover{background: transparent url("imagens/bullet.gif") 0 -17px no-repeat;}
					
		/*--- videos ---*/			
		#lateral .video{
			float: left;	
			margin-bottom: 5px;		
		}
			#lateral span.mais{
				display: block;
				width: 100%;
				float: left;
				text-align: right;
				/*margin-bottom: 25px;*/
			}
				#lateral span.mais a{font-weight: bold;}
					#lateral span.mais a:hover{color: #39a5ff;}
		
		/*--- Redes Sociais ---*/
		#lateral ul.sociais{
			display: block;
			float: left;
			/*margin-bottom: 30px;*/
		}
			#lateral ul.sociais li a{
				display: block;
				padding: 10px 0 10px 40px;
			}
			
				#lateral ul.sociais li a.twitter{background: #222 url("imagens/ico_twitter.gif") center left no-repeat;	}
				#lateral ul.sociais li a.facebook{background: #222 url("imagens/ico_facebook.gif") center left no-repeat;	}
				#lateral ul.sociais li a.orkut{background: #222 url("imagens/ico_orkut.gif") center left no-repeat;	}
				#lateral ul.sociais li a.rss{background: #222 url("imagens/ico_rss.gif") center left no-repeat;	}
					
		/*--- e-mail ---*/		
		#lateral form.email{			
			float: left;
			display: block;
			width: 100%;
			/*margin-bottom: 35px;*/ 
		}
			#lateral form.email fieldset{border: none;}
		
			#lateral form.email input.campoEmail{
				width: 200px;
				height: 26px;
				padding: 1%;
				color: #000;
				float: left;
				border: 2px solid #d2d2d2;
			}
			#lateral form.email .assinar{
				width: 54px;
				height: 36px;
				border: none;
				color: #cecece;
				cursor: pointer;
				font-weight: bold;
				text-align: center;					
				border: none;
				font-size: 13px;
				margin: 0;
				float: right;
				background: #1a1a1a url("imagens/bg_botao_min.gif") top center no-repeat;
			}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*----- RODAPE-------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/

#rodape{
	width: 100%;
	float: left;	
	font-size: 11px;	
	background: transparent url("imagens/bg_rodape_geral.jpg") bottom left repeat-x;	
}	
	#rodape .container{	
		padding: 0 0 15px 0;	
		background: transparent url("imagens/bg_rodape.jpg") bottom center no-repeat;
	}
		#rodape .container .banners{padding: 10px 0 20px 0;}
		#rodape .container .banners div span {display: none;}	
	/*#rodape .container .banners{border: 1px solid red; width: 100%; padding: 15px 0; text-align: center;}
	
	#rodape .extras{
		width: 100%;
		float: left;
		font-size: 9px;		
	}*/