/*
Theme Name: Brinquedoteca Bumerangue
Theme URI: http://marcelomuraro.com
Description: Tema personalizado para o site da Brinquedoteca Bumerangue
Version: 1.0
Author: Marcelo Muraro
Author URI: http://marcelomuraro.com/
Tags: brinquedoteca, azul, sky, two columns, widgets


definições gerais*/
body { margin: 0; background: #b0d1f5 url(images/back-sky2.jpg) no-repeat center top; }

#all { width: 1000px; margin: auto; }

.round { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }

/* cabeçalho */
#header {
	margin: auto;
	width: 100%;
	height: 260px;
	background: url(images/back-menu2.png) no-repeat bottom;
	position: relative;
}

h1 a {
	text-indent: -9999px;
	overflow: hidden;
	display: block;	
	background: url(images/main-logo.png) no-repeat top left;
	width: 345px;
	height: 248px;
}

/* menu principal - pertencente ao cabeçalho */
#header a {
	display: block;
	text-decoration: none;
	padding: 0px 1px; espaçamento horizontal entre links
}

#header ul { margin: -47px 10px 0 0; float: right; position: relative; }

#header li {
	display: inline;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	/*padding: 12px 8px 14px 8px;*/
	margin: 0 5px 0 11px;
	position: relative;
    float: left; /*mantém a lista do menu principal na horizontal*/
	/*background-color: red;*/
	list-style: none;
	font: bold 19px verdana, arial, tahoma, sans-serif;
	text-transform: lowercase;
}

#header li#inicial { background-color: #ff6666; } /* cor da opção inicial */
#header li.page-item-2 { background-color: #ff9900; } /* cor da opção 'O que é' */

#header li.page-item-28 { background-color: #9E005D; } /* cor da opção 'segurança' */

#header li.page-item-31 { background-color: #99cc33; } /* cor da opção 'serviços' */
#header li.page-item-44 { background-color: #ff6699; } /* cor da opção 'blog' */
#header li.page-item-53 { background-color: #666699; } /* cor da opção 'contato' */

#header li a { color: white; padding: 12px 8px 14px 8px;  }

#header ul li ul {
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	opacity: 0.9;
	-moz-opacity: 0.9;
	filter:alpha(opacity=90);
	padding: 10px 0;
	position: absolute; /*posição da lista de sub-link*/
	left: -9999em; /*esconde lista se link principal não estiver hover */
	width: 170px; /*largura do ul do sub-link*/
	margin:  0 -3px; /*posição X da lista de sub-link*/
	line-height: 1; /*entrelinhamento dos itens na lista de sub-link*/
	background: #996699; /*cor de fundo do ul principal*/
	border: 3px solid #e4e2e4;
}

#header ul li ul { display: none; } /* faz ul sumir quando o mouse não estiver sobre li - opera criando problemas, essa gambiarra parece corrigir o problema */
#header ul li:hover ul { display: block;} /* mostra ul quando hover - opera criando problemas, essa gambiarra parece corrigir o problema */

#header li li {
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	opacity: 1.0;
	-moz-opacity: 1.0;
	filter:alpha(opacity=100);
	padding: 0;
	margin: 0;
	width: 170px; /*largura do fundo vermelho do sub-link quando hover*/
}

#header li li a {
	padding: 3px 15px; /*espaçamento dos sub-links*/
	/*font: normal 17px Trebuchet Ms, Verdana, Arial, Tahoma, Sans-serif;*/
	font-size: 14px;
}

#header li li:hover { background: #999; border: 0;} /*cor de fundo do sub-link quando hover*/ 
#header li ul li:hover a { color: yellow; } /*cor do sub-link quando em hover*/
#header li:hover { border: 3px solid #e4e2e4; margin: -3px 2px -3px 8px; /*margin: 0 5px 0 11px;*/ }
#header li:hover li:hover { margin: 0;}
#header li:hover a, #header li a { color: #e2e4e2;} /*cor do link principal quando em hover*/
#header li:hover li a { color: white; } /* cor dos sublinks*/
#header li:hover ul, #header li li:hover ul { left: auto; } /*posiciona as sublistas sob cada link*/

