/*  
Theme Name: Novo Luis Cardoso
Theme URI: http://luiscardoso.com.br
Description: Tema HTML5 customizado para o jornalista Luis Cardoso
Version: 1.0
Author: Yuri Almeida | Wersus Interactive
Author URI: //twitter.com/wersus/
Tags: blue, html5, css3, jQuery, wersus, luiscardoso

0O RESET
01 BODY | ESTRUTURA
02 CABECALHO
03 NAVEGACAO
04 SESSAO
05 CONTEUDO
06 RELACIONADA
07 RODAPE
*/

/********************************************
0O RESET
 ********************************************/
* { margin:0; padding:0; border:none; list-style:none; text-decoration:none; }
header, section, article, nav, aside, footer, dialog, figure, figcaption, hgroup { display:block; }

/********************************************
01 BODY | ESTRUTURA
 ********************************************/
body { font:normal .95em/1.4em arial, helvetica, sans-serif; color:#333; }
.centralizar { position:relative; width:1000px; margin:auto; }
#cabecalho { width:100%; min-width:990px; height:119px; padding:9em 0 2em; background:url(images/bg-cabecalho.png) repeat-x left 9em; }
#conteudo { float:left; width:660px; margin:0 35px 0 0; }
#relacionada { float:left; width:300px; font-size:.9em; margin:0 0 2em; }
#rodape { clear:both; width:100%; min-width:990px; height:119px; margin:4em auto; color:#c6c6c6; background:url(images/bg-cabecalho.png) repeat-x left top; }

/******************************************** 
02 CABECALHO
 ********************************************/
#cabecalho .centralizar small { position:absolute; top:-130px; left:1em; font-size:.7em; font-weight:normal; color:#666; }
#cabecalho .centralizar #superbanner { position:absolute; top:-112px; left:.6em; height:90px; }
#cabecalho .centralizar hgroup { float:left; height:66px; margin:12px 0 0 6px; }
#cabecalho .centralizar hgroup .logo a { display:block; width:264px; height:52px; text-indent:-9000px; background:url(images/marca-luis-cardoso.png) no-repeat left top; }
#cabecalho .centralizar hgroup .tagline { display:block; text-indent:-9000px; }
#cabecalho .centralizar hgroup .censurado { display:block; position:absolute; top:-23px; left:0; width:287px; height:112px; text-indent:-9000px; background:url(images/blogueiro-censurado.png) no-repeat left top; }
#cabecalho .centralizar form { position:absolute; top:16px; left:350px; width:303px; height:38px; background:url(images/bg-buscar.png) no-repeat right top; }
#cabecalho .centralizar form legend,
#cabecalho .centralizar form strong { display:none; }
#cabecalho .centralizar form #s { width:195px; margin:9px 2px 0 32px; font-size:1em; color:#666; background:transparent !important; }
#cabecalho .centralizar form #searchsubmit { width:70px; height:26px; margin:6px 0 0; border-left:2px solid #000; font-size:.75em; font-weight:bold; text-transform:uppercase; vertical-align:top; color:#000; background:transparent; cursor:pointer; }
#cabecalho .centralizar #oferecimento { display:block; float:left; height:41px; margin:0 .1em 0 0; line-height: 41px; background: url(images/bg-setaoferecimento.png) no-repeat right top; }
#cabecalho .centralizar #oferecimento strong { margin:0 0 0 .6em; font-size:.7em; font-weight:normal; vertical-align:top; color:#666; }

#cabecalho .centralizar #oferecimento #banneroferecimento { margin:0 1.5em 0 0; padding:0 1.2em 0 0; background:url(images/bg-oferecimento.png) repeat-x left top; }
#cabecalho .centralizar #oferecimento #banneroferecimento a:link,
#cabecalho .centralizar #oferecimento #banneroferecimento a:visited { position:relative; top:.4em; left:.5em; }

/*********************************************
04 NAVEGACAO
 ********************************************/
#cabecalho nav { clear:both; position:relative; height:41px; }
#cabecalho nav .centralizar { height:41px; background:url(images/bg-menuprincipal.gif) repeat-x left top; }
#cabecalho nav .centralizar ul { float:left; }
#cabecalho nav .centralizar ul li { float:left; }
#cabecalho nav .centralizar ul li a { display:block; padding:1.05em .8em; font-size:.85em; line-height:1.1em; font-weight:bold; text-transform:uppercase; color:#fff; }
#cabecalho nav .centralizar ul li a:hover,
#cabecalho nav .centralizar ul li a:focus { border-bottom:4px solid #222; }
#cabecalho nav .centralizar .envieumadenuncia a { display:block; position:absolute; top:0; right:0; padding:1.05em .8em; font-size:.85em; line-height:1.1em; font-weight:bold; text-transform:uppercase; color:#fff; }
#cabecalho nav .centralizar .envieumadenuncia a:hover { border-bottom:4px solid #333; }
#cabecalho nav #bgoferecimento { position:absolute; top:0; left:0; z-index:-1000; width:50%; height:41px; background:url(images/bg-oferecimento.png) repeat-x left top !important; }
#cabecalho nav #bgmenuprincipal { position:absolute; top:0; right:0; z-index:-1000; width:50%; height:41px; background:url(images/bg-menuprincipal.gif) repeat-x left top !important; }

#rodape .centralizar #menusecundario { position:absolute; top:30px; left:300px; }
#rodape .centralizar #menusecundario li { float:left; }
#rodape .centralizar #menusecundario li a:link,
#rodape .centralizar #menusecundario li a:visited { margin:0 2em 0 0; font-size:1.05em; color:#fff; }
#rodape .centralizar #menusecundario li a:hover,
#rodape .centralizar #menusecundario li a:focus { color:#777; }
#rodape .centralizar .envieumadenuncia a:link,
#rodape .centralizar .envieumadenuncia a:visited { position:absolute; top:30px; right:.6em; font-size:1.05em; color:#fff; }
#rodape .centralizar .envieumadenuncia a:hover,
#rodape .centralizar .envieumadenuncia a:focus { color:#777; }
#rodape .centralizar #menuauxiliar { position:absolute; top:100px; left:.6em; }
#rodape .centralizar #menuauxiliar li { float:left; }
#rodape .centralizar #menuauxiliar li a:link,
#rodape .centralizar #menuauxiliar li a:visited { margin:0 2.5em 0 0; color:#000; }
#rodape .centralizar #menuauxiliar li a:hover,
#rodape .centralizar #menuauxiliar li a:focus { color:#0063dc; }

/********************************************
05 CONTEUDO
 ********************************************/
#conteudo article { display:block; float:left; width:660px; margin:0 0 3em .5em; }
#conteudo article .tag-o-sombra { display:block; height:90px; background:url(images/o-sombra.gif) no-repeat 0 0; }
#conteudo article a:link,
#conteudo article a:visited { color:#000; }
#conteudo article a:focus,
#conteudo article a:hover { color:#0063dc; }
#conteudo article header { padding:0 0 1.3em; border-bottom:3px solid #eaeaea; }
#conteudo article header h1,
#conteudo article header h2,
#conteudo article header h3 { display:block; width:650px; font-size:2.4em; line-height:1.1em; font-weight:bold; }
#conteudo article header time { margin:0 .7em; padding:0 .7em; border-left:1px solid #c6c6c6; }
#conteudo article header .informacoesdopost { position:relative; font-size:.8em; font-weight:bold; color:#333333; }
#conteudo article .post { }
#conteudo article .post h2,
#conteudo article .post h3 { margin:0 0 1.5em; }
#conteudo article .post p { margin:0 0 1.5em; }
#conteudo article .post p a,
#conteudo article .post p a:visited { color:#0063dc; }
#conteudo article .post p a:focus,
#conteudo article .post p a:hover { text-decoration:underline; }
#conteudo article .post ul,
#conteudo article .post dl { margin:0 0 1.5em 0; }
#conteudo article .post dl dt { margin:1em 0 0 1em; }
#conteudo article .post ul li,
#conteudo article .post dl dd { background:url(images/bg-lista.gif) no-repeat left center; padding:0 0 0 1em; }

/* BANNER 300 X 250 */
#conteudo article .post .adlateral { display: inline; float:left; margin:-1.4em 1em .4em 0; }
#conteudo article .post .adlateral small { display:block; font-size:.7em; font-weight:normal; color:#666; }

/* TABELAS */
#conteudo article .post table { float:left; width:100%; border-collapse:collapse; }
#conteudo article .post table tr { padding:1em; border:1px solid #efefef; }
#conteudo article .post table tr th[scope="col"] { background-color:#efefef; }


#conteudo article aside .tags { float:left; clear:both; display:block; width:604px; padding:.6em; font-size:.8em; font-weight:bold; background-color:#eaeaea; }
#conteudo article aside span { text-transform:uppercase !important; }
#conteudo article aside a { margin:0 .3em; padding:0 0 0 .8em; background:url(images/bg-tags.gif) no-repeat left center; }

/* IMAGES */
.alignleft, img.alignleft { display: inline; float:left; margin:0 1em .4em 0; }
.alignright, img.alignright { display: inline; float:right; margin:0 0 .4em 1em; }
.aligncenter, img.aligncenter { display:block; clear:both; margin-left:auto; margin-right:auto; }
.wp-caption { padding-top:.3em; font-style:italic; text-align:left; color:#888; }
.wp-caption img { margin:0; padding:0; border:0 none; }
.wp-caption p.wp-caption-text { margin:0; padding:0 .4em 0; font-size:.8em; line-height:1.1em; }

/* INFORMACOES DO POST */
.interacao { position:absolute; top:0; right:0; }
.interacao li { float:left; margin:0 0 0 1em; }
.commentshare a { height:21px; padding:.2em 0 0 2em; background:url(images/ico-comentarios.gif) no-repeat left center; }

/* PAGINACAO */
.wp-pagenavi { float:left; clear:both; margin:0 0 2em; font-size:.95em; font-weight:bold; }
.wp-pagenavi .pages { display:none; }
.wp-pagenavi .current { padding:.2em 1em; color:#ccc; }
.wp-pagenavi a,
.wp-pagenavi a:link { padding:.2em 1em; border-left:1px solid #f1f1f1; color:#000; }
.wp-pagenavi a:hover,
.wp-pagenavi a:focus { color:#0063dc; }

.wp-pagenavi .previouspostslink { border:none !important; }

#rodape .centralizar p a:focus { }

/* RESULTADOS DA BUSCA */
#resultados-da-busca { float:left; width:640px; margin:2em 0 1em !important; padding:0 0 1em; border-bottom:1px dotted #ccc; }

/* COMENTARIOS */
.subcomment { clear:both; font-size:0.9em; }
.commentlist { margin-bottom:35px; }
.commentlist li { background-color:#f6f6f6; border-left:5px solid #ccc; padding:16px; margin:1.5em 0; }
.commentlist li a,
.commentlist li a:visited { color:#0063dc; }
.commentlist li a:focus,
.commentlist li a:hover { text-decoration:underline; }

.commentlist li.commentOfficialUser { background-color:#000; border-top:2px solid #eee; border-bottom:2px solid #eee; color:#fff;}
.commentlist li.commentOfficialUser a { color:#f3f3f3; }
.comentador { float:left; height:48px; width:400px; }
.commentlist li cite { color:#666; display:block; font-size:1.4em; font-style:normal; }
html>body .commentlist li cite { padding-top:6px; }
.commentlist li p { clear:left; font-size:0.9em; margin:0; padding:10px 0 0; }
html>body .commentlist li p { padding:20px 0 0; }
.commentmetadata  { color:#666; font-size:0.75em; }
#commentform { padding-top:15px; }
#commentform legend { display:none; }
#commentform label { display:block; color:#666; font:1.0em "Lucida Sans Unicode", "Trebuchet MS", Arial, sans-serif; margin-bottom:4px; }
#commentform label .oculto { display:none; }
.contactform p { margin: 0; }
#comment, #wpcf_msg { height: 150px;padding: 4px;margin-bottom: 20px;vertical-align: middle;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;border: 1px solid #ccc;}
#author, #email, #url, #new_email, #wpcf_your_name, #wpcf_email, #wpcf_website, #comment  { background-color:#f3f3f3; border-top:1px solid #cecece; border-left:1px solid #cecece; border-bottom:1px solid #f3f3f3; border-right:1px solid #f3f3f3; color:#666; padding:4px; width:100%;}
#submit { display:block; float:left; margin:0 1em 0 0; padding:.4em .6em; border:1px solid #f1f1f1; font-size:.7em; font-weight:normal; text-transform:uppercase; background:transparent; cursor:pointer; margin:0 0 4em; }
#submit:hover,
#submit:focus { color:#fff; background-color:#000; }

.titulo-sessao { line-height:1.4em; }
.arquivos { text-transform:capitalize; }

/********************************************
07 RELACIONADA
 ********************************************/
#relacionada h4 { font-size:1.2em; line-height:1.2em; font-weight:bold; color:#111; }
#relacionada a:link,
#relacionada a:visited { margin:0 2.5em 0 0; color:#000; }
#relacionada a:hover,
#relacionada a:focus { color:#0063dc; }

#relacionada #fotocardoso { display:block; z-index:1; width:300px; height:410px; margin:-20em 0 0; background:url(images/background-foto-luis-cardoso.png) no-repeat; }

/* PUBLICIDADE LATERAL */
#relacionada #publicidadelateral { float:left; clear:both; width:300px; margin:1.5em 0 0; padding:0 0 2.5em; }
#relacionada #publicidadelateral small { font-size:.7em; font-weight:normal; color:#666; }

/* ENQUETE */
#relacionada #enquete { width:300px; margin:.5em 0 0; }
#relacionada #enquete h3 { margin:.2em 0; font-size:1.2em; font-weight:normal; color:#666; }
#relacionada #enquete ul { margin:.6em 0; }
#relacionada #enquete ul li { margin:.2em 0; }
#relacionada #enquete .bt-enquete { display:block; float:left; margin:0 1em 0 0; padding:.4em .6em; border:1px solid #f1f1f1; font-size:.7em; font-weight:normal; text-transform:uppercase; background:transparent; cursor:pointer; }
#relacionada #enquete .bt-enquete:hover,
#relacionada #enquete .bt-enquete:focus { color:#fff; background-color:#000; }

/* BANNER LATERAL */
#relacionada #bannerlateral { float:left; clear:both; width:300px; margin:1.5em 0; }
#relacionada #bannerlateral small { font-size:.7em; font-weight:normal; color:#666; }

/* SOCIAL LINKS */
#relacionada #sociallinks { float:left; clear:both; width:300px; margin:2.5em 0; }
#relacionada #sociallinks p { line-height:1.4em; }
#relacionada #sociallinks form { margin:.6em 0 2.5em; }
#relacionada #sociallinks form legend,
#relacionada #sociallinks form label strong { display:none; }
#relacionada #sociallinks form #email { width:170px; padding:.45em .3em; border-top:1px solid #cecece; border-right:1px solid #f5f5f5; border-bottom:1px solid #f5f5f5; border-left:1px solid #cecece; font-size:1em; color:#666; background-color:#f3f3f3; }
#relacionada #sociallinks form .bt-cadastrar { padding:.6em; border:1px solid #f1f1f1; font-size:.7em; font-weight:normal; text-transform:uppercase; vertical-align:top; background:transparent; cursor:pointer; }
#relacionada #sociallinks form .bt-cadastrar:hover,
#relacionada #sociallinks form .bt-cadastrar:focus { color:#fff; background-color:#000; }
#relacionada #sociallinks ul { margin:.6em 0; }
#relacionada #sociallinks ul li { float:left; }
#relacionada #sociallinks ul li a { display:block; float:left; width:41px; height:41px; overflow:hidden; text-indent:-9000px; margin:0 .5em 0 0; }
#relacionada #sociallinks .rss a {  background:url(images/rss.png) no-repeat left top; }
#relacionada #sociallinks .facebook a { background:url(images/facebook.png) no-repeat left top; }
#relacionada #sociallinks .linkedin a { background:url(images/linkedin.png) no-repeat left top; }
#relacionada #sociallinks .technorati a { background:url(images/technorati.png) no-repeat left top; }
#relacionada #sociallinks .twitter a { background:url(images/twitter.png) no-repeat left top; }
#relacionada #sociallinks .orkut a { background:url(images/orkut.png) no-repeat left top; }

#relacionada .links { float:left; clear:both; width:300px; }
#relacionada .links div { float:left; width:149px; }
#relacionada .links div ul { float:left; margin:.3em 0 0; }
#relacionada .links div ul li a { display:block; width:136px; padding:.2em 0; border-bottom:1px solid #f1f1f1; }

/* ARQUIVOS */
#arquivos { float:left; clear:both; width:262px; margin:2.5em 0 0 .2em; padding:.6em; border:1px solid #f3f3f3; border:1px solid #f3f3f3; }
#arquivos select { padding:.25em; width:262px; font-size:1em; border-top:1px solid #cecece; border-right:1px solid #f5f5f5; border-bottom:1px solid #f5f5f5; border-left:1px solid #cecece; background-color:#f3f3f3; }
#arquivos small { float:left; margin:0 0 .4em; }

/* BANNER VOTO */
#bannervoto { margin:0 0 2em; }

/********************************************
08 RODAPE
 ********************************************/
#rodape .centralizar { font-size:.75em; line-height:1.1em; font-weight:bold; text-transform:uppercase; }
#rodape .centralizar .logo a { display:block; float:left; width:264px; height:52px; margin:10px 0 0 5px; text-indent:-9000px; background:url(images/marca-luis-cardoso.png) no-repeat left top; }
#rodape .centralizar p { position:absolute; top:116px; left:5px; }
#rodape .centralizar p a:link,
#rodape .centralizar p a:visited { margin:0 2.5em 0 0; color:#000; }
#rodape .centralizar p a:hover,
#rodape .centralizar p a:focus { color:#0063dc; }
#rodape .centralizar .wersus { position:absolute; top:88px; right:.9em; }
#rodape .centralizar .wersus a { position:relative; top:10px; left:8px; }