/*
Theme Name: HTML5
Theme URI: http://www.pinceladasdaweb.com.br
Description:
Version: 1.0
Author: Pedro Rogerio
Author URI: http://www.pinceladasdaweb.com.br
*/
/*
+----------------------------------------------------------------+
Reset CSS for HTML5
+----------------------------------------------------------------+
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
}
ul, ol {list-style:none}
section, article, aside, header, footer, nav, dialog, figure {display:block;}
/*
+----------------------------------------------------------------+
CSS3 Font-face
+----------------------------------------------------------------+
*/
@font-face {
font-family: 'Helvetica Neue';
src: url('helvetica-neue.eot');
src: local('Helvetica Neue LT Std 77 Bold Condensed'), local('HelveticaNeueLTStd-BdCn'), url('helvetica-neue.woff') format('woff'), url('helvetica-neue.ttf') format('truetype'), url('helvetica-neue.svg#HelveticaNeueLTStd-BdCn') format('svg');
}
/*
+----------------------------------------------------------------+
Definicoes Gerais
+----------------------------------------------------------------+
*/
body {background:#efede9 url(img/background.jpg) repeat-x left top; font:62.5% Arial, Helvetica, sans-serif}
#container {margin:0 auto; width:990px}
a {color:#333; text-decoration:none}
.clear {clear:both}
.clearfix {overflow:hidden}
.floatL {float:left; margin:0 10px 10px 0}
.floatR {float:right; margin:0 0 10px 10px}
.aligncenter {text-align:center; margin:0 0 10px}
/*
+----------------------------------------------------------------+
Extras
+----------------------------------------------------------------+
*/
.alert {background-color:#F9E8BC; border:2px solid #DEC88E; color:#957A33; padding:3px}
pre code{
padding:10px;
font:normal 12px "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Verdana,Arial,sans-serif;
display:block;
text-align:left;
width:96%;
overflow:auto;
background-color:#F8F8F8;
border-style:solid;
border-width:1px 1px 1px 8px;
border-color:#E8E8E8;
}
article section .syntaxhighlighter {font-size:11px}
#browser_version-BR-monthly-200807-200907-bar embed {height:333px; width:500px}
/*
+----------------------------------------------------------------+
Banners
+----------------------------------------------------------------+
*/
#superbanner {height:90px; margin:0 auto 25px; width:728px}
.fullbanner {height:60px; margin:0 auto 20px; width:468px}
/*
+----------------------------------------------------------------+
Header
+----------------------------------------------------------------+
*/
header {padding:50px 0 25px}
header h1 {background:url(img/logo.jpg) no-repeat; float:left; height:80px; margin:-5px 0 0 10px; width:332px}
header h1 a {display:block; height:100%; width:100%}
header h1 span {display:none}
header nav {background:url(img/bg_nav.jpg) no-repeat; float:right; height:61px; padding-left:15px}
header nav ul {background:url(img/bg_right_nav.jpg) no-repeat right top; height:61px; padding-right:15px}
header nav ul li {background:url(img/nav_separator.jpg) no-repeat right 7px; float:left; font-size:1.3em; line-height:61px; margin-right:14px; padding-right:18px; text-transform:uppercase}
header nav ul li:last-child {background:none; margin:0; padding:0}
header nav ul li.page-item-24 {background:none; margin:0; padding:0}
header nav ul li a {text-shadow:0 2px 1px #fff}
header nav ul .current a, header nav ul .current_page_item a {color:#336699}
/*
+----------------------------------------------------------------+
Content
+----------------------------------------------------------------+
*/
#content-main {clear:both}
#content {float:left; width:650px}
/*
+----------------------------------------------------------------+
Post
+----------------------------------------------------------------+
*/
article {position:relative; margin-bottom:20px}
article .shadow {background:#fff url(img/bg_footer_post.png) repeat-x left bottom; box-shadow:0px 0px 5px #888; -moz-box-shadow:0px 0px 5px #888; -webkit-box-shadow:0px 0px 5px #888; padding:30px 20px;}
article header {margin-bottom:10px; padding:0}
article .postmeta {left:-51px; position:absolute; top:15px; width:51px}
article .postmeta .date {background:url(img/bg_date.png) no-repeat left top; color:#999; font-size:1.1em; height:45px; margin-bottom:5px; padding-top:12px; text-align:center; text-transform:uppercase; width:59px}
article .postmeta .date span {color:#fff; display:block; font-size:2em}
article .postmeta .comments {background:url(img/bg_comments.png) no-repeat; font-size:1.2em; height:24px; line-height:24px; padding-right:10px; text-align:right; width:41px;}
article .postmeta .comments a {color:#fff; display:block; height:100%; width:100%}
article header h2 {font:3.2em "Helvetica Neue",Arial,Helvetica,sans-serif; margin-bottom:4px; text-shadow:1px 1px 1px #ccc; -webkit-text-stroke: 0.001px transparent}
article header small {color:#999}
article section {padding-bottom:30px}
article section * {font-family:Helvetica,Arial,sans-serif}
article section a {color:#960000; text-decoration:underline}
article section a:hover {background-color:#960000; color:#fff; text-decoration:none}
article section a img {border:3px solid #960000}
article section .aligncenter a:hover {background-color:transparent;}
article section .aligncenter a:hover img {border:3px solid #fff}
article section p {font-size:1.5em; line-height:1.6em; margin-bottom:10px}
article section h3, article section h4 {border-bottom:1px solid #818181; color:#960000; font-family:Georgia; font-size:2.4em; line-height:1.6em; margin-bottom:15px}
article section h4 {font-size:1.8em}
article section h5 {font-size:1.5em}
article section ul {font-size:1.5em; margin:0 0 10px 15px}
article section ul li {background:url(img/arrow.gif) no-repeat left 8px; line-height:1.4em; margin-bottom:5px; padding-left:15px}
article section dl {font-size:1.5em; margin:0 0 10px 0}
article section dl dt {margin-bottom:5px}
article section dl dd {margin:0 0 5px 25px}
article section dl dt, article section dl dd {line-height:1.6em}
article section blockquote {background:url(img/open_quote.gif) no-repeat left top; color:#666; margin:0 auto; padding:10px 0 0 50px; width:80%}
article section blockquote p:last-child {background:url(img/close_quote.gif) no-repeat right bottom; padding-bottom:36px;}
article section .more-link {background:url(img/more.png) no-repeat; display:block; float:right; height:26px; margin:0 -24px -16px 0; overflow:hidden; text-indent:-9000px; width:52px}
article section a:hover.more-link {background-color:transparent}
article footer {background-color:transparent; padding:0; text-align:left}
article footer ul {background:url(img/bg_post_meta.png) repeat-x left bottom; font-size:.9em; height:38px; line-height:38px; margin-bottom:0; padding-top:15px}
article footer .cat {background:url(img/ico_cat.png) no-repeat left center; color:#333; float:left; padding-left:18px;}
article footer .tags {background:url(img/ico_tags.png) no-repeat left center; color:#333; float:right; margin-right:0; padding-left:18px}
article footer .cat a, article footer .tags a {color:#999}
/*
+----------------------------------------------------------------+
Related Posts
+----------------------------------------------------------------+
*/
#related_post_text {float:left; margin-bottom:30px; width:200px}
#related_post_text h3 {font-size:1.4em; margin-bottom:5px}
#related_post_text p {font-size:1.1em}
.related_post {background-color:#EDEDED; border:1px solid #CECFD0; float:right; font-size:1.1em; margin:0 0 30px; padding:20px; width:340px}
.related_post li {margin-bottom:5px}
.related_post li a {text-decoration:underline}
.related_post_title {display:none}
/*
+----------------------------------------------------------------+
Retweet Box
+----------------------------------------------------------------+
*/
#social_post_text {float:left; margin-bottom:30px; width:200px}
#social_post_text h3 {font-size:1.4em; margin-bottom:5px}
#social_post_text p {font-size:1.1em}
#social_post_text a {color:#960000; text-decoration:underline}
#social_post_text a:hover {background-color:#960000; color:#fff; text-decoration:none}
.social_post {background-color:#EDEDED; border:1px solid #CECFD0; float:right; margin:0 0 30px; padding:20px; width:340px}
.social_post li {float:left; margin-right:10px}
.social_post li.bump {}
.social_post li.dzone {margin-top:-7px}
.social_post li.buzz {margin-top:-5px}
/*
+----------------------------------------------------------------+
Author Meta
+----------------------------------------------------------------+
*/
#authorbox {background:#EDEDED url(img/write.gif) no-repeat right center; border:1px solid #CECFD0; clear:both; overflow:hidden; padding:15px}
#authorbox img {border:2px solid #CECFD0; float:left}
#authorbox div {margin-left:76px; width:450px}
#authorbox div h4 {font-size:1.4em; margin-bottom:5px}
#authorbox div a {text-decoration:underline}
#authorbox div p {font-size:1.1em}
/*
+----------------------------------------------------------------+
Comments
+----------------------------------------------------------------+
*/
#comments_wrap {background-color:#fff; overflow:hidden; margin-bottom:20px; padding:20px; box-shadow:0px 0px 5px #888; -moz-box-shadow:0px 0px 5px #888; -webkit-box-shadow:0px 0px 5px #888;}
#comments {font-size:1.4em; margin-bottom:20px}
.comment-author {background:transparent url(img/comment_arrow.png) no-repeat right 15px; float:left; /*padding-right:32px;*/ padding:6px 24px 0 6px; /*width:90px*/ width:92px}
.comment-author img {border:3px solid #CECFD0; box-shadow:0px 0px 6px #888; -moz-box-shadow:0px 0px 6px #888; -webkit-box-shadow:0px 0px 6px #888;}
.comment-author .fn {display:block; font-size:1.2em}
.comment-author .fn a {color:#972324;}
.commentlist {margin-bottom:30px}
.commentlist li {clear:both; margin-bottom:12px; overflow:hidden}
.commentlist li .children {margin-left:70px}
.commentlist li .comment-text p {margin:0 0 10px; padding:0}
.commentlist p {font-size:1.1em; line-height:1.5em; padding:10px 0}
.commentlist .comment-meta {clear:left; float:left; font-size:0.9em; /*margin:0 0 3px;*/ margin:0 0 3px 5px; padding:2px 0; width:110px}
.commentlist .comment-meta .comment-edit-link {display:block}
.commentlist .reply {height:36px; margin:-30px 0 0 135px}
.commentlist .reply a {-moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; background-color:#E6E6E6; border:1px solid #CCCCCC; color:#000000; cursor:pointer; display:block; font-size:x-small; padding:4px 8px; vertical-align:top; width:54px}
.comment-text {border:1px solid #DCDDDD; margin-left:121px; padding:15px 15px 30px}
.comment-text a {color:#972324; text-decoration:underline}
#respond h3 {font-size:1.4em; margin-bottom:20px}
#commentform p {padding:0}
#commentform input[type="text"] {border:1px solid #CECFD0; color:#777777; margin:5px 5px 1px 0; padding:3px; width:45%; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
#commentform textarea {border:1px solid #CECFD0; color:#777777; margin:5px 0 10px; width:98%; padding:3px; border-radius:5px; -moz-border-radius:5px; overflow:auto; -webkit-border-radius:5px;}
#commentform #submit {background-color:#222; display: inline-block; color: #fff; text-decoration: none; font-weight: bold; line-height: 1; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 3px #999; -webkit-box-shadow: 0 1px 3px #999; text-shadow: 0 -1px 1px #222; border:none; border-bottom:1px solid rgba(0, 0, 0, 0.25); position: relative; cursor: pointer; font-size:1.4em; margin-bottom:20px; padding:8px 14px 9px}
#commentform input:focus, #commentform textarea:focus {border:1px solid #972324;}
/*
+----------------------------------------------------------------+
Archive
+----------------------------------------------------------------+
*/
article section #archive {overflow:hidden}
article section #archive li {background-image:none; float:left; height:320px; width:130px}
article section #archive li ul {margin:0}
article section #archive li li {background:url(img/arrow.gif) no-repeat left center; float:none; font-size:.6em; height:auto; width:auto}
/*
+----------------------------------------------------------------+
Paginacao
+----------------------------------------------------------------+
*/
.emm-paginate {font:1.2em Helvetica,Arial,sans-serif; margin-bottom:20px; text-align:right}
.emm-paginate .emm-title {color:#000}
.emm-paginate span, .emm-paginate a {color:#fff; line-height:23px; padding:4px 8px 4px 6px}
.emm-paginate .emm-current {background:url(img/paginate-current.png) no-repeat right center; margin-right:4px}
.emm-paginate a, .emm-paginate .emm-gap {background:url(img/paginate.png) no-repeat right center; margin-right:4px}
/*
+----------------------------------------------------------------+
Contact Form
+----------------------------------------------------------------+
*/
.contactform input[type="text"] {border:1px solid #CECFD0; color:#777777; padding:3px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.contactform textarea {border:1px solid #CECFD0; color:#777777; margin:5px 0 10px; padding:3px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.contactform .contacterror {border:1px solid #972324!important}
.contactform #contactsubmit {background: #222 url(/images/alert-overlay.png) repeat-x; display: inline-block; color: #fff; text-decoration: none; font-weight: bold; line-height: 1; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 3px #999; -webkit-box-shadow: 0 1px 3px #999; text-shadow: 0 -1px 1px #222; border:none; border-bottom:1px solid rgba(0, 0, 0, 0.25); position: relative; cursor: pointer; font-size:1.4em; padding:8px 14px 9px}
.contactform input:focus, .contactform textarea:focus {border:1px solid #972324;}
/*
+----------------------------------------------------------------+
Sidebar
+----------------------------------------------------------------+
*/
#sidebar {clear:right; float:right; margin:0 0 20px 10px; width:300px}
#sidebar section {margin-bottom:20px}
#sidebar h3 {background:url(img/headers.png) no-repeat left top; font:2em "Helvetica Neue",Arial,Helvetica,sans-serif; height:45px; line-height:45px; padding:0 10px; text-shadow:1px 1px 1px #ccc}
#sidebar .box-content {background-color:#fff; border-left:1px solid #ccc; border-right:1px solid #ccc; overflow:hidden; padding-top:20px}
#sidebar .box-footer {background:url(img/sidebar-footer.png) no-repeat center bottom; padding-top:10px}
#sidebar #subscribe .box-content {padding-left:16px; padding-right:16px}
#sidebar #subscribe #subscribe-rss {background:url(img/rss.png) no-repeat left center; font-size:2em; line-height:24px; padding-left:60px}
#sidebar #subscribe #subscribe-twitter {background:url(img/twitter-followers.png) no-repeat left center; font-size:2em; line-height:24px; padding-left:60px}
#sidebar #subscribe #subscribe-news {background:url(img/newsletter.png) no-repeat left center; font-size:1.2em; line-height:48px; padding-left:60px}
#sidebar #subscribe #subscribe-rss span, #sidebar #subscribe #subscribe-twitter span {display:block; font-size:.6em}
#sidebar #searchform {margin:0 16px 10px}
#sidebar #searchform #s {background:#fff url(img/search.png) 4px 5px no-repeat; color:#888; padding:5px 5px 5px 30px; border:1px solid #bbb; width:226px; font-size:12px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
#sidebar #searchform #s:focus {border:1px solid #972324;}
#sidebar #searchform #searchsubmit {display:none}
#sidebar #ads li {display:inline; float:left; height:125px; margin:0 0 10px 16px; width:125px}
#sidebar #books ul {margin:0 16px}
#sidebar #books li {float:left; height:60px; margin:0 0 10px 3px; width:50px}
#sidebar #books li img {display:block; margin:0 auto}
#sidebar #posts ul, #sidebar #parceiros ul, #sidebar #categories ul {padding:0 16px}
#sidebar #posts li, #sidebar #parceiros li, #sidebar #categories li {background:url(img/spacer.png) no-repeat center bottom; color:#999; font-size:1.2em; margin-bottom:5px; padding-bottom:5px}
#sidebar #posts li a, #sidebar #parceiros li a, #sidebar #categories li a {background:url(img/arrow.gif) no-repeat left center; line-height:1.6em; padding-left:10px}
#sidebar #categories li {font-size:.8em}
#sidebar #categories li a {font-size:1.4em}
#sidebar #categories li ul {background:url(img/icon_child.gif) no-repeat left -6px; margin-top:5px; padding:0 8px}
#sidebar #categories li ul li {background:none; margin-bottom:0; padding-bottom:0}
#sidebar #categories li ul li a {background:none}
#sidebar #categories {float:left; width:140px}
#sidebar #sky {float:right; width:140px}
#sidebar #categories h3, #sidebar #sky h3 {background:url(img/headers-small.png) no-repeat;}
#sidebar #categories .box-footer, #sidebar #sky .box-footer {background:url(img/sidebar-footer-small.png) no-repeat center bottom}
#sidebar #sky .box-content div {height:600px; margin:0 auto 10px; width:120px}
/*
+----------------------------------------------------------------+
Footer
+----------------------------------------------------------------+
*/
footer {background-color:#333; clear:both; color:#fff; padding:30px 0 60px; text-align:center}
footer ul {margin-bottom:30px}
footer ul li {color:#fff; display:inline; font-size:1.3em; margin-right:30px; text-transform:uppercase}
footer ul li a {color:#fff}
footer ul .current a, footer ul .current_page_item a {color:#336699}