/* corpo principal */
#main { width: 1000px; margin: 0; background: #fbfafb url(images/back-main.png) repeat-x top; overflow: hidden; }

/* conteúdo do corpo principal*/
#main-content { width: 700px; float: left; color: #333; }

/* elementos das páginas internas */
h2 { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
	background-color: #ff6666; padding: 10px; margin: 71px 0 25px 25px;
	font: bold 20px verdana, arial, tahoma, sans-serif; color: white;
}

h2 a { color: #eaeaea; text-decoration: none;}
h2 a:hover { color: white; }

h2.oquee { background-color: #ff9900; }
h2.servicos { background-color: #99cc33; }
h2.blog { background-color: #ff6699; margin-bottom: 0; }
h2.contato { background-color: #666699; }

h2.title_2, h2.title_12, h2.title_16, h2.title_19, h2.title_23, h2.title_25, h2.title_212 { background-color: #ff9900; } /* cor da opção 'O que é' e respectivos subitens*/
h2.title_28 { background-color: #9E005D; } /* cor da opção 'Segurança' */
h2.title_31, h2.title_34, h2.title_37, h2.title_39, h2.title_41 { background-color: #99cc33; } /* cor da opção 'Serviços' e respectivos subitens*/
h2.title_44, h2.title_47, h2.title_50 { background-color: #ff6699; } /* cor da opção 'Blog' e respectivos subitens */
h2.title_53 { background-color: #666699; } /* cor da opção 'Blog' */
h2.initial-slogan { color: orange; font-size: 45px; padding: 0; margin: 0; }

h3 { margin-left: 25px; }
h4 { margin-left: 35px; font: bold 18px Trebuchet Ms, Verdana, Arial, Tahoma, Sans-serif; }
h4 a { color: #9e005d; }
h4 a:hover { background-color: #996699; color: white; text-decoration: none; }
h5 { margin-left: 35px; font: bold 16px Trebuchet Ms, Verdana, Arial, Tahoma, Sans-serif; }

#main-content p { margin: 25px 0 15px 35px; font: normal 15px/25px Trebuchet Ms, Verdana, Arial, Tahoma, Sans-serif; }
#main-content p.index-list-posts { font-size: 12px; }
#main-content p.higher { font-size: 24px; }
#main-content pre { margin-left: 25px; font: bold 11px Trebuchet Ms, Verdana, Arial, Tahoma, Sans-serif; }
#main-content ul { list-style: square; }
#main-content ol {  }
#main-content li { font: normal 15px/25px Trebuchet Ms, Verdana, Arial, Tahoma, Sans-serif; color: #333; margin-left: 30px; }
#main-content li ul { list-style: circle; margin-bottom: 10px; margin-left: -30px;}
#main-content p a, #main-content li a, #main-content pre a { color: #9e005d; }
#main-content p a:hover, #main-content li a:hover, #main-content pre a:hover { background-color: #996699; color: white; text-decoration: none; }

#main-content ul.search {  }
#main-content li.search { margin-bottom: 20px; }
#main-content li.search p { font-size: 12px; line-height: 15px; margin: 0; }

#main-content div.box { width: 85%; background-color: #ffcc99; margin: 15px 15px 25px 25px; padding: 5px; border: 1px solid #ccc;}
#main-content div.box h4 { font-size: 14px;}
#main-content div.box p { font-size: 12px; line-height: 15px; margin: 15px;}
#main-content div.box li { font-size: 12px;}

#main-content #publi-ferias { float:right; margin-left: 10px; }
#main-content #publi-festas { float:right; margin-left: 10px; }
#main-content #page-festas { margin: 30px 0 -50px 25px; }

/* blog - page e single */
#main-content-blog { width: 700px; float: left; color: #333; }
#main-content-blog p { margin: 25px 0 15px 35px; line-height: 25px; font: normal 15px/25px Trebuchet Ms, Verdana, Arial, Tahoma, Sans-serif; }
#main-content-blog p.index-list-posts { font-size: 12px;}
#main-content-blog pre { margin-left: 35px; font: bold 12px Trebuchet Ms, Verdana, Arial, Tahoma, Sans-serif; }
#main-content-blog pre.pub-date { margin: 5px 0 0 35px; color: #999; font-size: 11px;}
#main-content-blog pre a { color: #9e005d; }
#main-content-blog pre a:hover { background-color: #996699; color: white; text-decoration: none; }
#main-content-blog ul { list-style: square; }
#main-content-blog li { font: normal 15px Trebuchet Ms, Verdana, Arial, Tahoma, Sans-serif; color: #333; margin-left: 30px; line-height: 25px; }
#main-content-blog li ul { list-style: circle; margin-bottom: 10px; margin-left: -30px;}
#main-content-blog p a, #main-content li a, #main-content pre a { color: #9e005d; }
#main-content-blog p a:hover, #main-content li a:hover, #main-content pre a:hover { background-color: #996699; color: white; text-decoration: none; }

#main-content-blog ul.search {  }
#main-content-blog li.search { margin-bottom: 20px; }
#main-content-blog li.search p { font-size: 12px; line-height: 15px; margin: 0; }

#main-content-blog div.box { width: 85%; background-color: #ffcc99; margin: 15px 15px 25px 25px; padding: 5px; border: 1px solid #ccc;}
#main-content-blog div.box h4 { font-size: 14px;}
#main-content-blog div.box p { font-size: 12px; line-height: 15px; margin: 15px;}
#main-content-blog div.box li { font-size: 12px;}

#main-content-blog div.box input { color: #333; margin-left: 10px; height: 22px; width: 300px; border: 1px solid #ccc; padding: 10px 5px 5px 5px;}
#main-content-blog div.box input.send-button { background: #eaeaea; width: 150px; padding: 0; }
#main-content-blog div.box textarea {color: #333; margin-left: 10px; height: 105px; width:450px; border: 1px solid #ccc;}
#main-content-blog div.box label.form { padding-top: 42px; }

#main-content-blog div.list-post { }
#main-content-blog div.list-post li { margin: 0 0 20px 0; list-style: none; }
#main-content-blog div.list-post p { margin: 0; padding: 0; font-size: 13px; line-height: 12px; }
#main-content-blog div.list-post pre.pub-date { font-size: 10px; color: #999; margin: 0 0 10px 0;}
#main-content-blog div.list-post a { color: #9e005d; }
#main-content-blog div.list-post a:hover { background-color: #996699; color: white; text-decoration: none; }

/* elementos da página inicial: fotos e slogan*/
#main-content div#photo-slogan { clear: both; overflow: hidden; background: #fff url(images/back-photo-slogan.jpg) no-repeat; height: 300px; margin:70px 0px 0 25px; padding: 0;}
#main-content div#img-player { width:324px; height:243px; background: white; margin: 21px 21px; padding: 8px 8px 7px 7px; overflow: hidden; border: 1px solid #ccc; }

/* elementos da página inicial: imagens em rotação*/
#main-content div#separator { clear: both; overflow: hidden; }

/* elementos da página inicial: post principal */
#main-content div#index-main-post { background: #eaeaea; border: 1px solid #ccc; width:260px; height:288px; float: left; margin: 70px 0 0 18px; padding: 5px; }
#main-content div#index-main-post a { display: block; font: bold 20px verdana, arial, tahoma, sans-serif; margin: 10px; color: #9e005d; }
#main-content div#index-main-post a:hover { background-color: #996699; color: white; text-decoration: none; }
#main-content div#index-main-post a.excerpt { display: block; margin: 0; color: #333; text-decoration: none; }
#main-content div#index-main-post a.excerpt:hover { color: black; background: none; }
#main-content div#index-main-post p { margin: 10px; padding: 0; font-size: 12px; line-height: 20px;}

/* elementos da página inicial: demais posts */
#main-content div#list-other-posts { margin-top: 25px; margin-left: 25px; margin-bottom: 25px; }
#main-content div#list-other-posts h3 { font-size: 15px; margin: 0; padding: 0; }
#main-content div#list-other-posts ul { margin: 0; padding: 0; list-style: none;  }
#main-content div#list-other-posts li { margin: 0; padding: 0; margin-bottom: 15px; }
#main-content div#list-other-posts p { font-size: 11px; line-height: 14px; margin: 0; padding: 0; }
#main-content div#list-other-posts a.excerpt { color: #333; }
#main-content div#list-other-posts a.excerpt:hover { text-decoration: underline; color: black; }

/* botão de compartilhar o orkut */
#orkut-share { width: 78px; clear:both; padding-top:5px; margin: 0 auto; }

/*barra lateral*/
#sidebar { width: 300px; float: right; margin-top: 25px; }

#sidebar div#social-media { border: none; background: none; margin-left: 40px; margin-top:30px; padding: 0; }
#sidebar div#social-media ul { margin: 0; padding: 0;}
#sidebar div#social-media li {display: inline;}
#sidebar div#social-media img { margin-bottom: -20px; padding: 0; border: 0; }
#sidebar div#social-media a { margin:0 5px; padding: 0; border: 0; }
#sidebar div#social-media a:hover { background: none; }

#sidebar a { color: #9e005d; }
#sidebar a:hover { background-color: #996699; color: white; text-decoration: none; }

#sidebar div.box {
	border: 1px solid #ccc;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background-color: white;
	margin: 45px 25px 35px 0;
	padding: 18px;
	font: bold 15px verdana, arial, tahoma, sans-serif;
}

#sidebar div.box h5 { background: #ccc; margin: 0; font-size: 15px; padding: 0;}
#all #sidebar div.box h5 a { color: #454242; text-decoration: none; }
#all #sidebar div.box h5 a:hover { text-decoration: underline; }
#all #sidebar div.box ul { margin: 15px 0; padding: 0; list-style: none; }
#all #sidebar div.box li { margin: 0; padding: 0 0 10px 0; font-size: 11px;}
#all #sidebar div.box li a { color: #9e005d; text-decoration: none; }
#all #sidebar div.box li a:hover { background-color: #996699; color: white; text-decoration: none; }
#all #sidebar div.box li a.twitter-user { color: black; }
#all #sidebar div.box li a:hover.twitter-user { color: white; text-decoration: underline; }
#all #sidebar div.box img.locaweb { margin: 10px 0 0 13px;}/**/

/*#sidebar #search-form #searchsubmit { width: 35px; margin-left: 5px; background: white url(); padding: 0;}*/

/*#sidebar p { color: #666; font: normal 13px Trebuchet Ms, Verdana, Arial, Tahoma, Sans-serif; }*/
#sidebar div.title  { background: #ccc; margin: -35px -19px 0 0; font-size: 15px; padding: 10px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }

/* busca 
#sidebar div#search { background: none; padding: 0; margin: 0; border: none;}
#sidebar div#search form label.screen-reader-text { font-size: 8px;}*/

/* texto */
#sidebar div.textwidget { padding: 10px; color: #666; font: bold 12px/18px Trebuchet Ms, Verdana, Arial, Tahoma, Sans-serif; }
#sidebar div.textwidget p { font: bold 12px/18px Trebuchet Ms, Verdana, Arial, Tahoma, Sans-serif; }

/* rodapé */
#footer { background: url(images/back-footer.png) repeat-y; }
#footer address { padding: 11px 0 11px 300px; font: bold 12px verdana, arial, tahoma, sans-serif; color: white; }
#footer address a { color: #9e005d; }
#footer address a:hover { background-color: #996699; color: white; text-decoration: none; }
#footer-credits { margin-top: -16px; height: 74px; background: url(images/back-footer-credits.png) no-repeat; }
#footer-credits p { padding-top: 20px; text-align: center; font: normal 10px verdana, arial, tahoma, sans-serif; }
#footer-credits a { color: #9e005d; }
#footer-credits a:hover { background-color: #996699; color: white; text-decoration: none; }