Rhawbert Costa

*{
margin:0;
padding:0;
list-style:none;
border:0;
text-decoration:none;
outline: none;
}

body {	
font:normal 12px/1em Arial, Helvetica, Verdana, sans-serif;
color:#000;
background: #f0eade; /* url(../img/_cssimg/geral_bg.gif) top left repeat-x; */
text-align: center;
}

hr{
display:none;
}


		a:link, a:visited, a:active {
		color: #399;
		border: 0;
		text-decoration: underline;
		}
		a:hover{
		color: #066;
		text-decoration: none;
		}
		
#container {
width: 960px;
margin:  10px auto;
overflow: hidden;
text-align: left;
}

/*generic css for all elements*/
img {
	/* display: block; needed to avoid alignment with baseline of text*/
}

.line {
	float: left;
	width: 960px;
	display: block;
	position: relative; /*prevents shifting when changing viewport in IE;thanks to Alan Gresley*/
}

.item {
	position: relative;
	float: left;
	overflow: hidden;
	left: 960px;
}

.subcontent {
	overflow: hidden;
}


/* ====================================== 
   GENERAL CONTENT PRESENTATION
   ====================================== */
   
.hideThis{
display: none;
}
.clearThis{
clear: both;
}
.smashThis{
height: 0;
min-height: 0;
line-height: 0;
}
.toRight{
text-align: right;
}


/* ====================================== 
   SITEWIDE ELEMENTS
   ====================================== */


/* LOGIN ITENS */
#loginLine{
height: 60px; 
}
#loginItem{
margin-left: -960px;
width: 480px;
background: url(../img/_cssimg/bg_login_form.gif) no-repeat;
height: 70px; 
}

#loginLine .esqueciSenha{
background: url(../img/_cssimg/bg_esqueci_form.gif) no-repeat;
}

#loginErrorMsgsItem{
width: 470px;
margin-left: -470px;
background: #c8bba2;
height: 28px;
}
#loginErrorMsgsItem p{
font:normal 12px/28px Arial, Helvetica, Verdana, sans-serif;
padding: 0 1em 0 1em;
color: white;
}

#loginLine label{
display: none;
}
#loginLine #email, #loginLine #pass, #loginLine .btEntrar{
position: absolute;
top: 7px;
left: 10px;
width: 170px;
font:normal 13px/1em Arial, Helvetica, Verdana, sans-serif;
color: #666;
}
#loginLine #pass{
position: absolute;
left: 215px;
font:normal 14px/1em Arial, Helvetica, Verdana, sans-serif;
letter-spacing: .1em;
}
#loginLine .btEntrar{
left: 410px;
top: 0;
height: 28px;
}
#loginLine .btEntrar a span{
visibility: hidden;
display: inline-block;
width: 70px;
height: 28px;
line-height: 28px;
}
	#loginLine .btEntrar a{
	background: url(../img/interface/bt_entrar.gif) no-repeat top left;
	text-decoration: none;
	height: 28px;
	line-height: 28px; 
	width: 70px;
	position: absolute; 
	}
	/* hover */
	#loginLine .btEntrar a:hover{
	background: url(../img/interface/bt_entrar.gif) no-repeat left -32px;
	}
	
	#loginLine  #loginFormEsqueciSenha .btEntrar a{
	background: url(../img/interface/bt_enviar.gif) no-repeat top left;
	}
	/* hover */
	#loginLine  #loginFormEsqueciSenha .btEntrar a:hover{
	background: url(../img/interface/bt_enviar.gif) no-repeat left -32px;
	}

#loginLine .esqueceuSenha{
position: absolute;
top: 30px;
}
#loginLine .esqueceuSenha a{
font:normal 12px/1.5em Arial, Helvetica, Verdana, sans-serif;
color: #999;
}

	#recoverPassItem{
	display: none;
	}

#loginLine .esqueciSenha #email{
width: 380px;
}	

/* LOGADO */
#loginLine  .logadoDiv{
background: none;
margin-top: 5px;
}

#loginLine #loginItem .logado p{
font:normal 11px/1.1em Arial, Helvetica, Verdana, sans-serif;
color: #666;
}	
#loginLine #loginItem .logado h1{
font:normal 22px/1.3em Arial, Helvetica, Verdana, sans-serif;
color: #666;
display: inline;
}
#loginLine #loginItem .logado a{
color: #f30;
}	
#loginLine #loginItem .logado a:hover{
color: #900;
}	


