@charset "UTF-8";
/*
Theme Name: 7Seas
Description: Tema personalizado para Jelly - coleção 7Seas
Author: Cosme Faé e Rafo Castro
Tags: sea, water, two-columns, right-sidebar, fixed-width

	7seas v1.0

	This theme was designed by Rafo Castro,
	built by Cosme Faé

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* Resets */
* { margin:0; padding:0; outline:none; font-size:100.01%; }
html { font-size:62.5%; }
body { background:#fff url(img/fundo-repeat.jpg) repeat left top; font:12px/1.6em Tahoma, Helvetica, Geneva, sans-serif; text-align:center; }
img { border:0; }
li { list-style:none; margin-bottom:7px }
fieldset { border:0; }
input, select, textarea { border:3px solid #b2dee0; color:#5fa7aa; padding:6px; }

p, #jelly-post ul, #jelly-post ol { margin-top:10px; }

p a, li a, blockquote a, div a { color:#5fa7aa; font-weight:bold; text-decoration:underline; }
p a:hover, li a:hover, blockquote a:hover, div a:hover { background-color:#5fa7aa; color:#fff; }

small { font-size:0.9em; }

/* Classes Padrão */
.on { display:block; }
.off { display:none; }
.clear { clear:both; }
.flt-esquerda { float:left; }
.flt-direita { float:right; }
.wp-caption { text-align:center; margin:auto; }
.wp-caption-text { color:#5FA7AA; font-style:italic; }
.obrigatorio { color:red; }

/* Classes de Cores dos Posts */
.post-cat-2 .post-conteudo { border:12px solid #d7df21; }
.post-cat-2 .post-conteudo h2 { background-color:#999f13; }
.list-cat-2 { border-left:20px solid #d7df21; padding-left:12px; }

.post-cat-5 .post-conteudo { border:12px solid #e11951; }
.post-cat-5 .post-conteudo h2 { background-color:#ae113d; }
.list-cat-5 { border-left:20px solid #ae113d; padding-left:12px; }

/* Mestre - Bloco de controle */
#jelly-mestre-bg { background:url(img/fundo.jpg) repeat-x left top; }
#jelly-mestre { /*background:url(img/fundo-rodape.gif) no-repeat 59px bottom;*/ color:#1a1a1a; margin:auto; text-align:left; width:997px; }

/* Corpo - Primeira Coluna */
#jelly-corpo { float:left; padding-bottom:200px; width:662px; }

/* Topo */
#jelly-topo { background:url(img/fundo-topo.jpg) no-repeat right top; height:248px; }

#jelly-topo h1 { float:left; margin:29px 0 0 129px; _margin-left:50px; *margin-left:129px; }
#jelly-topo h1 a { background:url(img/jellyblog-logo.jpg) no-repeat; display:block; height:171px; text-indent:-9999em; width:234px; }

#jelly-topo span.seas7 { float:left; margin-left:45px; }
#jelly-topo span.seas7 a { background:url(img/jelly-7seas.jpg) no-repeat; display:block; height:164px; text-indent:-9999em; width:175px; }

/* Posts */
/* Data do Post */
div.data { background:url(img/data.png) no-repeat right 9px; color:#fff; float:left; height:104px; line-height:20px; margin-top:17px; width:68px; }
div.data .dia { display:block; font-size:2em; font-weight:bold; margin:36px 0 0 27px; }
div.data .mes { font-size:0.8em; margin-left:22px; }

div.post { margin-bottom:27px; width:654px; }

div.post-conteudo { background-color:#fff; border:12px solid #E11951; float:left; width:560px; _width:510px; }
div.conteudo { padding:0 25px 25px; }/* bloco evita box model bug do IE */
p.comentarios a { color:#CC3300; font-style:italic; font-size:1.1em; font-weight:normal; text-decoration:none; }
p.comentarios a:hover { background-color:#CC3300; color:#fff; }

/* Título do Post */
div.post h2 { background-color:#ae113d; margin:25px 0; padding:8px 5px 6px; text-indent:25px; width:550px; }
div.post h2 a { color:#fff; font-size:1.5em; font-family:Arial, Helvetica, sans-serif; text-decoration:none; }
div.post h2 a:hover { background-color:transparent !important; }

/* Paginação */
#paginacao { margin-left:67px; }
#anterior { margin-right:4px; }


/* Blocos - Segunda Coluna */
#jelly-blocos { float:left; width:326px; }

.blocos { margin-top:24px; /*width:311px;*/ }
.bloco-topo { background:url(img/fundo-blocos-topo.png) no-repeat center top; height:113px; }
.bloco-rodape { background:url(img/fundo-blocos-rodape.jpg) no-repeat center bottom; display:block; height:92px; }

.bloco-conteudo { background:url(img/fundo-blocos-conteudo.jpg) repeat-y center center; margin:0 auto; _margin-left:10px; padding:7px 21px; width:265px; _width:307px; }

/* Título dos Blocos */
.blocos h3 { height:48px; left:10px; position:relative; text-indent:-9999em; top:38px; }

div#bloco-categorias h3 { background:url(img/blocos-titulo-categorias.jpg) no-repeat left top; }
div#bloco-links h3 { background:url(img/blocos-titulo-links.jpg) no-repeat left top; }
div#bloco-pesquisa h3 { background:url(img/blocos-titulo-pesquisa.jpg) no-repeat left top; }
div#bloco-tags h3 { background:url(img/blocos-titulo-tags.jpg) no-repeat left top; }
div#bloco-arquivos h3 { background:url(img/blocos-titulo-arquivo.jpg) no-repeat left top; }

.blocos li a { font-size:1.1em; font-weight:normal; color:#fff; }
.blocos li a:hover { text-decoration:underline; background:none; }

/* Bloco Pesquisa */
#bloco-pesquisa h3 {  }
#bloco-pesquisa legend { display:none; }
#bloco-pesquisa input#q { _width:200px; }
#bloco-pesquisa a { background:none; }
#bloco-pesquisa input#enviar { border:0; margin-top:6px; _margin-left:25px; padding:0; }

/* Bloco Links */
#bloco-links ul { margin:0 0 0 25px; }
#bloco-links ul li { color:#fff; list-style-type:disc; }
#bloco-links h4 { color:#fff; font-size:1.1em; margin:0 0 11px; }

/* Bloco Arquivos */
#bloco-arquivos select { width:250px; }

/* Bloco Tags */
#bloco-tags a { color:#fff; font-weight:normal; text-decoration:none; }
#bloco-tags a:hover { background-color:transparent; text-decoration:underline; }
#bloco-tags .bloco-conteudo div { padding:0 8px; }

/* Bloco RSS */
#bloco-rss{ margin:24px auto; width:289px; }
#bloco-rss a { background:none; }



/* Comentários */
#bloco-comentarios { margin-top:14px; }
#bloco-comentarios .comment { border-bottom:1px solid #ccc; margin:20px 0; padding-bottom:23px; }
#bloco-comentarios h3 { border-top:1px solid #ff6699; border-bottom:1px solid #ff6699; color:#CC3333; font-size:1.4em; margin:20px 0; padding:10px 0; }
#bloco-comentarios .info_comment { color:#FF3300; font-style:italic; }

/* Form comentários */
#bloco-comentarios label { color:#666; float:left; padding:5px 0; width:73px; }
#bloco-comentarios form p { clear:both; height:30px; }
#bloco-comentarios input#author, input#email, textarea#comment { border:1px solid #ccc; float:left; width:400px; }
#bloco-comentarios textarea#comment { width:473px; }
#bloco-comentarios input#bt-comentar { background-color:#FF6699; border:0 none; color:#fff; cursor:pointer; margin:3px 24px 0 0; padding:1px 10px; }