﻿/*
Theme Name: Artista de Rua.com
Theme URI: http://artistaderua.com/
Description: Tema para o site ArtistadeRua.com feito pelo mesmo autor de <a href="http://www.maismoreno.net">Pagode do Sharuto</a>.
Author: Rafael Lobo
Author URI: http://www.maismoreno.net/
Tags: rua, arte, artista, duas colunas, widgets
	Kubrick v1.5
	 http://binarybonsai.com/kubrick/
	This theme was designed and built by Rafael Lobo,
	whose blog you will find at http://www.maismoreno.net/
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/
/*
			estrutura geral
*/
body {

	margin:0px;
	
	padding:0px;
	
	background-image: url('imagens/bg_site.jpg');
	
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	
	font-size:12px;
	
	color:#000000;

}

#site {

	height:auto;
	
	margin:0 auto;
	
	width:1024px;

}

#limitador {

	margin:0px;
	
	padding:0px;

	width:100%x;

	height:1px;

	clear:both;

}

#divisor_1 {

	background-image:url('imagens/divisor_1.gif');
	
	background-repeat:repeat-x;
	
	clear:both;
	
	height:9px;
	
	margin:20px 0;
	
	padding:0;
	
	width:100%;
	
}

#divisor_2 {

	margin:20px 0px 20px 0px;
	
	padding:0px;
	
	width:100%;
	
	height:5px;
	
	background-image:url('imagens/divisor_1.gif');
	
	clear:both;
	
}

#linkprogramacao {

	border:0px;
	
	width:424px;
	
	height:318px;
	
	margin:0px 0px 0px 0px;
	
	padding:0px;
	
}

#linkprogramacao a{

	text-decoration:none;
	
	color:#fe7900;
	
	font-size:18px;
	
	font-weight:700;
	
}

p {

	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	
	font-size:16px;
	
	color:#000;
	
}

a {

	color:#FE7900;
	
	font-size:16px;
	
	font-weight:700;
	
	text-decoration:none;
	
}

a:hover {

	color:#FE7900;
	
	font-size:16px;
	
	font-weight:700;
	
	text-decoration:underline;
	
}

.center {

	text-align: center;
	
}

/*
			estrutura topo
*/

#topo{

	width:1024px;
	
	height:250px;
	
	margin:0px;
	
	padding:0px;
	
}

#topo h1{

	float:left;
	
	width:211px;
	
	height:215px;
	
	margin:0px;
	
	padding:0px;
	
	background-image:url('imagens/logo-artistaderua.jpg');
	
}

#topo h1 a{

	width:211px;
	
	height:215px;
	
	display:block;
	
}

#topo h2{

	float:left;
	
	width:410px;
	
	height:112px;
	
	font-size:2px;
	
	margin:0px;
	
	padding:0px;
	
	background-image: url('imagens/frase_topo.jpg');
	
}

#busca{

	margin:30px 0px 0px 0px;
	
	padding:0px;
	
	float:right;
	
	width:265px;
	
	height:51px;
	
	background-image: url('imagens/bg_busca.jpg');
	
}

#busca_center {

	margin-left:210px;
	
	width:265px;
	
}

#busca_miolo{

	margin:10px;
	
	padding:0px;
	
}

.tilt_form_busca{

	color:#D40101;
	
	float:left;
	
	font-size:18px;
	
	font-weight:700;
	
	margin-right:5px;
	
	width:auto;
	
}

.form_busca{

	border:0 none;
	
	float:left;
	
	margin-right:5px;
	
	width:auto;
	
}

#menu{

	background-image:url('imagens/bg_menu.jpg');
	
	float:right;
	
	height:70px;
	
	margin-top:40px;
	
	padding:0;
	
	width:auto;
	
}

#menu ul{

	margin:25px 0px 0px 30px;
	
	padding:0px;
	
}

#menu li{

	padding:0px 20px 0px 20px;
	
	margin:0;
	
	text-align:center;
	
	float:left;
	
	list-style:none;
	
}

#menu li a{

	text-decoration:none;
	
	color:#fe7900;
	
	font-size:16px;
	
	font-weight:700;
	
}

#menu li a:hover{

	text-decoration:underline;
	
}

.divisor_menu{

	border-right:#fe7900 solid 2px;
	
}

