W3C CSS Validator results for http://www.thiagorezende.com.br (CSS level 3)

Congratulations! No Error Found.

This document validates as CSS level 3 !

To show your readers that you've taken the care to create an interoperable Web page, you may display this icon on any page that validates. Here is the XHTML you could use to add this icon to your Web page:

Valid CSS! 
<p>
    <a href="http://jigsaw.w3.org/css-validator/check/referer">
        <img style="border:0;width:88px;height:31px"
            src="http://jigsaw.w3.org/css-validator/images/vcss"
            alt="Valid CSS!" />
    </a>
</p>
Valid CSS! 
<p>
<a href="http://jigsaw.w3.org/css-validator/check/referer">
    <img style="border:0;width:88px;height:31px"
        src="http://jigsaw.w3.org/css-validator/images/vcss-blue"
        alt="Valid CSS!" />
</a>
</p>

(close the img tag with > instead of /> if using HTML <= 4.01)

If you like, you can download a copy of this image to keep in your local web directory, and change the XHTML fragment above to reference your local image rather than the one on this server.

If you would like to create a link to this page (i.e., this validation result) to make it easier to re-validate this page in the future or to allow others to validate your page, the URI is: 

http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.thiagorezende.com.br&profile=css3&usermedium=all
or
http://jigsaw.w3.org/css-validator/check/referer (for HTML/XML document only)

(Or, you can just add the current page to your bookmarks or hotlist.)

↑ Top

Valid CSS information

