/*
Theme Name: Thiago Mangueria
Theme URI: http://www.fventurini.com.br/
Description: Layout desenvolvido pela <a href="http://www.kraftmedia.com.br/" target="_blank">kraftmedia</a> recorte e montagem pelo <a href="http://www.fventurini.com.br/" target="_blank">FVenturini</a>.
Version: | FV_1.0 |
Author: kraftmedia e FVenturini
*/

/* -------------------- PADR�O DO SITE -------------------- */
@charset "utf-8";

* { margin:0; padding:0; outline:0; }

/* Tags HTML */
html { height:100%; }
* body { height:100%; } /* <-- IE*/
body { font-family:"Arial", Helvetica-Normal, Helvetica, Trebuchet MS, Verdana; font-size: 12px; color:#000; background:#fff url(images/fundo-blog.jpg) repeat-x left top; }

a { text-decoration:none; color:#03C; }
a:hover { text-decoration:underline; }

img { border-width:0; border:none; }

hr { display:none; }
    
li { list-style:none; }

/* Classes */
.clear { clear:both; }
.alerta { color:#cc0000; } 
.hidden { text-indent:-9000px; font-size:0; } /* Esconde o texto do container. Ideal para utilizar imagens background em t�tulos. */


#main { margin:auto; width:935px; position:relative; }
/* -------------------------------------------------------- */


/* -------------------- Topo do site ---------------------- */
#topo { padding:25px 0; position:relative; }

	/* Logo */
	#topo h1 a { display:block; width:341px; height:74px; background:url(images/logo-blog-do-mangueira.gif) no-repeat;}
	
	/* Publicidade */
	#topo #bannerPublicidade { position:absolute; top:20px; right:9px; }
	#topo #bannerPublicidade span { font-size:10px; }
	#topo #bannerPublicidade div { width:468px; height:60px; border:1px solid #eeeeee; }
/* -------------------------------------------------------- */



/* -------------------- Menu Esquerdo --------------------- */
#menuPrincipal { height:50px; background:url(images/fundo-menu-principal.jpg) no-repeat; }
	
	/* P�ginas do blog */
	#menuPrincipal ul { height:30px; padding:7px 0; margin:0 0 0 22px; float:left; }
	#menuPrincipal ul li { height:28px; padding:5px 0; margin-right:27px; float:left; }
	#menuPrincipal ul li a { display:block; height:28px; }
	#menuPrincipal ul li a.home { background:url(images/link-home.gif) no-repeat; width:61px; }
	#menuPrincipal ul li a.sobreOBlog { background:url(images/link-sobre-o-blog.gif) no-repeat; width:117px; }
	#menuPrincipal ul li a.thiagoMangueira { background:url(images/link-thiago-mangueira.gif) no-repeat; width:155px }
	
	#menuPrincipal #buscar { margin-top:11px; float:right; margin-right:9px; }
	#menuPrincipal #buscar #s { background:#c1c0c0; border:none; padding:7px 5px 6px 5px; float:left; width:270px; }
	#menuPrincipal #buscar .screen-reader-text { background:url(images/busca.gif) no-repeat; width:49px; height:18px; margin:4px 9px 0 0; float:left; }
	#menuPrincipal #buscar #searchsubmit { float:left; width:30px; height:29px; background:url(images/botao-buscar.gif) no-repeat; margin:0; padding:0; border:none; font-size:1px; color:#DFDFDF; text-align:left; }
/* -------------------------------------------------------- */

/* -------------------- Barra Lateral --------------------- */
#barraLateral { width:322px; float:right; }
	
	/* Twitter */
	#barraLateral #twitter { /*padding-top:108px;padding-top:72px;*/ position:relative; margin-bottom:20px; }
	#barraLateral #twitter .twtr-hd { display:none; }
	#barraLateral #twitter .twtr-widget { padding:5px 11px 0 11px; background:url(images/fundo-widgets.jpg) 0 -42px no-repeat; }
	#barraLateral #twitter .twtr-widget .twtr-tweet { padding:2px 0; margin:0; border:none; border-bottom:1px dotted #dee1e4; }
	#barraLateral #twitter .twtr-widget .twtr-tweet-wrap { padding:5px 0; }
	#barraLateral #twitter .twtr-ft { display:none; }
	#barraLateral #twitter .sigame { display:block; width:322px; height:114px; background:url(images/topo-twitter.jpg) no-repeat; z-index:5000; }
	#barraLateral #twitter ul.redesSociais { width:322px; height:31px; padding-left:11px; background:url(images/fundo-redes-sociais.jpg) no-repeat; }
	#barraLateral #twitter ul.redesSociais li { float:left; margin:0; padding:0; background:none; font-size:11px; margin-right:16px; }
	#barraLateral #twitter ul.redesSociais li a { color:#2a4863; display:block; padding:4px 0 4px 25px; background:url(images/barra-lateral/icones-redes-sociais.png) no-repeat; }
	#barraLateral #twitter ul.redesSociais li a:hover { text-decoration:none; }
	#barraLateral #twitter ul.redesSociais li a[title=Linkedin] { background-position:0 0px; }
	#barraLateral #twitter ul.redesSociais li a[title=Facebook] { background-position:0 -20px; }
	#barraLateral #twitter ul.redesSociais li a[title=Twitter] { background-position:0 -40px; }
	#barraLateral #twitter ul.redesSociais li a[title=Flickr] { background-position:0 -60px; }
	
	/* Estilo padr�o */
	#barraLateral ul li { background:url(images/fundo-widgets.jpg) no-repeat; padding:0 12px; }
	#barraLateral ul li h2 { height:42px; width:290px; text-indent:-9000px; margin:4px 0 3px 0; background-position:right!important; }
	#barraLateral ul li ul { padding-bottom:4px; }
	#barraLateral ul li ul li { border-bottom:1px dotted #dee1e4; padding:0 0 0 20px; font-size:12px; color:#999898; background:url(images/hover-li-widgets.gif) no-repeat 0 0 }
	#barraLateral ul li ul li:hover { background-position:0 -23px; }
	#barraLateral ul li ul li a { color:#999898; display:block; padding:4px 0; }
	#barraLateral ul li ul li a:hover { text-decoration:none; }
	#barraLateral ul li a { color:#999898; }
	
	#barraLateral #categories-3 h2 { background:url(images/barra-lateral/categorias.gif) no-repeat; }
	#barraLateral #archives-3 h2 { background:url(images/barra-lateral/artigos.gif) no-repeat; }
	#barraLateral #linkcat-16 h2 { background:url(images/barra-lateral/blogs.gif) no-repeat; }
	#barraLateral #linkcat-144 h2 { background:url(images/barra-lateral/sites.gif) no-repeat; }
	#barraLateral #tag_cloud-3 h2 { background:url(images/barra-lateral/tags.gif) no-repeat; }
/* -------------------------------------------------------- */

/* ---------------------- Conteudo ------------------------ */
#conteudo { width:545px; padding:0 34px; float:left; margin-top:32px; }

	/* Estilo padr�o de posts */
	#conteudo .post { color:#5f5959; line-height:16px; font-size:12px; margin-bottom:50px; }
	#conteudo .post small { display:block; padding:3px 8px; font-size:11px; color:#999898; margin:10px 0 30px 0; background:#f7f7f8; }
	#conteudo .post p { padding:8px 0; }
	#conteudo .post img { max-width:545px!important; }
	#conteudo .post a { text-decoration:underline; color:#5f5959; }
	#conteudo .post h2 { letter-spacing:-4px; font-size:28px; line-height:normal; text-decoration:none; }
	#conteudo .post ul { margin-left:17px; }
	#conteudo .post ul li { list-style:disc; padding:3px 0; }
	
	#conteudo .post .alignright { float:right; margin:0 0 10px 10px; }
	#conteudo .post .alignleft { float:left; margin:0 10px 10px 0; }
	#conteudo .post .aligncenter { text-align:center; }
	
	#conteudo h2.pagetitle { letter-spacing:-4px; font-size:28px; line-height:normal; margin-bottom:30px; }
	#conteudo h3 { letter-spacing:-4px; font-size:23px; line-height:normal; }
	
	#conteudo #comments, #conteudo #respond h3 { letter-spacing:-4px; font-size:20px; line-height:normal; }
	#conteudo #respond h3 { margin-bottom:20px; }
	#conteudo #respond form input, #conteudo #respond form textarea { padding:3px 5px 2px 5px; border:1px dotted #dee1e4; margin:2px; }
	#conteudo #respond form input { width:305px; }	
	#conteudo #respond form textarea { width:545px; }
	#conteudo #respond form input#submit { width:181px; height:42px; padding:0; cursor:pointer; border:none; font-size:1px; color:#D2D2D2; text-align:left; background:url(images/botao-enviar-comentario.jpg) no-repeat; }
	#conteudo #respond form small { font-size:12px; }
	#conteudo .commentlist li { border:1px dotted #dee1e4; color:#5b5555; padding:8px 25px; background:#FBFBFB; margin-bottom:5px; }
	#conteudo .commentlist li a { color:#000; }
	#conteudo .commentlist .commentmetadata { font-size:10px; }
	
	#conteudo .rodapePost { padding:15px 25px; background:url(images/fundo-rodape-post.gif) repeat-x #eeeeee; margin:20px 0 0 0!important; border:1px solid #f0f0f0; }
	#conteudo .post .rodapePost li { color:#5f5959; border-bottom:1px dotted #dee1e4; padding:0 0 3px 25px; margin-bottom:5px; list-style:none; }
	#conteudo .post .rodapePost li a { color:#5f5959; text-decoration:none; } 
	#conteudo .post .rodapePost li.comentarios { background:url(images/ico-comentarios.gif) no-repeat left top; }
	#conteudo .post .rodapePost li.tags { background:url(images/ico-tags.gif) no-repeat left top; }
	#conteudo .post .rodapePost li.tags a { color:#999898; }
	#conteudo .post .rodapePost li.linkPermanente { border:none; margin-bottom:0; background:url(images/ico-link-permanente.gif) no-repeat left top; }
	#conteudo .rodapePost li.infoPost { padding-left:0; margin-bottom:0; border:none; font-size:10px; line-height:normal; }
	#conteudo .rodapePost li.infoPost a { color:#999898; }
	/*#conteudo .entry .rodapePost li.tags { border:none!important; margin-bottom:0!important; }*/
	
	#conteudo .navigation { padding-bottom:30px; height:15px; }
	#conteudo .navigation a { color:#5F5959; }
	#conteudo .navigation .alignleft { float:left; color:#5F5959; font-size:14px; }
	#conteudo .navigation .alignright { float:right; color:#5F5959; font-size:14px; }
/* -------------------------------------------------------- */

/* ------------------------ Rodape ------------------------ */
#rodape { clear:both; border-top:1px solid #cccfd1; margin-top:95px; padding:10px 0 95px 0; height:13px; }
	
	#rodape p.hidden { background:url(images/copyright.gif) no-repeat; width:266px; height:13px; float:left; }
	#rodape p.assinatura { display:block; color:#a4a6a8; font-size:12px; float:right; }
	#rodape p.assinatura a { color:#a4a6a8; }
/* -------------------------------------------------------- */