W3C CSS Validator results for http://www.pixelshell.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=www.pixelshell.com&profile=css3
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, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
margin : 0;
padding : 0;
}
h1, h2, h3, h4, h5, h6 {
font-size : 100%;
}
ol, ul {
list-style : none;
}
address, caption, cite, code, dfn, em, strong, th, var {
font-style : normal;
font-weight : normal;
}
fieldset, img {
border : 0;
}
caption, th {
text-align : left;
}
q:before, q:after {
content : '';
}
:focus {
outline : 0;
}
html {
text-align : center;
}
body {
position : relative;
min-width : 790px;
margin : 0 auto;
text-align : left;
font-family : Arial, sans-serif;
font-size : 13px;
line-height : 1.5em;
background : #222;
}
h1 {
font-size : 22px;
font-weight : normal;
padding : 0 0 0.7em 0;
}
h2 {
color : #920000;
padding : 0.2em 0 0.5em 0;
font-size : 19px;
font-weight : normal;
}
h3 {
font-size : 17px;
padding : 3px 0 3px 0;
font-weight : normal;
}
h3 a {
font-weight : normal;
}
h3 .focus {
color : #2a699a;
font-size : 16px;
}
h4 {
font-size : 14px;
}
.focus {
color : #2a699a;
font-size : 14px;
}
.clarity {
color : #777;
font-size : 15px;
}
p {
padding : 0 0 1em 0;
}
.author {
color : #999;
}
.red {
color : #980000;
}
a {
color : #cc0000;
padding : 0 2px;
font-weight : bold;
text-decoration : none;
border-bottom : 1px solid #dfdfdf;
}
a:hover {
color : #ff9900;
background : #fffae0;
border-bottom : none;
}
strong {
font-weight : bold;
}
em {
font-style : italic;
}
.clear {
clear : both;
height : 25px;
}
#branding {
height : 140px;
background : url(images/branding.gif) repeat-x #222;
border-bottom : 3px solid #000;
}
#logo {
width : 780px;
height : 110px;
margin : 0 auto;
padding : 22px 0 0 0;
}
#logo a, #logo a:hover {
padding : 0;
margin : 0;
border : none;
background : none;
}
#navigation {
position : relative;
background : url(images/tabs.gif) repeat-x #8e0f00;
height : 2.4em;
border-bottom : 3px solid #6f0900;
}
#navigation ul {
position : relative;
left : 50%;
margin : 0 0 0 -390px;
list-style : none;
float : left;
}
#navigation ul li {
float : left;
background : transparent;
padding-left : 5px;
}
#navigation li a {
display : block;
text-decoration : none;
float : left;
background : transparent;
padding : 0.6em 1em 0.3em 0.7em;
font-family : Arial, sans-serif;
font-size : 15px;
color : #fff;
text-shadow : #000 0 0 2px;
font-weight : bold;
border-bottom : none;
}
#navigation ul li a:hover {
color : #ff9900;
}
body#home_page #home_tab, body#about_page #about_tab, body#services_page #services_tab, body#files_page #files_tab, body#guides_page #guides_tab, body#contact_page #contact_tab, body#blog_page #blog_tab {
background : url(images/tab-left.gif) top left no-repeat #f5f5f5;
}
body#home_page #home_link, body#about_page #about_link, body#services_page #services_link, body#files_page #files_link, body#guides_page #guides_link, body#contact_page #contact_link, body#blog_page #blog_link {
background : url(images/tab-right.gif) top right no-repeat #f5f5f5;
color : #000;
text-shadow : #e7decf 0 0 2px;
border-bottom : 3px solid #f5f5f5;
}
#searchform {
position : relative;
color : #ec9320;
padding : 0.5em 0 0.5em 0;
padding-left : 35px;
white-space : nowrap;
}
#search fieldset {
border : none;
padding : 0;
}
#search-form {
background : url(images/bg_search_box.gif) no-repeat;
width : 184px;
height : 24px;
padding : 0;
margin : 0;
}
#search-form #s {
background : none;
float : left;
padding : 6px 0 0 5px;
margin : 0;
border : none;
width : 159px;
color : #999;
font-size : 11px;
}
#search-form #go {
float : right;
margin : 4px 2px 0 0;
width : 18px;
height : 16px;
}
#cellotape {
position : absolute;
left : 50%;
margin-left : -50px;
top : -24px;
width : 81px;
height : 47px;
}
#unpacking {
position : absolute;
left : 50%;
margin-left : -290px;
bottom : 15px;
width : 275px;
height : 228px;
}
#unpacktext {
position : relative;
padding-left : 165px;
z-index : 10;
}
.highlighter {
background : #ffefa0;
font-weight : bold;
padding : 0 2px;
}
#container {
padding-top : 20px;
position : relative;
background : url(images/container.gif) bottom repeat-x #f5f5f5;
}
#content {
position : relative;
width : 780px;
margin : auto;
}
#main {
position : relative;
background : url(images/main.gif) no-repeat transparent;
width : 500px;
float : left;
padding : 20px 25px 0 25px;
min-height : 400px;
}
#main ul {
list-style : square;
padding-left : 20px;
color : #777;
}
#main li {
color : #000;
font-weight : bold;
font-size : 14px;
padding-top : 6px;
}
#main_full {
position : relative;
background : url(images/main_full.gif) no-repeat transparent;
width : 730px;
float : left;
padding : 20px 25px 0 25px;
min-height : 400px;
}
#main_full img {
border : 0;
padding : 0;
margin : 0;
}
#sidebar {
color : #555;
position : relative;
width : 205px;
float : right;
padding : 20px 0 0 25px;
font-size : 12px;
}
#sidebar h2 {
border-bottom : 2px solid #ddd;
padding : 0 0 0.3em 0;
margin : 0 0 0.5em 0;
}
#sidebar ul li a {
display : block;
background : #fafafa;
padding : 5px 16px;
font-size : 14px;
text-decoration : none;
border-bottom : 1px solid #ddd;
}
#sidebar li.first {
display : block;
text-decoration : none;
border-top : 1px solid #ddd;
}
#sidebar li a:hover {
background : #fff;
}
#sidebar li a.active {
background : #fff;
}
.usp {
clear : both;
}
.usp_image {
float : left;
}
.usp img {
width : 32px;
height : 32px;
}
.usp_text {
float : right;
width : 165px;
text-align : left;
padding-left : 8px;
padding-bottom : 1em;
}
#usp_conclude {
clear : both;
}
.special {
position : relative;
background : url(images/special.gif) bottom no-repeat #fff6ca;
padding : 15px 20px 10px 20px;
margin : 5px 0 15px 0;
font-size : 15px;
line-height : 1.4em;
}
.special a {
border-bottom-color : #d6cda5;
}
.special a:hover {
color : #ff9000;
background-color : #ffefa6;
}
.highlight {
background : #f8f2e6;
padding : 15px 20px 0 20px;
border : #adadad dashed 1px;
margin : 5px 0 15px 0;
}
.note {
font-size : 17px;
color : #cb0018;
}
.arrows {
color : #eeac40;
}
.portfolio {
background : #ebebeb;
border : #d1d1d1 solid 1px;
padding : 10px;
margin-bottom : 15px;
min-height : 150px;
}
.portfolio img {
position : relative;
float : left;
padding-right : 15px;
}
.portfolio .border {
border : #333 solid 1px;
padding : 0;
margin-right : 12px;
}
.portfoliotitle {
font-size : 11pt;
font-weight : bold;
color : #a30000;
}
.benefits_left img {
float : left;
margin-right : 10px;
}
.benefits_right img {
float : right;
margin-left : 10px;
}
.code {
color : #294c5c;
padding : 20px;
background : #d0dce2;
border : #99b2bd dashed 1px;
font-weight : bold;
font-family : "Courier New", sans-serif;
margin-bottom : 1em;
}
code {
display : block;
color : #294c5c;
padding : 20px;
background : #d0dce2;
border : #99b2bd dashed 1px;
font-weight : bold;
font-family : "Courier New", sans-serif;
margin-bottom : 1em;
}
.image img {
background : #ebebeb;
border : #d1d1d1 solid 1px;
padding : 5px;
}
.caption {
font-size : 8pt;
font-family : Verdana, sans-serif;
color : #2a699a;
padding-bottom : 1em;
}
#dmitry {
background : #ebebeb;
border : #d1d1d1 solid 1px;
width : 200px;
padding : 20px;
margin-right : 5px;
margin-bottom : 1em;
float : left;
}
#myles {
background : #ebebeb;
border : #d1d1d1 solid 1px;
width : 200px;
padding : 20px;
margin-left : 5px;
margin-bottom : 1em;
float : right;
}
#contact_tel {
padding-left : 40px;
background : url(images/callskype.gif) 2px 0% no-repeat;
}
#contact_mobile {
padding-left : 40px;
background : url(images/callmobile.png) 2px 0% no-repeat;
}
#contact_email {
padding-left : 40px;
background : url(images/writeemail.gif) 2px 0% no-repeat;
}
#clientform input, textarea {
font-size : 10pt;
font-family : Arial, san-serif;
padding : 3px;
}
#clientform fieldset {
font-size : 10pt;
background : #ebebeb;
padding : 5px 20px;
border : #d1d1d1 solid 1px;
margin-bottom : 10px;
}
#clientform legend {
color : #000;
font-size : 13pt;
padding : 5px 10px;
}
.field_description {
color : #a5a5a5;
font-size : 9pt;
}
.required_field {
color : #ff0000;
font-weight : bold;
}
#information {
background : url(images/contact.gif) bottom repeat-x #961400;
border-top : 3px solid #6f0900;
}
#information p {
padding : 0;
}
#information a {
color : #ff7045;
border-bottom : 1px solid #a7320e;
}
#information a:hover {
color : #ffae00;
background : #973000;
border-bottom : none;
}
#information h4 {
text-shadow : #000 0 0 2px;
color : #ffaa3b;
font-size : 1.4em;
padding : 0.5em 0;
font-weight : bold;
}
#contact .ccolor {
color : #ffaa3b;
}
#contact {
color : #fff;
width : 780px;
margin : 0 auto;
}
#direct {
position : relative;
width : 205px;
float : right;
padding : 5px 0 1px 0;
}
#clientwebform {
background : url(images/clientwebform.gif) 3.5em 0% no-repeat;
position : relative;
width : 500px;
float : left;
margin-left : 25px;
padding : 5px 0 1px 0;
}
#direct img {
vertical-align : middle;
}
#clientwebform p {
padding-left : 40px;
}
#legal {
padding : 0.3em 0;
border-top : 3px solid #000;
}
#legal p {
color : #777;
background : url(images/copyright.gif) 6px 0% no-repeat;
font-size : 13px;
padding : 0.5em 0 1em 0;
padding-left : 25px;
width : 700px;
margin : 0 auto;
}
#legal a {
color : #e65400;
border-bottom : 1px solid #333;
}
#legal a:hover {
color : #eb9500;
background : #3b2e00;
border-bottom : none;
}
#legal .imagelink {
border-bottom : none;
}
#legal .imagelink:hover {
background : none;
}
#legal img {
vertical-align : middle;
padding-left : 5px;
}

↑ Top