/*
			menu_artistas
*/

#menu_sidebar {

	background-image:url('imagens/bg_menu_artistas.jpg');
	
	float:left;
	
	width:250px;
	
	height:1140px;
	
}

#artistas_item{

	float:left;
	
	height:70px;
	
	margin-right:40px;
	
	margin-top:30px;
	
	padding:0;
	
	width:350px;
	
}

#artistas_img{

	width:87px;
	
	margin-right:10px;
	
	padding:0px;
	
	float:left;
	
}

#artistas_texto{

	float:left;
	
	margin-top:5px;
	
	padding-top:0;
	
	width:150px;
}

#artistas_texto p {

	display:none;
	
}

#artistas_texto h2{

	margin: 0px;
	
	font-size: 16px;
	
	color: #fe7900;
	
}

#artistas_texto h3{

	margin-top: 5px;
	
	font-size: 12px;
	
	color: #000;
	
}

/*
			Destaque Index
			
*/

#destaque_index{

	background:transparent url('imagens/tilt_destaque.jpg') no-repeat scroll 0 0;
	
	float:right;
	
	width:700px;
	
}

/*
			destaque
*/

#destaque{

	height:320px;
	
	margin:20px 0;
	
	padding-top:20px;
	
	width:630px;
	
}

#destaque_video{

	float:left;
	
	height:288px;
	
	margin-top:20px;
	
	padding:0;
	
	width:350px;
	
}

#destaque_texto{

	color:#000000;
	
	float:right;
	
	font-size:12px;
	
	margin-top:10px;
	
	padding:0;
	
	width:260px;
	
}

#destaque_texto h2 a{

	font-size:30px;
	
	font-weight:400;
	
}

#destaque_texto h2 a:hover{

	font-size:30px;
	
	font-weight:400;
	
}

#destaque_texto h3 a{

	font-size:18px;
	
	font-weight:400;
	
	color:#000000;
	
}

#destaque_texto h3 a:hover{

	font-size:18px;
	
	font-weight:400;
	
	color:#000000;
	
}
/*
			noticias grandes talentos
*/
#grandes_talentos{

	font-size:12px;
	
	padding:10px;
	
	background-image:url('imagens/bg_mini_dest_home.jpg');
	
}

#dest_grandes_talentos {

	background-image:url('imagens/bg_mini_dest_home.jpg');
	
	float:left;
	
	list-style-image:none;
	
	list-style-position:outside;
	
	list-style-type:none;
	
	margin-right:20px;
	
	padding:0;
	
	width:200px;
}

#dest_grandes_talentos ul{

	font-size:16px;
	
	font-weight:700;
	
	line-height:27px;
	
	list-style-image:url(imagens/bt_next_post.jpg);
	
	text-decoration:none;
	
}

#dest_grandes_talentos a{

	color: OrangeRed;
	
	text-decoration: none;
	
}

#dest_grandes_talentos a:hover{

	color: OrangeRed;
	
	text-decoration: underline;
	
}

#dest_grandes_talentos h2{

	display: none;
	
}

/*
			outros destaques
*/

#outros_destaques{

	width:680px;
	
	min-height:310px;
	
	margin:20px 0px 0px 0px;
	
	padding:0px;
	
}

#dest_outros_videos{

	background-image:url('imagens/bg_mini_dest_home.jpg');
	
	float:left;
	
	margin-left:30px;
	
	padding:0;
	
	width:200px;
	
}

#dest_seu_video{

	width:200px;
	
	margin:0px 15px;
	
	padding:0px;
	
	float:left;
	
	background-image:url('imagens/bg_mini_dest_home.jpg');
	
}

#dest_outros_item{

	width:200px;
	
	height:auto;
		
	margin:10px 0px 20px 0px;
	
	padding:0px;
	
}

#dest_artistas_item{

	height:70px;
	
	margin:26px 0 10px;
	
	padding:0;
	
	width:200px;
	
}
#destaque_item{

	width:200px;
	
	height:auto;
	
	margin:10px 0px 20px 0px;
	
	padding:0px;
	
}

#destaque_item_img{

	width:80px;
	
	height:60px;
	
	margin:0px 5px 0px 0px;
	
	padding:0px;
	
	float:left;
	
}

