/*
Theme Name: Eleva Som 2.0
Theme URI: http://www.radioelevasom.com.br
Description: Template produzido único e exclusivamente para o Rádio ElevaSom. 
Version: 1.0
Author: Erick Lemos
Author URI: http://www.ericklemos.com.br
*/




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

* {
    padding:0;
	margin:0;


	}


.style1 {
	color: #006699;
	font-weight: bold;
}

body{ 
	background: #006699;
    text-align:center;
	margin: 10px 0 0 0;
	
	}

#geral{ 
	width:1000px;
    background:#fff url() repeat-x ;
	margin: 0 auto;
	padding: 10px 0 10px 0;
	border: 10px solid #EEE;
 

}



#busca{ 
	float:right;
	width:300px;
	margin: 120px 10px 0 0;
	color:#fff;
}


	
#conteudo{ 
	width:980px;
	text-align:left;
	margin: 0 auto;

    }
		 		
#topo{ 
	height:200px;
    	background: #fff url(images/bgtopo.png);


	 }	



/* Menu Principal */

#menu { background: url(images/menu.jpg) repeat-x;height:34px;margin:  0 0  0 0;border: 1px solid #CCCCCC; }
#menu ul{margin:0px;padding:0px;	}	
#menu ul {padding:0px;margin:0px;float: left;width: 100%;list-style:none;}
#menu ul li { display: inline;  }
#menu ul li a {padding: 7px 10px 7px 10px ;float:left; border-right: 1px solid #ccc;/* visual do link */color: #333;font-weight:bold; text-decoration: none;}
#menu ul li a:hover {background-color:#F6F6F6; color: #006699;border-bottom:1px solid #cccccc; }

/* Menu Secundario */

#submenu { background:#F0F0F0; repeat-x;height:22px;margin:  0 0  10px 0;border: 1px solid #CCCCCC; font-size:12px; }
#submenu ul{margin:0px;padding:0px;	}	
#submenu ul {padding:0px;margin:0px;float: left;width: 100%;list-style:none;}
#submenu ul li { display: inline;  }
#submenu ul li a {padding: 2px 10px 4px 10px ;float:left; border-right: 1px solid #ccc;/* visual do link */color: #333;font-weight:bold; text-decoration: none;}
#submenu ul li a:hover {background-color:#F6F6F6; color: #006699;border-bottom:1px solid #cccccc; }

/* Subconteudo */

#conteudo-dois {padding: 0 0 0 0;}
#conteudo-dois h1 {margin: 0 auto;padding: 0;  }

#esquerda { 	width:450px;	height:810px;  float:left; 	}
#destaque{	height:250px;	}

/* Noticias */

#noticias{height:215px;margin:10px 0 0 0;font: bold 14px Arial, Helvetica, sans-serif ;}
#noticias ul{padding:0;margin:0; font: bold 12px Arial, Helvetica, sans-serif ;}
#noticias ul li{ list-style:none;padding: 0 0 0 12px;line-height:50px;margin: 2px 0 2px 0;background:url(images/not-link.gif);color:#006699;font: bold 12px Arial, Helvetica, sans-serif ;}
#noticias ul li a{ display:inline;color:#FFFFFF;text-decoration:none;padding: 0 0 0 15px;line-height:20px;}
	
/* Ouvinte e Chat */
		
#ouvintes{width:220px;margin:10px 0 0 0;	float:left;}
#ouvintes-box { margin: 10px 0 0 0;}	

#chat{	width:220px;	margin:10px 0 0 0;float:right;}
#chat-box { margin: 10px 0 0 0; height:188px;	background:#f0f0f0;	border: 1px solid #CCCCCC;}										
		   
#barra-lateral { 	width:250px; 	float:right;	}

/* No Ar */
	
#noar  {     height:350px;     background:#F0F0F0;	border: 1px solid #CCCCCC;	color:#006699; font-family:Arial, Helvetica, sans-serif ;	}
#noar-box  {	padding: 0 auto ;	height:165px;	margin: 10px 0 0 0; 	color:#006699;	font-weight:bold;}
#noar-box p{padding: 0 5px 0 0;color:#006699;text-align: center; font-family: Arial, Helvetica, sans-serif ; }			

#noar-box img {
	margin: 0 7px 0 7px;
    float:left;
	width:120px;
	border: 1px solid #006699;

	}	

