/*
Theme Name: FEC 
Description: Base para outros temas
Version: 0.1
Author: Blue Box Informatica
*/

/* ----- Geral ----- */

body{/* imagem de fundo da pagina */
	 font-family: verdana;
	 background: #FFF url("imagens/fundo.jpg") repeat-y top;
	 height:100%;}
  
img{ /*borda 0 nas imagens*/
	  	border:0px;}
p{
font-size:13px;}
	  
     
#pagina{/* centraliza a pagina em cima da imagem de fundo*/
	  width: 999px; /* tamanho da imagem de fundo deve ser o mesmo da pagina*/
	  margin-right: auto;
	  margin-left: auto;
	  height:100%;}
.input {
	margin-right:5px;
	width:300px;}

#topoi{
	width:999px; 
        margin:0px;}
	  
#topo{/* topo da pagina*/
          width: 999px; /* tamanho da imagem de fundo deve ser o mesmo da pagina*/
	   margin:0px; /* distancia de 15px do começo da pagina*/
	   background: url("imagens/back_topo.gif") no-repeat right;
	   height:315px; /* tamanho da imagem de fundo do topo*/}
   
#topo .menu{/*menu no topo da pagina*/
        float: right; /* alinha o menu a direita*/
        margin:0px; /* menu acima do header */}
  
#topo .menu ul{/*ul menu topo*/
	  list-style-type: none; /* tira as imagens da lista*/
          margin:0px;}
  
#topo .menu ul li{/*ul li menu topo*/
	  display:inline; /* coloca os itens da lista na mesma linha */;
	  padding-right:10px;
          margin:0px;}
  
#topo .menu a{/* formação dos links do menu*/
	  font-size:13px;
	  font-weight: bold;
	  text-decoration:none;
	  color:#314a78;}
	  
#topo .menu a:hover{/* formatação dos links do menu quando passa o mouse por cima*/
	color:#314a78;
	text-decoration:underline; /* linha embaixo*/}
    
#topo .propaganda{/*propaganda do topo*/
    	width:728px;/*largura maxima da imagem*/
    	height:90px;/* altura maxima da imagem*/
    	margin-right:10px;/*margem a direita do fundo*/
    	text-align:center;
    	vertical-align:middle;
    	float:right;}

#conteudo{/* mantem o conteudo do site dentro do fundo*/
	 float:right;/* alinha a div a direita*/
         background:url(imagens/conteudo.jpg);
	 margin-top:-115px;/* posiciona o conteudo em cima da imagem de fundo do topo*/
	 width:984px; /* largura da div menos a margem esquerda(margem usada na logo do site)*/
clear: both;}

#colunai{/* div onde ficam os posts*/
    	width:727px; /* largura da div conteudo menos a sidebar e a margem*/
    	float: left; /* alinha a esquerda*/
	height:100%;}  
	 
#coluna{/* div onde ficam os posts*/
    	width:728px;
        float: left; /* alinha a esquerda*/}	

#coluna .destaque a{/* formatação do link de destaque do plugin*/
	color:#FFFFFF;
	font-weight:bold;
	font-family:Verdana;
	text-decoration:none;}

#coluna .destaque a:hover{/* formatação do link de destaque do plugin*/
	color:#FFFFFF;}

#coluna .gallery-icon a{
       color:#314a78;}
#coluna .gallery-icon img {
        border: 1px solid #314a78;
	padding:3px;}

#coluna .gallery-icon a:hover img {
	background-color: #314a78; }
	
#coluna .conteudo{/* conteudo da coluna menos a sidebar */
    	width:553px;/* largura da coluna menos a sidebar*/
    	float: left; /* alinha a esquerda*/
		padding-right:2px;
		font-size:13px;
        background-color: #FFFFFF; /* cor de fundo por cima do fundo com linhas azuis*/
		border-right:1px dotted black;}

#letras{
		margin-top:2px; 
		font-size:13px; float:right; 
		background-color:#f9f9f9;
		border:1px solid #f1f1f1;
		font-weight:bold;}
    
#texto img{/* largura maxima da imagem dentro da coluna */
	max-width:500px;
        width: auto !important;
	max-height:500px;
        height: auto!important;}
    
#coluna .propaganda{
    	margin-top:11px;/* margem entre os destaques e a propaganda */
    	width:728px;/*largura maxima da imagem*/
    	height:90px;/* altura maxima da imagem*/
    	margin-bottom:5px; /* distancia entre a propaganda e os artigos*/}

.autores{
	width:271px;
	height:287px;
        font-size:13px;
        background-color:white;
	margin-top:-280px;
	float:right;}
	
.autores ul{/* lista da sidebar2*/
  	list-style-type: none;
    padding: 0px;
	margin:0px;
    margin-top:5px;}

.autores li{/* lista da pagina inicial*/
  	list-style-type: none;
	border-bottom: 1px dotted #000000;
    padding: 0px; 
    margin:3px 0 0 0;}
  
.autores a{/* link na pagina inicial*/
    color: #314a78;
    font-size:13px;
    text-decoration:none;}
    