#destaque_item_texto{

	width:115px;
	
	margin:0;
	
	padding:0;
	
	float:right;
	
}

#destaque_item_texto a{

	font-size:14px;
	
	color:#000000;
	
}

#destaque_item_texto a:hover{

	font-size:14px;
	
	color:#000000;
	
}

#dest_entrevistas {

	background-image:url('imagens/bg_mini_dest_home.jpg');
	
	float:left;
	
	margin-left:0;
	
	padding:0;
	
	width:200px;
	
}

/*
			interno
*/

#archive_content {

	float:right;
	
	min-height:600px;
	
	width:680px;
	
}

.archive_title {

	color:#FE7900;
	
	font-size:30px;
	
	font-weight:400;
	
}

.archive_item {

	background:transparent url(http://artistaderua.com/wp/wp-content/themes/artistaderua_default/imagens/bg_archive_item.png) repeat scroll 0 top;
	
	float:left;
	
	height:100px;
	
	margin:10px 0 20px;
	
	padding:0;
	
	width:280px;
	
}

.archive_item_img{

	float:left;
	
	height:70px;
	
	margin-right:10px;
	
	padding:0;
	
	width:87px;
	
}

#single_content {

	float:right;
	
	min-height:600px;
	
	width:680px;
	
}

#titulo_pagina a{

	font-size:30px;
	
	font-weight:400;
	
}

#titulo_pagina a:hover{

	font-size:30px;
	
	font-weight:400;
	
}

.storycontent h2{

	color:#FE7900;
	
	font-size:30px;
	
	font-weight:400;
	
	margin:10px 0px 20px;
	
}

.storycontent h3{

	font-size:18px;
	
	margin:10px 0px 10px 0px;
	
}

.storycontent h4{

	margin:0px 0px 10px 0px;
	
	padding:0px;
	
	font-size:24px;
	
	font-weight:400;
	
	color:#fe7900;
	
	text-decoration:none;
	
}

.storycontentmeta {

	font-size:9px;
	
	margin:10px 0px 10px 0px;
	
}

#postcomment{

	margin:0;
	
	padding:0;
	
	font-size:24px;
	
	font-weight:400;
	
	color:#d40101;
	
}

#comments{

	margin:0;
	
	padding:0;
	
	font-size:24px;
	
	font-weight:400;
	
	color:#fe7900;
	
}

#comments a {

	font-size:24px;
	
	font-weight:600;
	
}

#comments a:hover{

	font-size:24px;
	
	font-weight:600;
	
}

#commentlist{

	font-size:12px;
	
}

#commentlist cite{

	font-size:9px;
	
}

#commentlist a {

	font-size:14px;
	
	font-weight:600;
	
	color:#000000;
	
}

#commentlist a:hover{

	font-size:14px;
	
	font-weight:600;
	
	color:#000000;
	
}

#commentlist ol{

	list-style:none;
	
}

#commentlist ol li{

	margin:0px 0px 20px 0px;
	
	padding:15px 0px 2px 40px;
	
	background-image:url('imagens/bg_comentarios.jpg');
	
}

.form_comentario{

	border:0px;
	
	width:280px;
	
}

#video_interno{

	clear:both;

	width:460px;
	
	height:360px;
	
	margin-left:50px;
	
	padding:60px 0px 0px 40px;
	
	background-image:url('imagens/bg_video_interno.jpg');
	
}

#video_interno_video{

	width:424px;
	
	height:318px;
	
	margin:0;
	
	padding:0;
	
	background-color:#000000;
	
}

#texto_interno{

	width: 500px;
	
	margin: 0 50px;
	
	padding-top: 20px;
	
}

#fotos_interno{

	width: 500px;
	
	margin: 0 50px;
	
	padding: 50px 0 40px;
	
	background-image:url('imagens/bg_menu_artistas.jpg');
	
}

#tilt_galeria_fotos{

	width:240px;
	
	height:18px;
	
	text-indent:-900px;
	
	display:block;
	
	overflow:hidden;
	
	margin:0;
	
	padding:0;
	
	background-image:url('imagens/tilt_galeria_fotos.jpg');
	
	clear:both;
	
}

