/*  
Theme Name: Mercedes Sosa
Theme URI: http://www.kuaitema.org.br/
Description: Em homenagem a maior cantora latino-americana, falecida em 04/10/09. Viva a libertação da América Latina!
Version: 0.1
Author: Cátia Kitahara, Eduardo Wosiack Zulian
Author URI: http://www.wordpress-br.com
*/
/*cores
verde - #093
azul - #09c
vermelho - #c33
amarelo - #fc0
laranja - #e67817
branco - #fff
preto - #000
cinza claro (bg) - #f4f4f4
cinza médio (bg) - #ebebeb
cinza claro (textos) - #999
cinza médio (textos) - #666
cinza escuro (bg) - #333
*/

/* reset de Eric A. Meyer (http://meyerweb.com/eric/tools/css/reset/) - limpa e iguala os valores default dos vários navegadores. NÃO ALTERE ESTA PARTE!! */

html, body, div, span, 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; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: collapse; border-spacing: 0; }


/* Tipografia */
body { font: 12px/18px Arial, Helvetica, sans-serif; text-align: center; color: #666; background: #f4f4f4 url(img/faixa-amarela-bg.png) repeat-x; }
pre { font-family: Corbel, Verdana, "Bitstream Vera Sans", sans-serif; } 
code { font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Monaco, Courier, monospace; }
cite, q { font-style: italic; }
h1,h2,h3,h4,h5,h6 { clear:both; font-family: Arial, Helvetica, sans-serif; color: #333; }
h1 { font-size: 36px; line-height: 36px; }
h2 { font-size: 30px; line-height: 36px; }
h3 { font-size: 18px; line-height: 36px; }
h4 { font-size: 16px; line-height: 18px; margin-bottom: 18px; font-weight: normal; }
h5 { font-size: 14px; font-weight: normal; }
h6 { font-size: 12px; }


/* Elementos de texto */
p { margin: 0 0 18px 0; }
p.last { margin-bottom:0; }
p img { margin: 0 9px 18px 0; float: left; position: relative; clear: left; }

a { color: #09c; text-decoration: none; }
a:hover { text-decoration: underline; }

ul, ol { margin: 0 0 18px; }
dl { margin: 0 0 18px 0; }
dl dt { font-weight: bold; }

blockquote { margin: 0 18px 18px; font-style:italic; background: #ebebeb; padding: 18px; }

strong { font-weight: bold; }
em { font-style: italic; }
pre { margin-bottom: 18px; background: #ebebeb; padding:18px; }

/*Estrutura*/
html, body { height: 100%; }
.wrapper {  min-height: 100%; width: 880px; margin: 0 auto; clear: both; text-align: left; background: #fff url(img/sidebar-bg.png) repeat-y; position: relative; }
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 { float: left; padding: 0 9px; display:inline; position:relative; }
.col-1 { width: 62px; }
.col-2 { width: 142px; }
.col-3 { width: 222px; }
.col-4 { width: 302px; }
.col-5 { width: 382px; }
.col-6 { width: 462px; }
.col-7 { width: 542px; }
.col-8 { width: 622px; }
.col-9 { width: 702px; }
.col-10 { width: 782px; }
.col-11 { width: 862px; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/*Topo*/
#topo { height: 234px; border-bottom: #e67817 8px solid; }
#topo h1 { color: #fff; }
#topo h1 a { color: #fff; text-decoration: none; }
#faixa-amarela { height: 36px; background: #fc0; line-height: 36px; }
#faixa-amarela a { color: #fff; font-size: 18px; font-weight: bold; }
#imagem-do-topo { background: #c33; height: 99px; color: #fff; padding-top: 63px; }
#menu { clear: both; height: 32px; background: #333; padding-top: 4px; }
#menu ul { display: inline; position: relative;float: left; margin-bottom: 0; }
#menu ul li { display: inline; float: left; margin-right: 4px; }
#menu ul li a { display: block; line-height: 32px; padding: 0 10px; font-size: 18px; font-weight: bold; color: #fff; }
#menu ul li a:hover { background: #e67817; text-decoration: none; }
#menu .current_page_item, #menu .current-cat a, #menu .current-cat-parent a, #menu .current a, #menu .current-cat a:hover, #menu .current-cat-parent a:hover, #menu .current a:hover { background: #e67817; text-decoration: none; }
a.rss { float: right; display: block; width: 24px; height: 24px; margin-top: 2px; text-indent: -9999px; background: transparent url(img/rss.png)no-repeat; }

#sidebar, #principal { padding-bottom: 90px; }
#sidebar { background: #ebebeb; }

.widget, .busca { border-bottom: #ccc 1px solid; }
.busca { padding-bottom: 17px; }

.widget ul li { margin-bottom: 5px; }
.widget ul li a { display: block; }

/*rodape*/
#rodape { position: absolute; bottom: 0; margin-top: -72px; width: 862px; height: 54px; padding: 10px 9px 0; border-top: #e67817 8px solid; color: #999; background: #333; }
#rodape a { color: #fff; }

/*posts*/
.post { margin-bottom: 18px; padding-top: 18px; border-bottom: #ebebeb 1px solid; }
.post ul { padding-left: 20px; list-style: inside disc; }
.post ol { padding-left: 20px; list-style: inside decimal; }
.post h2 a { color: #093; }

.data { float: left; display: inline; width: 62px; padding-right: 9px; font-size: 11px; text-align: right; color: #999; }
.conteudo { float: left; display: inline; width: 542px; padding-left: 9px; }
.titulo { margin-left: 80px; }

/*imagens em posts*/
.wp-caption { float: left; position: relative; clear: left; margin: 0 18px 18px 0; line-height: 18px; }
.wp-caption p.wp-caption-text { font-size: 11px; margin: 9px 9px 27px; color: #fff; }
img.wp-smiley { margin: 0; float: none; clear: none; }

/*meta*/
.meta { font-size: 11px; color: #999; }
.meta img { margin: 0 5px 0 0; }
.meta a { color: #09c; font-weight: bold; }

/*navigation*/
.navigation { font-size: 16px; font-weight: bold; margin-bottom: 18px; }

/*comentários*/
.comentarios { margin: 18px 0 18px 80px; }
.comentarios li { border-top: 1px solid #ebebeb; padding: 18px 0 17px; }
.comentarios ul.children { margin-bottom: 0; }
.comentarios ul.children li { margin-left: 62px; }
.comentarios img.avatar { float: left; margin: 0 0 10px 5px; }
.commentlist { border-bottom: 1px solid #ebebeb; margin-bottom: 0; }
.commentlist .moderation { background: #FFF5CF; border-bottom: 1px solid #fc0; border-top: 1px solid #fc0; color: #666; display: block; margin-bottom: 10px; padding-left: 5px; }
.commentlist .comment-meta { margin-left: 80px; }
.commentlist cite { color: #333; }
/*
.commentlist .comment-author-admin { border-bottom: 1px solid #666; }
*/
#respond { padding-top: 18px; }

/*forms*/
label { margin-right: 4px; }
input, textarea, select { font: 12px/18px Arial, Helvetica, sans-serif; color:#666; border: #ccc 1px solid; }
input[type="text"], input[type="password"] { height: 20px; padding: 0 2px; }
input[type="submit"] { background: #09c; cursor: pointer; color: #fff; height: 20px; border: none; }
input[type="checkbox"] { border: none; !important; margin-right: 4px; }
textarea { padding: 2px; line-height: 18px; }

#s { width: 160px; vertical-align: top; background: #fff; border: none; }
#buscar { margin-left: -2px; }
#user_login, #user_pass { width: 180px; background: #fff; margin-right: 9px; }
#comment { width: 296px; height: 150px; }
#author, #email, #url { width: 296px; }

/*classes gerais*/
.pequeno { font-size: 11px; margin-bottom: 0; color: #9c3; }
.grande { font-size: 16px }
.aDir { float: right; display: inline; }
.aEsq { float: left; display: inline; }
.odd { background-color: #ebebeb; }
.no-clear { clear: none; }
.clear { clear: both; }
.invisivel { display: none; }
.bg-verde { background-color: #093; }
.bg-azul { background-color: #09c; }
.bg-vermelho { background-color: #c33; }
.bg-amarelo { background-color: #fc0; }
.bg-laranja { background-color: #e67817; }
.verde { color: #093; }
.azul { color: #09c; }
.vermelho { color: #c33; }
.amarelo { color: #fc0; }
.laranja { color: #e67817; }