/* 
FOLHA DE ESTILOS
CLIENTE: SENAI
PROJETO: OC 2010
DATA: 06/11/2009
AUTOR: HENRIQUE PAULINO
*/

/*-------------------------------------------
	ESTE ARQUIVO ESTÁ DIVIDO DA SEGUINTE FORMA:
	
		1. ELEMENTOS HTML
		2. ESTRUTURA PRINCIPAL DAS PÁGINAS
		3. BOX DE CONTEUDO
		4. LISTAS
		5. PARAGRAFOS
		6. FORMULÁRIOS
		7. ITENS DE FORMULÁRIOS
		8. LINKS
		9. CABEÇALHOS
		10. IMAGENS
		11. ESTILOS ESPECÍFICOS
		
---------------------------------------------*/

/* 
1. ELEMENTOS HTML --------------------------------------------------- 
					TODAS AS TAGS HTML (apenas estilos que se aplicam a todos elementos da página)
*/
*{
	margin:0;
	padding:0;
}

body{
	background:#69B12F url(../img/bg/bg_body.jpg) top center no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
}

a{
	text-decoration:none;
}

img{
	border:none;
}

label{
	display:block;
	margin:0;
	padding-top:10px;
}

ul{
	list-style:none;
}





/* 2. 
ESTRUTURA PRINCIPAL DAS PÁGINAS ---------------------------------- 
					Todos os containers estruturais das páginas 
					(Corpo geral, Menu Principal, Topo da página, Rodapé, Container principal de conteúdos)												
*/

#geral{
	width:950px;
	margin:auto;
}

#topo{
	padding:0 10px 15px 0;
	background:url(../img/bg/bg_menu.png) bottom no-repeat;
}

#corpo{
	background:url(../img/bg/bg_content.png) repeat-y;
	padding:10px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
}

#content{
	width:585px;
	margin-left:30px;
	_margin-left:15px;
	float:left;
}

#sidebar{
	float:right;
	width:275px;
	margin-right:25px;
	_margin-right:13px;
	font-family:Arial, Helvetica, sans-serif;
}

#footer{
	background:url(../img/bg/bg_footer.png) no-repeat;
	padding-top:30px;
	text-align:center;
	color:#235101;
	font-size:14px;
	padding-bottom:30px;
}







/* 3. 
BOX DE CONTEUDO --------------------------------------------------
						Todos os box's que se repetem na página
						(Box de noticias, Box de categorias, Box de imagens, etc)							
*/
.box-busca-rss{
	background:url(../img/bg/bg_busca_rss.jpg) no-repeat;
	float:right;
	padding:15px;
	padding-right:0;
	width:289px;
	height:23px;
}

.box-canais{
	background:url(../img/bg/bg_canais.jpg) no-repeat;
	width:271px;
	height:36px;
	text-align:center;
	float:right;
	padding:3px;
}

.post{
	border-bottom:1px solid #c6c6c6;
	margin-bottom:20px;
}

.post-n-destaque{
	float:left;
	width:259px;
	margin:15px;
	_margin:15px 7px;
}

.entry{
	padding-bottom:20px;
}

.navigation{
	background:url(../img/bg/bg_paginacao.jpg) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
}

.navigation .alignleft{
	width:250px;
	padding:15px;
	float:left;
	text-align:right;
}

.navigation .alignright{
	width:250px;
	padding:15px;
	float:right;
}

.box-sidebar{
	background:#d3d3d3;
	margin-bottom:25px;
}

.lista-side{
	margin-bottom:25px;
}

.box-lista-side{
	background:url(../img/bg/bg_lista_side.jpg);
	padding:15px;
	padding-bottom:0;
}

.foot-lista-side{
	background:url(../img/estrutura/foot_lista_side.jpg) no-repeat;
	height:10px;
}



/* 
4. 
LISTAS ----------------------------------------------------------- 
						Todas os elementos de listas (li eu ul) 
						[O menu principal é definido na seção 2, mas seus elementos internos são definidos nesta seção]
*/
#menu{
	padding:63px 0 0px 161px;	
	*padding:32px 0 0px 161px;
	_padding:63px 0 0px 161px;
}
	#menu li{
		float:left;
		margin-right:2px;
	}
	
.box-lista-side li{
	padding-bottom:10px;
}




/* 5. 
PARAGRAFOS ------------------------------------------------------- 
						Todos os páragrafos
*/
.entry p{
	padding-top:20px;
}

