W3C CSS Validator results for http://koehnline.com/koehnline01.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%2Fkoehnline.com%2Fkoehnline01.css&warning=1&profile=css21&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";
body {
margin : 0;
font-weight : normal;
font-size : 14px;
text-align : left;
color : #454c5f;
font-variant : small-caps;
font-family : Lithograph, Lithos, LithosPro-Regular, Arial, Helvetica, sans-serif;
background-color : #b5c0c6;
}
* {
margin : 0;
padding : 0;
}
h1 {
font-size : 24px;
letter-spacing : 0.01em;
padding : 6px 0;
}
h2 {
font-size : 20px;
letter-spacing : 0.05em;
}
h3 {
font-size : 18px;
font-weight : bold;
padding : 2px 0;
margin : 0;
}
h4 {
font-size : 16px;
margin : 0;
padding-bottom : 0.5em;
}
p {
color : #110000;
padding : 2px 0 4px 0;
margin : 0 0 10px 0;
font-variant : normal;
font-family : Arial, Helvetica, sans-serif;
}
em {
font-style : italic;
}
strong, a {
text-decoration : none;
margin : 0;
padding : 0;
}
ul {
list-style : none;
}
#container {
position : relative;
margin : auto;
width : 1200px;
}
#masthead {
width : 100%;
margin : 0;
padding : 0;
}
#logo a img {
float : left;
border : none;
}
#pagetitle {
float : left;
width : 1050px;
height : 130px;
background : #fbf9eb;
padding : 60px 0 0 20px;
}
* html #pagetitle {
display : inline;
padding : 58px 0 0 20px;
}
#fontnote {
position : absolute;
top : 9px;
left : 760px;
width : 300px;
background-color : #b5c0c6;
}
#fontnote h2 {
color : #636c82;
text-align : center;
font-size : 17px;
padding : 4px;
}
#getfont {
background-color : #636c82;
}
#getfont a {
display : block;
font-size : 18px;
letter-spacing : 0.05em;
font-weight : bold;
color : #b5c0c6;
text-align : center;
margin : 0;
padding : 6px;
}
#getfont a:hover {
display : block;
background : #454c5f;
color : #fed5cf;
}
#getfont a:active {
display : block;
background : #110000;
color : #ffff80;
}
#navbar {
float : left;
width : 98%;
background-color : #636c82;
border : #b5c0c6 solid;
border-width : 3px 0;
}
* html #navbar {
display : inline;
}
#navbar ul {
list-style : none;
margin : 0 0 0 30px;
}
#navbar li {
float : left;
background : #636c82;
padding : 4px 0;
font-weight : bold;
font-variant : normal;
font-size : 13px;
display : block;
}
#navbar a {
padding : 4px 10px;
color : #b5c0c6;
}
#navbar a:hover {
background : #454c5f;
color : #fed5cf;
}
#navbar a:active {
background : #110000;
color : #ffff80;
}
#main {
position : absolute;
top : 130px;
left : 0;
width : 100%;
background : #fbf9eb url(images/index/backby01.jpg) repeat-y;
}
#content {
float : left;
margin : 20px 0 0 0;
width : 1200px;
padding : 0;
z-index : 1;
}
* html #content {
display : inline;
}
#linkbar {
float : left;
width : 130px;
}
.link {
float : left;
width : 128px;
padding : 0 0 30px 2px;
}
.link img {
float : left;
border : solid 4px;
border-color : #b5c0c6 #636c82 #636c82 #b5c0c6;
}
.spacer {
float : left;
width : 130px;
padding : 0 0 30px 2px;
}
.spacer img {
float : left;
border : 0;
}
.textlink a {
display : block;
text-align : center;
color : #b5c0c6;
font-size : 12px;
letter-spacing : 1px;
font-weight : bold;
font-family : Arial, Helvetica, sans-serif;
padding : 5px;
margin : 0 4px 20px 4px;
background-color : #636c82;
border : #b5c0c6 solid;
border-width : 3px 0;
}
.textlink a:hover {
background-color : #454c5f;
color : #fed5cf;
}
.textlink a:active {
background-color : #110000;
color : #ffff80;
}
#recent, #popular {
float : left;
margin : 20px 0 200px 24px;
width : 16%;
}
* html #recent, #popular {
display : inline;
padding : 0 0 300px 0;
margin-left : 20px;
}
#feature {
float : left;
width : 584px;
background : #b5c0c6;
margin-left : 24px;
padding : 12px 0 800px 24px;
}
* html #feature {
display : inline;
padding : 12px 0 500px 24px;
margin-left : 20px;
}
#feature h1, h2, strong {
color : #454c5f;
}
#feature p, li {
font-variant : normal;
}
#feature img {
border : 0;
}
.fprint {
float : left;
width : 560px;
background : #636c82;
padding : 0 0 20px 0;
margin : 0 0 14px 0;
}
* html .fprint {
display : inline;
}
.fprint img {
float : left;
margin : 12px 0 0 12px;
}
.fprint a img {
border : 0;
}
.ftext {
float : left;
width : 560px;
padding : 5px 0;
border : #636c82 solid;
border-width : 0 0 2px 0;
margin : 0 0 24px 0;
}
.flast {
float : left;
width : 560px;
padding : 5px 0;
margin : 0;
}
.ftext a, .flast a {
background : #636c82;
font-weight : bold;
color : #b5c0c6;
padding : 2px 5px;
}
.ftext a:visited, .flast a:visited {
background : none;
color : #636c82;
}
.ftext a:hover, .flast a:hover {
background : #454c5f;
color : #fed5cf;
}
.ftext a:active, .flast a:active {
background : #110000;
color : #ffff80;
}
.ftext ul, .flast ul {
padding : 0 0 4px 0;
margin : 0 0 4px 0;
}
.ftext li, .flast li {
color : #110000;
padding : 2px 0;
margin : 0;
font-family : Arial, Helvetica, sans-serif;
}
#widetext {
float : left;
width : 756px;
background : #b5c0c6;
margin-left : 30px;
padding : 12px 24px 800px 24px;
}
* html #widetext {
display : inline;
padding : 12px 24px 500px 24px;
margin-left : 18px;
}
#widetext h1, h2, strong {
color : #454c5f;
}
.wtext {
float : left;
width : 760px;
padding : 5px 0;
border : #636c82 solid;
border-width : 0 0 2px 0;
margin : 0 0 24px 0;
}
.wtext a {
background : #636c82;
font-weight : bold;
color : #b5c0c6;
padding : 2px 5px;
}
.wtext a:visited {
background : none;
color : #636c82;
}
.wtext a:hover {
background : #454c5f;
color : #fed5cf;
}
.wtext a:active {
background : #110000;
color : #ffff80;
}
.wtext ul {
padding : 0 0 4px 0;
margin : 0 0 4px 0;
}
.wtext li {
color : #110000;
padding : 2px 0;
margin : 0;
font-family : Arial, Helvetica, sans-serif;
}
#footer, #footer_w {
float : left;
width : 560px;
background : #636c82;
padding : 20px 0 0 0;
margin : 0;
color : #b5c0c6;
text-align : center;
}
* html #footer, * html #footer_w {
display : inline;
}
#footer_w {
width : 760px;
}
#hunter, #hunter_w {
float : left;
width : 510px;
padding : 0;
margin : 20px 26px;
}
* html #hunter, * html #hunter_w {
display : inline;
}
#hunter_w {
width : 710px;
}
.valid {
float : left;
width : 88px;
}
.valid img {
border : none;
}
#by, #by_w {
float : left;
width : 330px;
text-align : center;
}
#by_w {
width : 530px;
}
#by p, #by_w p {
color : #b5c0c6;
}
#by a, #by_w a {
background : #454c5f;
color : #b5c0c6;
font-weight : bold;
padding : 2px 5px;
}
#by a:visited, #by_w a:visited {
background : none;
color : #b5c0c6;
}
#by a:hover, #by_w a:hover {
background : #454c5f;
color : #fed5cf;
}
.wtext a:active, #by_w a:active {
background : #110000;
color : #ffff80;
}

↑ Top