@charset "UTF-8";
html, body {
background : url(images/site_bg.gif) 0% 0%;
border : none;
color : #9cc;
font-family : Tahoma, Arial, Helvetica, sans-serif;
font-size : 12px;
height : 100%;
line-height : 18px;
margin : 0;
padding : 0;
width : 100%;
}
img {
border : none;
}
.clear {
clear : both;
display : block;
}
header {
background : url(images/header_bg.gif) 0% 0% repeat-x;
display : block;
height : 150px;
margin : 0;
width : 100%;
}
div#header_contents {
background : url(images/header_contents_bg.gif) 0% 0% no-repeat;
display : block;
height : 150px;
margin : auto;
width : 960px;
}
div#header_contents div#logo a {
background : url(images/logo.png) no-repeat;
background-position : 0% 0%;
display : inline;
float : left;
font-size : 0;
height : 42px;
margin : 49px 0 0 0;
overflow : hidden;
padding : 0;
text-indent : -500px;
width : 285px;
}
div#header_contents div#logo a:hover {
background-position : 0% -42px;
}
div#header_contents nav {
display : inline;
float : right;
margin-top : 40px;
padding : 0;
}
nav ul#nav, ul#nav ul {
list-style-type : none;
margin : 0;
padding : 0;
width : 90px;
}
nav ul#nav li a {
display : block;
font-size : 1px;
height : 18px;
margin : 0;
overflow : hidden;
padding : 0;
text-indent : 200px;
}
nav ul#nav li.bot_about a {
background : url(images/nav_bot_about.gif) no-repeat;
background-position : 0% 0%;
}
nav ul#nav li.bot_works a {
background : url(images/nav_bot_works.gif) no-repeat;
background-position : 0% 0%;
}
nav ul#nav li.bot_contact a {
background : url(images/nav_bot_contact.gif) no-repeat;
background-position : 0% 0%;
}
nav ul#nav li a:hover {
background-position : 0% -18px;
}
nav ul#nav li ul li a {
display : block;
font-size : 1px;
height : 18px;
margin : 0;
overflow : hidden;
padding : 0;
text-indent : 200px;
}
nav ul#nav li ul li.subbot_web a {
background : url(images/nav_subbot_web.gif) no-repeat;
background-position : 0% 0%;
}
nav ul#nav li ul li.subbot_graphic a {
background : url(images/nav_subbot_graphic.gif) no-repeat;
background-position : 0% 0%;
}
nav ul#nav li ul li a:hover {
background-position : 0% -18px;
}
div#contents_bg {
background : url(images/contents_bg.gif) 0% 0%;
display : block;
height : auto;
margin : 0;
padding : 0;
width : 100%;
}
div#contents_container {
display : block;
height : auto !important ;
height : 300px;
margin : auto;
min-height : 300px;
padding : 0;
width : 960px;
}
div#contents_container h1 {
background : url(images/h1_bg.gif) 0% 0% no-repeat;
color : #081827;
display : block;
font-family : Tahoma, Arial, Helvetica, sans-serif;
font-size : 26px;
font-weight : normal;
height : 21px;
margin : 0;
overflow : hidden;
padding : 1px 0 0 7px;
width : 953px;
}
section#contents {
display : inline;
float : left;
height : auto;
margin : 25px 18px 0 0;
padding : 0;
width : 662px;
}
section#contents .bot_seemore a {
margin : 5px 0 0 0;
}
section#contents p {
margin : 0 0 20px 0;
}
section#contents h3 {
color : #00ccff;
padding : 0;
font-size : 20px;
font-weight : normal;
margin : -20px 0 20px 0;
}
section#contents .portuguese {
color : #076586;
font-size : 11px;
font-style : italic;
}
section#contents .blue {
color : #00ccff;
font-size : 12px;
font-weight : bold;
}
section#contents .bot_seemore a {
background : url(images/bot_seemore.gif) no-repeat;
background-position : 0% 0%;
display : block;
float : right;
font-size : 0;
height : 15px;
margin : 0 5px 0 0;
overflow : hidden;
padding : 0;
text-indent : -300px;
width : 81px;
}
section#contents .bot_seemore a:hover {
background-position : 0% -15px;
}
.left {
display : inline;
float : left;
margin : 0 25px 50px 0;
}
.portfolio img {
background : #051421;
border : 1px solid #003366;
display : block;
margin : 0 0 20px 0;
padding : 3px;
}
.portfolio iframe {
background : #051421;
border : 1px solid #003366;
display : block;
margin : 0 0 20px 0;
padding : 3px;
}
section#error404 {
background : url(images/404.jpg) center top no-repeat;
display : block;
height : 430px;
margin : 25px 0 0 0;
padding : 0;
width : 100%;
}
#works_container {
list-style : none;
margin : 0;
padding : 0;
}
#works_container .offscreen {
position : absolute;
left : -9999em;
overflow : hidden;
}
#works_container .work {
margin : 0 5px 5px 0;
display : inline;
float : left;
position : relative;
height : 172px;
width : 318px;
overflow : hidden;
padding : 3px;
background : #051421;
border : 1px solid #003366;
}
#works_container .work img {
border : none;
margin : 0;
padding : 0;
position : relative;
z-index : 1;
}
#works_container .work .more {
border : none;
margin : 0;
padding : 0;
position : absolute;
right : 3px;
top : 3px;
z-index : 2;
}
#works_container li .hover {
height : 178px;
width : 324px;
z-index : 3;
position : absolute;
text-decoration : none;
}
#works_container li .hover.offscreen {
position : absolute;
left : -9999em;
overflow : hidden;
}
#works_container li .hover .hover-bg {
background : #000;
height : 178px;
width : 324px;
position : absolute;
top : -3px;
left : 0;
}
#works_container li .hover.offscreen .hover-bg {
background : none;
}
#works_container li .hover .hover-content {
height : 178px;
position : absolute;
top : -3px;
z-index : 1;
width : 624px;
}
#works_container li .hover .hover-content a {
color : #fff;
display : block;
height : 100%;
padding : 20px;
text-decoration : none;
width : 100%;
}
#works_container li .hover .hover-content h2 {
bottom : 20px;
color : #00aeef;
display : block;
font-size : 22px;
font-weight : normal;
line-height : 26px;
margin : 0;
position : absolute;
text-decoration : none;
width : 300px;
}
#works_container li .hover .hover-content h2 span {
background : url(images/lista_bullet.gif) 2px 6px no-repeat;
color : #fff;
display : block;
font-size : 12px;
line-height : 16px;
margin : 2px 0 2px 0;
padding : 0 0 0 12px;
text-decoration : none;
}
aside {
display : inline;
float : left;
height : auto;
margin : 25px 0 0 0;
padding : 0;
width : 280px;
}
aside section.sidebar {
background : url(images/sidebar_bg.gif) 0% 0%;
display : block;
height : auto;
margin : 0;
padding : 0 20px 20px 20px;
width : 240px;
}
aside section.sidebar h2 {
background : url(images/h2_bg.gif) 0% 0% no-repeat;
color : #00aeef;
display : block;
font-family : Tahoma, Arial, Helvetica, sans-serif;
font-size : 20px;
line-height : 22px;
font-weight : normal;
height : auto !important ;
height : 22px;
margin : 0 0 20px -20px;
min-height : 22px;
padding : 0 0 0 28px;
width : 252px;
}
aside section.sidebar p {
display : block;
margin : 0 0 10px 0;
padding : 0;
}
aside section.sidebar p a {
color : #00ccff;
text-decoration : none;
}
aside section.sidebar p a:hover {
text-decoration : underline;
}
aside section.sidebar p .portuguese {
background : url(images/lista_border.gif) left top no-repeat;
color : #076586;
display : block;
font-size : 11px;
font-style : italic;
padding : 15px 0 0 0;
}
aside section.sidebar p .portuguese a {
color : #0699c3;
text-decoration : none;
}
aside section.sidebar p .portuguese a:hover {
text-decoration : underline;
}
aside .spacer {
display : block;
margin : 0 0 25px 0;
}
aside section.sidebar ul {
height : auto;
list-style : none;
margin : 20px 0 0 0;
padding : 0;
width : 240px;
}
aside section.sidebar li {
background : url(images/lista_border.gif) left bottom no-repeat;
color : #99cccc;
display : block;
height : auto;
margin : 0 0 8px 0;
padding : 0;
text-decoration : none;
}
aside section.sidebar li span {
background : url(images/lista_bullet.gif) 0% 7px no-repeat;
display : block;
padding : 0 0 8px 10px;
}
aside section.sidebar li span .date {
background : none;
color : #076586;
font-size : 11px;
padding : 0;
}
aside section.sidebar li span a {
color : #00ccff;
text-decoration : none;
}
aside section.sidebar li span a:hover {
color : #00ccff;
text-decoration : underline;
}
aside section.sidebar dl.tags {
margin : 20px 0 0 0;
padding : 0;
}
aside section.sidebar dl.tags dt {
background : url(images/sidebar_dldt_bg.gif) 0% 0% no-repeat;
font-size : 1px;
height : 18px;
margin : 0;
overflow : hidden;
padding : 0;
text-indent : -100px;
width : 240px;
}
aside section.sidebar dl.tags dd {
margin : 0;
padding : 10px;
}
aside section.sidebar dl.tags dd ul {
list-style : none;
margin : 0;
padding : 0;
width : 220px;
}
aside section.sidebar dl.tags dd ul li {
background : none;
display : block;
}
aside section.sidebar dl.tags dd ul li a {
background : url(images/lista_bullet2.gif) 0% 7px no-repeat;
color : #99cccc;
display : block;
height : auto;
margin : 0;
padding : 0 0 0 10px;
text-decoration : none;
}
aside section.sidebar dl.tags dd ul li a:hover {
color : #00ccff;
}
aside section.sidebar .fb {
border : none;
overflow : hidden;
width : 100px;
height : 20px;
margin : 0 0 15px 0;
}
aside section.sidebar .twitter-share-button {
margin : 0 10px 15px 0;
}
aside section.sidebar .prev {
background : url(images/bot_prev.gif) 0% 0% no-repeat;
display : inline;
float : left;
font-size : 10px;
height : 18px;
margin : 0 8px 0 0;
padding : 0 6px 0 16px;
width : 94px;
}
aside section.sidebar .next {
background : url(images/bot_next.gif) right top no-repeat;
display : inline;
float : left;
font-size : 10px;
height : 18px;
margin : 0;
padding : 0 16px 0 6px;
width : 94px;
}
aside section.sidebar .prev div, aside section.sidebar .next div {
height : 18px;
overflow : hidden;
width : 100%;
}
aside section.sidebar .prev div a, aside section.sidebar .next div a {
color : #99cccc;
display : inline;
float : left;
text-decoration : none;
width : 300px;
}
aside section.sidebar .prev div a:hover, aside section.sidebar .next div a:hover {
color : #00ccff;
}
aside .bot_continue a {
background : url(images/bot_continue.gif) no-repeat;
background-position : 0% 0%;
display : block;
float : right;
font-size : 0;
height : 15px;
margin : 5px 0 25px 0;
overflow : hidden;
padding : 0;
text-indent : -300px;
width : 128px;
}
aside .bot_continue a:hover {
background-position : 0% -15px;
}
aside .bot_seemore a {
background : url(images/bot_seemore.gif) no-repeat;
background-position : 0% 0%;
display : block;
float : right;
font-size : 0;
height : 15px;
margin : 5px 0 0 0;
overflow : hidden;
padding : 0;
text-indent : -300px;
width : 81px;
}
aside .bot_seemore a:hover {
background-position : 0% -15px;
}
section#contents .wpcf7-form p {
margin : 0 0 10px 0;
}
section#contents .wpcf7-form input {
background : url(images/textfield_bg.gif) 0% 0% no-repeat;
border : none;
color : #0cf;
font-family : Tahoma, Arial, Helvetica, sans-serif;
font-size : 11px;
margin : 5px 0 0 0;
padding : 4px 5px;
width : 290px;
}
section#contents .wpcf7-form textarea {
background : url(images/textarea_bg.gif) 0% 0% no-repeat;
border : none;
color : #0cf;
font-family : Tahoma, Arial, Helvetica, sans-serif;
font-size : 11px;
margin : 5px 0 0 0;
height : 72px;
padding : 4px 5px;
width : 340px;
}
section#contents .wpcf7-form input.wpcf7-submit {
background : url(images/bot_send.gif) 0% 0% no-repeat;
cursor : pointer;
display : inline;
float : right;
font-size : 1px;
height : 15px;
margin : -5px 85px 0 0;
overflow : hidden;
text-indent : -300px;
width : 54px;
}
section#contents .wpcf7-form .required {
display : inline;
float : left;
font-size : 11px;
margin : -5px 0 0 0;
}
section#contents ul.commentlist {
list-style : none;
display : block;
margin : 0 0 20px 0;
padding : 0;
}
section#contents ul.commentlist li {
background : url(images/lista_border.gif) 0% bottom repeat-x;
display : block;
margin : 0 0 10px 0;
padding : 10px 10px 10px 0;
position : relative;
}
section#contents ul.commentlist li img {
background : #051421;
border : 1px solid #193b62;
padding : 3px;
float : left;
display : inline;
margin : 0 10px 10px 0;
}
section#contents ul.commentlist li cite.fn, cite.fn a {
font-size : 13px;
text-decoration : none;
color : #00ccff;
font-style : normal;
}
section#contents ul.commentlist li cite.fn a:hover {
color : #00ccff;
text-decoration : underline;
}
section#contents ul.commentlist li .commentmetadata {
color : #076586;
display : block;
font-size : 11px;
font-style : normal;
margin : 0 0 10px 0;
}
section#contents ul.commentlist li #comentario {
padding : 0 0 0 70px;
margin : 0;
font-style : italic;
}
section#contents ul.commentlist li #comentario p {
margin : 0 0 5px 0;
}
section#contents ul.commentlist li .reply a {
background : url(images/h2_bg.gif) right top no-repeat;
color : #9cc;
padding : 0 15px;
position : absolute;
right : 15px;
text-decoration : none;
top : 10px;
}
section#contents ul.commentlist li .reply a:hover {
color : #00ccff;
text-decoration : none;
}
section#contents #respond {
margin : 0 0 20px 0;
padding : 10px 0 0 0;
}
section#contents #respond h5 {
color : #076586;
display : block;
font-size : 12px;
margin : 0 0 10px 0;
padding : 0;
}
section#contents #respond p {
margin : 0 0 10px 0;
position : relative;
}
section#contents #respond #commentform label {
display : block;
}
section#contents #respond #commentform input {
background : url(images/textfield_bg.gif) 0% 0% no-repeat;
border : none;
color : #0cf;
font-family : Tahoma, Arial, Helvetica, sans-serif;
font-size : 11px;
margin : 5px 0 0 0;
padding : 4px 5px;
width : 290px;
}
section#contents #respond #commentform textarea {
background : url(images/textarea_bg.gif) 0% 0% no-repeat;
border : none;
color : #0cf;
font-family : Tahoma, Arial, Helvetica, sans-serif;
font-size : 11px;
margin : 5px 0 0 0;
height : 72px;
padding : 4px 5px;
width : 340px;
}
section#contents #respond #commentform input#submit {
background : url(images/bot_send.gif) 0% 0% no-repeat;
cursor : pointer;
display : block;
font-size : 1px;
float : left;
height : 15px;
margin : -5px 0 0 296px;
overflow : hidden;
text-indent : -300px;
width : 54px;
}
footer {
background : url(images/footer_bg.gif) 0% 0% repeat-x;
display : block;
height : 230px;
margin : 0;
padding : 0;
width : 100%;
}
div#footer_contents {
background : url(images/footer_contents_bg.gif) 0% 0% no-repeat;
display : block;
height : 168px;
margin : auto;
padding : 62px 0 0 0;
width : 960px;
}
ul#findme {
display : block;
height : 24px;
list-style-type : none;
margin : 0 0 0 691px;
overflow : hidden;
padding : 0;
width : auto;
}
ul#findme li {
display : inline;
}
ul#findme li a {
display : inline;
float : left;
font-size : 0;
height : 24px;
margin : 0 10px 0 0;
overflow : hidden;
padding : 0;
text-indent : 30px;
width : 24px;
}
ul#findme li.bot_windowslive a {
background : url(images/findme_windowslive.gif) no-repeat;
background-position : 0% 0%;
}
ul#findme li.bot_windowslive a:hover {
background-position : 0% -24px;
}
ul#findme li.bot_twitter a {
background : url(images/findme_twitter.gif) no-repeat;
background-position : 0% 0%;
}
ul#findme li.bot_twitter a:hover {
background-position : 0% -24px;
}
ul#findme li.bot_linkedin a {
background : url(images/findme_linkedin.gif) no-repeat;
background-position : 0% 0%;
}
ul#findme li.bot_linkedin a:hover {
background-position : 0% -24px;
}
ul#findme li.bot_facebook a {
background : url(images/findme_facebook.gif) no-repeat;
background-position : 0% 0%;
}
ul#findme li.bot_facebook a:hover {
background-position : 0% -24px;
}
ul#findme li.bot_flickr a {
background : url(images/findme_flickr.gif) no-repeat;
background-position : 0% 0%;
}
ul#findme li.bot_flickr a:hover {
background-position : 0% -24px;
}
ul#findme li.bot_behance a {
background : url(images/findme_behance.gif) no-repeat;
background-position : 0% 0%;
}
ul#findme li.bot_behance a:hover {
background-position : 0% -24px;
}
ul#findme li.bot_vimeo a {
background : url(images/findme_vimeo.gif) no-repeat;
background-position : 0% 0%;
}
ul#findme li.bot_vimeo a:hover {
background-position : 0% -24px;
}
ul#findme li.bot_designup a {
background : url(images/findme_designup.gif) no-repeat;
background-position : 0% 0%;
margin : 0;
}
ul#findme li.bot_designup a:hover {
background-position : 0% -24px;
}
#tooltip {
background : url(images/tooltip_bg.gif) 0% 0% no-repeat;
color : #fff;
font-family : Tahoma, Arial, Helvetica, sans-serif;
font-size : 11px;
padding : 2px 6px;
position : absolute;
z-index : 3000;
}
#tooltip h3, #tooltip div {
font-size : 11px;
font-weight : normal;
margin : 0;
}
div#footer_contents nav ul {
display : block;
height : auto;
list-style : none;
margin : 31px 0 0 779px;
padding : 0;
width : 180px;
}
div#footer_contents nav li {
display : inline;
}
div#footer_contents nav li a {
background : url(images/lista_bullet.gif) 0% 7px no-repeat;
color : #9cc;
display : inline;
float : left;
height : 20px;
margin : 0;
padding : 0 0 0 10px;
text-decoration : none;
width : 50px;
}
div#footer_contents nav li a:hover {
color : #00ccff;
}
div#footer_contents div#wordpress a {
background : url(images/icon_wp.gif) 0% 2px no-repeat;
color : #4c94b7;
display : inline;
float : left;
font-size : 10px;
height : 18px;
margin : 65px 0 0 320px;
padding : 0 0 0 22px;
text-decoration : none;
width : auto;
}
div#footer_contents div#wordpress a:hover {
color : #00ccff;
}
div#footer_contents div#valid {
background : url(images/icon_html5.gif) 0% 2px no-repeat;
color : #4c94b7;
display : inline;
float : left;
font-size : 10px;
height : 18px;
margin : 65px 0 0 10px;
padding : 0 0 0 22px;
width : auto;
}
div#footer_contents div#valid a {
color : #4c94b7;
text-decoration : none;
}
div#footer_contents div#valid a:hover {
color : #00ccff;
}
div#footer_contents div#copyright {
color : #4c94b7;
display : inline;
float : right;
font-size : 10px;
height : 16px;
margin : 65px 0 0 0;
padding : 0;
width : auto;
}
div.wpcf7 {
margin : 0;
padding : 0;
}
div.wpcf7-response-output {
margin : 2em 0.5em 1em;
padding : 0.2em 1em;
}
div.wpcf7-mail-sent-ok {
background : #051421;
border : 1px solid #193b62;
width : 180px;
padding : 2px 5px;
float : right;
margin : 10px 85px 0 0;
text-align : center;
}
div.wpcf7-mail-sent-ng {
border : 2px solid #ff0000;
}
div.wpcf7-spam-blocked {
border : 2px solid #ffa500;
}
div.wpcf7-validation-errors {
background : #051421;
border : 1px solid #ec008c;
color : #ec008c;
width : 140px;
padding : 2px 5px;
float : right;
margin : 10px 85px 0 0;
text-align : center;
}
span.wpcf7-form-control-wrap {
position : relative;
}
span.wpcf7-not-valid-tip {
position : absolute;
top : 20%;
left : 30%;
z-index : 100;
background : #051421;
border : 1px solid #193b62;
font-size : 10pt;
width : 140px;
padding : 2px 5px;
text-align : center;
}
span.wpcf7-not-valid-tip-no-ajax {
color : #f00;
font-size : 10pt;
display : block;
}
span.wpcf7-list-item {
margin-left : 0.5em;
}
.wpcf7-display-none {
display : none;
}
div.wpcf7 img.ajax-loader {
display : none;
border : none;
vertical-align : middle;
margin-left : 4px;
}
div.wpcf7 .watermark {
color : #888;
}
.recentcomments a {
display : inline !important ;
padding : 0 !important ;
margin : 0 !important ;
}

↑ Top