/*  

Theme Name: COGUMELO LOUCO

Theme URI: http://cogumelolouco.com

Description: Tema do blog Cogumelo Louco.

Version: x.0

Author: Fabio Lobo

Author URI: http://fabiolobo.com.br/

*/



/* HTML */







body {padding: 0px; margin: 0px; font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #000000; background: #27003a repeat;}

#corpo {padding: 0px; margin: 0px auto; width: 960px;}

blockquote {padding: 0px 0px 0px 10px; margin: 15px 0px 15px 10px; border-left: 5px solid #CCC;}



/* LINKS */



a {color: #0066ff; font-weight: normal; text-decoration: underline;}

a:hover {color: #0066ff; font-weight: normal; text-decoration: underline;}



h1 a, h2 a, #conteudo .posts .post .byline a, #conteudo .sidebar a {color: #f11761; text-decoration: none; font-weight: bold;}

h1 a:hover, h2 a:hover, #conteudo .posts .post .byline a:hover, #conteudo .sidebar a:hover {color: #f11761; text-decoration: underline; font-weight: bold;}



a_sidebar,  #conteudo .sidebar a {color: #545555; text-decoration: none; font-weight: normal ;}

a_sidebar, #conteudo .sidebar a:hover {color: #545555; text-decoration: underline; font-weight: normal ;}

#topo .logo a {padding: 0px; margin: 0px; text-indent: -5000px; width: 960px; height: 160px; display: block; float: left;}





#topo ul.menu li a {color: #FFF; text-decoration: none;  font-weight: bold;}

#topo ul.menu li a:hover {color: #FFF; text-decoration: underline;  font-weight: bold;}



#conteudo .posts .post .byline .link-comentarios a {color: #0066ff; text-decoration: none; font-size: 21px;}

#conteudo .posts .post .byline .link-comentarios a:hover {color: #0066ff; text-decoration: underline; font-size: 21px;}



#rodape a {color: #FFF; text-decoration: underline;}

#rodape a:hover {color: #FFF; text-decoration: none;}



/* IMAGENS */



img {border: 0px;}



img.aligncenter {padding: 2px; margin: 5px 0px 2px 7px; display: block; margin-left: auto; margin-right: auto;}

img.alignright {padding: 2px; margin: 5px 0px 2px 7px; _margin-top: 15px; display: inline; float: right;}

img.alignleft {padding: 2px; margin: 5px 7px 2px 0px; _margin-top: 15px; display: inline; float: left;}



#conteudo .posts .comentario img {margin: 0px 10px 10px 0px; border: 5px solid #FFF; float: left;}



#rodape .feedback ul.feedback-direita img {margin: 5px 5px 0px 0px; float: left;}



/* TITULOS */



h1, h2, h4 {padding: 0px; color: #f2115d; font-size: 22px; line-height:  font-family: Verdana, Arial, sans-serif; 22px; }

h1, h2 {margin: 5px 0px 0px 0px;}

h4  {margin: 20px 0px 5px 0px;}



#conteudo .sidebar h4  {margin: 0px;}



h3 {margin: 0px; font-size: 18px; text-transform: none;}



h5 {padding: 0px; margin: 0px; font-size: 18px; text-transform: none;}



/* ANUNCIOS */

#topo .anuncio-topo {padding: 0px; margin: 20px 0px 0px 0px; height: 90px; width: 728px; float: right;}







#conteudo .posts .post .anuncios-post {padding: 0px; margin: 15px 0px; width: 600px; display: block;}



#conteudo .sidebar ul.publicidade {padding: 0px; margin: 10px 0px 30px 0px; width: 300px; list-style: none; font-size: 0px; float: left;}

#conteudo .sidebar ul.publicidade li {padding: 0px; margin: 0px 20px 0px 15px; display: inline; float: left;}

#conteudo .sidebar ul.publicidade li.direita {padding: 0px; margin: 0px; display: inline; float: left;}

#conteudo *.bnr-quadro a:hover img {
filter:alpha(opacity=40);
-moz-opacity: 0.40;
opacity: 0.40;
border: 2px solid #000000;
} 

/* TOPO */



#topo {padding: 0px; margin: 0px auto; width: 960px; background: url(http://www.stormgirls.com.br/imgs/header/index.php) no-repeat left top; display: block; float: left;}






#topo .busca {padding: 0px; margin: 35px 0px 0px 0px; width: 310px; height: 36px; background: url(images/busca.png) no-repeat #9fd603; float: right;}

#topo .busca form {padding: 0px; margin: 0px;}

#topo .busca .busca-campo {padding: 2px 2px 0px 2px; margin: 8px 0px 0px 0px; width: 220px; height: 19px; font-weight: bold; font-size: 14px; border: 0px; float: right;}

#topo .busca .busca-botao {padding: 0px; margin: 3px 4px 0px 0px; width: 30px; height: 30px; color: #000; background: url(images/busca-botao.png) no-repeat; border: 0px; float: right; cursor: pointer;}



#topo ul.menu {padding: 9px 20px 0px 20px; margin: 10px 0px 0px 0px; font-family: Arial, Verdana, sans-serif; font-size: 14px; font-weight: bold; text-transform: uppercase; list-style: none; width: 920px; height: 26px; background: #f2115d; float: left;}

#topo ul.menu li {padding: 0px; margin: 0px 30px 0px 0px; display: inline;}

#topo ul.menu li.icon {padding: 0px; margin: -6px 0px 0px 20px; display: inline; float: right;}



#topo ul.secoes {padding: 8px 0px 8px 8px; margin: 0px; font-size: 0px; list-style: none; width: 952px; height: 124px; background: #b21414; float: left;}

#topo ul.secoes li {padding: 0px; margin: 0px 8px 0px 0px; font-size: 0px; display: inline;}



/* CONTEUDO */
#conteudo .posts .max {width: 960px !important;}




#conteudo {padding: 0px; margin: 0px; width: 960px; float: left; background: #FFF url(images/conteudo.png) repeat-y top;}



#conteudo .posts {padding: 0px; margin: 0px; width: 640px; float: left;}

#conteudo .posts p {line-height: 18px; text-align: justify;}



#conteudo .posts ul {margin: 15px 0px 15px 10px; font-weight: bold; list-style: square;}

#conteudo .posts ul li {padding: 0px; margin: 0px 0px 5px 0px;}



#conteudo .posts .wp-pagenavi {padding: 0px; margin: 0px auto 5px auto; *width: 600px; font-size: 11px; font-weight: bold; text-align: center; *float: left;}



/* POSTS */



#conteudo .posts .post {padding: 0px; margin: 10px 0px 20px 10px; width: 600px; float: left;}

#conteudo .posts .post embed {margin: 20px auto; text-algin: center; display: block;}



#conteudo .posts .post .post-topo {margin: 0px 0px 5px 0px; width: 600px; min-height: 57px;}

#conteudo .posts .post .post-topo .data {padding: 0px; margin: 0px 10px 0px 0px; width: 40px; height: 57px; background: url(images/data.png) no-repeat; float: left;}

#conteudo .posts .post .post-topo .data p {padding: 0px; margin: 5px 0px 0px 0px; text-align: center; font-family: Arial, Verdana, sans-serif; font-size: 21px; font-weight: bold; color: #FFF; line-height: 18px;}

#conteudo .posts .post .post-topo .data p.ano {margin: 0px; font-size: 10px; font-size: 10px; line-height: 14px;}



#conteudo .posts .post .byline {padding: 15px 0px 0px 0px; *padding-right: 63px; margin: 10px 0px 10px 0px; font-family: Verdana, Tahoma, sans-serif; font-size: 11px; font-weight: bold; color: #666; text-align: right; height: 25px; background: url(images/byline.gif) repeat-x top; width: 600px; *width: 537px; float: left;}

#conteudo .posts .post .byline  span {float: left;}

#conteudo .posts .post .byline .link-comentarios {padding: 5px 0px 0px 0px; margin: -20px 0px 0px 10px; *margin-right: -63px; text-align: center; width: 53px; height: 35px; background: url(images/comentarios.png) no-repeat right; float: right;}



#conteudo .posts .post .leia-tambem {padding: 0px; margin: 0px; width: 600px; float: left;}



/* COMENTARIOS  */



#conteudo .posts .comentarios {padding: 0px 10px; width: 600px; float: left;}

#conteudo .posts #respond {background: #FFF;}



#conteudo .posts .comentario {padding: 20px; margin: 10px 0px 0px 0px; width: 560px; background-color: #EEE; float: left;}

#conteudo .posts ul.children {padding: 0px; margin: 0px 0px 0px 30px; font-weight: normal;}



#conteudo .posts ul.children .comentario {width: 530px;}

#conteudo .posts ul.children ul.children .comentario {width: 500px;}

#conteudo .posts ul.children ul.children ul.children .comentario {width: 470px;}

#conteudo .posts ul.children ul.children ul.children ul.children .comentario {width: 440px;}

#conteudo .posts ul.children ul.children ul.children ul.children ul.children .comentario {width: 410px;}



#conteudo .posts .responder-comentario {padding: 0px; margin: 10px 0px 0px 0px; text-align: right;}



#conteudo .posts .navegacao {margin: 10px 0px; text-align: center; width: 600px; font-weight: bold; display: block; float: left;}

#conteudo .posts .navegacao .n-direita {float: left;}

#conteudo .posts .navegacao .n-esquerda {float: right;}



/* SIDEBAR */



#conteudo .sidebar {padding: 10px 10px 0px 10px; margin: 0px; width: 300px; float: left;}

#conteudo .sidebar .sidebar-esquerda {padding: 0px; margin: 0px; width: 120px; float: left;}

#conteudo .sidebar .sidebar-direita {padding: 0px; margin: 0px 0px 0px 20px; width: 140px; float: left;}



#conteudo .sidebar ul {padding: 0px; margin: 10px 0px 25px 0px; list-style: none;}

#conteudo .sidebar ul li {padding: 0px; margin: 0px 0px 5px 0px;}



/* RODAPE */

	

#rodape {padding: 20px 0px 10px 0px; margin: 0px; color: #FFF; width: 960px; background: url(images/rodape.png) no-repeat top; float: left;}



#rodape .feedback {padding: 0px; margin: 30px 0px; width: 930px; float: left;}

#rodape .feedback ul {padding: 0px; margin: 0px 30px 0px 0px; width: 290px; list-style: none; font-family: Verdana, Arial, Tahoma, sans-serif; text-align: left; float: left;}

#rodape .feedback .hypes {padding: 0px; margin: 0px 30px 0px 0px; width: 290px; list-style: none; font-size: x-small; font-family: Verdana,  Tahoma, sans-serif; text-align: left; float: left;}

#rodape .feedback ul.feedback-direita {margin: 0px;}

#rodape .feedback ul.feedback-direita li {font-size: 10px; line-height: 13px;}

#rodape .feedback ul li {padding: 0px; margin: 0px 0px 5px 0px;}

#rodape .feedback .hypes p {padding: 0px; margin: 0px 0px 5px 0px;}

#rodape .feedback ul li.titulo {padding: 0px; margin: 0px 0px 3px 0px; font-size: 24px; font-family:  Tahoma, Verdana, Arial, sans-serif; font-weight: bold; color: #C00;}

#rodape .feedback .hypes .titulo {padding: 0px; margin: 0px 0px 3px 0px; font-size: 24px; font-family:  Tahoma, Verdana, Arial, sans-serif; font-weight: bold; color: #C00;}



#conteudo .posts .wp-pagenavi {padding: 0px; margin: 0px auto 5px auto; *width: 600px; font-size: 11px; font-weight: bold; text-align: center; *float: left;}


#rodape .creditos {padding: 70px 0px 0px 80px; margin: 0px; width: 920px; height: 80px; font-family:  Arial, "Trebuchet MS", sans-serif; background: url(images/mascote.png) no-repeat left; float: left;}

#rodape .creditos p {padding: 0px; margin: 0px; font-weight: bold; line-height: 0px; *line-height: 15px;}

#rodape .creditos p.cl {font-size: 48px; line-height: 70px; *line-height: 65px;}

#rodape .creditos p.cl span {margin: 0px 0px 0px 10px;}