/*

<div id="loginItem" class="item logadoDiv">
	<div class="subcontent">
		<div class="logado">
			<p>Bem-vindo(a),</p>
			<h1>Rhawbert Costa</h1> &nbsp;&nbsp; <a href="#" onclick="document.location.href=document.location.href+'?logout'">Sair</a>
		</div>
	</div> <!-- END SUBCONTENT -->		
</div> <!-- END login ITEM -->

*/


/* LOGO and MAIN MENU */
#mainMenuLine{
height: 115px;
background:#fff url(../img/_cssimg/bg_topo_blue.gif) repeat-x;
}
#logoItem {
margin-left: -890px;
margin-top: 57px;
width: 190px;
}	

#mainMenuItem{
width: 630px;
margin-left: -700px;
margin-top: 77px;
}
#mainMenuItem dl{
text-align: right;
}

#mainMenuItem dl dd{
display: inline; 
width: auto;
}

#mainMenuItem dl dd a{
height: 14px;
text-decoration: none;
}

#mainMenuItem dl dd a span{
visibility: hidden;
display: inline-block;
height: 14px;
}


/* sobre */
#mainMenuItem .sobre a span{
width: 62px;
}
#mainMenuItem .sobre a{
background: url(../img/interface/mainmenu/sobre.gif) top right no-repeat;
background-position:  right top;
}

/* news */
#mainMenuItem .news a span{
width: 55px;
}
#mainMenuItem .news a{
background: url(../img/interface/mainmenu/news.gif) top right no-repeat;
background-position:  right top;
}

/* imprensa */
#mainMenuItem .imprensa a span{
width: 87px;
}
#mainMenuItem .imprensa a{
background: url(../img/interface/mainmenu/imprensa.gif) top right no-repeat;
background-position:  right top;
}

/* festivais */
#mainMenuItem .festivais a span{
width: 85px;
}
#mainMenuItem .festivais a{
background: url(../img/interface/mainmenu/festivais.gif) top right no-repeat;
background-position:  right top;
}

/* podcasts */
#mainMenuItem .podcasts a span{
width: 91px;
}
#mainMenuItem .podcasts a{
background: url(../img/interface/mainmenu/podcasts.gif) top right no-repeat;
background-position:  right top;
}

/* faq */
#mainMenuItem .faq a span{
width: 41px;
}
#mainMenuItem .faq a{
background: url(../img/interface/mainmenu/faq.gif) top right no-repeat;
background-position:  right top;
}

/* contato */
#mainMenuItem .contato a span{
width: 83px;
}
#mainMenuItem .contato a{
background: url(../img/interface/mainmenu/contato.gif) top right no-repeat;
background-position:  right top;
}

/* docs */
#mainMenuItem .docs a span{
width: 41px;
}
#mainMenuItem .docs a{
background: url(../img/interface/mainmenu/docs.gif) top right no-repeat;
background-position:  right top;
}

		/* HOVER */
		#mainMenuItem dl dd a:hover{
		background-position:  right -18px;
		}

/* feedbacks */
#sobre #mainMenuItem .sobre a, #news #mainMenuItem .news a, #festivais #mainMenuItem .festivais a, #contato #mainMenuItem .contato a, #podcasts #mainMenuItem .podcasts a, #imprensa #mainMenuItem .imprensa a, #faq #mainMenuItem .faq a, #docs #mainMenuItem .docs a, #other #mainMenuItem .sobre a, #other #mainMenuItem .sobre a{
background-position:  right -18px;
}

	
/* FOOTER */
#footerLine{
background:#29D4D6 url(../img/_cssimg/bg_footer_gray.gif) bottom left repeat-x;
padding-bottom: 20px;
}
#footerLinksItem{
width: 445px;
margin-left: -890px;
margin-top: 15px;
/* position: absolute; */
}
#footerComunityLinksItem{
width: 375px;
margin-left: -445px;
margin-top: 15px;
text-align: right;
}
#footerLinksItem p, #footerComunityLinksItem p{
font:bold 11px/1em Arial, Helvetica, Verdana, sans-serif;
color: #333;
}
#footerLinksItem a, #footerComunityLinksItem a{
color: #333;
text-decoration: none;
}
#footerLinksItem a:hover, #footerComunityLinksItem a:hover{
text-decoration: underline;
color: #000;
}
#footerIconsItem{
width: 820px;
margin-left: -890px;
margin-top: 50px;
font:bold 11px/1em Arial, Helvetica, Verdana, sans-serif;
color: #333;
}