.autores a:hover{/* link na pagina inicial*/
    color:#314a78;
    font-size:13px;
    text-decoration:underline;}
    
    
.titulo2{/* titulo da pagina inicial*/
    	font-size:13px;
		text-transform:lowercase;
    	color: black;
        font-weight: bold;}
  
#coluna .artigos{
    	width:235px; /* largura da caixa de artigos*/
    	float:left; /* alinha a esquerda*/
        font-size:13px;
        overflow: hidden;
		margin-left:5px; /*margem entre os artigos*/
        margin-top:3px;
		margin-bottom:3px;
}
    
.thumb {/* formatação da thumb*/
		overflow: hidden;}
       
#coluna .categoria a, #coluna .categoria a:visited{ /* link para categoria do artigo*/
    	font-size:9pt;
	text-transform:lowercase;
    	color: black;
    	font-weight: bold;
	border-right:1px solid #FFFFFF;
    	text-decoration:none; /* tira a linha embaixo do texto*/}
		
#coluna .categoria a:hover{ /* link para categoria do artigo*/
    	font-size:9pt;
		text-transform:lowercase;
    	color: black;
    	font-weight: bold;
    	text-decoration:none; /* tira a linha embaixo do texto*/}
    
#coluna .hr { /* linha embaixo da categoria*/
    	border:1px solid black;
    	margin:0px;
		padding:0px;}

#coluna .cat a{/* links na pagina de categoria*/
    	color:#314a78;
    	font-size:13px;
    	text-decoration:none; /* tira a linha embaixo do texto*/}
    
#coluna .cat a:hover{/* links na pagina de categoria*/
    	color:#314a78;
    	font-size:13px;
    	text-decoration: underline; /*linha embaixo do texto*/}
	
#coluna .titulo_single a, #coluna .titulo_single { /* link para o artigo na pagina single*/
    	font-size:19px;
    	color: #3f5681;
		font-family:Arial;
    	font-weight: bold;
    	text-decoration:underline;}
		
#coluna a{/* formação dos links dos posts relacionados*/
		font-size:13px;
		text-decoration:none;
		color:#314a78;}
	  
  
#coluna a:hover{/* formatação dos links posts relacionados */
		color:#314a78;
		text-decoration:underline;}
		       
#coluna .titulo a, #coluna .titulo a:visited{ /* link para o artigo*/
    	font-size:13px;
    	color: #3f5681;
    	font-weight: bold;
    	text-decoration:underline; /* linha embaixo do texto*/}
    
 #texto .a{ /* link para o artigo*/
        border-bottom:1px double #314a78;
	text-decoration:underline;}
		
 #texto .a:hover{ /* link para o artigo*/
    border-bottom:1px solid #314a78;
	text-decoration: none;}
	
#coluna #autor{ /* caixa com informações do autor*/
	width:540px;
	float:left;
	font-size:13px;
	margin-bottom:10px;
	padding: 4px 4px 4px 4px;
	background-color:#FFFFFF;
	border:1px solid #0084d6; }
	
#coluna #autor_bio{ /* biografia do autor*/
	margin-left:2px;}
	
	
#coluna #autor_mais{/* texto todos os posts do autor*/
	vertical-align:bottom;
	margin-bottom: 5px;
	margin-left:2px;}
	
#coluna #autor_mais a{/* link todos os posts do autor*/   	
		color:#314a78;
    	font-size:13px;
    	text-decoration:none; /* tira a linha embaixo do texto*/}
		
#coluna #autor_mais a:hover{    	
		color: #314a78;
    	font-size: 13px;
    	text-decoration: underline; /* tira a linha embaixo do texto*/}
	
#coluna #autor_page{ /* caixa com informações do autor na pagina author.php */
	width:540px;
	float:left;
	font-size:13px;
        margin-bottom: 10px;
	padding: 4px 4px 4px 4px;}
	
#coluna #autor_page #autor_mais{ /* todos os posts do autor na pagina author.php */
	vertical-align:bottom;
	font-size:22px;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom: 5px;
	font-weight:bold;
	margin-left:2px;}
	
#coluna #autor_page #autor_mais a{ /* todos os posts do autor na pagina author.php */
	font-size:22px;
	color:#314a78;
	margin-left:2px;}

#coluna #autor_page #autor_bio{ /* biografia do autor*/
	margin-left:2px;
	font-size:11px;}
	
#relacionados {/*posts relacionados*/
	margin-bottom:10px;
	text-align:left;}
  
#relacionados ul{/*ul posts relacionados*/
	  list-style-type: none; /* tira as imagens da lista*/}
  
	  
#relacionados  h3{/* formação do titulo dos posts relacionados*/
	  font-size:16px;
	  text-decoration: none;
	  padding:0px;
	  margin-top:10px;
	  margin-bottom:5px;
	  color: #314a78;}
  
#relacionados  a{/* formação dos links dos posts relacionados*/
	  font-size:12px;
	  text-decoration:none;
	  font-weight:bold;
	  color:#314a78;}
	  
#relacionados  a:hover{/* formatação dos links posts relacionados */
	color:#314a78;
	text-decoration:underline; /* linha embaixo*/}
  