.box-sidebar p{
	padding:15px 7px;
}





/* 6. 
FORMULÁRIOS ------------------------------------------------------ 
						Formulários
*/
.form-busca{
	display:inline;
	margin-left:10px;
}




/* 7. 
ITENS DE FORMULÁRIOS --------------------------------------------- 
						Itens de formulários (inputs, selects, radios, text-areas)
*/
.txt-busca{
	background:url(../img/bg/bg_txt_busca.jpg);
	padding:2px;
	width:206px;
	height:19px;
	border:none;
	font-size:14px;
	vertical-align:7px;
	*vertical-align:3px;
}




/* 
8. LINKS ------------------------------------------------------------ 
						Links (inclusive os que se comportarao como box [dysplay: block])
*/
.link-verde{
	color:#235101;
}
	.link-verde:hover{
		color:#45791d;
	}
	
.entry a{
	color:#333;
}
	.entry a:hover{
		color:#666;
	}

.link-333{
	color:#333;
}
	.link-333:hover{
		color:#666;
	}	


.box-canais a{
	margin:0 5px;
}

.link-tit-principal{
	display:block;
	width:100%;
	height:100%;
}

.btn-menu{
	display:block;
	height:36px;
	background-position:top;
}
	.btn-menu:hover{
		background-position:bottom;
	}
	
	#menu li a.ativo{
		background-position:bottom;
	}
	
.btn-menu-home{
	background:url(../img/btn/btn_menu_home.png);
	width:75px;
}
.btn-menu-indica{
	background:url(../img/btn/btn_menu_indica.png);
	width:167px;
}
.btn-menu-entrevistas{
	background:url(../img/btn/btn_menu_entrevistas.png);
	width:126px;
}
.btn-menu-podcast{
	background:url(../img/btn/btn_menu_podcasts.png);
	width:107px;
}
.btn-menu-portais{
	background:url(../img/btn/btn_menu_portais.png);
	width:180px;
}
.btn-menu-contato{
	background:url(../img/btn/btn_menu_contato.png);
	width:99px;
}

.navigation a{
	color:#235101;
}
	.navigation a:hover{
		color:#45791d;
	}

.box-lista-side li a{
	color:#235101;
	font-weight:bold;
	}
		.box-lista-side li a:hover{
			color:#45791d;
		}


/* 
9. CABEÇALHOS ------------------------------------------------------- 
						h1, h2, h3, h4, h5, h6
						(apenas os que tiverem estilos especificos, os globais devem ser informados na seção 1)
*/
.tit-principal{
	float:left;
	width:329px;
	height:49px;
	margin:22px 0 0 216px;
	_margin:22px 0 0 108px;
}

.tit-post, .pagetitle{
	font-size:28px;
	font-weight:lighter;
	color:#235101;
}





/* 
10. IMAGENS --------------------------------------------------------- 
						Imagens estruturais
*/
.pic_post{
	float:left;
	border:2px solid #fff;
	margin:0 10px 10px 0;
}






/* 
11. ESTILOS ESPECIFICOS E UNICOS --------------------------------------------------------- 
*/

.hide{
	display:none;
}

.clear{
	float:none;
	clear:both;
	line-height:0;
}

.center{
	text-align:center;
}

.font11{
	font-size:11px;
}

.font13{
	font-size:13px;
}

.font20{
	font-size:20px;
}

.cor999{
	color:#999;
}

.corVerde{
	color:#042a03;
}

.italico{
	font-style:italic;
}

.wp-caption{
	font-style:italic;
	font-weight:bold;
	color:#555;
	float:left;
}

.alignleft{
	float:left;
	padding:0 7px 7px 0;
}

#linkcat-2 h2{
	display:none;
}



/*COMENTARIOS*/
.comment{
	padding:20px 10px;
	border-bottom:1px solid #ccc;
}

.comment a{
	color:#666;
}

.comment-author, .vcard{
	font-weight:bold;
}

.avatar, .avatar-32, .photo{
	display:none
}

.comment-meta, .commentmetadata{
	font-size:11px;
	font-style:italic;
}

#commentform{
	color:#666;
}

small{
	font-style:italic;
}

.txt-coment{
	padding:3px;
	border:1px solid #bcbcbc;
	width:360px;
	color:#666;
}

.txtarea-coment{
	padding:3px;
	border:1px solid #bcbcbc;
	width:570px;
	height:100px;
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.btn-coment{
	float:right;
	display:block;
	margin:10px;
}