#footerIconsItem dd{
display: inline;
margin-right: 30px;
}
#footerIconsItem dt{
padding-bottom: 5px;
}

#footerIconsItem dd a img{
padding-bottom: 20px;
}


/* SOSUMI */
#sosumiItem{
width: 800px;
margin-left: -960px;
font:normal 11px/2em Arial, Helvetica, Verdana, sans-serif;
color: #333;
padding-bottom: 50px;
}
#creditsItem{
width: 160px;
margin-left: -160px;
text-align: right;
font:normal 11px/2em Arial, Helvetica, Verdana, sans-serif;
color: #999;
}
#creditsItem a{
color: #999;
position: relative;
}


/* CONTENT */
#contentLine{
background: #fff;
padding-bottom: 30px;
}


/* FEEDBACK */
#feedbackLine{
background: white;
}
#feedbackItem{
margin-top: 20px;
margin-left: -890px;
width: 820px;
background: #252525;
}
#feedbackItem h2{
padding: 15px;
}


/* BREADS */
#breadCrumbLine{
background: white;
padding-bottom: 20px;
}
#breadCrumbItem{
margin-top: 20px;
padding-bottom: 10px;
margin-left: -890px;
width: 820px;
background: url(../img/_cssimg/bg_bread.gif) repeat-x bottom left;
}
#breadCrumbItem p{
color: #666;
}
		#breadCrumbItem p a{
		color: #999;
		}


/* SUBNAV ITEM */
#subnavItem{
margin-left: -900px;
width: 170px;
margin-top: 7px;
}
#subnavItem dd {
margin-bottom: 1px;
}
#subnavItem dd a{
height: 22px;
font:normal 12px/22px Arial, Helvetica, Verdana, sans-serif;
padding-left: 10px;
display: block;
}
#subnavItem dd.atual a, #subnavItem dd a:hover{
background: url(../img/_cssimg/bg_subnav.gif) left top repeat-y;
color: white;
text-decoration: none;
}


/* COLUNA ITEM  */
#colunaItem{
margin-left: -240px;
width: 170px;
margin-top: 7px;
}
#colunaItem .linkBox{
background: #252525;
position: relative;
margin-bottom: 20px;
}
#colunaItem .linkBox a, #news #colunaItem .linkBox a {
font:normal 14px/1em Arial, Helvetica, Verdana, sans-serif;
padding: 1em;
display: block;
text-decoration: none;
color: #0cc;
}
#colunaItem .linkBox a:hover{
color: white;
}
#colunaItem h4{
font:normal 12px/2em Arial, Helvetica, Verdana, sans-serif;
padding: 0 1em 0 1em;
background: #252525;
position: relative;
color: #0cc;
height: 2em;
}
#colunaItem .sideBox{
border: 1px solid #ccc;
padding: 1em 1em 0 1em;
background: #f5f5f5;
position: relative;
}
#colunaItem .sideBox p{
margin-bottom: 1em;
color: #666;
font:normal 12px/1.3em Arial, Helvetica, Verdana, sans-serif;

}
#colunaItem  .atual{
background: url(../img/_cssimg/bg_bullet.gif) no-repeat left center;
padding-left: .8em;
}


/* PAGINADOR */
.paginador dt, .paginador dd{
display: inline;
font:normal 12px/2em Arial, Helvetica, Verdana, sans-serif;
color: #999;
} 
.paginador dd.pageAtual{
padding:2px 6px 2px 6px;
color: #399;
font-weight: bold;
border: 1px solid #666;
background:#fff;
}
	.paginador dt a, .paginador dd a{
	padding:.3em;
	color: #333;
	} 
	.paginador dt a:hover, .paginador dd a:hover{
	color: #000;
	text-decoration:none;
	}  


/* ====================================== 
   HOME
   ====================================== */

/* destaque */
#destaqueLine{
height: 410px;
background: white;
}