#relacionados li, #relacionados ul{
	margin: 0px;
	padding: 0px;}

#sidebar2{/* barra lateral 2*/
    width:170px;
	font-size:13px;
	background-color:#FFFFFF;
    float:right; /* alinha a direita */}
    
#sidebar2 ul{/* lista da sidebar2*/
  	list-style-type: none;
    padding: 0px;
	margin:0px;
    margin-top:5px;}
    
#sidebar2 li{/* lista da sidebar2*/
  	list-style-type: none;
	border-bottom: 1px dotted #000000;
    padding: 0px; 
    margin:3px 0 0 0;}
  
#sidebar2 a{/* link na sidebar 2*/
    color:#314a78;
    font-size:13px;
    text-decoration:none;}
    
#sidebar2 a:hover{/* link na sidebar 2*/
    color:#314a78;
    font-size:13px;
    text-decoration:underline;}
    
    
#sidebar2 .titulo{/* titulo da sidebar2*/
	font-size:9pt;
	text-transform:lowercase;
	color: black;
	font-weight: bold;
	border-right:1px solid #FFFFFF;
	text-decoration:none; /* tira a linha embaixo do texto*/}

#sidebar{ /* barra lateral do site*/
    background: #529edc url("imagens/fundo_menu.jpg") no-repeat;
    float: right; /* alinha a direita */
    position: relative;
    width: 245px; /* largura da imagem*/
    color:#FFFFFF;
    min-height: 100%;
    margin-top:-68px;/* margem da sidebar para ficar em cima do header */
    font-size: 10px;}

#sidebar .conteudo{/* conteudo da sidebar */
    margin-top:40px; /* coloca o texto dentro da imagem da sidebar*/
    margin-left:15px;}

#sidebar a { color:#FFFFFF;}
  
.busca{/* campo de busca*/
    width:174px;
    height:24px;
    vertical-align:middle; /* alinha ao meio para ficar igual nos 2 navegadores*/
    border:2px solid #0084d6;
    color:#0084d6;
    font-family:arial;
    font-weight: bold;
    font-size:11pt}
    
.img_busca{/* imagem de ok*/
    vertical-align:middle;/* alinha ao meio para ficar igual nos 2 navegadores*/}
    
form{ margin:0px; /* tira a margem do formulario*/}

#sidebar li{/* linha que separa as categorias */
    padding-left: 20px;
    margin-left:-55px; /* tira a margem do conteudo da sidebar*/
    margin-top: 3px; /*margem entre as categorias do sidebar*/
    margin-bottom: 3px; /*margem entre as categorias do sidebar*/}
	
#sidebar ul{
	list-style-type: none;}

#sidebar .categoria ul h2, #sidebar .sidebar-box h2 { margin-bottom:5px; padding:0px; font-size: 19px; font-weight:normal;}
    
#sidebar .categoria a, #sidebar .categoria {/* lista de categorias na sidebar*/
    color: #FFFFFF;
    font-family: arial;
    text-decoration: none;
    font-size: 15px;}
	
#sidebar .categoria a:hover {/* lista de categorias na sidebar*/
    text-decoration: underline;}

#sidebar .categoria li ul li { padding-left:27px;}
    
#sidebar .anuncio{/*anuncio da sidebar*/
    width:200;/* largura da imagem*/
    height:100; /* altura da imagem*/
    margin-top:10px; /* margem em cima do anuncio*/
    margin-left:-15px; /* tira a margem do conteudo da sidebar*/
    margin-bottom:10px; /* margem abaixo do anuncio*/
    text-align:center;}
   
#footer{
    width:1000px; /* largura do fundo +1*/
    height:30px;/* altura do fundo */
	font-size:13px;
    float:right; /* alinha o footer a direita, e mantem ele na parte de baixo*/
    background-color:#056dad; /* cor de fundo do footer */
    color: #FFFFFF; /* cor do texto */
    margin: 0px; /* tira espaço embaixo do footer no ie*/
    vertical-align:middle;
	clear: both;}
    
#footer small{ /* nome do blog no final da pagina*/
	margin-left: 5px; /* margem esquerda */
	font-family: verdana;
	font-size: 13px;
	font-weight: 200;}  
	
#footer a{/* formação dos links do footer*/
	  font-size:13px;
	  text-decoration:none;
	  color:#FFFFFF;}
	  
#footer a:hover{/* formação dos links do footer*/
	  font-size:13px;
	  text-decoration:underline;
	  color:#FFFFFF;}
.titulo{
    font-size:13px;
    color: black;
    font-weight: bold;
    text-decoration:none; /* tira a linha embaixo do texto*/}
       
textarea { /* caixa de comentario*/
    width: 300px;
    height: 150px; 
	font-size:13px;
    padding: 5px;}
    
.comentarios{ /* comentarios*/
    font-size:13px;
    color: black;}
    
.comentarios a{/* links dos comentarios*/
    color:#314a78;
    text-decoration:none; /* tira a linha embaixo do texto*/}
    
.comentarios a:hover{/* links dos comentarios*/
    color:#314a78;
    text-decoration: underline;}

.commentmetadata { 
    font-size: 10px;}