W3C CSS Validator results for http://www.css-design-yorkshire.com/ (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.css-design-yorkshire.com/
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

html {
font-size : 62.5%;
}
body {
margin : 0;
padding : 0;
background : url(../img/background.jpg) 0 0 repeat-x #1d1e18;
color : #222;
font : 1.2em/1.6em Verdana, Helvetica, Arial, sans-serif;
}
div, p, ul, h1, h2, h3, h4, img, form, label {
padding : 0;
margin : 0;
}
ol {
color : #99916D;
}
a {
text-decoration : underline;
color : #ff9900;
}
a:hover {
text-decoration : none;
color : #ff6600;
}
a:visited {
color : #ff9900;
}
a:active {
color : #ff6600;
}
h2 {
color : #fff;
margin : 10px 0 15px 0;
}
h3 {
color : #fff;
margin : 10px 0 5px 0;
}
h4 {
color : #fff;
}
h5 {
color : #fff;
}
address {
color : #fff;
}
img {
border : 0;
}
img a {
border : 0;
text-decoration : none;
}
img a:hover {
border : none;
}
.imagefront {
margin : 0 15px 15px 0;
border : #cccc00 solid 6px;
}
.imageleft {
float : left;
margin : 10px 30px 20px 0;
border : #cccc00 solid 6px;
}
.imageright {
float : right;
margin : 10px 10px 20px 30px;
border : #cccc00 solid 6px;
}
.imageleftnb {
float : left;
margin : 0 20px 0 0;
}
.imagerightnb {
float : right;
margin : 0 0 0 10px;
}
#wrap {
width : 1000px;
position : relative;
margin : 0 auto;
padding : 0;
}
.dropnav {
float : left;
width : 1000px;
height : 42px;
border : none;
background : url(../img/nav-background.jpg) repeat-x #1d1e18;
color : #FFF;
font-size : 110%;
}
.dropnav ul {
list-style-type : none;
}
.dropnav ul li {
float : left;
position : relative;
z-index : auto !important ;
z-index : 1000;
border-right : 1px solid #444341;
}
.dropnav ul li a {
float : none !important ;
float : left;
display : block;
height : 3.1em;
line-height : 3.1em;
padding : 0 16px 0 16px;
text-decoration : none;
color : #ff6600;
}
.dropnav ul li ul {
display : none;
border : none;
}
.dropnav ul li#home {
border-left : 1px solid #444341;
}
.dropnav ul li:hover a {
background : url(../img/nav-over.jpg) 0 0 repeat-x;
color : #fff;
text-decoration : none;
}
.dropnav ul li:hover ul {
display : block;
width : 12em;
position : absolute;
z-index : 999;
top : 3.0em;
margin-top : 0.1em;
left : 0;
}
.dropnav ul li:hover ul li a {
display : block;
width : 12em;
height : auto;
line-height : 1.3em;
margin-left : -1px;
padding : 4px 16px 4px 16px;
border-left : 1px solid #444341;
border-bottom : 1px solid #444341;
background-color : #000;
font-weight : normal;
color : #FFF;
}
.dropnav ul li:hover ul li a:hover {
background : url(../img/nav-over.jpg) 0 0 repeat-x;
color : #ff6600;
}
.dropnav table {
position : absolute;
top : 0;
left : 0;
border-collapse : collapse;
}
.dropnav ul li a:hover {
background : url(../img/nav-over.jpg) 0 0 repeat-x;
color : #fff;
text-decoration : none;
}
.dropnav ul li a:hover ul {
display : block;
width : 12em;
position : absolute;
z-index : 999;
top : 3.1em;
top : 3.0em;
left : 0;
margin-top : 0.1em;
}
.dropnav ul li a:hover ul li a {
display : block;
width : 12em;
height : 1px;
line-height : 1.3em;
padding : 4px 16px 4px 16px;
border-left : 1px solid #444341;
border-bottom : 1px solid #444341;
background-color : #000;
font-weight : normal;
color : #fff;
}
.dropnav ul li a:hover ul li a:hover {
background : url(../img/nav-over.jpg) 0 0 repeat-x;
color : #ff6600;
}
#topPan {
clear : left;
width : 1000px;
height : 207px;
background : url(../img/logo.jpg) right no-repeat;
}
#intro {
padding : 70px 0 0 60px;
}
#intro h2 {
font-size : 1.4em;
}
#mainPan {
width : 1000px;
background-color : #292a22;
}
#mainPan h2 {
font-size : 1.4em;
color : #fff;
}
#mainPan h3 {
font-size : 1em;
color : #ff6600;
}
#mainPan p {
color : #99916D;
margin : 0 0 20px 0;
}
#mainPan ul {
color : #fff;
margin : 0 0 5px 0;
}
#google_ads {
clear : left;
width : 100%;
margin : 0 0 10px 0;
}
#google_ads2 {
clear : left;
width : 100%;
margin : 20px 0 10px 0;
}
#month {
width : 680px;
padding : 10px 20px 0 20px;
background-color : #20211c;
border : #fff solid 1px;
margin : 0 0 20px 0;
}
#secondPan {
width : 170px;
background-color : #20211c;
padding : 16px;
}
#subnav {
background-color : #292a22;
padding : 0 10px 10px 20px;
border : #333 solid 1px;
}
#secondPan h3 {
font-size : 1em;
}
#secondPan ul {
list-style-type : none;
}
#secondPan ul li {
line-height : 20px;
}
#sponsors {
margin : 10px 0 0 0;
}
#blockads {
width : 170px;
margin : 0 0 0 0;
padding : 0 0 0 0;
}
#blockads li {
display : inline;
margin : 0 2px 0 0;
}
#buttons {
width : 170px;
margin : 0 0 0 0;
padding : 0 0 0 0;
}
#buttons li {
display : inline;
margin : 0 2px 0 0;
}
#pagePan {
width : 740px;
margin : 0 0 0 0;
float : right;
padding : 22px;
background-color : #292a22;
}
.screenshot img {
height : 120px;
width : 159px;
}
.screenshot a:hover img {
border : #FF6600 solid 2px;
}
#gallerySites {
clear : both;
}
#gallerySites ul {
list-style-type : none;
}
#gallerySites li {
float : left;
display : inline;
height : 178px;
width : 178px;
margin-right : 7px;
}
#gallerySites img {
border : #fff solid 2px;
}
#gallerySites a:hover img {
border : #FF6600 solid 2px;
}
#footer {
clear : both;
width : 100%;
margin : 0 auto !important ;
text-align : left;
background : url(../img/footer-back.jpg) 0 0 no-repeat #272820;
color : #FFFFFF;
padding : 0;
}
#footer p {
clear : both;
margin : 0;
padding : 5px 10px;
}
#footer ul {
float : left;
margin : 0 0 0 0;
padding : 20px 0 20px 60px;
line-height : 1.5em;
list-style-type : none;
}
#footer a:link {
color : #edc507;
}
#footer a:hover {
color : #34312C;
padding : 2px 0 2px 0;
}
#footer a:visited {
color : #FF9933;
}
.hide {
display : none;
}
.clear, .clearer {
clear : both;
font-size : 0;
}
.red {
color : #cc0000;
}
.highlight {
color : #ff6600;
}
.white {
color : #fff;
}
.grey {
color : #999;
}
.was {
color : #999;
text-decoration : line-through;
}
.next {
border-top : 3px solid #cccc00;
padding : 5px 0 0 0;
}
.small {
font : 0.8em/1.5em Verdana, Helvetica, Arial, sans-serif;
}
.date {
font-size : 0.8em;
padding-top : 0;
color : #99916D;
}
.code {
font-family : mono;
margin-left : 20px;
margin-right : 20px;
margin-top : 20px;
padding : 10px;
font-size : 1.2em;
border : dotted 1px;
}
.dark {
color : #272820;
font-weight : normal;
}
form {
border : #666 solid 1px;
padding : 10px 10px 20px 10px;
margin : 20px 0 20px 0;
}
int {
background-color : #CCFF00;
}
input {
border : #cccccc solid 1px;
font-family : Arial, Helvetica, sans-serif;
font-size : 1em;
margin : 0;
padding : 4px;
}
label {
margin : 0;
color : #FFFFFF;
}
#searchform {
margin : 0 0 10px 0;
border-bottom : 1px solid #CCCCCC;
padding : 5px 0 10px 10px;
background : #eee;
width : 205px;
}
fieldset, contactform {
border : none;
}
table, th, td {
border : #666 solid 1px;
border-collapse : collapse;
}
table {
border : none;
border-top : 1px solid #000;
}
thead th {
background : #ff9900;
padding : 5px 10px;
font-size : 100%;
text-transform : uppercase;
color : #fff;
}
tbody td, tbody th {
font-size : 100%;
padding : 5px 10px;
background : #20211c;
color : #fff;
}
tbody th {
background : #ff6600;
color : #fff;
}
tbody tr.odd td {
background : #fff;
}
tbody tr.odd th {
background : #fff;
color : #666;
}
tfoot td, tfoot th {
border : none;
padding-top : 10px;
}
caption {
text-align : left;
text-transform : uppercase;
font-size : 130%;
padding : 10px 0;
color : #fff;
}
table a:link {
color : #ff6600;
}
table a:visited {
color : #cccc00;
}
table a:hover {
color : #fff;
text-decoration : none;
}
table a:active {
color : #fff;
}
#lightbox {
position : absolute;
left : 0;
width : 100%;
z-index : 100;
text-align : center;
line-height : 0;
}
#lightbox a img {
border : none;
}
#outerImageContainer {
position : relative;
background-color : #fff;
width : 250px;
height : 250px;
margin : 0 auto;
}
#imageContainer {
padding : 10px;
}
#loading {
position : absolute;
top : 40%;
left : 0%;
height : 25%;
width : 100%;
text-align : center;
line-height : 0;
}
#hoverNav {
position : absolute;
top : 0;
left : 0;
height : 100%;
width : 100%;
z-index : 10;
}
#imageContainer > #hoverNav {
left : 0;
}
#hoverNav a {
outline : none;
}
#prevLink, #nextLink {
width : 49%;
height : 100%;
background : url(../logos/blank.gif) no-repeat transparent;
display : block;
}
#prevLink {
left : 0;
float : left;
}
#nextLink {
right : 0;
float : right;
}
#prevLink:hover, #prevLink:visited:hover {
background : url(../logos/prevlabel.gif) left 15% no-repeat;
}
#nextLink:hover, #nextLink:visited:hover {
background : url(../logos/nextlabel.gif) right 15% no-repeat;
}
#imageDataContainer {
font : 10px Verdana, Helvetica, sans-serif;
background-color : #fff;
margin : 0 auto;
line-height : 1.4em;
overflow : auto;
width : 100%;
}
#imageData {
padding : 0 10px;
color : #666;
}
#imageData #imageDetails {
width : 70%;
float : left;
text-align : left;
}
#imageData #caption {
font-weight : bold;
}
#imageData #numberDisplay {
display : block;
clear : left;
padding-bottom : 1.0em;
}
#imageData #bottomNavClose {
width : 66px;
float : right;
padding-bottom : 0.7em;
}
#overlay {
position : absolute;
top : 0;
left : 0;
z-index : 90;
width : 100%;
height : 500px;
background-color : #000;
}
* html > body .clearfix {
display : inline;
width : 100%;
}
* html .clearfix {
height : 1%;
}
body div#toolTip {
position : absolute;
z-index : 1000;
width : 220px;
background : #333333;
border : #fff double 2px;
text-align : left;
padding : 10px;
min-height : 1em;
}
body div#toolTip p {
margin : 0;
padding : 0;
color : #fff;
font : 11px/12px verdana, arial, sans-serif;
}
body div#toolTip p em {
display : block;
margin-top : 3px;
color : #99916D;
font-style : normal;
font-weight : bold;
}
body div#toolTip p em span {
font-weight : bold;
color : #fff;
}

↑ Top