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) left top 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) right top 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 : 1px dashed #adadad;
margin : 5px 0 15px 0;
}
.note {
font-size : 17px;
color : #cb0018;
}
.arrows {
color : #eeac40;
}
.portfolio {
background : #ebebeb;
border : 1px solid #d1d1d1;
padding : 10px;
margin-bottom : 15px;
min-height : 150px;
}
.portfolio img {
position : relative;
float : left;
padding-right : 15px;
}
.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 : 1px dashed #99b2bd;
font-weight : bold;
font-family : "Courier New", sans-serif;
margin-bottom : 1em;
}
code {
display : block;
color : #294c5c;
padding : 20px;
background : #d0dce2;
border : 1px dashed #99b2bd;
font-weight : bold;
font-family : "Courier New", sans-serif;
margin-bottom : 1em;
}
.image img {
background : #ebebeb;
border : 1px solid #d1d1d1;
padding : 5px;
}
.caption {
font-size : 8pt;
font-family : Verdana, sans-serif;
color : #2a699a;
padding-bottom : 1em;
}
#dmitry {
background : #ebebeb;
border : 1px solid #d1d1d1;
width : 200px;
padding : 20px;
margin-right : 5px;
margin-bottom : 1em;
float : left;
}
#myles {
background : #ebebeb;
border : 1px solid #d1d1d1;
width : 200px;
padding : 20px;
margin-left : 5px;
margin-bottom : 1em;
float : right;
}
#contact_tel {
padding-left : 40px;
background : url(images/callskype.gif) 0% 2px no-repeat;
}
#contact_mobile {
padding-left : 40px;
background : url(images/callmobile.png) 0% 2px no-repeat;
}
#contact_email {
padding-left : 40px;
background : url(images/writeemail.gif) 0% 2px 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 : 1px solid #d1d1d1;
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) 0% 3.5em 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) 0% 6px 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