* { margin: 0; padding: 0; }
body { background: #171616 url(imgs/layout/border-top.gif) repeat-x; color: #a9a9a9; font: 11px arial, helvetica, sans-serif; line-height: 19px; margin: 0 auto; text-align: center; }
a:link, a:visited { color: #fff; text-decoration: underline; }
a:hover { text-decoration: none; }
img { border: none; }

input.text, textarea.text { background: #fff; border: 1px solid #cfcfcf; color: #7b7b7b; padding: 3px 7px; font: 11px tahoma, arial, sans-serif; }
input.submit { background: #e7e7e7; border: 1px solid #d5d5d5; color: #8b8b8b; padding: 0px 7px; margin: 0 0 0 5px; }
select.select { background: #fff; border: 1px solid #cfcfcf; color: #7b7b7b; font: 11px tahoma, arial, sans-serif; }
.inputpesquisa { width: 135px; }
fieldset { border: none; }

.sep { display: block; width: 165px; margin: 10px auto 15px auto; height: 1px; border-bottom: 1px solid #d73d7e; }
.clear { display: block; clear: both; }
.highlight { background-color: yellow; color: #000;  }

#container { width: 740px; margin: 7px auto 0 auto; text-align: center; position: relative; left: 22px; }
#content { background: url(imgs/layout/padrao.gif) repeat; width: 500px; float: left; text-align: left; position: relative; }
#contentborder { padding: 19px 20px 85px 20px; background: url(imgs/layout/border-bottom.gif) repeat-x left bottom; }
#header h2 { font-weight: bold; font-size: 36px; }
#header h2 a:link, #header h2 a:visited { margin: 0 0px 20px auto; position: relative; right: 7px; display: block; text-decoration: none; color: #d73d7e; background: url(imgs/layout/logo.png) no-repeat; width: 277px; height: 32px; }
#header h2 span { display: block; text-indent: -9999px; }
#content #blog { margin-bottom: 40px; }
#content #blog h1 { position: relative; margin: 0 0 10px 51px; color: #0cced5; font-size: 21px; font-weight: bold; text-transform: lowercase; }
#content #blog h1 span { display: block; text-indent: -9999px; }
#content #blog h1.portfolio { background: url(imgs/layout/portfolio.png) no-repeat; width: 104px; height: 21px; }
#content #blog h1.blog { background: url(imgs/layout/blog.png) no-repeat; width: 48px; height: 19px; }
#content #blog h1 span.marcador { position: absolute; top: -10px; left: -115px; display: block; width: 110px; height: 31px; background: url(imgs/layout/apontador.png) no-repeat; }
#content #blog .post { margin: 0 0 20px 0; position: relative; min-height: 230px; }
#content #blog .post blockquote { background: #171616; color: #ccc; padding: 15px; margin: 0 0 10px 0; border: 1px solid #333;  }
#content #blog .post blockquote cite { display: block; border-left: 2px solid #fff; padding-left: 10px; margin-top: 5px; }
#content #blog .post ul li { font-size: 12px; margin: 0 0 10px 0; }
#content #blog .post h1 a:link, #content #blog .post h1 a:visited,
#content #blog .post h2 a:link, #content #blog .post h2 a:visited,
#content #blog .post h1, #content #blog .post h2 { text-decoration: none; font: 18px georgia, "times new roman", sans; color: #d73d7e; margin: 0 0 10px 0; }
#content #blog .post h3, #content #blog .post h3 a:link, #content #blog .post h3 a:visited { color: #0cced5; font: normal 18px georgia, "times new roman", sans; margin: 5px 0 0 0; text-decoration: none; }
#content #blog .post h4, #content #blog .post h4 a:link, #content #blog .post h4 a:visited { color: #fff; font-size: 11px; font-weight: normal; text-decoration: none; }
#content #blog .post h3 a:hover, #content #blog .post h4 a:hover { text-decoration: underline; }
#content #blog .post .info { height: 225px; overflow: hidden; width: 94px; position: absolute; top: 0; left: -119px; border-right: 4px solid #019ba8; }
#content #blog .post .info li { list-style: none; text-align: right; padding: 0 5px 0 0; margin: 0; font-size: 11px; }
#content #blog .post .info .data { margin-top: -6px; }
#content #blog .post .info .data .dia { color: #0CCED5; display: block; font: 36px georgia, "times new roman", sans; }
#content #blog .post .info .data .mes { color: #d73d7e; display: block; font-weight: bold; font-size: 21px; text-transform: lowercase; }
#content #blog .post .info .data .ano { color: #515151; display: block; font: bold 16px georgia, "times new roman", sans; margin: 0 0 10px 0; }
#content #blog .post .info .hora { font: bold 12px georgia, "times new roman", sans; margin: 0 0 15px 0; }
#content #blog .post .info .cat { margin: 0 0 15px 0; }
#content #blog .post .info .cat span { display: block; }
#content #blog .post .fleftDois { float: left; width: 200px; margin: 10px 0; }
#content #blog .post .mascaraPortfolio { display: block; height: 110px; overflow: hidden; }

#content #pagina h1 { margin-left: 0; }
#content #pagina h2 { color: #D73D7E; margin: 20px 0 10px 0; }
#content #pagina h3 { }

#content #pesquisa { margin: 25px 0; }
#content #pesquisa fieldset { height: 49px; border: 1px solid #515151; float: left; padding: 0 10px 10px 10px; margin: 10px 10px 0 0;  }
#content #pesquisa h3 { font-size: 16px; font-weight: bold; color: #D73D7E; }
#content #pesquisa label { display: block; margin: 5px 0; }
#content #pesquisa input.submit { margin: 10px 0 0 0; background: #0CCED5; color: #171616; font-weight: bold; border: none; font-size: 12px; padding-bottom: 2px; cursor: pointer; }
#content #pesquisa input#chave { padding: 1px 7px; height: 15px; }
#content p.resultados { margin: 0 0 10px 0; }
#content p.resultados b { color: #fff; }

#content #footer { position: absolute; bottom: -50px; display: block; width: 100%; }
#content #footer h6 { font-weight: bold; font-size: 16px; text-align: right; font-size: 10px; line-height: 14px; }
#content #footer h6 a:link b, #content #footer h6 a:visited b { font-weight: bold; font-size: 16px; color: #d73d7e; display: block; }
#content #footer h6 a:link, #content #footer h6 a:visited { margin: 0 0px 20px auto; position: relative; right: 7px; display: block; text-decoration: none; background: url(imgs/layout/footer-logo.gif) no-repeat; width: 122px; height: 22px; }
#content #footer h6 span { display: none; }
#content #footer .corsa { position: relative; bottom: -5px; display: block; width: 109px; height: 133px; background: url(imgs/layout/corsa.png) no-repeat; margin: 0 auto; text-align: center; }
#content #footer .corsa .citroen { display: block; width: 84px; height: 54px; left: 21px; position:relative; top:-15px; } 
#content #footer .corsa .citroen span { display: block; text-indent: -9999px; } 
#content #footer .validacoes { position: absolute; bottom: 17px; }
#content #footer .validacoes li { list-style: none; float: left; display: block; margin: 0 7px 0 0; }
#content #footer p.stats { position: absolute; bottom: 0; }

#sidebar { position: relative; top: 23px; width: 231px; float: left; text-align: left; }

#sidebar #menuside { background: url(imgs/layout/padrao.gif) repeat; text-align: left; padding: 10px 14px; width: 195px; margin-bottom: 82px; border-left: 1px solid #000; }
#sidebar #menuside h2 { color: #0CCED5; font-size: 13px; margin-bottom: 4px; }
#sidebar #menuside ul { list-style: none; }
#sidebar #menuside ul a:link, #sidebar #menuside ul a:visited { }

#sidebar #info { position: relative; background: url(imgs/layout/sidebar.jpg) no-repeat; padding: 10px 14px; width: 195px; height: 316px; }
#sidebar #info p  { z-index: 2; }
#sidebar #info .fotos { position: absolute; top: -64px; right: -57px; display: block; width: 129px; height: 126px; background: url(imgs/layout/gyda.jpg) no-repeat; }
#sidebar #info .imac { position: absolute; bottom: 20px; left: -19px; display: block; width: 113px; height: 111px; background: url(imgs/layout/imac.jpg) no-repeat; }
#sidebar #info .imac .link { display: block; width: 113px; height: 113px; left: 0; position: relative; top: -20px; }
#sidebar #info .imac .link span { display: block; text-indent: -9999px; }
#sidebar #info .iphone { position: absolute; bottom: 10px; right: -26px; display: block; width: 58px; height: 81px; background: url(imgs/layout/iphone.png) no-repeat; }
#sidebar #info .iphone .link { display: block; width: 57px; height: 81px; left: 0; position: relative; top: -20px; }
#sidebar #info .iphone .link span { display: block; text-indent: -9999px; }
#sidebar h1.margaridarebelo, #sidebar h1.margaridanet { margin: 16px 0 8px 0; color: #0cced5; font-size: 14px; font-weight: bold; }
#sidebar h1.margaridarebelo span, #sidebar h1.margaridanet span { display: block; text-indent: -9999px; }
#sidebar h1.margaridarebelo { background: url(imgs/layout/margaridarebelo.png) no-repeat; width: 123px; height: 13px; }
#sidebar h1.margaridanet { background: url(imgs/layout/margaridanet.png) no-repeat; width: 100px; height: 12px; }
#sidebar #links { width: 180px; margin: 0 auto; }
#sidebar #links h1 { background: url(imgs/layout/links.png) no-repeat; width: 36px; height: 10px; margin: 0 0 10px 0; }
#sidebar #links h1 span { display: block; text-indent: -9999px; }
#sidebar #links ul li { list-style: none; }
#sidebar #links ul.esq { width: 66px; float: left; margin: 0 15px 10px 0; }
#sidebar #links ul.esq li { margin: 0 0 1px 0; }
#sidebar #links ul.dir { width: 70px; float: left; margin: 0 0 10px 0; }
#sidebar #links ul.dir li { text-align: center; margin: 0 0 5px 0; }

#sidebar #linkbox, #sidebar #cmtsfls { border-left: 1px solid #2d2d2d; border-right: 1px solid #2d2d2d; border-top: 1px solid #2d2d2d; width: 177px; margin-bottom: 20px; border-bottom: 2px solid #019BA8; padding-bottom: 10px; }
#sidebar #linkbox .linkbox, #sidebar #cmtsfls .linkbox { margin: 0 auto; width: 153px; }
#sidebar #linkbox ul.tabs li, #sidebar #cmtsfls ul.tabs li { display: block; float: left; margin: 0 8px 0 0; }
#sidebar #linkbox ul.tabs li.ultimo, #sidebar #cmtsfls ul.tabs li.ultimo { margin: 0; }
#sidebar #linkbox ul.tabs li a:link, #sidebar #linkbox ul.tabs li a:visited,
#sidebar #cmtsfls ul.tabs li a:link, #sidebar #cmtsfls ul.tabs li a:visited { display: block; float: left; padding: 5px; background: #2d2d2d; text-align: center; }
#sidebar #linkbox ul.tabs li.activo a:link, #sidebar #linkbox ul.tabs li.activo a:visited,
#sidebar #cmtsfls ul.tabs li.activo a:link, #sidebar #cmtsfls ul.tabs li.activo a:visited { text-decoration: none; outline: none; background: #171616; }
#sidebar #linkbox ul.tabs li a:hover, #sidebar #cmtsfls ul.tabs li a:hover { text-decoration: none; outline: none; }

#sidebar #linkbox .banners { margin-top: 15px; }
#sidebar #linkbox .blogs { margin-top: 10px; }
#sidebar #linkbox .blogs li.none { font-weight: bold; margin-top: 5px; color: #0CCED5; }
#sidebar #linkbox .comunidade { margin-top: 15px; }
#sidebar #linkbox div.inactivo, #sidebar #cmtsfls div.inactivo { display: none; }
#sidebar #linkbox div.activo, #sidebar #cmtsfls div.activo { display: block; }

#sidebar #cmtsfls p.nota { width: 160px; margin: 0 auto; padding: 5px; font-size: 9px; }
#sidebar #cmtsfls ul.cmts { width: 160px; margin: 0 auto; }
#sidebar #cmtsfls ul.cmts li { display: block; margin: 0 0 3px 0; padding: 0px 5px; }
#sidebar #cmtsfls ul.cmts li { background: #222; }
#sidebar #cmtsfls ul.cmts li.impar { background: #333; }
#sidebar #cmtsfls ul.cmts li .cmtnome, #sidebar #cmtsfls ul.cmts li .cmtdata, #sidebar #cmtsfls ul.cmts li .cmttexto, #sidebar #cmtsfls ul.cmts li .cmtpost { display: block; }

#content div.comentarios { margin: 0 auto; width: 95%; text-align: right; }
#content div.comentarios .gravatar { float: left; padding: 0 7px 0 0; position: relative; top: 5px; }
#content div.comentarios .cmtNome { background: #333; border-left: 2px solid #666; padding: 10px; margin: 3px 0 5px 0; text-align: left; }
#content div.comentarios .nome, #content div.comentarios .nome a:link, #content div.comentarios .nome a:visited { color: #0CCED5; text-decoration: none; font: bold 12px georgia, serif; }
#content div.comentarios p.comentarios { text-align: center; }
#content div.comentarios .cmtData { color: #fff; }
#content div.comentarios .cmtCmt { text-align: justify; width: 92%; }
#content div.comentarios .first { margin-top: 15px; }
#content div.comentarios li { background: #222; }
#content div.comentarios .impar { background: #333; border-left: 2px solid #888; color: #ccc; }
#content div.comentarios .numero { float: right; font: normal 40px 'Trebuchet MS', helvetica, sans-serif; }
#content div.comentarios .numero { color: #666; }
#content div.comentarios .impar .numero { color: #888; }

#content div.comentarios h1 { text-align: left; }
#content div.comentarios h2, #content div.comentarios h2 a:link, #content div.comentarios h2 a:visited { text-align: left; color: #D73D7E; text-decoration: underline; text-transform: lowercase; }
#content div.comentarios h2 a:hover { text-decoration: none; }
#content div.comentarios h4 { padding: 5px 0; text-align: left; color: #d73d7e; font-size: 16px; font-weight: bold; text-transform: lowercase; }
#content div.comentarios #comentar { margin: 10px auto; text-align: center; width: 100%; border-top: 2px solid #666; padding: 10px 0; }
#content div.comentarios #comentar p { text-align: left; }
#content div.comentarios #comentar label { display: block; margin: 10px 0 5px 0; text-align: left; padding: 0; font-size: 12px; }
#content div.comentarios #comentar .text,  #content .comentarios #comentar .textarea { border: none; background: #efefef; padding: 4px 7px; color: #666; font: 11px verdana, helvetica, sans-serif; width: 400px; }
#content div.comentarios #comentar label.error { color: red; margin: 0 0 5px 0; }
#content div.comentarios #comentar .submit { margin: 10px 22px 0 auto; display: block; padding: 0 25px 2px 25px; color: #fff; background: #d73d7e; width: 60px; height: 18px; border: none; text-transform: lowercase; font-weight: bold; }

p.erro { margin: 5px 0; background: #b13258; color: #fff; padding: 7px 5px; }
p.erro b { background: url(imagens/icons/erro.png) no-repeat 0 -2px; width: 16px; height: 16px; padding: 0 0 0 21px; }
p.sucesso { margin: 5px 0; background: #7AAF41; color: #fff; padding: 7px 5px; }
p.sucesso b { background: url(imagens/icons/sucesso.png) no-repeat 0 -2px; width: 16px; height: 16px; padding: 0 0 0 21px; }

.dlink, .escondido { display: none; }
.fleft { float: left; }
.fright { float: right; }
.clear { clear: both; height: 2px; display: block; }
.acenter { text-align: center; }
.aleft { text-align: left; }
.aright { text-align: right; }
.block { display: block; }

/******************************
CSS PARA OS POSTS NOS ARQUIVOS
*******************************/

/*#content #blog .post img { display: block; margin: 10px 0; }*/
#content #blog .post p { font-size: 12px; margin-bottom: 20px; }
#content #blog .post b { color: #e4e4e4; }
#content #blog .post ul { margin-left: 25px; }
#content #blog .post ul.info { margin-left: 0px; }

/* # HTML # */
#content .post ol { margin: 10px 30px; }
#content .post div.html { padding: 2px; font: 12px "Courier New", Courier, monospace; }
#content .post div.html ol li { color: #000; background: #EFEFEF; margin: 1px 0 0 0; padding: 2px 5px; }
#content .post div.html a { text-decoration: none; }
#content .post span.tags { color: #009; background-color: inherit; }
#content .post span.classes { color: #00f; background-color: inherit; }
#content .post span.links { color: #060; background-color: inherit; }
#content .post span.purple { color: #909; background-color: inherit; }
#content .post span.espacobranco { margin-left: 20px; }
#content .post span.orange { color: #f90; background-color: inherit; }
#content .post span.comment { color: #999; background-color: inherit; }

/* # CSS # */
#content .post div.css { padding: 2px; font: 12px "Courier New", Courier, monospace; }
#content .post div.css ol li { color: #f0f; background: #fff; }
#content .post div.css a { text-decoration: none; }
#content .post .property { color: #009; background-color: inherit; }
#content .post .value { color: #00f; background-color: inherit; }

/* # FLASH # */
#content .post div.flash { padding: 2px; font: 12px "Courier New", Courier, monospace; }
#content .post div.flash ol li { color: #000; background: #fff; }
#content .post div.flash a { text-decoration: none; }
#content .post .azul { color: #00f; background-color: inherit; }
#content .post .valores { color: #090; background-color: inherit; }

/* # CURSORES - TUTORIAIS # */
#content .post .cur-crosshair { cursor: crosshair; }
#content .post .cur-help { cursor: help; }
#content .post .cur-move { cursor: move; }
#content .post .cur-e-resize { cursor: e-resize; }
#content .post .cur-ne-resize { cursor: ne-resize; }
#content .post .cur-nw-resize { cursor: nw-resize; }
#content .post .cur-n-resize { cursor: n-resize; }
#content .post .cur-se-resize { cursor: se-resize; }
#content .post .cur-sw-resize { cursor: sw-resize; }
#content .post .cur-s-resize { cursor: s-resize; }
#content .post .cur-w-resize { cursor: w-resize; }
#content .post .cur-pointer { cursor: pointer; }
#content .post .cur-text { cursor: text; }
#content .post .cur-wait { cursor: wait; }
#content .post .cur-default { cursor: default; }

/* flickr */
.zg_div {margin:0px 5px 5px 0px; width:117px;}
.zg_div_inner { color:#666666; text-align:center; font-family:arial, helvetica; font-size:11px;}
.zg_div a, .zg_div a:hover, .zg_div a:visited {color:#0CCED5; background:inherit !important; text-decoration:none !important;}

/* banners */
.bannerBottom, .bannerPost { width: 468px; height: 60px; margin: 0 auto 10px auto; padding-bottom: 10px; }
.bannerSidebar { width: 120px; height: 240px; margin: 0 auto 10px auto; }