W3C CSS Validator results for http://www.evandavis.org/ (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://www.evandavis.org/&profile=css3&usermedium=all&warning=1&vextwarning=
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";
body {
font-family : Tahoma, Geneva, sans-serif;
font-size : 12px;
background-color : #000;
color : #fff;
width : 850px;
margin-left : auto;
margin-right : auto;
background-image : url(http://www.evandavis.org/images/bg.jpg);
background-repeat : no-repeat;
background-position : top left;
}
a {
color : #fff;
}
img {
border : 0;
}
header {
width : 850px;
margin : 0;
padding : 0;
}
header h1 {
display : block;
width : 150px;
height : 30px;
padding : 2px 0 0 0;
font-size : 22px;
font-weight : normal;
text-align : center;
background-image : url(http://www.evandavis.org/images/nav-button.png);
background-repeat : no-repeat;
background-position : top left;
}
header h1 a {
text-decoration : none;
}
header nav {
width : 100%;
height : 30px;
}
header nav ul {
margin : 0;
padding : 0;
}
header nav ul li {
float : left;
display : inline-block;
z-index : 1;
width : 150px;
height : 30px;
margin : 0 10px 0 0;
padding : 0;
list-style : none;
position : relative;
font-size : 14px;
background-image : url(http://www.evandavis.org/images/nav-button.png);
background-repeat : no-repeat;
background-position : 0 0;
}
header nav ul li:hover {
background-position : -40px 0;
}
header nav ul li a {
display : block;
width : 140px;
height : 25px;
margin : 5px 0 0 0;
text-decoration : none;
text-align : center;
}
header nav ul li ul {
display : none;
margin : 30px 0 0 0;
padding : 5px 0 0 0;
position : absolute;
top : 0;
left : 0;
border : #fff solid 1px;
background-color : rgba(51, 102, 153, 0.7);
border-radius : 10px;
}
header nav ul li:hover ul {
display : block;
width : 150px;
}
header nav ul li ul li {
display : list-item;
list-style : none;
z-index : 2;
margin : 0 5px 5px 5px;
padding : 0;
background-image : url(http://www.evandavis.org/images/nav-button-s.png);
background-position : 0 0;
background-repeat : no-repeat;
}
header nav ul li ul li:hover {
background-position : -40px 0;
}
header nav ul li ul li a {
font-size : 12px;
margin : 7px 0 0 0;
}
#share {
float : left;
width : 50px;
height : 30px;
padding : 6px 0 0 0;
background-image : url(http://www.evandavis.org/images/share-button.png);
background-repeat : no-repeat;
background-position : top left;
}
#main-body {
float : left;
width : 680px;
margin : 10px 10px 10px 0;
padding : 0;
background-image : url(http://www.evandavis.org/images/main-body-bottom.png);
background-repeat : no-repeat;
background-position : bottom left;
}
#main-body h1, h4 {
margin : 0;
text-align : center;
font-size : 24px;
}
#main-body h3, p {
margin-left : 15px;
margin-right : 15px;
}
#main-body img {
float : right;
border : #fff solid 1px;
margin : 0 0 10px 10px;
}
#main-body img.inline {
float : none;
border : 0;
display : inline;
margin : 0;
}
#main-body article {
width : 680px;
margin : 0 0 10px 0;
padding : 20px 0 0 0;
background-image : url(http://www.evandavis.org/images/main-body-bg.png);
background-repeat : no-repeat;
background-position : top left;
}
#main-body img.sm-feature {
float : none;
margin : 10px;
}
p.back {
clear : both;
text-align : center;
}
#small-article {
width : 680px;
height : 150px;
margin : 10px 10px 0 0;
padding : 20px 0 0 0;
background-image : url(http://www.evandavis.org/images/sm-article.png);
background-repeat : no-repeat;
background-position : top left;
}
#small-article h1, h4 {
margin : 0;
text-align : center;
font-size : 24px;
}
#gallery {
float : left;
width : 680px;
min-height : 625px;
margin : 0 10px 10px 0;
}
#gallery article.lightbox {
margin : 0 10px 10px 0;
}
article.lightbox {
float : left;
width : 160px;
height : 190px;
text-align : center;
background-image : url(http://www.evandavis.org/images/lightbox.png);
background-repeat : no-repeat;
background-position : top left;
}
article.lightbox img {
margin : 8px 35px 4px 15px;
border : #fff solid 1px;
}
article.lightbox h3 {
font-size : 12px;
margin : 5px 5px 0 5px;
padding : 0;
background-image : none;
}
article.lightbox p {
margin : 0 5px 0 5px;
}
#rbar {
float : left;
width : 160px;
}
#rbar h2 {
display : block;
width : 160px;
height : 30px;
text-align : center;
font-size : 16px;
margin : 10px 0 5px 0;
padding : 5px 0 0 0;
background-image : url(http://www.evandavis.org/images/160-button.png);
background-repeat : no-repeat;
background-position : top left;
}
#rbar article.lightbox {
margin : 0 0 10px 0;
}
footer {
clear : both;
width : 850px;
height : 30px;
margin : 10px 0 0 0;
background-image : url(http://www.evandavis.org/images/footer-bg.png);
background-repeat : no-repeat;
background-position : top left;
}
footer nav {
width : 100%;
}
footer nav ul {
margin : 0 0 0 300px;
padding : 0;
}
footer nav ul li {
float : left;
display : inline;
list-style : none;
margin : 8px 15px 0 0;
}
footer nav ul li a {
text-decoration : none;
}
footer nav ul li a:hover {
text-decoration : underline;
}
span.red {
color : #f00;
}
span.blue {
color : #00f;
}
span.t-pink {
color : #c06;
}
#pantone {
border : #fff solid 1px;
background-color : rgba(51, 102, 153, 0.7);
border-radius : 10px;
}
#pantone table {
margin : 20px auto 0 auto;
}
#pantone th {
border-bottom : 1px solid #fff;
}
#pantone tr:nth-child(n 2 ) {
height : 40px;
}
#pantone tr:nth-of-type(even ) {
background-color : #58b;
}
#pantone td {
text-align : center;
}
#pantone p {
text-align : center;
}

↑ Top