/* Theme Name: Oficina Miríade 1.0 Design Name: Oficina Miríade Description: Theme for my Oficina Miríade's website. Version: 2010.1 Author: Mauro Pinheiro */ * {margin: 0; padding: 0;} a { color: #369; text-decoration: none; } a:link { color: #369; text-decoration: none; } a:visited { color: #369; text-decoration: none; } a:active { color: #39f; text-decoration: none; } a:hover { color: #39f; text-decoration: none; } body { background-color: #fff; text-align: center; margin: 0; padding: 0; font-family: Georgia, "Times New Roman", Times, serif; font-style: normal; font-weight: normal;} body.home { background-color: #996; text-align: center; margin: 0; padding: 0; font-family: Georgia, "Times New Roman", Times, serif; } ul { margin:0; padding: 0;} .hidden { display: none;} .clear {clear: both;} /* ESTRUTURA PRINCIPAL */ #container { margin: 50px auto auto auto; width: 55.5em; } /* header logo */ #logo { width: 43em; height: 4.75em; background: url(/i/logo_hz.gif) no-repeat; text-align:left; float:left;} /* busca */ #busca { width: 11em; text-align: left; float:left; margin-top: 2em;} /* barra de navegacao */ #nav_main { text-align: left; margin-left: 9.5em; } #nav_main li { color: #369; list-style: none; display: inline; font-size: 0.625em; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; padding: 0 0.7em 0 0.35em; background: url(/i/dot_nav.gif) center right no-repeat;} #nav_main li.first { padding: 0 0.7em 0 0; } #nav_main li.last { background: none; padding: 0 0 0 0.35em;} #nav_main a:hover { color: #39f; text-decoration: none;} #nav_main a.ativo {color: #999; text-decoration: none;} #nav_main a.ativo:hover {color: #ccc; text-decoration: none;} /* titulos */ #tit_pagina { text-align: left; margin-left: 9.5em; margin-top: 2.5em; margin-bottom: 0.625em;} #tit_arquivo { text-align: left; background: url(/i/tit_arquivo.gif) no-repeat; height: 2.45em;} #tit_bemvindo { text-align: left; background: url(/i/tit_bemvindo.gif) no-repeat; height: 2.45em;} #tit_blog { text-align: left; background: url(/i/tit_blog.gif) no-repeat; height: 2.45em;} #tit_encadernacao { text-align: left; background: url(/i/tit_encadernacao.gif) no-repeat; width: 38em; height: 2.45em;} #tit_albuns { text-align: left; background: url(/i/tit_encadernacao-albuns.gif) no-repeat; height: 2.45em;} #tit_album-concertina { text-align: left; background: url(/i/tit_encadernacao-albuns-concertina.gif) no-repeat; height: 2.45em;} #tit_album-nag { text-align: left; background: url(/i/tit_encadernacao-albuns-nag.gif) no-repeat; height: 2.45em;} #tit_album-tradicional { text-align: left; background: url(/i/tit_encadernacao-albuns-tradicional.gif) no-repeat; height: 2.45em;} #tit_album-japones { text-align: left; background: url(/i/tit_encadernacao-albuns-japones.gif) no-repeat; height: 2.45em;} #tit_album-tarsila { text-align: left; background: url(/i/tit_encadernacao-albuns-tarsila.gif) no-repeat; height: 2.45em;} #tit_cadernos { text-align: left; background: url(/i/tit_encadernacao-cadernos.gif) no-repeat; height: 2.45em;} #tit_caderno-nag { text-align: left; background: url(/i/tit_encadernacao-cadernos-nag.gif) no-repeat; height: 2.45em;} #tit_caderno-tradicional { text-align: left; background: url(/i/tit_encadernacao-cadernos-tradicional.gif) no-repeat; height: 2.45em;} #tit_caderno-japones { text-align: left; background: url(/i/tit_encadernacao-cadernos-japones.gif) no-repeat; height: 2.45em;} #tit_caderno-lombada-exposta { text-align: left; background: url(/i/tit_encadernacao-cadernos-lombada.gif) no-repeat; height: 2.45em;} #tit_caderno-lombada-tiras { text-align: left; background: url(/i/tit_encadernacao-cadernos-lombada-tiras.gif) no-repeat; height: 2.45em;} #tit_outros { text-align: left; background: url(/i/tit_encadernacao-outros.gif) no-repeat; height: 2.45em;} #tit_biblio { text-align: left; background: url(/i/tit_biblio.gif) no-repeat; height: 2.45em;} #tit_biblio-projetos { text-align: left; background: url(/i/tit_biblio-projetos.gif) no-repeat; height: 3em;} #tit_biblio-depoimentos { text-align: left; background: url(/i/tit_biblio-depoimentos.gif) no-repeat; height: 2.45em;} #tit_editorial { text-align: left; background: url(/i/tit_editorial.gif) no-repeat; height: 2.45em;} #tit_diagramacao { text-align: left; background: url(/i/tit_diagramacao.gif) no-repeat; height: 2.45em;} #tit_diagramacao-projetos { text-align: left; background: url(/i/tit_diagramacao-projetos.gif) no-repeat; height: 2.45em;} #tit_quemsomos { text-align: left; background: url(/i/tit_quemsomos.gif) no-repeat; height: 2.45em;} #tit_lauraklemz { text-align: left; background: url(/i/tit_laura.gif) no-repeat; height: 2.45em;} #tit_fabiano { text-align: left; background: url(/i/tit_fabiano.gif) no-repeat; height: 2.45em;} #tit_stefanie { text-align: left; background: url(/i/tit_stefanie.gif) no-repeat; height: 2.45em;} #tit_equipe { text-align: left; background: url(/i/tit_arquivo.gif) no-repeat; height: 2.45em;} #tit_mauropin { text-align: left; background: url(/i/tit_arquivo.gif) no-repeat; height: 2.45em;} #tit_contato { text-align: left; background: url(/i/tit_contato.gif) no-repeat; height: 2.45em;} #tit_contato-enviada { text-align: left; background: url(/i/tit_contato-enviada.gif) no-repeat; height: 2.45em;} #tit_busca { text-align: left; background: url(/i/tit_busca.gif) no-repeat; height: 2.45em;} #tit_404 { text-align: left; background: url(/i/tit_404.gif) no-repeat; height: 2.45em;} #tit_projetos { text-align: left; background: url(/i/tit_projetos.gif) no-repeat; height: 2.45em;} #tit_pagina h3 { font-size: 1.25em; font-weight: bold; color: #999; text-transform: uppercase; margin-top: 1em; margin-bottom: 1em; letter-spacing: 0.1em; } #tit_pagina-txt { text-align: left; margin-left: 9.5em; margin-top: 2.5em; margin-bottom: 0.625em; } #tit_pagina-txt h2 { font-size: 1.5em; font-weight: bold; color: #999; } /* submenu */ #nav_sub { text-align: left; width:8em; float:left; font-weight: bold; margin-top:0.25em;} #nav_sub dl { margin-bottom: 1.5em; } #nav_sub dt { text-transform:uppercase; color: #666; margin-bottom: 0.825em; font-size: 0.7em; letter-spacing: 0.1em;} #nav_sub dd { margin-bottom: 0.825em; line-height: 1.5em; font-size: 0.725em; } #nav_sub a.ativo {color: #999; text-decoration: none;} #nav_sub a.ativo:hover {color: #ccc; text-decoration: none;} /* miolo */ #miolo { text-align: left; float:left; margin-left: 1.5em; width: 38em; } #miolo2 { text-align: left; float:left; margin-left: 9.5em; width: 38em;} #mioloblog { text-align: left; float:left; margin-left: 1.5em; margin-top: 1em; width: 46em;} #mioloarquivo { text-align: left; float:left; margin-left: 1.5em; width: 38em;} #mioloarquivo h3 { font-size: 1em; font-weight: bold; color: #666; margin-bottom: 0.825em; margin-right:1.5em;} #mioloarquivo h4 { font-size: 0.875em; line-height:2em; color: #333; margin-right:1.5em;} #mioloarquivo h5 { font-weight: normal; font-size: 0.75em; line-height:2em; color: #666; margin-right:1.5em;} #mioloarquivo h6 { font-size: 0.6em; font-weight: bold; text-transform: uppercase; letter-spacing: 0.2em; color: #999; margin-right:1.5em;} #mioloarquivo p {font-size: 0.875em; line-height:1.85em; margin-right: 1.5em;} .coluna584 { float:left; width: 38em; margin-bottom: 2em; } .coluna584 h2 {font-size: 0.875em; font-weight: bold; letter-spacing: 0.2em; text-transform: uppercase; color: #666; margin-bottom: 1.725em; margin-right:1.5em;} .coluna584 h3 {font-size: 1.125em; font-weight: bold; color: #666; margin-bottom: 0.825em; margin-right:1.5em;} .coluna584 h4 {font-size: 0.875em; line-height:2em; color: #333; margin-right:1.5em;} .coluna584 h5 {font-weight: normal; font-size: 0.75em; line-height:2em; color: #777; margin-right:1.5em;} .coluna584 h6 {font-weight: normal; font-size: 0.75em; line-height:2em; color: #777; margin-right:1.5em;} .coluna584 a.titulo { color: #999; text-decoration: none; } .coluna584 a.titulo:visited { color: #999; text-decoration: none; } .coluna584 a.titulo:active { color: #ccc; text-decoration: none; } .coluna584 a.titulo:hover { color: #ccc; text-decoration: none; } .coluna584 p {font-size: 0.875em; line-height:1.85em; margin-bottom:1em; margin-right: 1.5em;} .coluna584 small {line-height: 2em;} /* line-height: 3em; */ .coluna584 ul { margin-bottom: 1.25em;} .coluna584 li { font-size: 0.9em; line-height:1.85em; margin-right: 1.5em; margin-left: 1.05em; } .coluna584 li.fancy { list-style: url(/i/bullet.gif);} .coluna584 ul.fancy { color: #454545; line-height: 2.5em;} .coluna584 blockquote { color: #666; margin-left: 3em; } /* duas colunas*/ .coluna280 { width: 50%; float:left; margin-bottom: 1.5em; margin-right: -1px;} .coluna280 h3 {font-size: 0.9375em; font-weight: bold; color: #666; margin-bottom: 0.825em; } .coluna280 a.titulo { color: #999; text-decoration: none; } .coluna280 a.titulo:visited { color: #999; text-decoration: none; } .coluna280 a.titulo:active { color: #ccc; text-decoration: none; } .coluna280 a.titulo:hover { color: #ccc; text-decoration: none; } .coluna280 p {font-size: 0.875em; line-height:1.85em; margin-bottom:1em; margin-right: 1.5em;} .coluna280 small {line-height: 2em;} /* line-height: 3em; */ /* coluna direita [tags] */ #colunadireita { text-align: left; width:8em; float:left; margin-top:0.25em;} #colunadireita h4 { text-transform:uppercase; color: #666; font-weight: bold; margin-bottom: 0.825em; font-size: 0.7em; letter-spacing: 0.1em;} #colunadireita li { margin-bottom: 0.825em; line-height: 1.5em; font-size: 0.725em; list-style: none; } /* Blog */ .coluna584post { float:left; margin-bottom: 2em; } .coluna584post h3 {font-size: 1em; font-weight: bold; color: #666; margin-bottom: 0.825em; margin-right:1.5em;} .coluna584post h4 {font-size: 0.875em; line-height:2em; color: #333; margin-right:1.5em;} .coluna584post a.titulo { color: #999; text-decoration: none; } .coluna584post a.titulo:visited { color: #999; text-decoration: none; } .coluna584post a.titulo:active { color: #ccc; text-decoration: none; } .coluna584post a.titulo:hover { color: #ccc; text-decoration: none; } .coluna584post p {font-size: 0.875em; line-height:1em; margin-bottom:1em; margin-right: 1.5em;} .coluna584post small.botao {line-height: 2em ; font-weight: bold; background-color: #369; color:white; padding:0.5em;} /* line-height: 3em;*/ .coluna584post li {list-style-image: url(/i/bullet.gif);} /* .coluna584post img {margin-bottom: 2em;} */ .colunametadados { float:left; text-align: left; width:8em; margin-top: 1.5em;} .colunametadados h4 { text-transform:uppercase; color: #666; font-weight: bold; margin-bottom: 0.825em; font-size: 0.7em; letter-spacing: 0.1em;} .colunametadados li { margin-bottom: 0.825em; line-height: 1.5em; font-size: 0.7em; list-style: none; } .colunametadados h5 { margin-bottom: 0.825em; line-height: 1.5em; font-size: 0.725em; font-weight: normal;} .colunametadados h6 { text-transform:uppercase; color: #666; font-weight: bold; margin-bottom: 0.825em; font-size: 0.7em; letter-spacing: 0.1em;} .colunametadados p { margin-bottom: 0.825em; line-height: 1.5em; font-size: 0.7em; list-style: none; } #colunafav { float:left; text-align: left; width:8em; margin-top:0.25em; } #colunafav h4 { text-transform:uppercase; color: #666; font-weight: bold; margin-bottom: 0.825em; font-size: 0.7em; letter-spacing: 0.1em;} #colunafav li { margin-bottom: 0.825em; line-height: 1.5em; font-size: 0.7em; list-style: none; } #colunafav h5 { margin-bottom: 0.825em; line-height: 1.5em; font-size: 0.725em; font-weight: normal;} #colunafav h6 { text-transform:uppercase; color: #666; font-weight: bold; margin-bottom: 0.825em; font-size: 0.7em; letter-spacing: 0.1em;} #colunafav p { margin-bottom: 0.825em; line-height: 1.5em; font-size: 0.7em; list-style: none; } #colunafav ul { margin-bottom: 1.5em;} .txt_descricao p { color: #454545; font-size: 0.72em; line-height: 2em;} /*depoimento e box produto*/ .thumb_depoimento {float: left; width: 50%; margin-bottom: 2em; } .thumb_lateral {float: left; width: 50%;} .depoimento { float: left; width: 50%; margin-top: 1.5em;} .depoimento h3 { line-height: 1.5em; } .descricao { float: left; width: 50%; } .descricao p {font-size: 0.825em; line-height: 1.25em; } .btnComprar {margin-top: 2em; } /*post_encadernacao*/ .foto_lateral {float: left; width: 50%;margin-bottom: 2em;} /*paginacao*/ #paginacao { width: 50.5em; text-align: center; font-size: 0.725em; } #paginacao h4 {font-size: 0.925em; line-height:2em; color: #333; } .fiohz { width: 36.5em; height: 2em; text-align: left; float:left; background: url(/i/fio_hz.gif) repeat-x center left;} .fiohz2 { width: 36.5em; height: 2em; text-align: left; float:left; background: url(/i/fio_hz.gif) repeat-x top left;} .fiohz3 { width: 36.5em; height: 2em; text-align: left; float:left; background: url(/i/fio_ornamento.gif) no-repeat top center;} /* comentarios */ #comentarios { float:left; width: 36.5em;} #comentarios h3 {font-size: 0.925em; margin-bottom:1em; color: #999; font-weight: bold; margin-right:1.5em;} #comentarios h4 {font-size: 0.825em; margin-bottom:1em; color: #666; font-weight: bold; margin-right:1.5em;} #comentarios h5 {font-size: 0.7em; font-weight: normal; line-height:2em; color: #333; margin-right:1.5em;} #comentarios a.titulo { color: #999; text-decoration: none; } #ccomentarios a.titulo:visited { color: #999; text-decoration: none; } #comentarios a.titulo:active { color: #ccc; text-decoration: none; } #comentarios a.titulo:hover { color: #ccc; text-decoration: none; } #comentarios p {font-size: 0.8em; line-height:1.85em; margin-bottom:1em; margin-right: 1.5em;} #comentarios small {line-height: 3em;} #comentarios cite { font-weight: bold; font-style: normal;} #comentarios li { list-style: none; } #comentarios em { color: #999; } #comentarios em.black { color: #000; } /*rodape*/ #rodape { text-align: center; font-size: 0.7em; margin: 6em 0 4em 0; background: url(/i/flor.gif) no-repeat top center;} #rodape small { color: #999; letter-spacing: 0.2em; } /* navegacao rodape */ #nav_rodape { text-align: center; margin-bottom: 1em; padding-top: 4em;} #nav_rodape li { color: #999; list-style: none; display: inline; font-weight: bold; padding: 0 0.7em 0 0.35em; background: url(/i/dot_navrodape.gif) center right no-repeat; b} #nav_rodape li.first { padding: 0 0.7em 0 0; } #nav_rodape li.last-rodape { background: none; padding: 0 0 0 0.35em;} #nav_rodape a { color: #999; text-decoration: none;} #nav_rodape a:hover { color: #aaa; text-decoration: none;} #nav_rodape a.ativo {color: #bbb; text-decoration: none;} #nav_rodape a.ativo:hover {color: #ccc; text-decoration: none;}