W3C CSS Validator results for http://www.spearworks.com/wp-content/themes/spearworks/exluna.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.spearworks.com/wp-content/themes/spearworks/exluna.css&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

body {
margin : 0;
padding : 0;
font-family : Verdana, sans-serif;
font-size : small;
text-align : center;
color : #333;
background : #eee;
}
a:link, a:visited {
color : #399dcf;
text-decoration : none;
}
a:hover {
color : #fff;
background : #399dcf;
}
#wrap {
width : 770px;
margin : 0 auto;
padding : 0 6px;
font-size : 95%;
text-align : left;
background : #fff url(img/wrap-bg.gif) repeat-y top left;
}
#main-body {
float : left;
width : 100%;
background : url(img/nav-bg.gif) no-repeat top left;
}
#content {
float : left;
width : 496px;
margin : 1px 0 0 0;
background : #fff;
}
#sidebar {
float : right;
position : relative;
width : 274px;
background : #dbdbdb;
}
#footer {
clear : both;
margin : 0;
padding : 20px 20px 12px 20px;
border-top : 1px solid #fff;
background : #cecece url(img/footer-bg.gif) no-repeat top left;
}
#div_initiate {
position : absolute;
z-index : 1;
top : 40%;
left : 40%;
visibility : hidden;
}
#header {
float : left;
width : 100%;
background : #fff;
}
#header h1 {
float : left;
margin : 0;
padding : 20px;
}
#header h2 {
float : right;
margin : 28px 20px 20px 20px;
padding : 0;
font-family : "Trebuchet MS", sans-serif;
font-size : 100%;
font-weight : normal;
color : #777;
}
#nav {
float : left;
width : 100%;
font-size : 90%;
}
#nav ul {
float : left;
width : 738px;
margin : 0;
padding : 0 0 12px 20px;
list-style : none;
}
#nav ul li {
float : left;
margin : 0;
padding : 0;
}
#nav ul li a {
display : block;
float : left;
margin : 1px 0 0 0;
padding : 6px 10px 9px 10px;
font-weight : bold;
text-decoration : none;
color : #555;
}
#nav ul li a:hover {
background : #c9c9c9;
}
#nav ul li.active a, #nav ul li.active a:hover {
margin-top : 0;
padding-bottom : 10px;
border-right : 1px solid #bbb;
background : #fff url(img/nav-item-bg.gif) no-repeat bottom right;
}
#nav ul li.current_page_item a, #nav ul li.current_page_item a:hover {
margin-top : 0;
padding-bottom : 10px;
border-right : 1px solid #bbb;
background : #fff url(img/nav-item-bg.gif) no-repeat bottom right;
}
h2#title {
margin : 0;
padding : 18px 20px;
font-family : "Trebuchet MS", sans-serif;
font-size : 180%;
color : #ffffff;
background-color : #626da7;
background-image : url(img/title-bg.gif);
background-repeat : no-repeat;
background-position : left top;
}
body.home h2#title {
margin : 0;
padding : 0;
background : none;
}
#content-inner {
margin : 20px;
line-height : 1.4em;
}
#content-inner ul {
margin : 1.5em 0 1.5em 25px;
padding : 0;
list-style : none;
}
#content-inner ul li {
margin : 0 0 8px 0;
padding : 0 0 0 23px;
color : #555;
background : url(img/icon-bullet.gif) no-repeat 0 0;
}
#content-inner blockquote {
margin : 1em 0 1em 20px;
padding : 0 0 0 22px;
font-size : 90%;
line-height : 1.4em;
color : #666;
background : url(img/icon-quotes.gif) no-repeat 0 2px;
}
div.entry h3.ptitle {
font-family : "Trebuchet MS", sans-serif;
font-size : 150%;
color : #8a8a8a;
}
div.entry h3 {
font-family : "Trebuchet MS", sans-serif;
font-size : 150%;
color : #8a8a8a;
}
div.entry p.posted {
margin : 0;
padding : 0 0 0 21px;
font-size : 90%;
color : #666;
background : url(img/icon-permalink.gif) no-repeat 0 3px;
}
div.entry a.link {
background-color : #399dcf;
background-image : url(img/alink.gif);
background-repeat : no-repeat;
padding-left : 10px;
padding-right : 4px;
color : #ffffff;
text-decoration : none;
line-height : 7px;
margin-bottom : -7px;
}
div.entry a.link:hover {
background-color : #399dcf;
background-image : url(img/alink-h.gif);
background-repeat : no-repeat;
padding-left : 10px;
padding-right : 4px;
color : #ffffff;
text-decoration : none;
line-height : 7px;
margin-bottom : -7px;
}
div.entry p.disclaim {
margin : 0;
font-size : 90%;
color : #b5b5b5;
}
div.entry p.tags {
margin : 4px 0 20px 0;
padding-bottom : 20px;
border-bottom : 1px solid #ddd;
background-image : url(img/icon-tags.gif);
}
div.entry p.posted a {
color : #666;
border-bottom : 1px dotted #bbb;
}
div.entry p.posted a:hover {
background : #666;
color : #fff;
border : none;
}
div.last p.posted {
border-bottom : none;
}
#news {
margin : 0;
padding : 20px;
background : #adbed0 url(img/sidebar-green-bg.gif) no-repeat top left;
}
#news h3 {
margin : 0;
padding : 0;
font-family : "Trebuchet MS", Helvetica, sans-serif;
font-size : 150%;
color : #fff;
}
#news dl {
margin : 1em 0;
padding : 0;
line-height : 1.3em;
}
#news dl dt {
margin : 0;
padding : 0 0 0 22px;
font-weight : bold;
background : url(img/icon-news.gif) no-repeat 0 1px;
}
#news dl dd {
margin : 0 0 8px 22px;
padding : 0;
font-size : 90%;
color : #527000;
}
#news p {
margin : 0;
padding : 0;
font-size : 90%;
text-align : right;
}
#news a.more {
padding-right : 8px;
font-weight : bold;
background : url(img/bullet-newsmore.gif) no-repeat 100% 4px;
}
#news a {
color : #224e5e;
text-decoration : none;
}
#news a:hover {
background-color : #dce3e7;
}
#sidebar-inner {
border-top : 1px solid #fff;
padding : 20px;
}
#sidebar-inner h4 {
margin : 0 0 5px 0;
padding : 0;
font-family : "Trebuchet MS", Helvetica, sans-serif;
font-size : 130%;
color : #555;
}
#sidebar-inner ul {
margin : 0 0 20px 0;
padding : 0;
list-style : none;
}
#sidebar-inner ul li {
margin : 0;
padding : 5px 0 5px 15px;
font-size : 90%;
border-bottom : 1px solid #ccc;
background : url(img/bullet-grey.gif) no-repeat 3px 9px;
}
#sidebar-inner ul li.last {
border-bottom : none;
}
dl.teaser {
margin : 0 0 10px 0;
padding : 0 0 10px 0;
font-size : 90%;
line-height : 1.4em;
border-bottom : 1px solid #ccc;
}
dl.teaser:after {
content : ".";
display : block;
height : 0;
clear : left;
visibility : hidden;
}
dl.last {
border-bottom : none;
}
dl.teaser dt {
float : left;
}
dl.teaser dt img {
padding : 3px;
border : 1px solid #ccc;
border-top : none;
border-left : none;
background : #fff;
}
dl.teaser dt a:hover img {
border-color : #eee;
background : #ccc;
}
dl.teaser dd {
margin : 0 0 0 65px;
padding : 0;
color : #444;
}
dl.teaser dd.link {
margin-bottom : 3px;
font-family : "Trebuchet MS", sans-serif;
font-weight : bold;
font-size : 130%;
}
dl.teaser dd.link a {
padding-right : 9px;
background-image : url(img/bullet-sidemore.gif);
background-repeat : no-repeat;
background-position : 100% 6px;
}
dl.teaser dd.link a:hover {
background-image : url(img/bullet-sidemore-hov.gif);
}
#subnav {
margin : 0;
padding : 20px;
background : #a9cc4c url(img/sidebar-green-bg.gif) no-repeat top left;
}
#subnav h3 {
margin : 0 0 5px 0;
padding : 0;
font-family : "Trebuchet MS", Helvetica, sans-serif;
font-size : 130%;
color : #fff;
}
#subnav ul {
margin : 0;
padding : 0;
font-size : 90%;
list-style : none;
line-height : 1.3em;
}
#subnav ul li {
margin : 0;
padding : 8px 0 8px 15px;
font-weight : bold;
border-bottom : 1px solid #9fc43d;
background : url(img/bullet-green.gif) no-repeat 3px 12px;
}
#subnav ul li#subnav-last {
padding-bottom : 0;
border-bottom : none;
}
#subnav a {
color : #3b5000;
text-decoration : none;
}
#subnav a:hover {
background-color : #c6e76e;
}
#subnav ul li.active {
background-image : url(img/bullet-blue.gif);
}
#subnav ul li.active a, #subnav ul li.active a:hover {
color : #195f82;
}
#commentlist {
margin : 1.2em 0;
padding : 0;
border-bottom : 1px solid #e8e7d0;
list-style-type : none;
}
#commentlist li {
border-top : 1px solid #e8e7d0;
padding : 1px 20px;
background-color : #fff;
}
.commenttitle {
margin-bottom : 0;
font-size : 1.1em;
}
.commentmeta {
margin-top : 0;
font-size : 0.9em;
color : #999;
}
#comment {
width : 98%;
}
#form h2 {
color : #5469cd;
font-size : medium;
}
label {
color : #666666;
cursor : pointer;
vertical-align : top;
font-size : 12px;
font-weight : bold;
}
input, textarea, select {
border : 1px dotted #c1c0b5;
background-color : #fdfdfd;
color : #333;
font-size : 1em;
font-family : "Lucida Sans Unicode", Tahoma, Arial, sans-serif;
}
input:focus, textarea:focus, select:focus {
color : #666666;
border : 1px dotted #00cc33;
background-color : #f2fdf7;
}
#contact_form a, a:link, button:link, button, button:hover {
text-decoration : none;
}
#footer p {
margin : 0 0 8px 0;
padding : 0;
font-size : 90%;
color : #555;
}
#footer p.logo {
padding : 5px 0 5px 0;
background : url(img/sp_footer.gif) no-repeat 100% 50%;
line-height : 140%;
}
#footer p a {
color : #555;
border-bottom : 1px dotted #aaa;
}
#footer p a:hover {
color : #fff;
border : none;
background : #555;
}
a img {
border : none;
}
hr, .hide {
display : none;
}
#main-body {
clear : left;
}
* html div {
height : 1%;
}
body {
font-size : x-small;
voice-family : "\"}\"";
voice-family : inherit;
font-size : small;
}
html > body {
font-size : small;
}
#wrap {
width : 782px;
voice-family : "\"}\"";
voice-family : inherit;
width : 770px;
}
html > body #wrap {
width : 770px;
}

↑ Top