W3C CSS Validator results for http://www.theartcompany.org/i/style.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://www.theartcompany.org/i/style.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 (15)

URI : http://www.theartcompany.org/i/style.css

163 .buttons 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
163 .buttons button 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
207 .buttons a:active Same color for background-color and border-right-color
207 .buttons a:active Same color for background-color and border-left-color
207 .buttons a:active Same color for background-color and border-top-color
215 Same colors for color and background-color in two contexts .buttons a.positive:active and button.positive
215 Same colors for color and background-color in two contexts .buttons a.positive:active and .buttons a.positive
223 .buttons a.positive:active Same color for background-color and border-top-color
223 .buttons a.positive:active Same color for background-color and border-left-color
223 .buttons a.positive:active Same color for background-color and border-right-color
231 Same colors for color and background-color in two contexts .buttons a.negative:active and .buttons a.negative
231 Same colors for color and background-color in two contexts .buttons a.negative:active and button.negative
239 .buttons a.negative:active Same color for background-color and border-right-color
239 .buttons a.negative:active Same color for background-color and border-left-color
239 .buttons a.negative:active Same color for background-color and border-top-color

↑ Top

Valid CSS information

body {
margin : 0;
background : #e8e8e8;
}
#container {
background : #e8e8e8 url(/g/tac_page_bg.jpg) no-repeat top center;
}
#blogbadge {
position : absolute;
top : 305px;
right : 150px;
width : 360px;
height : 120px;
background : transparent;
}
#wrapper_header {
width : auto;
height : 360px;
margin : 0 auto;
}
#wrapper_body {
width : 800px;
margin : auto;
}
#filler_left {
float : left;
width : 150px;
height : 370px;
background : transparent url(/g/tac_filler_l.png) no-repeat top left;
}
#filler_right {
float : left;
width : 150px;
height : 370px;
background : transparent url(/g/tac_filler_r.png) no-repeat top left;
}
#header {
width : 360px;
height : 360px;
margin : auto;
text-align : center;
}
#content {
margin : auto;
width : 800px;
margin-bottom : -20px;
background : transparent url(/g/tac_body.png) repeat-y top left;
}
#content h1 {
display : none;
}
#content p {
padding-left : 70px;
padding-right : 70px;
font-family : "trebuchet ms", "arial", "helvetica", "sans serif";
font-size : 16px;
color : #555;
}
#content a, #content a:visited {
text-decoration : none;
color : #3a88c5;
padding-left : 3px;
padding-right : 3px;
border-bottom : 1px dotted #3a88c5;
background-color : #d9e9ee;
}
#content a:hover {
border-bottom : 1px solid #3a88c5;
}
#port {
margin : 0 auto;
width : 650px;
padding-left : 35px;
}
#port img {
width : 200px;
height : 120px;
border : none;
}
#port a, #port a:visited, #port a:hover {
text-decoration : none;
border : none;
background-color : transparent;
}
#content p.indent {
padding-left : 90px;
line-height : 140%;
}
#footer {
margin : auto;
width : 800px;
height : 40px;
background : transparent url(/g/tac_foot.png) no-repeat top left;
}
#foottext {
margin : 0 auto;
text-align : center;
padding-bottom : 20px;
font-family : arial;
font-size : 11px;
color : #888;
}
img {
border : none;
}
.section {
width : 200px;
height : 40px;
}
.cat_form_textarea {
width : 400px;
border : 1px solid #aaa;
padding : 3px;
}
.cat_form_shortinput {
width : 330px;
border : 1px solid #aaa;
padding : 3px;
}
.cat_form_textarea:focus, .cat_form_shortinput:focus {
border : 1px inset #ffffff;
background : #fffec6;
}
#contact_form {
margin : auto;
width : 600px;
}
#contact_form p {
margin : 0;
padding-left : 0;
padding-top : 5px;
}
.fieldname {
font-size : 16px;
font-weight : bold;
color : #333;
}
.buttons a, .buttons button {
display : block;
float : left;
margin : 0 7px 0 0;
background-color : #f5f5f5;
border : 1px solid #dedede;
border-top : 1px solid #eee;
border-left : 1px solid #eee;
font-family : "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
font-size : 100%;
line-height : 130%;
text-decoration : none;
font-weight : bold;
color : #565656;
cursor : pointer;
padding : 5px 10px 6px 7px;
}
.buttons button {
width : auto;
overflow : visible;
padding : 4px 10px 3px 7px;
}
.buttons button[type] {
padding : 5px 10px 5px 7px;
line-height : 17px;
}
*:first-child + html button[type] {
padding : 4px 10px 3px 7px;
}
.buttons button img, .buttons a img {
margin : 0 3px -3px 0 !important ;
padding : 0;
border : none;
width : 16px;
height : 16px;
}
button:hover, .buttons a:hover {
background-color : #dff4ff;
border : 1px solid #c2e1ef;
color : #336699;
}
.buttons a:active {
background-color : #6299c5;
border : 1px solid #6299c5;
color : #fff;
}
button.positive, .buttons a.positive {
color : #529214;
}
.buttons a.positive:hover, button.positive:hover {
background-color : #e6efc2;
border : 1px solid #c6d880;
color : #529214;
}
.buttons a.positive:active {
background-color : #529214;
border : 1px solid #529214;
color : #fff;
}
.buttons a.negative, button.negative {
color : #d12f19;
}
.buttons a.negative:hover, button.negative:hover {
background : #fbe3e4;
border : 1px solid #fbc2c4;
color : #d12f19;
}
.buttons a.negative:active {
background-color : #d12f19;
border : 1px solid #d12f19;
color : #fff;
}
#iewarn {
position : absolute;
left : 0;
top : 0;
display : block;
width : 100%;
height : 30px;
padding-top : 5px;
font-family : tahoma, arial, helvetica, sans-serif;
background : #ffffcc url(/g/stripe.png);
font-size : 0.9em;
font-weight : normal;
color : #334433;
margin : 0 auto;
text-align : center;
border-bottom : 1px solid #aaa;
}
#iewarn a, #iewarn a:visited, #iewarn a:hover {
color : #ff0000;
font-weight : bold;
text-decoration : none;
}
#iewarn a:hover {
text-decoration : underline;
}

↑ Top