#tilt_video_int{

	background-image:url(imagens/ico_video.jpg);

	background-repeat:no-repeat;

	font-size:14px;

	font-weight:600;

	float:left;

	height:25px;

	margin:30px 0 0 50px;

	padding-left:30px;

	width:60px;
	
}

#tilt_download_int{

	background-image:url(imagens/download.png);

	background-repeat:no-repeat;

	float:left;

	height:25px;

	margin:30px 0 0 50px;

	padding-left:30px;

	width:80px;

}

#tilt_download_int a{

	color:#000;

	font-size:14px;

	font-weight:600;

}

#tilt_download_int a:hover {


	color:#000;

	text-decoration:none;


}

#tilt_maratona{

	width:300px;
	
	height:25px;
	
	margin:30px 0px 0px 50px;
	
	padding-left:30px;
	
	background-repeat:no-repeat;
	
	font-size:14px;
	
	font-weight:600;
	
}

#Mapa .ro{

   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   
   opacity: 0.7; /* here you can set the opacity of box with text */
	
}

.navigation{

	color:#FE7900;
	
	font-size:16px;
	
	font-weight:700;
	
	width:100%;
	
}

/*
			rodape
*/

#rodape {

	background:#004A67 url('imagens/bg_rodape.jpg') repeat scroll 0 0;
	
	clear:both;
	
	height:305px;
	
	margin-top:90px;
	
	width:100%;

}

#rodape_menu{

	clear:both;
	
	height:55px;
	
	margin:0;
	
	padding:0;
	
	width:auto;
	
}
#rodape_menu ul{

	margin:20px -25px;
	
	padding:0px;
	
}

#rodape_menu li{

	padding:0px 28px 0px 28px;
	
	margin:0;
	
	text-align:center;
	
	float:left;
	
	list-style:none;
	
}

#rodape_menu li a{

	color:#ffffff;
	
	font-size:16px;
	
	font-weight:700;
	
}

#rodape_menu li a:hover{

	color:#ffffff;
	
	font-size:16px;
	
	font-weight:700;
	
}

.divisor_rodape_menu{

	border-right:#ffffff solid 2px;
	
}

#rodape_apoio{

	width:200px;
	
	height:180px;
	
	margin-top:90px;
	
	padding:0px;
	
	text-align:center;
	
	float:right;
	
}

#rodape_apoio p{

	color:#FFFFFF;
	
	font-size:11px;
	
}

#rodape_item{

	float:left;
	
	margin-top:90px;
	
	width:700px;
	
}

.rodape_tilt_item{

	background-image:url('imagens/marcador_rodape.gif');
	
	background-repeat:no-repeat;
	
	background-position:0px 3px;
	
	height:20px;
	
	margin:0;
	
	padding-left:25px;
	
	font-size:16px;
	
	font-weight:600;
	
	color:#FFFFFF;
	
}

.rodape_tilt_item a{

	color:#FFF;
	
}

.rodape_tilt_item a:hover{

	color:#FFF;
	
}

#rodape_item p{

	color:#FFFFFF;
	
	font-size:12px;
	
}

#rodape_item1{

	width:215px;
	
	height:80px;
	
	margin:0px 20px 20px 0px;
	
	padding:0px;
	
	float:left;
}

#rodape_item2{

	width:163px;
	
	height:80px;
	
	margin:0px 20px 20px 0px;
	
	padding:0px;
	
	float:left;
	
}

#rodape_item3{

	width:215px;
	
	height:80px;
	
	margin:0px 0px 20px 0px;
	
	padding:0px;
	
	float:left;
	
}
#visto{

	display: none;
	
}

/*
			menu_canal
*/

#menu_canal_item {

	float:left;
	
	height:80px;
	
	margin:20px;
	
	padding:0;
	
	width:250px;
	
}

#menu_canal_img {

	width: 87px;
	
	margin-top:8px;
	
	padding: 1px;
	
	float: left;
	
	border:1px solid #FE7900;
	
}

#menu_canal_texto{

	float:left;
	
	margin-left:20px;
	
	padding:0;
	
	width:133px;
	
}

#menu_canal_texto p{

	display:none;
	
}

#menu_canal_texto h2 {

	color:#FE7900;
	
	font-size:16px;
	
	height:auto;
	
	margin:10px 0 5px;
	
	overflow:hidden;
	
}

