/*
Theme Name: Fogão Azul
Theme URI: http://fogaoazul.com/
Description: Theme for the blog Fogão Azul
Author: André Leite & Maria Regina Carriero
Author URI: http://locomotivadigital.com/
Version: 0.1
*/

/* base */
body {background-color: #eee;}
body, input, select, textarea, button {color: #333;}
a {color: #f30; text-decoration: none;}
a:hover {text-decoration: underline;}
body, div, h1, h2, h3, p, ul, ol, li, form {padding: 0; margin: 0;}
form {display: inline;}
table {border-collapse: collapse; border-spacing: 0; margin-bottom: 15px; width: 100%;}
img {border: none;}
input, textarea, button {outline: none;}
.clear {clear: both; height: 0; width: 0;}
span.clear {display: block;}

/* tipography */
body, label, input, textarea, button, .edit, .post .side, #links_post, small {font-family: "apertura-1","apertura-2", tahoma, arial, sans-serif;}
.post {font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2", georgia, serif;}
h2, .post .side .day, .post .side .comments {font-size: 24px;}
h3, #pagination, .block .number, #search #s, #search #submit {font-size: 18px;}
#navbar, .block h3 {font-size: 16px;}
.post {font-size: 15px;}
label, input, textarea, button, .comment {font-size: 13px;}
#comment_form p, .comment, #next_link, #previous_link, #nav .submit {font-size: 12px;}
.block .content, small, #footer, .edit, .post .side .month {font-size: 11px;}
.edit {font-weight: normal;}
label, button, #navbar, .post .side, #pagination {font-weight: bold;}
.post h2, .post h3, .post p, .post ul, .post ol, .post blockquote, #links_post, .block p,.block li, #comments .comment .content, #comment_form textarea {line-height: 180%;}

/* images */
.block {background-repeat: no-repeat; background-position: 220px 0;}
.image {background-repeat: no-repeat; display: inline-block;}
.logo {background-position: 0 0; height: 65px; width: 268px; text-indent: -9999px;}
.twitter {background-position: 0 -65px; height: 90px; width: 90px;}
.flickr {background-position: -90px -65px; height: 90px; width: 90px;}
.rss {background-position: -180px -65px; height: 90px; width: 90px;}

/* layout */
#wrapper {margin: 0 auto; width: 975px;}
#header {padding: 15px 30px; text-align: center;}
#logo {float: left; margin-top: 10px; width: 585px;}
#social {float: right; width: 270px;}
#navbar {background-color: #f30; margin: 0 30px;}
#content {background-color: #fff; padding: 35px 30px 0 30px;}
#main {float: left; width: 585px; padding-bottom: 15px;}
#sidebar {float: right; width: 270px;}

/* admin */
#login {background-color: transparent; position: absolute; height: 15px; right: 0; top: 0; width: 15px;}
#adminbar {background-color: #444; color: #fff; padding: 5px 3px 6px 3px;}
#adminbar .left {float: left; width: 50%;}
#adminbar .right {float: right; width: 50%; text-align: right;}
#adminbar .badge {background-color: #f30; color: #fff; padding: 1px 3px;}
.edit {background-color: #eee; color: #666; margin: 0 0 0 6px; padding: 4px 5px 3px 5px; vertical-align: 2px;}
.edit:hover {background-color: #39c; color: #fff; text-decoration: none;}
#adminbar .edit {background-color: #777; color: #ddd; display: block; margin: 0 3px;}
#adminbar .edit:hover {background-color: #39c; color: #fff;}
#adminbar .left .edit {float: left;}
#adminbar .right .edit {float: right;}
.post h2 .edit {vertical-align: 3px;}
.block .edit {color: #666; vertical-align: 2px;}
.block .edit:hover {color: #fff;}
#comments .comment .edit {background-color: #39c; color: #fff;}
#comments .comment_author .edit {background-color: #eee; color: #666;}
#comments .comment .edit:hover, #comments .comment_author .edit:hover, #comment_form .edit:hover {background-color: #333; color: #fff;}
#links_post .edit {color: #333; margin: 0;}
#links_post .edit:hover {color: #fff;}

/* header */
#logo a {text-decoration: none;}
#navbar table {margin: 0 1% 0 2%; width: 97%;}
#navbar td {padding: 0 10px; vertical-align: middle; text-align: center;}
#navbar a {color: #fff; vertical-align: 1px;}
#navbar td.search {padding: 6px 0; width: 285px;}
#navbar input#s {border: none; padding: 6px 56px 6px 6px;; width: 60%;}
#navbar button#submit {background-color: #39c; border: none; color: #fff; margin: 0 0 0 -54px; padding: 4px 2px 4px 4px; width: 52px; vertical-align: 0px; font-weight: normal;}
#navbar button#submit:active {background-color: #069;}

/* footer */
#footer {background-color: #39c; margin: 0 30px 30px 30px;}
#footer table {margin: 0 3%; width: 94%;}
#footer td {padding: 10px 0 12px 0; text-align: center; vertical-align: middle;}
#footer, #footer a {color: #fff;}
#footer a {text-decoration: underline;}

/* search */
#search {background-color: #eee; padding: 30px 30px; margin-bottom: 40px; text-align: center;}
#search #s {border: none; padding: 8px 80px 8px 8px; width: 380px; vertical-align: 1px;}
#search #submit {background-color: #39c; border: none; color: #fff; margin: 0 0 0 -78px; padding: 4px; vertical-align: 1px; width: 70px;}
#search #submit:active {background-color: #069;}
.search .read_more {color: #39c;}

/* post */
.post {margin: 0 0 30px 0;}
.page .post {margin: 0 0 30px 30px;}
.post .side {float: left; width: 54px; text-align: center;}
.post .main {float: right; width: 500px;}
.post .side .day {background-color: #eee; color: #333; padding: 7px 0 6px 0;}
.post .side .month {background-color: #f30; color: #fff; padding: 5px 0;}
.post .side .comments {background-color: #39c; color: #fff; margin-top: 15px; padding: 9px 0 10px 0;}
.post .side .balloon {border: 10px solid #39c; border-bottom-color: #fff; border-left-color: #fff; border-right-color: #fff; height: 0; margin: 0 auto; width: 0;}
.post .side a {text-decoration: none;}
.post h2 {margin-bottom: 15px; margin-top: -8px;}
.post h3, .post p, .post ul, .post ol, .post blockquote {margin-bottom: 15px;}
.post ul, .post ol, .post blockquote {margin-left: 25px;}
.post small {color: #777;}
.post blockquote {color: #888}

/* block */
.block {background-color: #9c3; margin: 0 0 30px 0; padding: 10px;}
.block h3 {color: #fff; margin: 0; padding: 1px 10px 10px 10px;}
.block .content {background-color: #fff; padding: 17px 20px 10px 20px;}
.block {color: #666;}
.block a {color: #39c;}
.block p, .block li {margin-bottom: 10px;}
.block ul, .block ol {margin-left: 15px;}

/* pagination */
#pagination {margin: 0 15px 30px 15px; text-align: center;}
#pagination a, #pagination .active {background-color: #eee; color: #39c; margin: 0 2px; padding: 7px 12px; text-decoration: none;}
#pagination a:hover {background-color: #39c; color: #fff;}
#pagination .active {background-color: #f30; color: #fff;}
#pagination {text-align: center;}
#links_post {padding: 15px 0 0 0;}
#links_post #previous_link {float: left;}
#links_post #next_link {float: right; text-align: right;}
#links_post #previous_link, #links_post #next_link {width: 44%;}

/* comments */
#comments {margin: 0 0 15px 85px;}
#comments a.name {background: none; display: block; width: 1px; height: 1px; margin: -10px 0 10px 0;}
#comments h2 {margin: 0 0 25px 0;}
#comments a {color: #39c;}
#comments .comment {background-color: #eee; display: block; padding: 25px 30px;}
#comments .balloon {border: 15px solid #eee; border-bottom-color: #fff; border-left-color: #fff; border-right-color: #fff; height: 0; margin-left: 400px; margin-bottom: 0px; width: 0;}
#comments .comment_author, #comments .comment_author a {background-color: #39c; color: #fff;}
#comments .balloon_author {border-top-color: #39c;}
#comments .comment h3, #comment_form h3 {margin-bottom: 15px;}
#comments .comment p {margin-bottom: 10px;}
#comment_form .content {background-color: #eee; padding: 25px 30px;}
#comment_form p {margin-bottom: 15px;}
#comment_form label {margin: 0 0 5px 1px;}
#comment_form input, #comment_form textarea {border: none; padding: 6px 5px; width: 430px;}
#comment_form input {width: 300px;}
#comment_form textarea {height: 150px; margin-top: 2px;}
#comment_form button {background-color: #39c; border: none; color: #fff; padding: 7px 14px;}
#comment_form button:active {background-color: #069;}
#comment_form label.error{color: #f30;}
#comment_form input.error, #comment_form textarea.error {background-color: #fee;}
#comments .hold .edit {background-color: #f30; color: #fff; margin-left: 8px; vertical-align: 3px;}
#comment_form .edit {background-color: #39c; color: #fff; margin-left: 8px; vertical-align: 3px;}

/* css3 */
#content, .post .side .comments, .post img, #search, .comment, #comment_form .content, #comment_form button, .block, .block .content {-webkit-border-radius: 6px; -moz-border-radius: 6px;}
#adminbar .badge {padding: 0 4px 1px 4px; -webkit-border-radius: 8px; -moz-border-radius: 8px;}
#s, #submit, #pagination a, #pagination .active, #comment_form input, #comment_form textarea, .edit {-webkit-border-radius: 4px; -moz-border-radius: 4px;}
#navbar, .post .side .day {-webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px;}
#footer, .post .side .month {-webkit-border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-bottomleft: 6px; -moz-border-radius-bottomright: 6px;}

/* safari and chrome */
.safari #navbar td.search, .chrome #navbar td.search {padding: 5px 0;}
.mac_safari #navbar #submit, .mac_chrome #navbar #submit {padding: 4px;}
.mac_safari #search #submit, .mac_chrome #search #submit {padding: 4px 4px 6px 4px; vertical-align: 2px;}

/* ie */
.ie8 #navbar #submit {padding: 3px 3px 5px 3px; vertical-align: 1px;}
.ie8 #search #submit {padding: 5px 3px;}
.ie7 #adminbar {padding-bottom: 2px;}
.ie7 #navbar table td.search {padding: 6px 0 5px 0;}
.ie7 #header {padding: 13px 30px 8px 30px;}
.ie7 #navbar #s {padding-right: 60px;}
.ie7 #navbar #submit {padding: 1px 0 4px 0; vertical-align: 2px;}
.ie7 .block .item {margin: 0 0 1px 0;}
.ie7 #search #s {padding-right: 60px; vertical-align: -1px;}
.ie7 #search #submit {margin-left: -73px; padding: 3px 0; vertical-align: 2px;}
.ie7 #comment_form button {padding: 7px 2px;}
.ie7 #links_post a:hover #previous_link, #links_post a:hover #next_link {cursor: pointer;}
.ie7 #pagination {margin-bottom: 0;}
.ie7 #comment_form {margin-bottom: -30px;}