/* HEADER - SP Chat */

#spchat #navSection { 
	background: url(../img/spchat/title_spchat.png) no-repeat;
	height: 68px;
	position: static;
}

/*CONTENT
********************************************/

#spchat #content { 
	margin-left: 10px;
	width: 780px;
	margin-right: 0;
	margin-top:5px;
}

#spchat #content h2 {
	color: #700507;
	font-size: 1.8em;
	font-weight: normal;
}

#spchat #content p.back {font-size:11px;font-weight:bold;}

#spchat #content p.back a, #spchat #content h2 a {
	color:#700507;
	text-decoration:none;
}

#spchat #content p.back a:hover, #spchat #content h2 a:hover {text-decoration:underline;}

#spchat #content h2 .date {
	display: inline;
	margin: 0;
	font-size: 1.0em;
	background: #700507;
	padding: 5px;
	color: #FFF;
	margin-right: 5px;
}
#spchat #content .right { 
	margin-left: 0;
}
#spchat #content div.figure.left { 
	margin-left: 0;
	margin-right: 10px;
}
#spchat #content div.video { 
	clear:both;
}

#spchat #content #video {height:300px;width:380px;}

#spchat.breve #content #video {
	height:301px;
	background:url(../img/spchat/bg_player.png) no-repeat center center;
	text-align:left;
}

#spchat.breve #content #video .article {margin-top:30px;padding:0 10px;}
#spchat.breve #content #video .article img {border:1px solid #999;float:left;margin:0 10px 5px 0; width:88px;height:118px;}
#spchat.breve #content #video .article h4 {
	margin:15px 0 5px;
	font-size:18px;
	color:white;
}

#spchat.breve #content #video .article .live-date {
	color:#E9EEF4;
	font-size:11px;
	line-height:18px;
	
}

#spchat.breve #content #video .article .live-date .time {
	font-size:14px;
	font-weight:bold;
}

#spchat.breve #content #video .article .description {
	font-size:11px;
	color:#ccc;
	line-height:18px;
	font-style:normal;
	margin-left:100px;
}

#spchat #content .right div.figure.left { 
	margin-right: 10px;
}
#content #perfil h3 { 
	margin-bottom: 5px;
}
#content #perfil p { 
	line-height: 18px;
	text-align: left;
	margin-left:90px;
}


#twitter_realtime .title { 
	height: 30px;
	background: #C9D5E3 url(../img/spchat/twitter_title.png) no-repeat;
	margin-bottom: 10px;
}
#twitter_realtime .title h3 { 
	display: none;
}
#twitter_realtime .title p { 
	margin-left: 135px;
	line-height: 30px;
	color: #fff;
}
#tweets {
/*	height: 480px;*/
	max-height:290px;
	height:expression(document.body.clientHeight > 290? "290px": "auto" );	
	overflow: hidden;
}
#tweets a {
	color: #333333;
}
.tweet { 
/*	height: 70px;*/
	clear:both;
	min-height: 70px;
	height: auto !important;
	height: 65px;	
}
.tweet img { 
	float: left;
	margin-right: 10px;
}
.tweet p.text { 
	line-height: 16px;
	margin-left: 60px;
	text-align: left;
}
#bastidores .title { 
	height: 30px;
	background: #C9D5E3 url(../img/spchat/title_bastidores.png) no-repeat;
	margin-bottom: 10px;
}
#bastidores .title h3 { 
	display: none;
}
/*SUBMENU
********************************************/

#spchat #submenu { 
	width: 150px;
	float: left;
}

#spchat #submenu ul {
	width:140px;
	border-top:1px solid #666;
	border-bottom:1px solid #666;
	margin-bottom: 20px;
}

#spchat #submenu ul li, #spchat #submenu ul li a {
	background:#E7ECEF no-repeat center center;
	display:block;
	width:140px;
	height:28px;
	text-indent:-9000px;
}

