/*
Theme Name: WI Luis Cardoso HTML5
Theme URI: http://www.luiscardoso.com.br
Description: Tema HTML5 WordPress produzido para o jornalista Luis Cardoso
Version: 1.0 beta
Author: Yuri Almeida | Wersus Interactive
Author URI: //twitter.com/wersus/
Tags: blue, html5
0O RESET
01 HTML E BODY
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 { display:block; }
a, a:link { color:#0063dc; }
a:focus, a:hover { color:#0063dc; }
/********************************************
01 HTML E BODY
********************************************/
html { background:url(images/bg-html.gif) repeat-x; }
body { font:normal .95em/1.4em 'trebuchet ms', arial, helvetica, sans-serif; color:#444; }
#blog .blog a,
#o-luis-cardoso .o-luis-cardoso a,
#feeds .feeds a,
#anuncie .anuncie a,
#contato .contato a { font-weight:bold; background-color:#fff; cursor:default; }
/********************************************
02 CABECALHO
********************************************/
#cabecalho { position:relative; width:990px; height:120px; margin:auto; }
#cabecalho .logo { position:absolute; top:1.1em; left:0; }
#cabecalho .logo a { display:block; width:293px; height:58px; overflow:hidden; text-indent:-99999px; background:url(images/logo-luis-cardoso.png) no-repeat; }
#cabecalho .tagline { visibility:hidden; }
#cabecalho form { position:absolute; top:3em; right:.1em; }
#cabecalho form legend,
#cabecalho form label strong { display:none; }
#cabecalho form .css3 { padding:.25em; width:354px; height:18px; border-top:1px solid #cecece; border-left:1px solid #cecece; border-bottom:1px solid #f6f6f6; border-right:1px solid #f6f6f6; color:#666; }
#cabecalho form .bt-search { position:relative; top:.55em; font-size:.7em; font-weight:bold; text-transform:uppercase; vertical-align:top; color:#0063dc; background:transparent; cursor:pointer; }
/********************************************
03 NAVEGACAO
********************************************/
/* MENU CABECALHO */
#cabecalho nav ul { position:absolute; bottom:0; right:0; font-size:.9em; text-transform:uppercase; }
#cabecalho nav ul li { float:left; margin:0 .15em 0 0; }
#cabecalho nav ul li a { padding:.6em .9em; font-size:1em; color:#0171b4; background-color:#e5e5e5; }
#cabecalho nav ul li a:focus,
#cabecalho nav ul li a:hover { color:#0063dc; background-color:#fff; }
/* PAGINACAO */
#paginacao { float:left; clear:both; overflow:hidden; margin:2em 0; font-size:1em; font-weight:bold; }
.wp-pagenavi a, .wp-pagenavi a:link { padding:.6em; border-left:1px solid #ccc; }
.wp-pagenavi a:hover { text-decoration:underline; }
.wp-pagenavi a:active { padding:.6em; border-left:1px solid #ccc; }
.wp-pagenavi span.pages { display:none; }
.wp-pagenavi span.current { padding:.6em; font-weight: bold; border-left:1px solid #ccc; color:#ccc; }
.wp-pagenavi span.extend { padding:.6em; border-left:1px solid #ccc; }
.wp-pagenavi .previouspostslink { border:none !important; }
/* MENU RODAPE */
#rodape ul { float:left; width:100%; padding:.6em 0; border-top:1px solid #dadada; border-bottom:1px solid #dadada; }
#rodape li { display:inline; margin:0 1em; }
/********************************************
04 SESSAO
********************************************/
/* PUBLICIDADE */
.publicidade h5 { margin:0 0 .5em; font-size:.75em; font-weight:normal; line-height:1em; color:#ccc; }
#superbanner { width:720px; margin:2em auto; }
#sessao { width:990px; margin:auto; }
#sessao a {}
#sessao a:focus,
#sessao a:hover { text-decoration:underline; }
/* PESQUISA */
.pesquisa #conteudo article { padding:1em 0 0; }
/********************************************
05 CONTEUDO
********************************************/
#conteudo { float:left; width:630px; margin:0 3em 0 0; }
#conteudo h1 { font-size:1.8em; font-weight:normal; line-height:1em; }
#conteudo h2 { font-size:1.5em; font-weight:normal; line-height:1em; }
/* POST */
#conteudo article { float:left; width:630px; margin:0 0 1.5em; }
#conteudo article header { float:left; display:block; width:630px; height:100%; }
#conteudo article p { margin:0 0 1.5em 0; }
#conteudo article aside { font-size:.95em; color:#666; }
/* DATA DO POST */
#conteudo .data { float:left; position:relative; width:44px; height:59px; margin:0 .5em 0 0; background:url(images/bg-data.jpg) no-repeat;}
#conteudo .data .dia { position:absolute; top:.35em; left:.2em; font:1.9em georgia, tahoma, helvetica, sans-serif; color:#6f6f6f; }
#conteudo .data .mes { position:absolute; top:-.1em; left:.85em; font-size:0.85em; color:#fff; }
#conteudo .data .ano { display:none; }
#conteudo .data .hora { position:absolute; top:3.7em; left:.43em; font-size:.85em; color:#6f6f6f; }
/* INTERACAO */
#conteudo .interacao { float:left; width:606px; margin:0 0 1em 4em; font-size:.85em; }
#conteudo .interacao li { float:left; margin:0 2em 0 0; }
#conteudo .interacao .comente { padding-left:2.3em; background:url(images/ico_comente.gif) no-repeat .9em 0; }
#conteudo .interacao .comentarios { padding-left:1.6em; background:url(images/ico_comentarios.gif) no-repeat; }
#conteudo #comentar { margin:0 0 1em 0; padding:.6em; background-color:#eee; }
/* IMAGES */
.alignleft, img.alignleft { float:left; margin:0 .8em .2em 0; }
.alignright, img.alignright { float:right; margin:0 0 .2em .8em; }
.aligncenter, img.aligncenter { display:block; clear:both; margin-left:auto; margin-right:auto; }
.wp-caption { padding-top:.3em; border:1px #000; text-align:center; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; color:#666; background-color:#eee; }
.wp-caption p.wp-caption-text { padding:0 .2em .5em; font-size:.8em; line-height:1.2em; }
/* COMENTARIOS */
.subcomment { clear:both; font-size:0.9em; }
.commentlist { margin-bottom:35px; }
.commentlist li { background-color:#f6f6f6; border-top:2px solid #06c; border-bottom:2px solid #06c; padding:16px; margin:15px 0; }
.commentlist li.commentOfficialUser { background-color:#0063dc; 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:#6d6d6d; 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:#6d6d6d; 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 { font-size:.7em; font-weight:bold; text-transform:uppercase; vertical-align:top; color:#0063dc; background:transparent; cursor:pointer; }
/********************************************
06 RELACIONADA
********************************************/
#relacionada { float:left; width:310px; }
#relacionada section { margin:0 0 1.5em; }
#relacionada h1 { margin:0 0 .2em; font-size:1.4em; font-weight:normal; line-height:1em; color:#ccc; }
/* SOBRE LUIS CARDOSO */
#sobreluiscardoso figure { padding:.4em; background-color:#eee; }
#sobreluiscardoso figure img { float:left; margin:0 .4em .3em 0; }
#sobreluiscardoso figure figcaption { font-size:.86em; line-height:1.4em; }
/* ENQUETE */
#enquete .wp-polls strong { margin:.5em 0 ; }
#enquete .wp-polls .wp-polls-ans li { margin:.2em 0; }
#enquete .wp-polls .wp-polls-ans a { margin:0 2em 0 0; font-size:.7em; font-weight:bold; text-transform:uppercase; color:#0063dc; background:#transparent; cursor:pointer; }
/********************************************
07 RODAPE
********************************************/
#rodape { float:left; clear:both; width:100%; margin:2.5em 0 0; padding:1.5em 0; border-top:5px solid #0063dc; font-size:0.85em; text-align:center; color:#6d6d6d; background-color:#eee; }
#rodape div { width:990px; margin:auto; }
#rodape div p { float:right; margin:1em 0 0; }