#destaqueItem{
margin-left: -960px;
width: 960px;
background: white;
height: 410px;
}

/* blog news */	
#blogNewsItem{
margin-left: -890px;
width: 425px;
}


#blogNewsItem h3{
padding: 20px 0 20px 0;
line-height: 1em;
}

#blogNewsItem .noticia {
margin-bottom: 2em;
border-bottom: 1px solid #e0e0e0;
}

#blogNewsItem .noticia h4{
font:bold 18px/1.1em Arial, Helvetica, Verdana, sans-serif;
color: #333;
letter-spacing: -.02em;
}
#blogNewsItem .noticia h4 a{
color: #333;
text-decoration: none;
}
#blogNewsItem .noticia h4 a:hover{
color: #099;
}

#blogNewsItem .noticia p{
font:normal 13px/1.3em Arial, Helvetica, Verdana, sans-serif;
color: #666;
margin-bottom: 1em;
}
#blogNewsItem .noticia p.dataPubli{
font:normal 11px/1.6em Arial, Helvetica, Verdana, sans-serif;
color: #999;
padding-bottom: 1em;
margin: 0;
}
#blogNewsItem .noticia p.moreLink{
margin: 0;
}
#blogNewsItem .noticia p.moreLink a{
font:normal 13px/2em Arial, Helvetica, Verdana, sans-serif;
color: #399;
text-decoration: none;
margin: 0;
}
#blogNewsItem .noticia p.moreLink a:hover{
text-decoration: underline;
}


#blogNewsItem .noticia img{
width: 425px;
}

/* Calendario */
#calendarioItem{
margin-left: -410px;
width: 340px;
}
#calendarioItem h3{
padding: 20px 0 20px 0;
line-height: 1em;
}	
#calendarioItem .toRight{
font:normal 12px/1.3em Arial, Helvetica, Verdana, sans-serif;
padding-bottom: 2em;
}


/* SIDELIST */
#calendarioItem .sideList dt{
position: relative;
background: #333;
font:bold 13px/1.3em Arial, Helvetica, Verdana, sans-serif;
color: #0cc;
padding: .3em .6em;
margin-bottom: -1px;
}
#calendarioItem .sideList dd{
position: relative;
border: 1px solid #ccc;
border-top: none;
padding: .8em 1.2em;
font:normal 13px/1.3em Arial, Helvetica, Verdana, sans-serif;
color: #666;
}
#calendarioItem .sideList  dd a{
font:bold 13px/1.3em Arial, Helvetica, Verdana, sans-serif;
color: #666;
text-decoration: none;
margin: 0;
}
#calendarioItem .sideList  dd  a:hover{
text-decoration: underline;
}	
#calendarioItem .banner{
padding: 0 0 15px 0;
}
	

/* ====================================== 
   SOBRE
   ====================================== */

#sobre #contentItem{
margin-left: -710px;
width: 450px;
}

#sobre #contentItem h3{
font:bold 26px/1.3em Arial, Helvetica, Verdana, sans-serif;
color: #0cc;
letter-spacing: -.035em;
margin-bottom: .5em;
}

#sobre #contentItem p{
font:normal 13px/1.3em Arial, Helvetica, Verdana, sans-serif;
color: #666;
margin-bottom: 1em;
}


/* ====================================== 
   NEWS
   ====================================== */

#news #contentItem{
margin-left: -890px;
width: 580px;
}

#news #contentItem h3{
font:bold 26px/1.3em Arial, Helvetica, Verdana, sans-serif;
color: #0cc;
letter-spacing: -.035em;
margin-bottom: .5em;
}

#news #contentItem .noticia img{
width: 500px;
}

/* NOTICIA */
#contentItem .noticia {
margin-bottom: 2em;
border-bottom: 1px solid #e0e0e0;
}

#contentItem .noticia h4{
font:bold 18px/1.1em Arial, Helvetica, Verdana, sans-serif;
color: #333;
letter-spacing: -.02em;
}
#contentItem .noticia h4 a{
color: #333;
text-decoration: none;
}
#contentItem .noticia h4 a:hover{
color: #099;
}

