W3C CSS Validator results for http://www.art4me.com/ (CSS level 3)

Sorry! We found the following errors (7)

URI : http://www.art4me.com/art4me-smartphone.css

17 Parse Error min-width: 40.5em) { .related-products li { width: 16.6666667%; } }

URI : http://www.art4me.com/

100 attempt to find a semi-colon before the property name. add it
99 only 0 can be a unit. You must put a unit after your number : 720
100 only 0 can be a unit. You must put a unit after your number : 720
104 attempt to find a semi-colon before the property name. add it
103 only 0 can be a unit. You must put a unit after your number : 360
104 only 0 can be a unit. You must put a unit after your number : 360

↑ Top

Valid CSS information

body {
background-color : #ffffff;
font-family : "Arial", Helvetica, sans-serif;
font-size : medium;
margin : 0;
}
h3, h4 {
color : #8b2e8b;
padding : 10px;
text-align : left;
}
h1, h2 {
color : #8b2e8b;
padding : 10px;
text-align : center;
}
header.top {
background-color : #cccccc;
padding : 0 0 0 0;
margin : 0 0 10px 0;
height : 160px;
}
header.top img#logo-title {
float : right;
}
nav {
background-color : #cccccc;
margin : 0 10px 0 10px;
}
nav ul {
margin : 0;
list-style-type : none;
line-height : 1.9em;
padding : 5px 0 5px 0;
}
nav ul li {
font-size : 150%;
display : inline;
padding : 5px 10px 5px 10px;
}
nav ul li a:link, ul li a:visited {
border-bottom : none;
font-weight : bold;
}
nav ul li.selected {
background-color : #eeeeee;
}
p.logo {
font-family : "brush script std", Comic Sans MS, cursive;
font-size : 180%;
padding : 0 0 0 10px;
color : #8b2e8b;
text-align : left;
}
p.title {
font-family : "Arial", Helvetica, sans-serif;
font-size : 180%;
padding : 0 10px 0 10px;
margin : 0;
color : #8b2e8b;
text-align : left;
}
img#sitelogo {
margin : 0 10px 0 10px;
float : left;
}
@media only screen and (max-width:720px) {
.map-image-block {
display : none;
}
.simple-image {
display : block;
width : 100%;
height : auto;
}
}
@media only screen and (min-width:721px) {
.map-image-block {
display : block;
}
.simple-image {
display : none;
}
}
p {
color : #8b2e8b;
padding : 10px;
text-align : center;
}
p.dated {
background-color : #dddddd;
padding : 0 10px 10px 10px;
color : #8b2e8b;
text-align : center;
}
Div {
padding : 10px 10px 10px 10px;
}
blockquote {
background-color : #dddddd;
padding : 10px 10px 10px 10px;
color : #8b2e8b;
text-align : center;
}
#statement {
background-color : #dddddd;
padding : 10px 10px 10px 10px;
color : #8b2e8b;
font-size : 150%;
line-height : 1.9em;
text-align : center;
}
ul {
margin : 0;
list-style-type : none;
line-height : 1.9em;
padding : 5px 0 5px 0;
}
ul li {
font-size : 150%;
padding : 5px 10px 5px 10px;
}
.java {
font-family : "Helvetica", Arial, sans-serif;
font-size : small;
text-align : left;
}
#footer {
background-color : #cccccc;
font-style : italic;
font-size : small;
color : #8b2e8b;
font-family : Georgia, "Times New Roman", Times, serif;
text-align : center;
padding : 5px;
margin : 5px 10px 5px 10px;
}
#tableContainer {
display : table;
padding : 0 10px 20px 10px;
font-size : 100%;
line-height : 1.5em;
border-spacing : 20px;
}
#tableContainerone {
display : table;
border-spacing : 10px;
padding : 0 10px 20px 10px;
font-size : 100%;
line-height : 1.5em;
}
#tableContainertwo {
display : table;
border-spacing : 10px;
}
#tableRowtwo {
display : table-row;
padding : 0 20px 30px 20px;
margin : 0 10px 10px 10px;
height : 150px;
font-size : 100%;
line-height : 1.5em;
}
#spot {
display : table-cell;
background-color : #cccccc;
text-align : center;
vertical-align : top;
}
#award {
display : table-cell;
background-color : #cccccc;
text-align : center;
vertical-align : top;
}
#pastaward {
display : table-cell;
background-color : #cccccc;
text-align : center;
vertical-align : top;
}
#award h3 {
color : black;
}
#award h4 {
color : green;
}
#award {
line-height : 1;
}
a:link {
color : blue;
}
a:visited {
color : red;
}
a:hover {
color : green;
}
p.responsible {
text-align : center;
}
section#ads {
color : #8b2e8b;
padding : 10px;
text-align : center;
}
.related-products li {
float : left;
width : 50%;
}
@media screen and (min-width:28.75em) {
.related-products li {
width : 33.3333333%;
}
}
body {
background-color : #ffffff;
font-family : "Arial", Helvetica, sans-serif;
font-size : medium;
margin : 0;
}
h3, h4 {
color : #8b2e8b;
padding : 10px;
text-align : left;
}
h1, h2 {
color : #8b2e8b;
padding : 10px;
text-align : center;
}
header.top {
background-color : #cccccc;
padding : 0 0 0 0;
margin : 0 0 10px 0;
height : 160px;
}
header.top img#logo-title {
float : right;
}
nav {
background-color : #cccccc;
margin : 0 10px 0 10px;
}
nav ul {
margin : 0;
list-style-type : none;
line-height : 1.9em;
padding : 5px 0 5px 0;
}
nav ul li {
font-size : 150%;
display : inline;
padding : 5px 10px 5px 10px;
}
nav ul li a:link, ul li a:visited {
border-bottom : none;
font-weight : bold;
}
nav ul li.selected {
background-color : #eeeeee;
}
p.logo {
font-family : "brush script std", Comic Sans MS, cursive;
font-size : 180%;
padding : 0 0 0 10px;
color : #8b2e8b;
text-align : left;
}
p.title {
font-family : "Arial", Helvetica, sans-serif;
font-size : 180%;
padding : 0 10px 0 10px;
margin : 0;
color : #8b2e8b;
text-align : left;
}
img#sitelogo {
margin : 0 10px 0 10px;
float : left;
}
@media only screen and (max-width:720px) {
.map-image-block {
display : none;
}
.simple-image {
display : block;
width : 100%;
height : auto;
}
}
@media only screen and (min-width:721px) {
.map-image-block {
display : block;
}
.simple-image {
display : none;
}
}
p {
color : #8b2e8b;
padding : 10px;
text-align : center;
}
p.dated {
background-color : #dddddd;
padding : 0 10px 10px 10px;
color : #8b2e8b;
text-align : center;
}
Div {
padding : 0 10px 10px 10px;
}
blockquote {
background-color : #dddddd;
padding : 10px 10px 10px 10px;
color : #8b2e8b;
text-align : center;
}
#statement {
background-color : #dddddd;
padding : 10px 10px 10px 10px;
color : #8b2e8b;
font-size : 150%;
line-height : 1.9em;
text-align : center;
}
ul {
margin : 0;
list-style-type : none;
line-height : 1.9em;
padding : 5px 0 5px 0;
}
ul li {
font-size : 150%;
padding : 5px 10px 5px 10px;
}
.java {
font-family : "Helvetica", Arial, sans-serif;
font-size : small;
text-align : center;
}
#footer {
background-color : #cccccc;
font-style : italic;
font-size : small;
color : #8b2e8b;
font-family : Georgia, "Times New Roman", Times, serif;
text-align : center;
padding : 5px;
margin : 5px 10px 5px 10px;
}
#tableContainer {
display : table;
border-spacing : 10px;
}
#tableRow {
display : table-row;
}
#tableContainerone {
display : table;
border-spacing : 10px;
}
#tableRow {
display : table-row;
}
#tableContainertwo {
display : table;
border-spacing : 10px;
}
#tableRowtwo {
display : table-row;
}
#spot {
display : table-cell;
background-color : #cccccc;
padding : 0 10px 20px 10px;
margin : 0;
width : 100%;
height : 200px;
font-size : 150%;
line-height : 1.5em;
text-align : center;
vertical-align : top;
}
#award {
display : table-cell;
background-color : #cccccc;
padding : 10px 10px 20px 10px;
margin : 10px;
width : 100%;
font-size : 150%;
line-height : 1.9em;
text-align : center;
vertical-align : top;
}
#pastaward {
display : table-cell;
background-color : #cccccc;
padding : 10px 20px 30px 20px;
margin : 10px 10px 10px 10px;
width : 100%;
height : 200px;
font-size : 150%;
line-height : 1.9em;
text-align : center;
vertical-align : top;
}
#award h3 {
color : black;
}
#award h4 {
color : green;
}
#award {
line-height : 1;
}
a:link {
color : blue;
}
a:visited {
color : red;
}
a:hover {
color : green;
}
.artist {
font-weight : bold;
}
p.responsible {
text-align : center;
}
section#ads {
color : #8b2e8b;
padding : 10px;
text-align : center;
}

↑ Top