/*
Theme Name: HTML Five
Theme URI: http://html-five.net/
Description: HTML 5 theme for Wordpress.
Version: 2.0
Author: Leo
Author URI: http://ama.to/
Tags: html5
*/
@font-face { font-family: Nevis; src: url(fonts/nevis.ttf) format("truetype"); }
header, footer, section, article, aside, nav { display: block; }
*, body { margin: 0; padding: 0; }
body { width: 980px; margin: 0 auto; font: 13px/1.5em Helvetica, Arial, sans-serif; color: #555; background: #fff; }
a { text-decoration: none; color: #8dc63f; font-weight: bold; }
a:hover { text-decoration: underline; color: #000; }
img { border: none; }
img.alignleft { float: left; margin: 0 15px 15px 0; }
img.alignright { float: right; margin: 0 0 15px 15px; }
img.border { padding: 4px; border: 1px #ccc solid; }
a:hover img.border { border-color: #8dc63f; }
abbr, acronym { cursor: help; border-bottom: 1px #ccc dashed; }
span.amp { font-family: Baskerville, Palatino, Constantia, "Book Antiqua", "URW Palladio L", serif; font-style: italic; font-size: 110%; }
h1, h2, h3, h4 { font-family: Nevis, sans-serif; font-weight: normal; }
h1 a, h2 a, h3 a, h4 a { font-weight: normal; }
/* Header */
#header { position: relative; height: 77px; padding: 20px 0; }
#header h1 { position: absolute; left; 0; width: 466px; height: 77px; text-indent: -9999px; background: url(img/logo.png) center no-repeat; }
#header h1 a { outline: none; display: block; height: 77px; text-decoration: none; }
#header .banner { width: 468px; height: 60px; position: absolute; top: 25px; right: 0; }
/* Nav */
#nav { border: #ddd solid; border-width: 3px 0 1px 0; font-family: Navis, sans-serif; font-size: 14px; line-height: 1em; font-weight: bold; text-transform: uppercase; margin: 10px 0 30px 0; }
#nav ul { height: 25px; list-style: none; }
#nav ul li { display: inline; }
#nav ul li a { display: block; float: left; padding: 5px 10px; color: #666; border-left: 1px #ddd solid; }
#nav ul li.first a { border: none; }
#nav ul .current-cat a { background: #f7f7f7; }
/* Content */
#content { clear: both; width: 630px; float: left; background: #fff; }
#content .head { font-size: 25px; margin: 0 0 50px 0; padding: 0 0 10px 0; font-weight: normal; color: #aaa; border-bottom: 2px #eee solid; }
#content .head strong { color: #666; }
#content .banner { text-align: center; padding: 0 0 40px 0; margin: 0 0 40px 0; border-bottom: 4px #ddd dotted; }
#content nav { margin: 20px 0 0 0; text-transform: uppercase; text-align: center; font-size: 12px; letter-spacing: 2px; }
#content nav a { font-weight: bold; color: #666; }
#content nav a:hover { color: #000; }
/* Home */
.home #content {}
.home #content h1 { font-size: 22px; color: #959595; text-transform: uppercase; margin: 0 0 20px 0; border-bottom: 3px #eee solid; }
.home #content header { margin: 0 0 10px 0; }
.home #content header h2 { font-size: 18px; }
#maingallery { width: 310px; float: left; }
#maingallery img { width: 300px; height: 150px; }
#mainarticles { width: 280px; float: right; }
/* Posts */
#content article { position: relative; padding: 0 0 46px 0; margin: 0 0 30px 0; background: url(img/separador.png) bottom no-repeat; }
#content article code, #content article pre { font-family: Verdana, sans-serif; letter-spacing: 0.5px; font-style: normal; }
#content article header { margin: 0 0 20px 0; }
#content article header h1 { font-size: 35px; font-weight: normal; line-height: 1em; letter-spacing: -1px; }
#content article section { }
#content article section p { margin: 0 0 1em 0; }
#content article section blockquote { color: #666; font-family: Nevis, sans-serif; font-size: 1.3em; margin: 0 40px 1em 40px; }
#content article section blockquote p { margin: 0 0 10px 0; }
#content article section blockquote cite { display: block; font-style: normal; font-size: 11px; line-height: 1em; text-align: right; color: #888; }
#content article section blockquote cite a { color: #666; }
#content article section q { color: #444; letter-spacing: 0.5px; font-style: italic; }
#content article section ul { list-style: none; margin: 0 0 1em 30px; }
#content article section ul li { padding: 3px 0 3px 10px; background: url(img/li.png) 0 11px no-repeat; }
#content article section pre { overflow: auto; margin: 0 0 1.2em 0; font-size: .8em; background: #f7f7f7; padding: 5px; }
#content article section .vvqbox { margin: 0 auto 1em auto; padding: 5px; border: 1px #ddd solid; }
#content article section ins { text-decoration: none; display: block; padding: 10px; background: #f7f7f7; border: 1px #ddd solid; }
#content article footer { margin: 20px 0 0 0; }
#content article footer p { text-align: center; font-size: 11px; font-weight: bold; line-height: 1.2em; text-transform: uppercase; letter-spacing: 2px; color: #bbb; }
#content article footer p.comments { font-family: Nevis, sans-serif; font-size: 12px; }
#content article footer p a { color: #959595; }
#content article footer p.comments a { color: #666; padding: 0 16px 0 0; background: url(img/icon-comments.png) top right no-repeat; }
#content .related { margin: 30px 0; }
#content .related h3 { background: #eee; font-size: 16px; padding: 5px; text-transform: uppercase; }
#content .related ol { list-style: none; }
#content .related li { padding: 5px 0; border-bottom: 1px #ccc dotted; }
#content .related li a { color: #959595; text-decoration: none; }
#content .related li a:hover { color: #000; }
#content .related li strong { font-size: 14px; }
#content .related li img { width: 100px; height: auto; margin: 0 15px 0 0; vertical-align: middle; }
/* Miniposts */
#content .category-miniposts { }
#content .category-miniposts header, #content .category-miniposts section { position: relative; width: 525px; left: -25px; margin: 0; padding: 0 0 0 20px; border-left: 5px #eee solid; }
#content .category-miniposts header h1 { font-weight: bold; text-transform: uppercase; font-size: 18px; letter-spacing: 0; }
#content .category-miniposts section { padding: 5px 0 0 20px; font-size: .9em; }
/* Showcase */
#content .category-html-5-showcase { }
#content .category-html-5-showcase section p a img { padding: 1px; border: 4px #eee solid; }
#content .category-html-5-showcase section p a:hover img { border-color: #8dc63f; }
/* Comments */
#comments { margin: 0 0 40px 0; }
#comments h3 { font-size: 26px; color: #888; text-transform: uppercase; margin: 0 0 20px 0; }
#comments article { border: none; padding: 0; margin: 0 0 30px 0; font-size: 14px; background: none; }
#comments .depth-2 { margin: 0 0 30px 40px; }
#comments .depth-3 { margin: 0 0 30px 80px; }
#comments article header { position: relative; padding: 5px 20px 5px 5px; background: #eee; border-bottom: 2px #ddd solid; margin: 0 0 10px 0; }
#comments .bypostauthor header { background: #e6f0fa; border-color: #cce0f4; }
#comments article header h4 { font-size: 15px; }
#comments article header h4 img { vertical-align: middle; }
#comments article header h4 cite { font-style: normal; }
#comments article header h4 time { color: #888; font-size: 12px; }
#comments article header .comment-reply-link { font-size: 12px; line-height: 1em; position: absolute; top: 10px; right: 10px; background: #0066CC; color: #fff; padding: 3px 6px; font-weight: bold; background: #8dc63f; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#comments article header .comment-reply-link:hover { background: #CC0066; }
#comments section {}
#comments section .moderation { text-align: center; font-weight: bold; color: #999; }
#comments article footer { text-align: center; margin: 0; font-size: 13px; line-height: 1em; font-weight: bold; text-transform: uppercase; }
#respond { position: relative; margin: 0 0 20px 0; background: #f7f7f7; padding: 20px; border: 3px #ddd double; }
#respond legend { padding: 0 5px; text-transform: uppercase; color: #888; font-size: 13px; letter-spacing: 2px; }
#respond label { display: block; font-weight: bold; font-size: 12px; line-height: 1em; color: #999; }
#respond input, #respond textarea { margin: 0 0 15px 0; width: 560px; padding: 5px; border: 1px #ddd solid; }
#respond input:focus, #respond textarea:focus { border-color: #000; }
#respond #submit { display: block; width: auto; margin: 0 auto; border: none; cursor: pointer; color: #fff; font-weight: bold; background: #8dc63f; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#respond .html { margin: 10px 0 0 0; font-size: 11px; line-height: 1em; color: #777; }
#respond #cancel-comment-reply-link { padding: 3px; font-size: 11px; line-height: 1em; background: #fff; }
/* Contact */
#contact {}
#contact h1 { font-size: 35px; margin: 0 0 10px 0; }
#contact fieldset { border: 3px #eee double; padding: 20px 20px 0 20px; }
#contact fieldset p { margin: 0 0 20px 0; }
#contact fieldset p label { display: block; font-weight: bold; color: #888; }
#contact fieldset p input, #contact fieldset p textarea { font: 13px sans-serif; width: 460px; padding: 4px; border: 1px #ccc solid; }
#contact fieldset p input:focus, #contact fieldset p textarea:focus { border-color: #000; }
#contact fieldset p #submit { display: block; width: auto; margin: 0 auto; border: none; cursor: pointer; color: #fff; font-weight: bold; text-transform: uppercase; background: #8dc63f; text-shadow: 0 0 1px rgba(0,0,0,0.7); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
#contact fieldset p span.error { display: block; font-weight: bold; color: #CC0066; font-size: 13px; }
#contact fieldset p input.error, #contact fieldset p textarea.error { border-color: #CC0066; }
/* Sidebar */
#sidebar { width: 320px; float: right; font-size: 11px; line-height: 1em; background: #f7f7f7; border: 1px #ddd solid; }
#sidebar a { color: #777; font-weight: bold; }
#sidebar h1, #sidebar h3 { text-transform: uppercase; font-size: 16px; line-height: 16px; color: #fff; padding: 5px 10px; background: #aaa; }
#sidebar ul { list-style: none; }
#sidebar ul li { }
#sidebar ul li ul { padding: 10px; }
#sidebar ul li ul li { border-bottom: 1px #ddd dashed; padding: 5px 0 5px 12px; background: url(img/li.png) 0 8px no-repeat; }
#sidebar ul li ul li:last-child { border: none; }
#sidebar ul li ul li ul { margin: 0; padding: 0; }
#sidebar ul li ul li ul li { border: none; padding: 5px 0 0 12px; }
/* Ads */
#sidebar .ads { padding: 10px 10px 0 10px; background: #fff; border-bottom: 1px #ddd solid; }
/* Subscribers */
#sidebar .subscribers { }
#sidebar .subscribers a { display: block; height: 40px; font-family: Nevis, sans-serif; font-size: 20px; line-height: 20px; font-weight: bold; text-transform: uppercase; padding: 20px 20px 20px 70px; background: url(img/bg-feed.png) 20px center no-repeat; color: #777; text-decoration: none; }
#sidebar .subscribers a:hover { background-color: #e8f4d9; }
#sidebar .subscribers a strong { display: inline-block; color: #fff; background: #8dc63f; padding: 3px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#sidebar .subscribers a span { display: block; font-size: 14px; line-height: 16px; font-weight: normal; color: #bbb; }
/* Tagcloud */
#sidebar #tagcloud { margin: 0 0 20px 0; }
#sidebar #tagcloud ul { text-align: center; margin: 10px 0 0 0; line-height: 1.8em; }
#sidebar #tagcloud ul li { display: inline; }
#sidebar #tagcloud ul li a { padding: 0 3px; white-space: nowrap; }
/* Search */
#sidebar .search { padding: 10px; text-align: center; background: #e8f4d9; border-bottom: 1px #ddd solid; }
#sidebar .search form { height: 24px; background: #fff; padding: 5px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; border: 1px #fff solid; }
#sidebar .search:hover form { border-color: #ddd; }
#sidebar .search input { font: 14px Helvetica, Arial, sans-serif; padding: 3px; border: none; background: none; }
#sidebar .search label { display: none; }
#sidebar .search #s { float: left; width: 200px;}
#sidebar .search .button { float: right; width: 70px; border: none; cursor: pointer; color: #fff; font-weight: bold; background: #8dc63f; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
/* Footer */
#footer { padding: 50px 0 10px 0; text-align: center; clear: both; font-size: 11px; line-height: 1em; letter-spacing: 2px; color: #777; }
#footer a { color: #333; font-weight: bold; }