#spchat #submenu ul li.item02 {
	border-top:1px solid #666;
	border-bottom:1px solid #666;	
}

#spchat #submenu ul li.item01 a {background-image:url(../img/spchat/title_sobre2.png);}
#spchat #submenu ul li.item02 a {background-image:url(../img/spchat/title_como2.png);}
#spchat #submenu ul li.item03 a {background-image:url(../img/spchat/title_arquivo2.png);}

/*#spchat #submenu ul li a:hover {background-color:#CFD9DF;background-position:bottom center;}*/

/* #spchat #submenu #agenda {width:140px;text-align:center;color:#104264;} */

#spchat #agenda {
	width: 140px;
	text-align: center;
}
#spchat #agenda h3 {
	background:url(../img/spchat/title_agenda.png) no-repeat center center;
	height:30px;
	text-indent:-9999px;
}
#spchat #agenda p.date {
	text-align: center;
	margin-bottom: 5px;
	font-size: 1.1em;
}
#spchat #agenda p.date a {
	color: #700507;
	text-decoration: none;
}
#spchat #agenda p.date a:hover {
	text-decoration: underline;
}
#spchat #agenda h4 {
	margin: 0 0 20px;
}
#spchat #agenda h4 a {
	color: #700507;
}
#spchat #agenda p.description {
	text-align: center;
	font-size: 1.1em;
}



/* #spchat #submenu #agenda h4 {
	background:url(../img/spchat/title_agenda.png) no-repeat center center;
	width:140px;
	height:28px;
	text-indent:-9000px;
	border-top:1px solid #899BB2;	
	border-bottom:1px solid #A6B7C4;	
}

#spchat #submenu #agenda span.date {font-size:12px;}
#spchat #submenu #agenda p.name {
	font-size:16px;
	text-align:center;
	font-weight:bold;
	line-height:17px;
	margin:10px 0;
}

#spchat #submenu #agenda p.description {
	color:#104264;
	font-size:11px;
	font-style:normal;
	line-height:18px;
	margin:0 0 0 0;
	padding:0 5px;
	text-align:center;
} */

/*ARQUIVO
********************************************/
#spchat.arquivo #content h2 {margin:0 0 40px 0;}
#spchat.arquivo #content p.back {
	font-size:11px;
	font-weight:bold;
}

#spchat.arquivo #content p.back a {color:#104264;text-decoration:none;}
#spchat.arquivo #content p.back a:hover {text-decoration:underline;}

/*FLICKR
********************************************/
#spchat #pics {padding-top:45px;}
#spchat #pics ul {list-style:none;padding:0;margin:0 0 0 0;}
#spchat #pics ul li {list-style:none;float:left;margin:0 18px 10px 0;}

/*PERGUNTA(s)
********************************************/
/*#pergunta h3 {display:none;}
#pergunta .title {
	background:#C3CFD7 url(http://saopaulo.versao2008.a2/lib/content/themes/saopaulo/img/spchat/title_pergunta.png) no-repeat scroll 0 0;
	height:30px;
	margin-bottom:10px;
}
#pergunta p.desc {line-height:18px;}

#pergunta .bt {text-align:center;margin-top:30px;padding:10px 0;margin-top:20px;margin-bottom:30px;}
#pergunta .bt a {
	background:url(http://saopaulo.versao2008.a2/lib/content/themes/saopaulo/img/spchat/bt_enviar.jpg) no-repeat scroll top center;
	color:#C3CFD7;
	font-size:12px;
	font-weight:bold;
	padding:10px 40px;
	text-decoration:none;
	text-transform:uppercase;
}

#pergunta .bt a:hover {color:white;background-position:bottom center;}*/

#perguntas {height:480px;width:380px;}
#perguntas.especial {height:318px;}
#perguntas, #coverit {margin-bottom:20px;}

/*Participe
********************************************/
/*#participe {background:yellow;}
#participe table {background:red;}*/

