W3C CSS Validator results for http://www.kitallen.com/css/styles.css (CSS level 2.1)

Congratulations! No Error Found.

This document validates as CSS level 2.1 !

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.kitallen.com%2Fcss%2Fstyles.css&profile=css21&usermedium=all&warning=1
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

Warnings (3)

URI : http://www.kitallen.com/css/styles.css

87 #header_nav In (x)HTML+CSS, floated elements need to have a width declared. Only elements with an intrinsic width (html, img, input, textarea, select, or object) are not affected
97 #header_nav a In (x)HTML+CSS, floated elements need to have a width declared. Only elements with an intrinsic width (html, img, input, textarea, select, or object) are not affected
370 #footer-left li In (x)HTML+CSS, floated elements need to have a width declared. Only elements with an intrinsic width (html, img, input, textarea, select, or object) are not affected

↑ Top

Valid CSS information

@charset "utf-8";
html {
background : #000012;
font-family : "Lucida Sans", "Trebuchet", "Verdana", sans-serif;
font-size : 11px;
color : #ffffff;
text-align : center;
}
body {
background : url(../images/backgrounds/bg-top.jpg) repeat-x top center;
text-align : center;
}
h1 {
font-family : "Helvetica", sans-serif;
font-size : 36px;
letter-spacing : -2px;
}
h2 {
font-family : "Helvetica", sans-serif;
font-size : 22px;
letter-spacing : -1px;
}
h3 {
font-family : "Helvetica", sans-serif;
font-size : 20px;
letter-spacing : -1px;
}
h4 {
font-family : "Helvetica", sans-serif;
font-size : 15px;
letter-spacing : -1px;
}
h5 {
font-family : "Helvetica", sans-serif;
font-size : 15px;
letter-spacing : -1px;
}
a {
text-decoration : none;
color : #f76dd2;
}
#header {
height : 140px;
width : 900px;
margin : 0 auto;
font-family : "Helvetica", sans-serif;
font-size : 50px;
letter-spacing : -4px;
font-weight : bold;
text-align : left;
}
#header h1 {
font-family : "Helvetica", sans-serif;
font-size : 15px;
letter-spacing : -1px;
margin-top : -10px;
}
#header_title {
float : left;
padding-top : 70px;
width : 400px;
}
#header_nav {
float : right;
font-family : "Helvetica", sans-serif;
font-size : 15px;
font-weight : normal;
letter-spacing : -1px;
padding-top : 115px;
}
#header_nav a {
display : block;
float : left;
color : #ffffff;
height : 20px;
text-align : center;
padding : 5px 10px 0 10px;
}
#header_nav a:hover {
background : url(../images/backgrounds/bg_nav.jpg) repeat-x;
}
a.active {
background : url(../images/backgrounds/bg_nav.jpg) repeat-x;
}
#topimage {
background : url(../images/backgrounds/bg_video.jpg) no-repeat;
width : 884px;
height : 200px;
border : 8px solid #ffffff;
margin : 0 auto;
}
#topimage_text {
margin-left : 280px;
margin-top : 50px;
text-align : left;
}
#main {
background : url(../images/backgrounds/bg-bottom.jpg) repeat-x bottom center;
width : 100%;
min-height : 650px;
}
#main_inner {
width : 900px;
margin : 0 auto;
}
#main_inner_margin {
float : left;
background : url(../images/backgrounds/main.png);
padding : 30px;
width : 840px;
min-height : 480px;
}
#column1 {
float : left;
width : 240px;
text-align : left;
margin-bottom : 80px;
}
#column12 {
float : left;
width : 440px;
margin-left : 50px;
margin-right : 50px;
text-align : left;
}
#column2 {
float : left;
width : 300px;
margin-left : 10px;
text-align : left;
}
#column2 table tr td {
text-align : center;
padding : 0 2px 4px 2px;
}
#column2 img {
border : 2px solid #ffffff;
}
#column2 table {
margin-top : 10px;
}
#quickcontact table tr td {
text-align : left;
padding : 4px;
}
#quickcontact input {
background : #1b1b1b;
border : 1px solid #5e5454;
color : #ffffff;
padding : 2px;
width : 160px;
}
#quickcontact textarea {
background : #1b1b1b;
border : 1px solid #5e5454;
color : #ffffff;
padding : 2px;
width : 160px;
height : 60px;
}
#quickcontact input.submitbutton, #column3 input.submitbutton, .panel_right input.submitbutton {
border : hidden;
background : none;
cursor : pointer;
width : 50px;
color : #f76dd2;
}
label.error {
display : block;
margin : 2px 0 2px 0;
color : #f76dd2;
}
#column3 {
float : left;
width : 260px;
margin-left : 20px;
text-align : left;
}
#column3 img {
border : 3px solid #ffffff;
}
#column3 em {
font-style : italic;
}
#column3 h4 {
cursor : pointer;
width : 246px;
color : #f76dd2;
display : block;
padding : 5px;
margin-left : 5px;
}
.slidedown {
cursor : pointer;
color : #f76dd2;
}
.comments {
display : none;
}
#column3 h4:hover {
background : url(../images/backgrounds/bg-blog.jpg) repeat-x;
}
#column3 input, .panel_right input {
margin : 5px;
background : none;
border : 1px solid #5e5454;
color : #ffffff;
padding : 3px;
width : 180px;
}
#column3 textarea, .panel_right textarea {
margin : 5px;
background : #262626;
border : hidden;
color : #ffffff;
padding : 3px;
width : 210px;
height : 60px;
}
.submit {
margin-left : 5px;
display : block;
}
label {
margin-left : 5px;
display : block;
}
.blogdiv {
padding : 5px;
}
.commentbubble_top {
width : 250px;
height : 9px;
background : url(../images/backgrounds/blog_comment_top.png);
margin-top : 10px;
}
.commentbubble {
width : 230px;
background : url(../images/backgrounds/blog-comment-bg.png) repeat-y;
padding : 0 10px 0 10px;
}
.commentbubble_bottom {
width : 218px;
background : url(../images/backgrounds/blog-comment-bottom.png) no-repeat top center;
padding-top : 12px;
padding-left : 32px;
}
.hr {
width : 260px;
height : 1px;
background-color : #333333;
overflow : hidden;
margin : 10px 0 10px 0;
}
#footer {
clear : both;
width : 900px;
background : url(../images/backgrounds/footer.png);
height : 40px;
}
#footer-left {
float : left;
margin-top : 7px;
margin-left : 20px;
text-align : left;
width : 400px;
}
#footer-right {
float : right;
margin-top : 7px;
margin-right : 10px;
text-align : right;
width : 400px;
}
#footer-right a {
color : #cccccc;
}
#footer-spacer {
height : 100px;
}
#footer-left li {
float : left;
position : relative;
margin-right : 5px;
}
#footer-left span {
position : absolute;
top : -105px;
left : -75px;
display : none;
background : url(../images/networks/background.jpg) no-repeat;
width : 157px;
height : 65px;
text-align : center;
padding : 10px;
color : #000000;
font-size : 10px;
}
#footer-left span.twitter {
background : url(../images/networks/background_twitter.jpg) no-repeat;
text-align : left;
padding-left : 80px;
width : 87px;
}
#footer-left span.linked {
background : url(../images/networks/background_linked.jpg) no-repeat;
padding-top : 50px;
height : 25px;
}
#footer-left span.flickr {
background : url(../images/networks/background_flickr.jpg) no-repeat;
text-align : left;
height : 80px;
padding : 2px 0 3px 2px;
width : 175px;
}
#footer-left span.rss {
background : url(../images/networks/background_rss.jpg) no-repeat;
text-align : left;
padding-left : 80px;
width : 87px;
}
#footer-left span.facebook {
background : url(../images/networks/background_facebook.jpg) no-repeat;
padding-top : 35px;
height : 40px;
}
.cross-link {
width : 230px;
color : #f76dd2;
display : block;
padding : 5px;
font-family : "Helvetica", sans-serif;
font-size : 15px;
letter-spacing : -1px;
}
.cross-link:hover {
background : url(../images/backgrounds/bg-blog.jpg) repeat-x;
}
.panel_left {
float : left;
width : 320px;
padding-right : 20px;
}
.panel_right {
float : left;
width : 260px;
}

↑ Top