/*  
Theme Name: Honey Milk
Theme URI: http://honeymilk.nanabarros.com
Description: Desenvolvido por Nana Barros para uso exclusivo de Cris Marques
Version: 1.0
Author: Nana Barros
Author URI: http://blog.nanabarros.com
*/


/* GERAL */

/* corpo da pagina */
body {background: #FFFFFF url(images/fundo.gif) repeat fixed; border: 0px; margin: 0px; padding: 0px; text-align: left; font-size: 12px; font-family: arial; color: #585858;}

/* tabelas */
table {border: 0px; background: none; font-size: 12px; font-family: arial; color: #585858;}


/* LINKS */

/* normal e visitado */
a, a:link, a:active, a:visited {color: #b97bff; text-decoration: none;}

/* com mouse encima */
a:hover {color: #f15987; background: none; text-decoration: none;}


/* TEXTO EM NEGRITO, SUBLINHADO, RISCADO E ITALICO */
b, strong, u, i, em, s {color: #ff78a4;}


/* LEGENDA (TEXTO COM FONTE REDUZIDA) */
small {color: #a0a0a0; font-size: 9px;}


/* LISTAS */
li, ul, ol {list-style: none; margin: 0px; padding: 0px;}


/* TITULOS E SUBTITULOS */

/* subtitulo dentro do post */
h1 {background: none; margin: 0px; padding: 0px; font-size: 14px; font-weight: bolder; color: #ffa7c0;}

/* titulo dentro do post */
h2 {background: none; margin: 0px; padding: 0px; font-size: 16px; font-weight: bolder; color: #f15987; text-transform: uppercase;}

/* destaque no post */
h3 {background: none; margin: 0px; padding: 0px; font-size: 24px; font-weight: bolder; color: #e60000; text-align: center;}


/* IMAGENS */
img {border: 0px; text-decoration: none; max-width: 100%;}
.attachment {text-align: center;}
.attachment img {margin: 5px;}
.aligncenter {margin-left: auto; margin-right: auto; margin-top: 5px; margin-bottom: 5px; text-align: center; display: block;}
.alignnone {margin: 5px;}
.alignleft {margin: 5px; text-align: left; float: left; display: inline;}
.alignright {margin: 5px; text-align: right; float: right; display: inline;}


/* CONFIGURACAO DE FORMULARIO */
form, fieldset {margin: 0; padding: 0; border: 0;}

/* campos e botoes */
textarea, input, select, insert {background-color: #ffa7c0; border: 3px solid #b97bff; padding: 2px 5px 2px 5px; color: #b97bff;font-family: Tahoma; font-size: 12px;}


/* MENU */
.Menu {width: 680px; padding: 14px 0px 0px 0px; margin: 0 auto; position:relative;}
.Menu em {display: none}
.Menu ul {list-style: none; margin: 0px; padding: 0px;}
.Menu ul li {padding: 0px; margin: 0px; display: inline; font-size: 14px; line-height: 14px; font-weight: bold; font-family: "Trebuchet MS"; }
.Menu ul li a {padding: 2px 9px 2px 9px; float: left; text-transform:uppercase; letter-spacing:1px;}
.Menu ul li a span {padding: 0px; display: block; float: right; }
.Menu ul li a span {float: none; color: #ffc6d2;}
.Menu ul li a:hover span {color: #e2c2ff; background: #b97bff;}
.Menu ul li a:hover { color:#e2c2ff; text-decoration: none; background: #b97bff;}
.Menu ul li a:hover span {color:#e2c2ff; background: #b97bff;}
.Menu ul li ul {display: none;}


/* TEMPLATE */

/* header (topo) */
#header {width: 900px; height: 200px; margin: 0 auto; position: relative; background: url(images/logo.jpg);}

/* menu */
#fundomenu {width: 900px; height: 50px; background: url(images/fundomenu.gif) repeat-x; margin: 0 auto; position: relative;}

/* conteudo geral */
#geral {width: 900px; margin: 0 auto; position: relative; background-color: #FFFFFF;}
#geraltab {width: 900px; margin: 0px; padding: 0px;}

/* conteudoprincipal */
#principal {width: 560px; margin: 0px; padding: 10px 20px 0px 20px; vertical-align: top;}

/* coluna lateral */
#lateral {width: 300px; margin: 0px; padding: 0px; vertical-align: top;}

/* rodape */
#footer {width: 900px; margin: 0 auto; position: relative; padding: 15px 0px 10px 0px; background: url(images/fundofooter.gif) repeat-x top left #e7cbff;}


/* POSTS E PAGINAS */

/* titulo dos posts */
#principal .titulo {background: none; border: 0px; margin-left: 40px; padding: 0px; color: #b97bff; font-size: 24px; font-weight: bolder; font-family: arial narrow, arial, verdana;}
#principal .titulo a {color: #b97bff; text-decoration: none;}
#principal .titulopage {background: none; border: 0px; margin-left: 0px; padding: 0px; color: #b97bff; font-size: 24px; font-weight: bolder; font-family: arial narrow, arial, verdana;}

#principal input {width: 250px;}

/* autor, horario e categorias */
#principal .autor {margin: 1px 0px 15px 40px; font-size: 10px; font-family: verdana; color: #414141;}

/* data dos posts */
#principal * html .posttime {left: 0px;}
#principal .posts .posttime {padding: 0px; margin-top: -35px; position: absolute; background-image:url(images/data.jpg); background-repeat:no-repeat; height: 71px; width: 67px; text-align: center; color:#ffffff; left: 15px; }
#principal .posts .posttime strong {display: block; line-height: 9px; font-family: 'Verdana'; color:#ffffff; margin-left: -26px;}
#principal .posts .posttime .day {font-size: 16px; line-height: 18px; letter-spacing: -1px; padding-top: 9px; font-family: 'Arial'; }
#principal .posts .posttime .month {font-size: 10px; text-transform: lowercase;}
#principal .posts .posttime .year {padding-top: 7px; font-weight: normal; }

/* posts */
#principal .posts {background: none; margin: 0px; padding: 0px; text-align: justify;}

/* lista nos posts */
#principal .posts li, #principal .posts ul {list-style: none; margin: 0px; padding: 0px;}
#principal .posts ul li {background: url(images/marcador.gif) left top no-repeat; margin: 0px; padding: 2px 0px 2px 12px; float: left;width: 270px; height: auto; display: block;}

/* link para comentarios */
.comentar {width: 117px; height: 25px; text-align: center; background: url(images/comentarios.gif) top left no-repeat; padding-top: 4px; margin: 0px 0px 0px 440px;}
.comentar a, .comentar a:link, .comentar a:active, .comentar a:visited {color: #ffffff; font-weight: bold;}
.comentar a:hover {color: #f15987;}

/* tags e plugs */
.final {background: none; margin: 15px 0px 25px 0px; padding: 0px; text-align: right;}
.tags {font-size: 11px;}

/* linha divisoria entre os posts */
.divisor {background: url(images/div.gif) repeat-x; margin:0px auto; position:relative; width: 450px; height: 4px; padding-top: 5px; margin-bottom: 35px;}

/* quebra de linha */
.space {background: none; clear: both;}

/* blockquote: aspas do post */
blockquote {background: url(images/quote.gif) left top no-repeat #f0d6ff; border: 0px; padding: 3px 5px 5px 36px; margin: 0px auto; position: relative; width: 400px; color: #ac62ff; margin-top: 30px; margin-bottom: 30px; font-size: 11px;}

/* link de 'voltar' no final da pagina */
#sublinks {width: 100%; text-align: right;}\
#sublinks span.link-final-current {background-color: #e2c2ff; color: #a870e8; border: 0px; padding:0 4px 0 4px; margin:0 1px 0 1px;}
#sublinks a {padding:0 4px 0 4px; margin:0 1px 0 1px;}
#sublinks a:link, #sublinks a:visited, #sublinks a:active {background-color: #e2c2ff; color: #a870e8; border: 0px;}
#sublinks a:hover {background-color: #ffa7c0; color: #f15987; text-decoration: none;}
	
/* COMENTARIOS */
.commentlist {margin-bottom: 30px;}
.commentlist li, #commentform input, #commentform textarea {font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;}
.commentlist li {font-weight: bold;}
.commentlist li .espaco {width: 100%; height: 20px;}
.commentlist li .divisoria {border-bottom: 1px dotted #585858; margin: 0px 0px 0px 80px;}
.commentlist {padding: 0; text-align: justify;}
.commentlist li {margin: 15px 0 3px; padding: 5px 10px 3px; list-style: none; min-height: 100px;}
.commentlist p {font-weight: normal; line-height: 1.5em; text-transform: none; margin: 10px 5px 10px 80px; padding-bottom: 10px;}
.commentlist li .avatar {border: 0px; padding: 15px 15px 23px 15px; margin: 0px; background: url(images/avatar.jpg) no-repeat top left; float: left;}
.commentlist li.alt .avatar {border: 0px; padding: 15px 15px 23px 15px; margin: 0px; background: url(images/avatar2.jpg) no-repeat top left;}
.commentlist .autor {padding-top: 18px; padding-left: 45px; margin: 0px; color: #f15987;}
.commentlist .numcom {padding: 0px; padding-left: 85px; margin: 0px; margin-top: -15px; font-weight: normal; color: #f15987;}
.commentlist li.alt .numcom {padding: 0px; padding-left: 85px; margin: 0px; margin-top: -15px; font-weight: normal; color: #b97bff;}
.commentlist .autor cite, .commentlist .autor cite a {font-weight: bold; font-style: normal; font-size: 18px; color: #f15987;}
.commentlist li.alt .autor cite, .commentlist li.alt .autor cite a {font-weight: bold; font-style: normal; font-size: 18px; color: #b97bff;}
.commentmetadata {margin: 0; display: block; font-weight: normal; padding-left: 85px; padding-bottom: 5px;}
.commentmetadata a {color: #f15987;}
.commentmetadata a:hover {color: #ffa7c0;}
.commentlist li.alt .commentmetadata a {color: #b97bff;}
.commentlist li.alt .commentmetadata a:hover {color: #e2c2ff;}
	
.alt {}
	
#commentform p {font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; margin: 5px 0;}		
#commentform input {width: 178px; color: #f15987; background: #ffbec6;}
#commentform textarea {overflow:auto; width: 99%; padding: 2px;}
#commentform .submit {padding: 2px; margin: 0px; background: #b97bff none; border: 3px solid #e2c2ff; color: #ffffff; font-size: 11px; letter-spacing: normal; float: right;}
.nocomments {text-align: center; margin: 0; padding: 0;}

/* WIDGETS NA LATERAL */
#lateral .perfil {background: url(images/perfil.jpg) center top no-repeat; padding: 255px 20px 5px 20px; width: 245px; margin-top: 15px;}
#lateral .widget {background: url(images/widget.jpg) top left no-repeat #ffcfcf; margin: 0px 0px 10px 0px; padding: 20px 20px 5px 20px; width: 245px;}
#lateral h2 {background: none; border-bottom: 1px solid #f15987; margin: 0px 0px 4px 0px; padding: 0px; font-size: 18px; color: #f15987; font-family: Arial Narrow; text-transform: uppercase; letter-spacing: 1px; font-weight: bolder; text-align: center;}
#lateral ul li {background: url('images/marcador.gif') left top no-repeat; margin: 0px; padding: 2px 0px 2px 12px; border-bottom: 1px dotted #b075f3;}
#lateral ul li ul {list-style: none; margin: 0px; padding: 0px;}
#lateral ul li ul li {background: none; border-bottom: 0px; margin: 1px 0px 0px 2px; padding: 1px 0px 1px 10px;}

/* procura em widget da lateral */
#lateral #search {margin: 0px 0px 15px 0px; background: none;}
#lateral #search label {display: none;}
#lateral #search #s {margin: 1px 2px 0px 0px; float: left;}


/* WIDGETS NO RODAPE */
#footer .widget {vertical-align: top; background: none; width: 205px; text-align: left; padding: 0px 10px 0px 10px;}