#lateral  { 
     text-align:justify;
	 margin: 10px 0 0 0;
	 padding: 5px 5px 1px 5px;
	 border: 1px solid #CCCCCC;
	 background:url(images/twitter.jpg);
	 height:227px;

	}

#lateral p  {
	font-size:14px;
	padding: 7px 0 10PX 0;

	}

#lateral a  {
	text-decoration:none;
	color:#006699;

	}		

#lateral  ul {
    padding:0 0 0 2px;
	margin:0;
	}

#lateral  ul li{
    list-style:none;
    color:#006699;
	padding: 3px 0 0 0;
    font-size:13px;

	}	



#lateral ul li:hover{
	color:#3399FF;
	}
#lateral-t  {
    padding:0;
	margin:0;
	text-align:justify;
	border: 1px solid #CCCCCC;
	background:#F0F0F0 url(images/twitter.jpg) repeat-x;
	}
	
#lateral-t ul {
    padding:0;
	margin:0;
	}
		
#lateral-t ul li{     margin: 7px 5px 3px 5px;	 list-style:none;	 display:block;}

#lateral-t ul li a{  	text-decoration:none;	color:#006699;	font-size:12px;}
#lateral-t ul li a:hover{	color:#3399FF;}						
#direita { 	width:260px; 	float:left; 	margin: 0 0 0 10px; 	height:810px;  	}
#direita a {
	text-decoration:none;	color:#006699;	padding: 2px 0 0 0;	font-weight:bold;	font-size:14px;	}

#direita a:hover {	color: #0099CC;
}		

#musica {
	height:410px;
	font-family:Arial, Helvetica, sans-serif ;
	  
}

#musica-box:hover { background:#EDEDED; border:1px solid #006699; }

#musica-box { height:80px;border: 1px solid #CCCCCC;	  margin: 5px 0 0 0;	  background:#F0F0F0;	padding:0 2px 0 0;		}
#musica-box h1 {font: bold 12px Arial, Helvetica, sans-serif ;	color: #006699;	margin: 5px 0 0 0;	}
#musica-box p { font-size:10px;	font-family:Arial, Helvetica, sans-serif ;	}
#musica-box h1 a{ font-size:12px; font-family:Arial, Helvetica, sans-serif ;	text-decoration:none;color: #006699;		}					
#musica-box img {  margin: 10px 5px 0 5px;	 float:left;	 border:0px;	}
#musica-box img a{border:0px;}
#musica img { border:0px;	}			
			
#publicidade {	height:392px;  	}
#publicidade img { border:0px;	padding:6px 0 0 0;}
#publicidade img a { border:0px;}

#publicidadem {	height: 170px;  	}
#publicidadem img { border:0px;	padding:6px 0 0 0;}
#publicidadem img a { border:0px;}	
	

#parceiros { float:left;width:720px;	height:200px;   border:1px solid #CCCCCC;  margin: 10px 0 0 0; background:url(images/par.jpg) repeat-x;	}
#parceiros h1 {  padding: 0;	 margin: 0;	}	
#parceiros h1 img {   padding: 0;	 margin: 0 5px 0 0;	 border: 0;}
#parceiros img { float:left;	border: 1px solid #CCCCCC;	margin: 3px 0 0 5px;	}
#parceiros img  a{ float:left;	border: 1px solid #CCCCCC;	margin: 3px 0 0 5px;	}			

#topfive{height:150px;margin: 10px 0 0 0;}
	
#topfive ul{}
#topfive ul li{     list-style:none;	 padding: 0 0 0 7px;	 line-height:20px;	 margin: 1px 0 1px 0;	 background:url(images/top-li.gif);	 color: #006699;font: bold 12px Arial, Helvetica, sans-serif ;}
#topfive ul li a {     padding: 0 0 0 10px;     text-decoration:none;	 color:#FFFFFF;	  font: bold 12px Arial, Helvetica, sans-serif ;	 line-height:20px;}

#pagina {	width:720px;	float:left;	text-align:justify; }
#pagina a {	text-decoration:none;	color:#006699;}	
#pagina h1{	background:url(images/page.jpg);	font-size:18px;	color:#006699;	border:1px solid #CCCCCC;	line-height:35px;	padding: 0 0 0 20px; }
#pagina ul{	list-style:none;}


#single {	width:720px;	float:left;	text-align:justify;    font:  13px Arial, Helvetica, sans-serif; }