#contentItem .noticia p{
font:normal 13px/1.3em Arial, Helvetica, Verdana, sans-serif;
color: #666;
margin-bottom: 1em;
}
#contentItem .noticia p.dataPubli{
font:normal 11px/1.6em Arial, Helvetica, Verdana, sans-serif;
color: #999;
padding-bottom: 1em;
margin: 0;
}
#contentItem .noticia p.moreLink{
margin: 0;
}
#contentItem .noticia p.moreLink a{
font:normal 13px/2em Arial, Helvetica, Verdana, sans-serif;
color: #399;
text-decoration: none;
margin: 0;
}
#contentItem .noticia p.moreLink a:hover{
text-decoration: underline;
}


/* COLUNA COM OS MESES E DROPDOWN */
#news #colunaItem select{
width: 144px;
border: 1px solid #666;
border-right: none;
}

#news #colunaItem p, #news #colunaItem p a{
color: #666;
font:normal 12px/1em Arial, Helvetica, Verdana, sans-serif;
margin-bottom: 1em;
}

#news #contentItem span.fotoLegenda{
font:italic 12px/1em Arial, Helvetica, Verdana, sans-serif;
color: #666;
}

	
/* ====================================== 
   TABELA GENERICA
   ====================================== */

.tabela thead, .tabela tfoot{
display: none;
}

.tabela{
background: #f3f3f3;
width: 100%;
border-top: 1px solid #ccc;
margin-bottom: 1em;
}

.tabela td{
border-bottom: 1px solid #ccc;
font:normal 13px/1.3em Arial, Helvetica, Verdana, sans-serif;
padding: .7em .7em;
color: #333;
}


.tabela .column1{
width: 10%;
}
.tabela .column2{
width: 90%;
}
.tabela .column3{
width: 21px;
}

.tabela .desc{
background: white;
color: red;
width: 100%;
position: relative;
}
.tabela  .desc p{
color: #666;
}
.tabela  .maisInfo{
color: #999;
font:italic 11px/1.3em Arial, Helvetica, Verdana, sans-serif;
}

.tabela h4{
font:bold 13px/1.3em Arial, Helvetica, Verdana, sans-serif;
}
.tabela .btPlay {
text-align: right;
}
.tabela .btPlay a{
height: 21px;
width: 21px;
text-decoration: none;
display: block;
position: relative;
background: url(../img/interface/bt_listas_play.gif) top right no-repeat;
}
.tabela a span{
visibility: hidden;
display: inline-block;
height: 21px;
width: 21px;
}

		/* HOVER */
		.tabela .btPlay a:hover{
		background-position:  right -27px;
		}
		
		/* HOVER */
		.tabela .trhover{
		background-color: #caf2f2;
		}
	
		
/* ====================================== 
   PODCASTS
   ====================================== */

#podcasts #contentItem{
margin-left: -890px;
width: 600px;
}
#podcasts  #colunaItem{
margin-top: 0;
}	
	
	
/* ====================================== 
   IMPRENSA
   ====================================== */

#imprensa #contentItem{
margin-left: -710px;
width: 640px;
}
#imprensa  #colunaItem{
margin-top: 0;
}

#imprensa  #subnavItem{
margin-top: 0;
}

	
#imprensa  .tabela .btPlay a{
background: url(../img/interface/bt_listas_down.gif) top right no-repeat;
}
		#imprensa .tabela .btPlay a:hover{
		background-position:  right -27px;
		}


#tabela2cols .column1{
width: 100%;
}
#tabela2cols .column2{
width: 21px;
}

		
/* ====================================== 
   FAQ
   ====================================== */

#faq #contentItem{
margin-left: -890px;
width: 600px;
}
#faq  #colunaItem{
margin-top: 0;
}	
	
#faq  .tabela .btPlay a{
background: url(../img/interface/bt_listas_faq.gif) top right no-repeat;
}

		#faq .tabela .btPlay a:hover{
		background-position:  right -27px;
		}

		
/* ====================================== 
   DOCS
   ====================================== */

#docs #contentItem{
margin-left: -710px;
width: 640px;
}
#docs  #colunaItem{
margin-top: 0;
}

#docs  #subnavItem{
margin-top: 0;
}

	
#docs  .tabela .btPlay a{
background: url(../img/interface/bt_listas_down.gif) top right no-repeat;
}
		#docs .tabela .btPlay a:hover{
		background-position:  right -27px;
		}


