/*
Theme Name: Princi Agência Web
Theme Author: Princi Agência Web
Theme URI: http://www.princiweb.com.br/
*/

* { margin: 0; padding: 0; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #333; border: 0}
p { font-size:12px; line-height:20px; margin-bottom:10px; text-align:justify}
h1, h1 a { font-size:23px; font-weight:bold; text-decoration:none; border:0; margin-bottom:15px;}
h2, h2 a { font-size:23px; font-weight:bold; background: url(images/linha-horizontal.gif) repeat-x left bottom; margin:15px 0; border:0; padding-bottom:2px;}
h3 a{ font-size:16px; font-weight:bold; border:0}
hr {display:none}
small { font-size:10px; margin-bottom:5px}
a {color:#333; text-decoration:none; border-bottom:1px solid #016ba6}
a:hover {color:#777}
pre {
	padding: 0;
	margin: 0;
	background: #f0f0f0;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	line-height: 20px; /*--Height of each line of code--*/
	background: url(pre_code_bg.gif) repeat-y left top; /*--Background of lined paper--*/
	width: 535px;
	overflow: auto; /*--If the Code exceeds the width, a scrolling is available--*/
	overflow-Y: hidden;  /*--Hides vertical scroll created by IE--*/
	background: transparent url(images/pre_code_bg.gif) repeat-y scroll left top;
	margin-bottom: 15px}
pre code {
	margin: 0 0 0 40px;  /*--Left Margin--*/
	padding: 18px 0;
	display: block;
	font-family: "Courier New",Courier,monospace;
}

/* Resolve problema de float no Firefox */
div#conteiner div#header:after, div#conteiner div#header div#grade-logo:after { content: "."; clear: both; display: block; visibility: hidden; height: 0 }

body { background-image: url(images/bg-repeat.gif)}

div#conteiner { background: url(images/bg-header.gif) no-repeat; min-height: 374px; width: 1000px; margin: 0 auto; padding-top: 33px}
div#conteiner div#header { background: #FFF url(images/cur-folha.gif) no-repeat top right; margin-left: 65px; padding-top: 7px; width: 869px }
div#conteiner div#header a#postit { background: url(images/post-it-blog.gif) no-repeat; border: 0; display: block; float: left; height: 115px; margin-top: -15px; text-indent: -5000em; width: 144px }
div#conteiner div#header div#grade-logo { margin: 20px auto; width: 220px }
div#conteiner div#header div#grade-logo a#logo { background: url(images/logo.gif) no-repeat; border: 0; display: block; float: left; height: 54px; text-indent: -5000em; width: 214px; margin-bottom: 15px }
div#conteiner div#header div#grade-logo ul#menu { margin: 0 auto; width: 190px }
div#conteiner div#header div#grade-logo ul#menu li { list-style: none }
div#conteiner div#header div#grade-logo ul#menu li a { background: url(images/menu.gif) no-repeat 0 0; border: 0; color: #FFF; display: block; float: left; text-indent: -1000em }
div#conteiner div#header div#grade-logo ul#menu li a.sobre { background-position: 0 0; margin: 10px 10px 0 0; width: 31px; height: 17px }
div#conteiner div#header div#grade-logo ul#menu li a.sobre:hover { background-position: 0 -17px }
div#conteiner div#header div#grade-logo ul#menu li a.contato { background-position: -57px 0; margin: 10px 10px 0 0; width: 63px; height: 17px }
div#conteiner div#header div#grade-logo ul#menu li a.contato:hover { background-position: -57px -17px }
div#conteiner div#header div#grade-logo ul#menu li a.portfolio { background-position: -146px 0; margin-top: 10px; width: 76px; height: 17px }
div#conteiner div#header div#grade-logo ul#menu li a.portfolio:hover { background-position: -146px -17px }

div#conteiner div#folha { background: url(images/bg-post.gif) repeat-y; margin-left: 65px; position:relative; width:869px; }

#rodape { background-color:#FFFFFF; display:block; float:left; position:relative; width:869px;}
#rodape h2#txt-sobre { background: url(images/txt-sobre.gif) no-repeat; display:block; float:right; font-size:0; height:25px; line-height:0; margin:0 10px; text-indent:-5000em; width:425px; }
#rodape p { float: right; font-size: 14px; line-height: 22px; margin-bottom: 13px; padding-right: 10px; text-align: justify; width: 430px }
#rodape a, #rodape a img {border:0}
#rabisco { background:url(images/rodape-esquerda.gif) no-repeat; bottom:-93px; height:277px; left:-35px; position:absolute; width:450px; }
#assinatura { bottom:-62px; right:0; position:absolute; background:url(images/rodape-direita.gif) no-repeat; width:347px; height:62px}

.separadorH { background: url(images/linha-horizontal.gif) repeat-x; height:3px; margin:10px 0; width:100%; clear:both}
.separadorV { background: url(images/linha-vertical.gif) repeat-y; height:45px; margin:5px 0; position:absolute; right:-20px; top:-5px; width:5px}

#conteudo { float:left; margin: 10px 0 0 17px; width: 535px; display: inline }
#conteudo h2 { font-size:20px; font-weight:bold; background: none; margin:15px 0; border:0}
#conteudo h2 * { font-size:20px;}

.post ul {line-height:20px; list-style: disc; margin:10px 0 15px 25px}
.post ol {line-height:20px; list-style: decimal-leading-zero; margin:10px 0 15px 25px}
.download { background-color:#FBFBFB; border:1px dashed #999; height:42px; margin-bottom:15px}
.download .ico-download {float:left; margin:5px 10px 0 10px}

#sidebar { float: left; margin: 10px 0 0 30px; width: 270px }
form#searchform { margin-bottom: 10px }
form#searchform fieldset { border: 0 }
form#searchform legend { display: none }
#sidebar input.searchsubmit { border:1px solid #D6D6D6; float:left; height:21px; padding:5px 0 0; text-indent:5px; width:186px}
#sidebar input#searchsubmit { background: url(images/bt-procurar.gif) no-repeat; float: left; border: 0; cursor: pointer; height: 28px; text-indent: -5000em; width: 82px; font-size: 0; line-height: 0}
#sidebar h2#txt-canais, #sidebar h2#txt-categorias, #sidebar h2#txt-enquete, #sidebar h2#txt-ultimos-comentarios { border-bottom: 1px dashed #CCC; display: block; font-size: 0; line-height: 0; text-indent: -5000em; width: 270px }
#sidebar h2#txt-canais { background: url(images/txt-canais.gif) no-repeat; height: 21px }
#sidebar h2#txt-categorias { background: url(images/txt-categorias.gif) no-repeat; height: 25px }
#sidebar h2#txt-enquete { background: url(images/txt-enquete.gif) no-repeat; height: 25px }
#sidebar h2#txt-ultimos-comentarios { background: url(images/txt-ultimos-comentarios.gif) no-repeat; height: 26px }

.box {margin:50px auto; width:200px}
.box p {text-align: center}
.avatar {margin:2px 10px 0 0; float:left}
ul#tags {background: url(images/ico-tags.gif) no-repeat 0 5px; margin:15px 0; padding:0 0 0 15px;}

div.posttitle { background: url(images/linha-vertical.gif) repeat-y left top; display:block; float:left; padding-left:10px; width:465px; margin-bottom:10px}
div.posttitle em {margin-top:5px;}
div.posttitle h1 { margin-bottom:5px}
/* Data */
.marca-pagina { background: url(images/marca-pagina.gif) no-repeat; height:31px; left:-64px; position:absolute; top:8px; width:64px;}
.postdate { float:left; height:46px; margin-right:10px; position:relative; width:50px}
.month, .day, .year { position: absolute; text-indent: -1000em; background-image: url(images/dates.gif); background-repeat: no-repeat}
.month 	{ height:16px; left:0;	bottom:0; width:33px}
.day 	{ height:19px; left:3px;top:6px; width:30px}
.year 	{ height:45px; right:0;	top:0; width:15px}

.m-01 { background-position: -2px -4px}
.m-02 { background-position: -2px -35px}
.m-03 { background-position: -2px -66px}
.m-04 { background-position: -2px -97px}
.m-05 { background-position: -2px -128px}
.m-06 { background-position: -2px -159px}
.m-07 { background-position: -2px -190px}
.m-08 { background-position: -2px -221px}
.m-09 { background-position: -2px -252px}
.m-10 { background-position: -2px -283px}
.m-11 { background-position: -2px -314px}
.m-12 { background-position: -2px -345px}

.d-01 { background-position: -51px -4px}
.d-02 { background-position: -51px -36px}
.d-03 { background-position: -51px -67px}
.d-04 { background-position: -51px -98px}
.d-05 { background-position: -51px -129px}
.d-06 { background-position: -51px -160px}
.d-07 { background-position: -51px -192px}
.d-08 { background-position: -51px -222px}
.d-09 { background-position: -51px -253px}
.d-10 { background-position: -51px -284px}
.d-11 { background-position: -51px -315px}
.d-12 { background-position: -51px -346px}
.d-13 { background-position: -51px -377px}
.d-14 { background-position: -51px -409px}
.d-15 { background-position: -51px -440px}
.d-16 { background-position: -51px -470px}
.d-17 { background-position: -100px -4px}
.d-18 { background-position: -100px -36px}
.d-19 { background-position: -100px -67px}
.d-20 { background-position: -100px -98px}
.d-21 { background-position: -100px -129px}
.d-22 { background-position: -100px -160px}
.d-23 { background-position: -100px -192px}
.d-24 { background-position: -100px -222px}
.d-25 { background-position: -100px -253px}
.d-26 { background-position: -100px -284px}
.d-27 { background-position: -100px -315px}
.d-28 { background-position: -100px -346px}
.d-29 { background-position: -100px -377px}
.d-30 { background-position: -100px -409px}
.d-31 { background-position: -100px -440px}

.y-2009 { background-position: -153px -7px}
.y-2010 { background-position: -153px -57px}
.y-2011 { background-position: -153px -108px}
.y-2012 { background-position: -153px -157px}
.y-2013 { background-position: -153px -207px}
.y-2014 { background-position: -153px -214px}
.y-2015 { background-position: -153px -308px}
.y-2016 { background-position: -153px -359px}
.y-2017 { background-position: -153px -408px}

/* Sidebar */

ul#canais { height:75px; list-style:none; margin:10px 0; width: 270px}
ul#canais li { float:left; margin:0 7px }
ul#canais li a, ul#canais li a img { border:0}
ul#canais li a#twitter { background: url(images/ico-canais.gif) no-repeat 0 0; width: 80px; height: 80px; font-size: 0; line-height: 0; text-indent: -5000em; display: block }
ul#canais li a#flickr { background: url(images/ico-canais.gif) no-repeat -95px 0; width: 77px; height: 80px; font-size: 0; line-height: 0; text-indent: -5000em; display: block }
ul#canais li a#rss { background: url(images/ico-canais.gif) no-repeat -183px 0; width: 70px; height: 80px; font-size: 0; line-height: 0; text-indent: -5000em; display: block }

ul#categorias { margin:10px 0}
ul#categorias li { background: url(images/ico-ok.gif) no-repeat 0 8px;  font-size:14px; line-height:25px; list-style:none; margin-left:5px; padding-left:20px; text-decoration:none;}
ul#categorias li a { border:0;}
ul#categorias li a:hover { color:#777; border-bottom:1px solid #016ba6}

ul#ultimos-comentarios li { background:#FBFBFB url(images/comentario.gif) no-repeat 6px 10px; line-height:20px; list-style:none; margin:10px 0; padding:5px 5px 5px 23px;}
ul#ultimos-comentarios li a {text-decoration:none;  border:0; font-weight:bold;}
ul#ultimos-comentarios li a:hover { color:#777}

/* Comentarios */
.comentarios {background:url(images/linha-comentarios.gif) repeat-y 0 2px; padding:10px; margin-top:10px}
.comentarios h3 { margin:4px 0px 4px 0px; font-size: 16px}
.comentarios div { display:block}
.comentarios p { font-size:12px; line-height:20px; margin-bottom: 20px; text-align:justify}

#conteudo h2#txt-deixe-seu-comentario, #conteudo h2#txt-comentarios { display: block; font-size: 0; line-height: 0; text-indent: -5000em }
#conteudo h2#txt-deixe-seu-comentario { background: url(images/txt-deixe-seu-comentario.gif) no-repeat; height: 22px; width: 261px }
#conteudo h2#txt-comentarios { background: url(images/txt-comentarios.gif) no-repeat; height: 22px; width: 152px }

#comentar { height:295px; margin:0 auto; width:533px; background:url(images/bg-comentar.jpg) no-repeat; padding:60px 10px 10px 20px}
#comentar input { background:none; float:right; width:280px; border:0}
input#author, input#email, input#url { background-color:#F6F6F6; font-size:16px; margin-bottom:10px; padding:10px; width:215px}
#comentar input#submit { background:url(images/bt-enviar.gif) no-repeat; cursor:pointer; float:left; height:38px; margin:28px 0 0 52px; width:122px; text-indent:-1000em; color:#FFF}
#comentar input#submit:hover { background-position:0px -38px}
#comentar textarea {background-color:#F6F6F6; border:0; float:left; font-size:16px; height:210px; padding:5px; width:225px} 

#comentar #quem-comenta { float:right; margin-right:52px; width:235px}
#comentar #box-comentar { float:left; width:235px}

/* Footlink */
#footlink {height:20px}
#footlink #anteriores { float:left }
#footlink #proximos { float:right}


/* PADRÃO IMAGENS */

.img-centro { display:block; margin-bottom:10px; text-align:center}
.img-centro a { border:0 !important}
.img-centro img {border:1px solid #173348}
.img-centro em { margin:5px 0}

.no-border { border:0 !important}

.imagem { margin-bottom:5px; text-align:center}
.imagem a { border:0 !important}
.imagem img {border:1px solid #173348}
.imagem em { margin:5px 0}

.left { float:left; margin:0 5px 5px 0}
.left a, .right a { border:0 !important}
.right { float:right; margin:0 0 5px 5px}

/* BOX AUTHOR */
#authorbox { background-color:#EFEFEF; border:1px solid #CECFD0; margin:15px 0; overflow:hidden; padding:5px; text-align:justify; width:515px}  
#authorbox h4, #authorbox h4 a { color:#191919; font-size:16px; margin:0 0 10px; padding:2px 0 0; text-decoration:none}
#authorbox img { float:left; margin:0; padding:5px }

/* POSTS RELACIONADOS */

div#artigos-relacionados {padding:5px; width:515px}
div#artigos-relacionados h3 { border-bottom:1px solid #CCCCCC; font-size:22px; margin-bottom:10px; padding-bottom:4px}
div#artigos-relacionados ul.related_post {margin:0 0 5px 0}
div#artigos-relacionados ul.related_post li { list-style:url(images/p-con-li.png) inside}
div#artigos-relacionados ul.related_post li a {border:0}
div#artigos-relacionados ul.related_post li a:hover { border-bottom:1px solid #016ba6}

blockquote {padding:10px; background-color:#f0f6fe; margin-bottom: 10px; }
blockquote:before { content: open-quote; font-weight: bold; font-size:80px; float:left; margin:0 10px 0 0; padding:0 }

/* Erro - Busca */
div#erro-busca { text-align: center; padding-top: 10px }
div#erro-busca img { margin-bottom: 15px }

/* Random Posts (Erro 404) */
ul#random-posts { list-style: inside; margin-bottom: 18px }
ul#random-posts li { margin-bottom: 5px }