/*
Theme Name: Personal Articles
Theme URI: http://gustavopaes.net/
Description: Template simples, com foco no texto
Author: Gustavo Paes
Version: 1.0
Tags: black, gray, white, one-columns, fixed-width, simple-header, sticky-post
*/


/* Zera */
p, h1, h2, h3, h4, h5, div, ul, ol, li, input, textarea { padding:0; margin:0; font-family:arial; }
a { color:blue; text-decoration:none; }
a:hover { color:red; text-decoration:underline; }
a.external { padding-right:13px; background:transparent url('/images/link-externo.gif') no-repeat right 5px; }
.hidden { display:none; }

dl dt { font-size:16px; margin-bottom:5px; }
dl dd { margin-bottom:15px; margin-left:0; font-size:14px; }

ul, ol { margin-top:10px; }
ul li, ol li { margin-left:30px; padding-bottom:5px; }

body { padding:0; margin:40px 0 0 0; font-family:arial; font-size:16px; background:#f6f6f6; }

a img { border:0; }

#header { background-color:#555; height:30px; padding:10px 0 0 0; width:100%; min-width:850px; position:fixed; top:0; left:0; z-index:10001; }
#header {
  box-shadow: 0px 0px 15px #000;
  -webkit-box-shadow: 0px 0px 15px #000;
  -moz-box-shadow: 0px 0px 15px #000;
}

#header .rss { position:absolute; top:8px; right:10px; }
#header .rss img { width:30px; }

.twitter-share-button { position:absolute; top:10px; right:0; }
.twitter-share-button a {display:none;}

.plusone { position:absolute; top:10px; right:120px; }

#nav { margin:0 auto; width:850px; }
#nav ul { padding:0; margin:0; overflow:hidden; }
#nav ul li { float:left; list-style:none; padding:0; margin:0; }
#nav ul li a { color:#999; display:block; padding:0 20px 10px 20px; }
#nav ul li a:hover { color:#FFF; }
#nav ul li.destaque { font-weight:bold; }
#nav ul li.destaque a { color:#fff; }

.single-post #nav ul li.blog a,
#nav ul li.current_page_parent a,
#nav ul li.current_page_item a { color:#FFF; }


.article { background-color:#fff; /*padding:10px 20px;*/ border:1px solid #999; border-top-width:0; width:850px; margin:0 auto; }
.article h1 { color:#FFF; padding:15px 20px; font-size:28px; background-color:#333; }
.article h2 a { color:#333; }

.article .compartilhe { position:relative; border-bottom:2px solid #ccc; border-top:2px solid #ccc; margin:10px 0; padding:2px 5px; }
.article .compartilhe small { font-size:12px; font-weight:bold; }
.article .compartilhe input { font-size:12px; width:100%; border:0; }

.article .block-image {display:block;}
.article .center {text-align:center;}

.article .related { font-size:12px; border:1px solid #ccc; padding:10px; margin:15px; }

#section-nav ol { margin:20px 0 10px 20px; }
#section-nav ol li { margin-bottom:5px; font-size:13px; }
#section-nav ol ol { margin:5px 0 15px 15px; }


.section-article { padding:10px 20px; }

.section-text { margin-top:10px; }
.section-text p { padding:10px 0; line-height:25px; }
.section-text .code { border-style:solid; border-color:#555; border-width:2px 0; background-color:#f6f6f6; padding:0 10px; width:90%; margin:20px auto; overflow-y:hidden; overflow-x:auto; }
.section-text .code pre { font-size:13px; }
.section-text h2 { font-size:22px; margin-top:15px; color:#222; }
.section-text h3 { font-size:18px; margin-top:15px; color:#222; }
.section-text h4 { font-size:16px; margin-top:15px; }
.section-text cite { display:block; margin-left:20px; border-left:5px solid #555; padding-left:10px; }

.section-text .gallery { clear:both; overflow:hidden; }

.dados-produto { float:right; }

img.thumb { width:150px; }

.author { font-weight:bold; }
.time-pubcate { font-size:12px; }

#nav-posts { text-align:center; margin-top:30px;font-size:12px; }
#nav-posts span.right { margin-left:20px; }

#nav-pages { text-align:center; margin:30px 0;font-size:14px; }
#nav-pages span.right { margin-left:20px; }

#footer { margin-top:15px; }
#footer p { text-align:center; font-size:12px; padding-bottom:15px; }
#footer p span.w3 { display:none; }

.anuncio-google { background-color:#FFF; border:1px solid #999; border-top-width:0; text-align:center; padding:5px 0; width:850px; margin:0 auto; }
.arranha-ceu { text-align:center; }
#uolhost { text-align:left; width:470px; margin:15px auto 5px auto; }
#uolhost p { font-size:11px; font-weight:normal; }

.anuncio-google-rodape { margin:0px auto 15px auto; width:728px; }
.anuncio-google-rodape p { font-size:11px; font-weight:normal; }

/* Hacks IE6 */
#nav { _height:20px; }



/* print */
@media print {
  body { font-size:13pt; font-family:georgia, serif; margin:5pt; background-color:#FFF; }
  #header, #nav-posts, #footer, .arranha-ceu {display:none;}
  
  .article { border:0; }
  .article h1 { background-color:#FFF; color:#333; }
  .article a[href]:after { content: " (" attr(href) ") "; }
  
  .section-text .code { overflow:visible; }
  .section-text .code pre {
    white-space: pre-wrap;       /* css-3 */
    white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
  }
}