@charset "utf-8";

/*
Theme Name: TEDxSP - Carlos Buby
Theme URI: http://www.tedxsaopaulo.com.br/
Description: Site TEDxSP - Carlos Buby
Version: 1.0
Author: Webcitizen
Author URI: http://www.webcitizen.com.br/
*/

/* ======= TODOS ======= */
* {
margin: 0 0 0 0;
padding: 0 0 0 0;
}
body {
background: #000;
font-family: Helvetica, Arial, sans-serif;
font-size:11px;
line-height: 13.2px;
color: #FFF;
}
img {
border: 0px;
}
a {
color: #F00;
text-decoration: none;
}
p {
margin-bottom: 10px;
}
a:hover {
text-decoration: underline;
}
.vermelho {
color:#F00;
}
.titulo {
color:#F00;
font-size: 24px;
padding: 20px 0px 10px 0px;
line-height: 26px;
}
.categoria-titulo {
color: #999;
font-weight: normal;
}
.subtitulo {
position: absolute;
margin-left: 150px;
margin-top: -30px;
}
#page {
width: 960px;
margin: 20px auto;
}
#menu {
float: left;
margin-bottom: 30px;
}
#menu ul li {
float: left;
margin-right: 10px;
list-style: none;
}
#menu a {
color: #FFF;
text-decoration: none;
}
#menu a:hover {
color:#F00;
text-decoration: none;
}
#search {
float: right;
width: 390px;
}
#campobusca {
float:right;
background-color:#333333;
color:#FFF;
border: 0px;
padding: 4px 30px 4px 4px;
width: 228px;
font-size:11px;
position: relative;
top:-4px;
}
#lupacampobusca {
position: absolute;
margin-left: 370px;
}
#buscaTed, #buscaBusk {
cursor: pointer;
margin-right: 2px;
position: relative;
top: 2px;
}
#buscaBusk {
margin-left: 17px;
}
#logo {
margin-bottom: 20px;
}
#data {
float: right;
text-align: right;
}
#texto-home {
font-size: 24px;
line-height: 30px;
margin: 20px 0px 20px 0px;
}
.borda-branca-superior {
border-top: solid 5px #FFF;
}
.fundo-branco {
padding: 30px;
background-color: #FFF;
color: #666;
}
.col-50 {
width: 47%;
float: left;
padding: 30px 3% 30px 0px;
}
.col-25 {
width: 22%;
float: left;
padding: 30px 3% 0px 0px;
}
.col-35 {
width: 32%;
float: left;
padding: 30px 3% 0px 0px;
}
.col-75 {
width: 72%;
float: left;
padding: 30px 3% 0px 0px;
}
.altura-titulo {
position: relative;
top: -25px;
}
.altura-titulo p span.vermelho {
position: relative;
top: -5px;
}
.borda-branca-lateral {
border-right: solid 1px #FFF;
}
.container {
width: 100%;
}
.clear {
clear: both;
}
.tedx {
vertical-align: super;
font-size:9px;
position:relative;
top: 2px;
}
.info-pagina {
position:absolute;
margin-top: -2px;
margin-left: 10px;
}
/* ======= HOME ======= */
/* ======= PALESTRANTES ======= */
.lista-palestrante {
background-color: #FFF;
color: #000;
margin-bottom: 5px;
min-height: 127px;
}
.lista-palestrante img {
float:left;
margin-right: 10px;
}
.lista-palestrante h1 {
font-size: 24px;
line-height: 30px;
color:#333333;
font-weight: normal;
}
/* ======= VIDEOS TED ======= */
.comentario-video-ted {
color:#999;
}
.comentario-video-ted-container {
margin-top: 20px;
margin-bottom: 20px;
}
.twitts-videos {
margin-top: 20px;
margin-bottom: 20px;
color: #999;
}
.twitts-videos a {
color: #FFF;
}
.palestrante-subtitulo {
width: 135px;
}
/* ======= BLOG ======= */
.todos-posts {
background-color: #FFF;
}
.paginacao {
padding-bottom: 30px;
padding-top: 30px;
width: 74%;
background-color:#FFF;
border-right: solid 1px #CCC;
color: #666;
}
.coluna-dir-blog {
width: 188px;
float: right;
}
/* PageNavi - Inicio */
.wp-pagenavi {
margin-left: 30px;
margin-right: 30px;
}
.wp-pagenavi a, span.current {
margin-left: 5px;
}
span.pages {
position: absolute;
margin-left: 570px;
text-align: right;
}
.blog-compartilhar {
list-style: none;
}
.blog-compartilhar li {
float: left;
width: 160px;
}
.container-post {
width: 74%;
background-color:#FFF;
color: #656875;
border-bottom: solid 1px #CCC;
border-right: solid 1px #CCC;
}
.informacoes {
min-height:230px;
width:155px;
float:left;
margin-top:30px
}
.informacoes p {
text-align:right;
margin:0;
margin-bottom: 4px;
}
.informacoes p:first-child {
margin-bottom: 12px;
}
.dataatual {
padding-bottom:20px
}
.container-post h1 {
color:#F00;
margin-bottom:15px;
font-size:16px;
margin-top:27px;
font-weight:bold
}
.container-post h1 a {
color:#F00;
}
.container-post h1 a:hover {
color:#F00;
text-decoration: underline;
}
.conteudo {
width:500px;
float: left;
margin-left: 30px;
}
.conteudo p {
width:500px;
margin-bottom:24px;
}
#nossosTwitts strong, #twittsSobre strong {
color:#F00;
font-size:16px;
padding-bottom: 25px;
}
#twittsSobre {
position: absolute;
width: 240px;
margin-left: 695px;
top: 130px;
color: #666;
padding: 30px;
}
.envia-amigo {
text-align: right;
}
.gtextbox, .gtextarea {
border: solid 1px #efecea;
font-family: Arial, Helvetica, sans-serif;
color:#F00;
font-size: 11px;
}
/* ======= REALIZACAO ======= */
.organizadores {
min-height: 190px;
}
.lista-apoio {
background-color: #FFF;
color: #000;
margin-bottom: 5px;
width: 235px;
margin-right: 5px;
float:left;
min-height: 320px;
}
.lista-apoio p {
margin: 0 0 0 0;
}
.box-padding-texto {
padding: 10px;
}
/* ======= COMO COLABORAR ======= */
#lista-como-colaborar {
padding: 20px;
background-color:#EBEBEB;
border-top: solid 1px #CCC;
border-bottom: solid 1px #CCC;
margin-bottom: 20px;
}
#lista-como-colaborar dt {
width: 20px;
float: left;
color: #F00;
font-weight: bold;
}
#lista-como-colaborar dd {
margin-left: 20px;
margin-bottom: 5px;
}
/* ======= PADRAO ======= */
/* Captions */
.aligncenter, div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
text-align: left;
margin: 0px 0px 0px 0px;
font-size:11px;
font-weight:bold;
margin-bottom:20px;
width: 727px;
}
.wp-caption p.wp-caption-text {
font-weight:bold;
margin-top:5px;
width: 80%;
font-style:italic;
}
/* End captions */
/* Begin Images */
p img {
padding: 0;
}
/*	Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
margin: 0 0px 0px 0;
display: inline;
padding: 0px;
float:right
}
img.alignleft {
padding: 0px;
margin: 0 0px 0px 0;
display: inline;
}
.alignright {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border:0px;
float:right;
}
.alignright p.wp-caption-text {
width:180px
}
/* End Images */
/* Begin Form Elements */
.entry form { /* This is mainly for password protected posts, makes them look better. */
text-align:center;
}
select {
width: 130px;
}
#commentform input {
border: solid 1px #efecea;
color:#F00;
width:510px;
}
#commentform textarea {
border: solid 1px #efecea;
width:480px;
background: #FFF;
color:#F00;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
padding:10px 10px 10px 10px;
}
.formulario-comentario input, .formulario-comentario textarea {
background-color: #333;
border: 0px;
width: 460px;
}
#respond:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#commentform #submit {
margin: 0 0 5px auto;
float: left;
border: solid 1px #efecea;
width:150px;
height:30px;
color:#F00;
font-size:14px;
font-weight:bold;
}
/* End Form Elements */
/* Begin Comments*/
.alt {
margin: 0;
padding: 10px;
}
.commentlist {
padding: 0;
text-align: left;
width:500px;
}
.commentlist li {
margin: 15px 0 10px;
padding: 5px 5px 10px 10px;
list-style: none;
border: solid 1px #efecea;
}
.commentlist li ul li {
margin-right: -5px;
margin-left: 10px;
}
.commentlist p {
margin: 10px 5px 10px 0;
}
.children {
padding: 0;
}
#commentform p {
margin: 10px 0;
}
.nocomments {
text-align: center;
margin: 0;
padding: 0;
}
.commentmetadata {
margin: 0;
display: block;
}
/* End Comments */
.commentlist li {
width:500px;
}
.commentlist li ul li {
font-size: 1em;
}
.commentlist li .avatar {
float: right;
border: 1px solid #eee;
padding: 2px;
background: #fff;
}
.commentlist cite, .commentlist cite a {
font-weight: bold;
font-style: normal;
font-size: 1.1em;
}
.commentmetadata {
font-weight: normal;
}
/* Twitter */
.twitter_status a {
color: #7a7a7a;
}
.last-twitts {
width: 195px;
margin-left: 7px;
}
/* THUMB VIDEOS */
.thumb-palestrantes {
margin-left: 52px;
padding-bottom: 65px;
}
.palestrante-video {
float: left;
margin-right: 1px;
width: 142px;
height: 100px;
}
.palestrante-video .nome {
color: #ff1700;
}
#iframe-central {
position: relative;
top: -1px;
left: -32px;
}