/*
Theme Name: Bacana Green! 
Author URI: http://www.operabacana.com.br
Version: 0.1
Author: Ópera Propaganda!
Description: Theme for Ópera Propaganda website
*/

/* FONT STYLE */
@font-face {
 font-family: MyCustomFont;
 src: url("18thCentury.eot") /* EOT file for IE */
}
@font-face {
 font-family: MyCustomFont;
 src: url("18thCentury.ttf") /* TTF file for CSS3 browsers */
}


/*************************CSS RESET*************************/
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
html, body, div, span, aside, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { 
	content: '';
	content: none;
}
:focus {outline: 0;}
input:focus {background:#FBEBEB;}
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* HTML5 RESET */
article, aside, dialog, figure, footer, header, nav, section {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
	display:block;
}


/*************************DEFAULT STYLES*************************/
.clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} /* FF, O, etc. */
.clearfix {display: inline-block;} /* IE7xhtml*/
html[xmlns] .clearfix {display: block;} /* O */
* html .clearfix {height: 1%;} /* IE5-6 */
body {background:white; margin:0 auto; font:normal 0.688em Verdana,Arial,Tahoma; color:#424242; text-align:center;}
h1,h2,h3,h4,h5,h6 {font-family:"Century Gothic",Verdana,Arial,Tahoma; font-weight:normal;}
html, body {height:100%;}
a {text-decoration:underline; color:#424242;}
header#page-header, article#post, section#comments, section#searchlist, section#content, footer#page-footer {width:997px; text-align:left;}
header, article, section, nav, footer {margin:auto; text-align:left; color:black;}
date {font-style:italic;}
/* Wordpress caption */
.wp-caption {border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px;}
.wp-caption.alignleft {float:left;}
.wp-caption.alignright {float:right;}
.wp-caption.aligncenter {display:block; margin:10px auto 10px auto;}
.wp-caption img {margin: 0;	padding: 0;	border:0px;}
.wp-caption a img {border:1px solid #999; margin:0px;}
.wp-caption a:hover img {border:1px solid #cc0000;}
.wp-caption p.wp-caption-text {font-size:0.909em; font-style:italic;	line-height: 17px;	padding: 0 4px 5px;	margin: 0;}

/*************************HEADER*************************/
header#page-header {background:url(images/header-bg.jpg) no-repeat top center; height:184px;}
header#page-header a img{ margin-left:265px; margin-top:-10px; }
header#page-header #logo img {margin:50px 0px 0px 35px;}
header#page-header div#blog-description {color:white; font-size:0.909em; float:right; margin:80px 43px 0px 0px; width:200px; text-align:justify;}
header#page-header div#blog-description:first-letter {padding-left:25px;}

/*************************NAVIGATION*************************/
nav#sidebar {width:279px; height:100%; float:right; display:inline; background:url(images/nav-bg.jpg) repeat-y top right; text-align:right;}

/* Widgets */
nav#sidebar .widgets {margin:20px 40px 30px 30px;}
nav#sidebar .widgets .widget {margin:0px 0px 35px 0px;}
nav#sidebar .widgets .widget ul li a{ line-height:16px;}
nav#sidebar .widgets .widget ul li, nav#sidebar .widgets .widget ul li a {color:#424242; text-decoration:none;}
nav#sidebar .widgets .widget ul li a:hover {text-decoration:underline; }
nav#sidebar .widgets .widget h4 {color:white; font-size:1.818em; margin:0px 0px 7px 0px; font-weight:normal;}

/* Search */
nav#sidebar .widgets #search.widget h4 {text-indent:-999%; background:url(images/nav-search.jpg) no-repeat right top; height:20px; font-size:0px;}
nav#sidebar .widgets #search.widget #searchform .text {background:url(images/nav-search-input.jpg) no-repeat right top; width:192px; height:19px; padding:7px 10px 0px 7px; font-size:0.909em; color:#424242; border:none;}
nav#sidebar .widgets #search.widget #searchform .submit {background:url(images/nav-seach-input.jpg) no-repeat right top; width:26px; height:21px; cursor:pointer; margin:5px 0px 0px 0px; border:none; color:#424242; padding:0px 4px 0px 0px; font-size:0.909em;}

/* Categories */
nav#sidebar .widgets #categories-3.widget .widget-content h4 { text-indent:-999%; background:url(images/nav-categories.jpg) no-repeat right top; height:20px; font-size:0px;}

/* Latest Comments */
nav#sidebar .widgets #get-recent-comments.widget h4 {text-indent:-999%; background:url(images/nav-last-comments.jpg) no-repeat right top; height:20px; font-size:0px;}
nav#sidebar .widgets #get-recent-comments.widget ul li {color:white; font-size:0.909em; text-align:justify;}

/* Latest Works */
nav#sidebar .widgets #rssimport-4.widget h4 {text-indent:-999%; background:url(images/nav-last-works.jpg) no-repeat right top; height:20px; font-size:0px;}
nav#sidebar .widgets #rssimport-4.widget ul li {display:inline-block;}
nav#sidebar .widgets #rssimport-4.widget ul li img {background:url(images/thumb-bg.jpg) no-repeat right top; padding:7px 8px 1px 1px; margin:0px 0px 5px 8px;}


/*************************CONTENT*************************/
section#content {color:white; display:table; margin:0px auto 0px auto; background:url(images/bg-hack.jpg) repeat-y right top;}
section#content a {color:white;}
section#content .divisor {background:url(images/divisor.jpg) no-repeat top center; width:auto; height:16px; margin:0px 0px 40px 0px;}

/* Home Post List, Single Post & Page */
section#content #home-post-list,
section#content article#post {margin:0px 0px 20px 7px; width:700px; background:#575757;}
section#content article {padding:0px 10px 0px 0px;}
section#content article img.alignleft {float:left; margin-left:0px; margin-top:0px; margin-right:10px;}
section#content article img.aligncenter {display:block; text-align:center;}
section#content article img.alignright {float:right; margin-right:0px;}
section#content article header h2 {font-size:3.364em; color:#a6e754; text-align:right; font-weight:normal; margin-top:15px;}
section#content article header h2 a {color:#a6e754; text-decoration:none;}
section#content article header h2 a:hover {text-shadow:0px 0px 5px #a6e754;}
section#content article header small.comment-count {display:inline-block; background:url(images/comment-count.jpg) no-repeat left top; width:170px; height:35px; margin: 5px 0px 0px 5px;}
section#content article header small.comment-count a {font-weight:bold; text-decoration:none; padding:10px 130px 10px 0px; display:block; text-align:right;}
section#content article header small.author {color:white; float:right; margin:17px 0px 0px 0px;}
section#content article header small.author a,
section#content article header small.author .author-name {color:#adde2b; font-weight:bold; text-decoration:none;}
section#content article header small.author a:hover {text-decoration:underline;}
section#content article .entry {color:white; margin:20px 0px 0px 20px; text-align:justify;}
section#content article .entry a {color:#a6e754; text-decoration:none; font:1em Verdana; font-weight:bold; margin-left:10px;}
section#content article .entry a:hover, section#content article .entry a:focus {background:#575757; text-shadow:0px 0px 5px #a6e754;}
section#content article .entry p,
section#content article .entry blockquote,
section#content article .entry h1,
section#content article .entry h2,
section#content article .entry h3,
section#content article .entry h4,
section#content article .entry h5,
section#content article .entry h6,
section#content article .entry ul,
section#content article .entry ol {padding:0px 0px 15px 0px;}
section#content article .entry h1 {font-size:1.636em;}
section#content article .entry h2 {font-size:1.455em;}
section#content article .entry h3 {font-size:1.364em;}
section#content article .entry h4 {font-size:1.273em;}
section#content article .entry h5 {font-size:1.182em;}
section#content article .entry h6 {font-size:1.091em;}
section#content article .entry ul li,
section#content article .entry ol li {margin:0px 0px 0px 30px; list-style-type:circle;}
section#content article .entry blockquote,
section#content article .entry cite { font-weight:bold; font:1em Verdana; font-style:normal;}
section#content article .entry p:first-letter {padding-left:40px;}
section#content article .entry a.more-link {font-weight:bold; float:right;}
section#content aside { margin-bottom: 100px;}
section#content aside p.previous {float:left; margin-left:15px;}
section#content aside p.next {float:right; margin-right:5px; }
section#content aside div.wp-pagenavi { width:260px; margin-left:230px;}



/* Search */
section#searchlist {width:660px; margin:0;}
section#searchlist .divisors { background:url(images/divisor.jpg) no-repeat center; width:auto; height:16px; margin: 15px 0px 25px 0px;}
section#searchlist .divisor {background:url(images/divisorpb.gif) no-repeat center; width:auto; height:16px; margin: 15px 0px 25px 0px; }
section#searchlist h1 {font:2.455em Century Gothic; padding:3px; margin:10px 0px 0px 20px; color:white; padding-bottom:8px;}
section#searchlist h1 span.term { color: #a6e754;}
section#searchlist aside p.previous {float:left; margin-left:25px;}
section#searchlist aside p.next {float:right; margin-right:-40px;}
section#searchlist article { width: 690px; margin:0px 10px 15px 20px; padding:0px 0px 10px 0px;}
section#searchlist article header {padding:0px 10px 10px 10px; height:40px; width:auto;  background:url(images/headerbg.gif) repeat-x bottom #575757;}
section#searchlist article header h2.title {font-size:1.636em; height:45px; width: 480px; text-align:left;}
section#searchlist article header h2.title {text-shadow:0px 0px 4px rgba(204,0,0,0.3);} /* CSS 3 */
section#searchlist article header h2 a {color:#cc0000; font-family: Century Gothic; font-size: 20px; font-weight:bold;}
section#searchlist article header h2 a {text-shadow:0px 0px 4px rgba(204,0,0,0.3);} /* CSS 3 */
section#searchlist article header h2 a:hover {background-color:#575757;}
section#searchlist article header time {color:#333; font-style:normal; float:right; line-height:21px; color: white;}
section#searchlist article header time span.day {display:inline-block; font: 1em Verdana;}
section#searchlist article header time span.month { display:inline-block;; font: 1em Verdana;}
section#searchlist article header time span.author { color: #a6e754; font-family:Verdana; font-weight:bold; margin:0px;}
section#searchlist article header small.comment-count { display:inline-block; background:url(images/comment_count.gif) no-repeat; width:131px; height:38px; float:right;}
section#searchlist article header small.comment-count a { display:inline-block; font-weight:bold; text-decoration:none; padding:10px 87px 10px 20px; display:block; text-align:right;}
section#searchlist article .info {height:26px; padding:7px 10px; font-size:0.818em;}
section#searchlist article .info a {color:#CC0000;}
section#searchlist article .info a:hover, article#post .info a:focus {background:#fbebeb;}
section#searchlist article .info .postcategories {background:url(images/categories.gif) no-repeat left center; float:left; height:28px; padding-left:30px;}
section#searchlist article .info .commentcount {background:url(images/comment.gif) no-repeat left center; float:right; height:28px; padding:0px 0px 0px 30px;}
section#searchlist article .info .commentcount p {padding:7px 0px 0px 0px;}
section#searchlist article p.content {padding: 35px 10px 0px 10px; text-align:justify; color:white;}
section#searchlist article p.content:first-letter { margin-left: 40px;}
section#searchlist article p.content img {max-width:100px; max-width:100px;  border:4px solid #ffcccc; float:left; margin:0px 5px 5px 0px;}
section#searchlist article p.readmore a {display:block; background:#575757; color:#a6e754; text-align: left; font-weight:bold; font:1em Verdana; padding:3px 10px;}
section#searchlist article p.readmore a {text-shadow:-1px -1px 1px rgba(0,0,0,0.3);} /* CSS 3 */
section#searchlist article p.readmore a:hover, section#searchlist article p.readmore a:focus {background:#575757; text-shadow:0px 0px 5px #a6e754;}


/* Nada Encontrado */
body.search section#content h1 { color:#FFF; font-size:2.455em; margin:15px 0px 0px 30px;}
body.search section#content div#nosearch { font:15px Verdana; color:#a6e754; margin:15px 0px 0px 30px;}
body.search section#content div#notsearch { font:15px Verdana; color:#FFF; margin:0px 0px 0px 30px;}


/* Error 404 */
body.error404 header#page-header { display:none;}
body.error404 section#content { background-image:none;}
body.error404 section#content section#notfound p { float: left; margin-left: 500px; color:#FFF; margin-top: -100px; font:15px Verdana; text-align:right;}
body.error404 section#content section#notfound p a { color: #000;}
body.error404 section#content section#notfound a img.back { margin-top:-15px; margin-left: 5px;}
body.error404 section#content section#notfound a img.logoerro { margin-top: 100px; margin-left: 3px;}
body.error404 section#content section#notfound img.imgerro { float:left; margin-top: -400px; margin-left:263px;}


/* Comments */
section#comments {margin:0px 20px 20px 27px; width:674px; }
section#comments a {color:#93bb2b; font-weight:bold;}
section#comments h4.title {background:url(images/header-comments.jpg) no-repeat left top; width:674px; height:47px; display:block; text-indent:-999%; margin-bottom: 10px;}
section#comments .error {background:#fbebeb; color:#cc0000; font-size:0.818em; font-weight:bold; border-bottom:1px solid #CC0000; border-top:1px solid #CC0000; padding:3px;}
section#comments article .error {background:white;}
section#comments article .personimage {width:50px; height:50px; background:#6d6d6d; padding: 3px;}
section#comments article.one .personimage {float:left; margin:0px 0px 0px 10px; width:40px; height: 40px; border: #93bb2b 1px solid;}
section#comments article.two .personimage {float:right;}
section#comments article .personimage img {width:40px; height:40px;}
section#comments article .entry {background:#6d6d6d; width:670px; min-height:100px; padding:10px 0px; border: #4c4c4c 1px solid;}
section#comments article .entry p {margin:25px 10px 0px 10px; text-align:justify; width: 650px;}
section#comments article .entry p:first-letter { padding-left:0px;}
section#comments article.one .entry {margin:0px 0px 20px 0px;}
section#comments article.two .entry {margin:0px 80px 20px auto;}
section#comments article time {color:white; font:1em Verdana; margin-left:10px;}
section#comments article p.thdrpy {padding:0; text-align:right;}
section#comments article p.thdrpy a {display:block; background:#333; color:white; padding:3px 10px; font-size:0.818em;}
section#comments article p.thdrpy a:hover, section#comments article .reply a:focus {background:#CC0000;}

section#comments article.unapproved .personimage, section#comments article.unapproved .entry {background:#fbebeb;}
section#comments article.pingback .personimage, section#comments article.pingback .entry {background:#ebebfb;}
section#comments article.trackback .personimage, section#comments article.trackback .entry {background:#ebebfb;}
section#comments article.comment .personimage {float:left; margin:0px 0px 0px 10px; width:40px; height: 40px; border: #93bb2b 1px solid;} 
section#comments article.comment .entry {background: #6d6d6d; width:670px; min-height:100px; padding:10px 0px; border: #4c4c4c 1px solid;}
section#comments article.comment .entry cite.author { color:#a6e754; text-decoration:none; font:1em Verdana; font-weight:bold; margin-left:10px;}
section#comments article.comment .entry span{color:white;}
section#comments article.comment .entry time {color:white;}

section#comments article .comment-child {border-top:1px dashed #CC0000; margin:10px 0px 0px 0px; padding:10px 0px 0px 0px; font-size:0.818em;}
section#comments article.comment .comment-child {border-top:1px dashed white;}
section#comments article .comment-child .personimage {width:30px; height:30px; font-size:0.909em;}
section#comments article .comment-child .personimage img {width:30px; height:30px;}
section#comments article .comment-child .entry {margin:0px 0px 0px 0px;}
section#comments article .comment-child .entry, section#comments article .comment-child .personimage {-moz-border-radius:0px; border-radius:0px; -webkit-border-radius:0px; -moz-box-shadow:0px 0px 0px rgba(0,0,0,0.5); box-shadow:0; -webkit-box-shadow:0px;} /* CSS 3 */
section#comments article.two .comment-child .personimage {float:left;}

section#comments .stats {height:36px; margin:0px 0px 20px 0px;}
section#comments .stats p.commentcount {background:white; float:left; color:#CC0000; font-weight:bold; font-size:1.182em; padding:10px;}
section#comments .stats p.commentcount {-moz-border-radius:10px; border-radius:10px; -webkit-border-radius:10px; -moz-box-shadow:1px 1px 6px rgba(0,0,0,0.5); -webkit-box-shadow:1px 1px 6px rgba(0,0,0,0.5); box-shadow:1px 1px 6px rgba(0,0,0,0.5);} /* CSS 3 */
section#comments .stats p.commentcount strong {color:black;}
section#comments .stats a.docomment {background:url(images/bigcomment.gif) right center no-repeat white; float:right; color:#CC0000; font-weight:bold; font-size:1.182em; padding:10px 40px 10px 10px; display:block;}
section#comments .stats a.docomment:hover {color:black;}
section#comments .stats a.docomment {-moz-border-radius:10px; border-radius:10px; -webkit-border-radius:10px; -moz-box-shadow:1px 1px 6px rgba(0,0,0,0.5); -webkit-box-shadow:1px 1px 6px rgba(0,0,0,0.5); box-shadow:1px 1px 6px rgba(0,0,0,0.5);} /* CSS 3 */

section#comments #docomment {color:white; margin:40px 0px 0px 0px;}
section#comments #docomment h5 {background:url(images/docomment.jpg) no-repeat left top; width:252px; height:19px; font-size:0px; text-indent:-999%; margin:0px 0px 20px 0px;}
section#comments #docomment #commentform {padding:0; margin:0; background:none;}
section#comments #commentform label {color:white; display:block;}
section#comments #commentform input {background:url(images/input-text.jpg) top right no-repeat; width:258px; height:20px; border:none; color:#666; padding:6px 10px 0px 6px; margin-bottom:4px;}
section#comments #commentform .textarea-input {position:absolute; margin:-137px 0px 0px 284px; width:376px; height:125px;}
section#comments #commentform textarea { display:inline-block; background:url(images/input-textarea.jpg) no-repeat bottom right; width:376px; height:106px; border:none; padding:6px 10px 6px 6px; color:#666;}
section#comments #commentform input.submit {background:url(images/send.jpg) no-repeat left top; text-indent:-999%; display:block; width:62px; height:26px; cursor:pointer; float:right; }


/*************************FOOTER*************************/
footer#page-footer {background:url(images/footer-bg.jpg) no-repeat left top; height:86px; text-align:center; color:#424242; font-size:0.909em;}
footer#page-footer a {text-decoration:none; color:#424242;}
footer#page-footer a:hover {text-decoration:underline;}
footer#page-footer #list-pages {padding:30px 0px 0px 0px;}
footer#page-footer #list-pages li {display:inline; padding:0px 6px;}
footer#page-footer #credits {margin-top:10px;}