#single h1{	background:url(images/page.jpg);	font-size:18px;	color:#006699;	border:1px solid #CCCCCC;	line-height:35px;	padding: 0 0 0 20px; }
#single a {	text-decoration:none;	color:#006699;    font:  13px Arial, Helvetica, sans-serif ;}
#single ul{	list-style:none;}	

	

.post p {	margin: 10px  0 0 0}		
.post img {	float:left;	margin: 10px  10px 0 0;}			
	
#rodape {	height:105px;	background:url(images/rodape.jpg);    margin: 0 0 0 0;	text-align:center;	padding: 15px 15px 0 15px ;	font-size:13px;	color:#006699;    margin: 10px 0 0 0;	}
#rodape-al {	margin: 0 auto;	}
#rodape ul {	margin: 0 auto; list-style:none; display:inline; 	}

#rodape li {display:inline; 	}
#rodape li a {text-decoration:none; color:#006699; padding: 0 5px 0 5px; border-right: 1px solid #006699;	}

#tutoriais { height: 140px;	 padding: 0 0 2px 0;	margin: 5px 0 0 0;	}
	
#sidebar {	background:#F0F0F0;	border: 1px solid #CCCCCC;	}
#sidebar ul{	padding:0;	margin:0;}
#sidebar ul li{	list-style:none;	display:block; }
#sidebar h2{	padding: 0 0 0 20px;	background:url(images/menu.jpg);	font-size: 16px;	color:#006699;	line-height:35px;	}
#sidebar ul li a {	text-decoration:none;	margin: 0 0 0 10px;	width: 220px;	color:#006699;}
#sidebar ul li a:hover {	color:#0099FF;	}	
	
#divclear {	clear:both;	}			    			  

#equipel { background:#F0F0F0; padding: 0 7px 0 7px;text-align:left;  border: 1px solid #CCCCCC; float:left; width:340px; height:158px; margin: 10px 0 0 0; font-size:14px;}
#equipel img { margin: 0 7px 0 0;float:left;}

#equiper { float: right; background:#F0F0F0; text-align:left;   padding: 0 7px 0 7px;  border: 1px solid #CCCCCC;  width:340px; height:158px; margin: 10px 0 0 0; font-size:14px;}
#equiper img { margin: 0 7px 0 0;float:left;}

#post { background:#F0F0F0; border:1px solid #ccc; 	text-align:justify; margin: 10px 0 0 0; padding: 5px 5px 5px 5px;}
#post img { width:60px; height:60px; margin: 2px 5px 0  0; float:left;}
#post:hover { background:#EDEDED; border:1px solid #006699; }
#post h2 { font-size:16px; font-weight:bold;}

#link { font-sizef:12px; float:right; color:#006699; font-weight:bold;}
#link a {font-family:Arial, Helvetica, sans-serif ; color:#006699; font-weight:bold; text-decoration:none;}
#link a:hover { color: #0099CC;}

#pedidos { margin: 8px 0 0 8px;}

#prodape { border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin: 5px 0 5px 0;padding: 0 0 5px 0;}

#comentarios {}

#comentarios img {float:left; margin: 5px 5px 0;}

#comentarios h3 { color:#006699; margin:10px 0 0 0;}


.commentlist li {      list-style:none;      margin-bottom:14px;  border:1px solid #ccc;   padding: 5px 5px 5px 5px;  } 
ol.commentlist {  margin:0;  padding:0;  }   

.commentlist li:hover {  background:#f9f9f9; border:1px solid #006699;  }

/* Blog do EA */

#postea {  border:1px solid #ccc; height:70px;	text-align:justify; margin: 10px 0 0 0; padding: 5px 5px 0px 5px;}
#postea img { width:60px; height:60px; border:1px solid #ccc; margin: 2px 5px 0  0; float:left;}
#postea:hover { background:#EDEDED; border:1px solid #006699; }
#postea:hover img { border:1px solid #006699;}
#postea h2 { font-size:16px; font-weight:bold;}

#posteam {}
#posteam img { width:80px; height:80px; border:1px solid #ccc; margin: 5px 4px 2px  4px; float:left; display:inline;}
#posteam:hover img { border:1px solid #006699;}
#posteam h2 { font-size:12px;  text-decoration:none;	font-family:Arial, Helvetica, sans-serif ;  font-weight:bold;}
#tutoriais a { font-size:14px;  text-decoration:none; 	font-family:Arial, Helvetica, sans-serif ; float:right; color:#006699; font-weight:bold;}

#inv {font-size:0px;}