#tabela2cols .column1{
width: 100%;
}
#tabela2cols .column2{
width: 21px;
}

		
/* ====================================== 
   PODCAST FLASH PLAYER
   ====================================== */
		
#podcastLine{
background: white;
padding-bottom: 30px;
height: 110px;
}

#podcastItem{
margin-left: -890px;
width: 820px;
background: #252525;
color: #999;
height: 110px;
}


/* ====================================== 
   FESTIVAIS
   ====================================== */

#festivais #contentItem{
margin-left: -710px;
width: 450px;
}

#festivais #contentItem h3{
font:bold 26px/1.3em Arial, Helvetica, Verdana, sans-serif;
color: #0cc;
letter-spacing: -.035em;
margin-bottom: .5em;
}

#festivais #contentItem p{
font:normal 13px/1.3em Arial, Helvetica, Verdana, sans-serif;
color: #666;
margin-bottom: 1em;
}

#festivais #contentItem .festivalGaleria dd{
display: inline;
}
#festivais #contentItem .festivalGaleria dd a{
display: inline-block;
padding: 0 5px 5px 0;
}
#festivais #contentItem .festivalGaleria dd a img{
border: 1px solid #666;
}
#festivais #contentItem .festivalGaleria dd a img:hover{
border: 1px solid #000;
}


/* ====================================== 
   CALENDARIO
   ====================================== */
#festivais #colunaItem .calendario select{
width: 144px;
border: 1px solid #666;
border-right: none;
}

#festivais #colunaItem  .calendario  p, #festivais #colunaItem .calendario  p a{
color: #666;
font:normal 12px/1em Arial, Helvetica, Verdana, sans-serif;
margin-bottom: 1em;
}


/* ====================================== 
   CONTATO
   ====================================== */

#contato #contentItem{
margin-left: -890px;
width: 450px;
}
#contato #colunaItem{
margin-left: -290px;
width: 220px;
margin-top: 7px;
}
#contato #contentItem h3{
font:bold 26px/1.3em Arial, Helvetica, Verdana, sans-serif;
color: #0cc;
letter-spacing: -.035em;
margin-bottom: .5em;
}
#contato #contentItem p{
font:normal 13px/1.3em Arial, Helvetica, Verdana, sans-serif;
color: #666;
margin-bottom: 1em;
}
#contato .errorMsg{
background: #ff3;
border: 1px solid #dee611;
padding: 1em;
color: #333;
width: 328px;
}


/* FORM */
#contato #contentItem form dd{
margin-bottom: 1em;
}
#contato  #contentItem label{
display: block;
font:bold 12px/1.3em Arial, Verdana, Helvetica,  sans-serif;
color: #333;
}

#contato  #contentItem label.hideThis{
display: none;
}

#contato  #contentItem input, #contato  #contentItem select, #contato  #contentItem  textarea, #contato  #contentItem  .dropDown{
font:normal 12px/1.5em Arial, Verdana, Helvetica,  sans-serif;
border: 1px solid #C1D8E2;
border-top-color: #68757E;
border-left-color: #68757E;
color: #666;
}
#contato #contentItem  input{
height: 1.5em;
padding-top: 4px;
padding-left: 5px;
}
#contato  #contentItem .inputPeq{
width: 100px;
}
#contato  #contentItem .inputMed{
width: 200px;
}
#contato  #contentItem .inputGra{
width: 350px;
}

		* html #contato  #contentItem input{
		padding-top: 0;
		padding-left: 3px;
		height: 20px;
		}


#contato  #contentItem .dropDown{
width: 209px;
}


#contato  #contentItem .botoesBottom{
width: 285px;
text-align: right;
}
#contato  #contentItem .btEntrar{
height: 28px;
}
#contato  #contentItem .btEntrar a span{
visibility: hidden;
display: inline-block;
width: 70px;
height: 28px;
line-height: 28px;
}
#contato  #contentItem .btEntrar a{
background: url(../img/interface/bt_enviar.gif) no-repeat top left;
text-decoration: none;
height: 28px;
line-height: 28px; 
width: 70px;
position: absolute; 
}
#contato  #contentItem .btEntrar a:hover{
background: url(../img/interface/bt_enviar.gif) no-repeat left -32px;
}


#contato  #contentItem label.error{
color: red;
font-weight: normal;
}
#contato  #contentItem input.error{
background: #ff6;
}