.sombra {
	background:url(../img/spchat/bg_sombra-branca.png) repeat-x top;
	clear:both;
	height:25px;
	width:380px;
}

#spchat.breve .sombra {width:379px;}

#spchat.breve #content {
	min-height: 900px;
	height: auto !important;
	height: 900px;
}

#participe {
	background:#DDDDD1 url(../img/spchat/bg_participe.png) repeat-x bottom;border:1px solid #6E6F69;width:380px;
	}

#participe p.description {
	font-size:11px;
	padding:0 20px;
	color:#333;
	font-style:normal;
	margin-bottom:10px;
}

#participe h3 {
	background:#6E6F69 url(../img/spchat/title_participe.png) no-repeat left center;
	display:block;
	height:30px;
	text-indent:-9000px;
}

/*form*/
#content #participe form {width:auto;margin:0 20px;_margin:0 10px;}

#content #participe form tr td {vertical-align:middle;padding:5px 0;text-align:left;}

#content #participe form tr td input, #content #participe form tr td input {font-size:11px;color:#666666;font-weight:bold;}

	#content #participe form .tr1 .td1 {width:280px;}
		#content #participe form .tr1 .td1 input {width:155px;}
	#content #participe form .tr1 .td2 {width:160px;}
		#content #participe form .tr1 .td2 input {width:20px;}
		
	#content #participe form .tr2 input, #content #participe form .tr3 input {width:275px;}
		
	#content #participe form .tr4 .td1 {}
		#content #participe form .tr4 .td1 input {width:155px;}
		#content #participe form .tr4 .td2 select {border:3px solid #ccc;padding:3px;width:60px;}

#content #participe form tr td span {
	display:block;
	text-align:right;
	width:40px;
	float:left;
	padding-right:5px;
	font-size:11px;
	font-weight:bold;
	color:#666666;
	position:relative;
	top:7px;
}
#content #participe form tr td .inputText {
	background:white;
	border:3px solid #ccc;
	padding:3px;
}

#p_msg textarea {
	width:316px;
	height:150px;
	border:3px solid #ccc;
	font-size:11px;
	font-weight:bold;
	color:#666666;	
}
#p_msg span {
	display:block;
	font-size:11px;
	font-weight:bold;
	margin:10px 0;
	color:#666666;
	
}

#content #p_submit {margin-bottom:20px;text-align:right;}

#content #p_submit input {
	float:none;
	border:0;
	border:none;
	display:block;
	background:url(../img/spchat/bt_participe.png) no-repeat center center;
	width:175px;
	height:31px;
	text-indent:-9000px;
	cursor:pointer;
	margin-left:160px;
	font-size: 0px;
	line-height: 0px;	
}

/*redes-sociais*/
#redes-sociais {
	min-height: 300px;
	height: auto !important;
	height: 300px;	
	margin-top:20px;
}

/*Perfil
********************************************/
#perfil {
	background: #DDDFD1 url(../img/spchat/bg_entrevistado.png) repeat-x bottom;
	border:1px solid #666;
	border-top:none;
	clear:both;
	height: 189px;
	overflow:hidden;
	margin-bottom:20px;
}

#perfil .bg {background: transparent url(../img/spchat/bg_sombra.png) repeat-x top;	padding:10px;}
#perfil img {border:1px solid #666; width:88px; height:118px;}

#perfil h3 {
	background:url(../img/spchat/title_entrevistado.png) no-repeat center center;
	display:block;
	width:123px;
	height:17px;
	text-indent:-9000px;
}
#content #perfil p,.subtitulo {font-size:11px;}


/*IEs
********************************************/
/*ie6*/
#spchat #content .row div.left {_margin-right:0 !important;}
#spchat #content .row div.right {_margin-right:0px !important;}
#spchat #content #perfil .antetitulo,
#spchat #content #perfil .subtitulo,
#spchat #content #perfil h3 {_margin-left:75px;}

#chatframe {
	height: 490px;
}