#menu_canal_texto h3 {

	color:#000000;
	
	font-size:11px;
	
	margin:0;
	
}

.aling_right {

	clear:both;
	
	text-align:right;
	
	width:100%;
	
}

/*
			Canal da rua
*/

#canal {

	clear:both;
	
	height:510px;
	
	margin:0 auto;
	
	width:900px;
	
}

.seucanal {

	background:transparent url(imagens/canal_bg.png) repeat scroll 0 0;
	
	-moz-border-radius:10px;
	
	-webkit-border-radius:10px;
	
	float:left;
	
	height:auto;
	
	padding:10px;
	
	width:310px;
	
}

.seucanal h2 {

	color:#FFFFFF;
	
	font-size:25px;
	
	margin-left:12px;
	
}

.seucanal_texto {

	width:290px;
	
}

.seucanal_texto p {

	float:none;
	
	font-size:14px;
	
	margin:10px;
	
}

.seucanal_texto a {

	color:#FFFFFF;
	
	font-size:12px;
	
	font-weight:500;
	
	text-decoration:none;
	
}

.seucanal_texto a:hover {

	color:#FFFFFF;
	
	font-size:12px;
	
	font-weight:500;
	
	text-decoration:underline;
	
}

.seucanal_img {

	float: left;
	
	width: 110px;
	
}

.seucanal_destaque {

	background-image:url('imagens/bg_menu.jpg');
	
	height:20px;

	margin-bottom:12px;
	
}

.seucanal_destaque p {

	font-size:18px;
	
	font-weight:700;
	
	text-align:center;
	
}

.seucanal_video_destaque {

	float:right;
	
	height:385px;
	
	margin-bottom:15px;
	
	margin-top:40px;
	
	width:550px;
	
}

#you {

	background:transparent url(imagens/bg_canal.png) repeat scroll 0 0;
			
	-moz-border-radius:10px;
	
	-webkit-border-radius:10px;
	
	clear:both;
	
	height:900px;
	
	margin:40px auto;
	
	padding:15px;
	
	width:870px;
	
}

.you_1 h4 {

	color: #FE7900;
	
	font-size: 19px;
	
	text-decoration: none;
	
}

.you_1 p {

	float:right;
	
	font-weight:bold;
	
}

/* inicio barra hostnet */
#top_bar{
	background:transparent url(imagens/barra_bg.jpg) repeat-x scroll center center;
	height:36px;
	margin-bottom:30px;
	text-align:left;
	width:auto;
}
#top_bar ul {
	background:transparent url(imagens/barra_borda.jpg) no-repeat scroll right center;
	height:36px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
	width:auto;
}
#barra_logo{
	float:left;
	width:65px;
	height:36px;
	background:url(imagens/barra_logo.jpg) center center;
}

.barra_item{
	float:left;
	width:auto;
	height:auto;
	color:#FFFFFF;
	text-decoration:none;
	font-size:9pt;
	margin-top:9px;
	margin-left:9px;
	margin-right:9px;
}

.barra_item:hover{
	text-decoration:underline;
	color:#FFF;
	font-size:9pt;
}

.barra_divider{
	float:left;
	width:12px;
	height:34px;
	text-align:center;
	padding-top:3px;
	color:#999DDF;
	font-size:20px;
}
/* fim barra hostnet */


///////////////////////////////////////////////////
/* abas canal da rua */
///////////////////////////////////////////////////

div.jAbaContainer { padding:3px; }
div.jAbaHeader { font-size: 13px;}
div.jAbaBody {border: solid 1px #CCCCCC; height:100%;}


div.jAbaHeader .jTabHeaderHidden { 
	cursor: pointer;
	background-image: url(./images/abamiddlenormal.gif);
	background-repeat: repeat-x;
	border-left: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
	padding: 3px;
}
div.jAbaHeader .jTabHeaderInline {
	cursor: pointer;
	background-image: url(./images/abamiddleclick.gif);
	background-repeat: repeat-x;
	border-left: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
	padding: 3px;
}
div.jAbaBody .jTabBodyHidden { display: none;}
div.jAbaBody .jTabBodyInline{
	display: inline;
	width:100px;
	height:100px;
}
