W3C CSS Validator results for http://www.tommasin.org/index.html (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%2Fwww.tommasin.org%2Findex.html&profile=css21&usermedium=all&warning=1
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

Warnings (7)

URI : http://www.tommasin.org/web-design/global.css

78 .left In (x)HTML+CSS, floated elements need to have a width declared. Only elements with an intrinsic width (html, img, input, textarea, select, or object) are not affected
83 .right In (x)HTML+CSS, floated elements need to have a width declared. Only elements with an intrinsic width (html, img, input, textarea, select, or object) are not affected
372 .folioimg In (x)HTML+CSS, floated elements need to have a width declared. Only elements with an intrinsic width (html, img, input, textarea, select, or object) are not affected
462 .tommasin In (x)HTML+CSS, floated elements need to have a width declared. Only elements with an intrinsic width (html, img, input, textarea, select, or object) are not affected
517 #footer .email In (x)HTML+CSS, floated elements need to have a width declared. Only elements with an intrinsic width (html, img, input, textarea, select, or object) are not affected
523 #footer .tp In (x)HTML+CSS, floated elements need to have a width declared. Only elements with an intrinsic width (html, img, input, textarea, select, or object) are not affected
529 #footer .copy In (x)HTML+CSS, floated elements need to have a width declared. Only elements with an intrinsic width (html, img, input, textarea, select, or object) are not affected

↑ Top

Valid CSS information

body, div, ul, li, td, h1, h2, h3, h4, h5, h6 {
font-size : 100%;
}
div, span, img, form, h1, h2, h3, h4, h5, h6, fieldset {
margin : 0;
padding : 0;
background-color : transparent;
border : 0;
}
table {
border : 0;
}
body {
margin : 0;
padding : 0;
font : normal normal 12px/1.3em Tahoma, Helvetica, sans-serif;
background : transparent url(http://www.tommasin.org/web-design/background.png) repeat-x center 0;
background-color : #fcfbfa;
}
h1 {
position : relative;
font : normal normal 18px/1.2em Tahoma, Helvetica, sans-serif;
margin : 0 auto;
}
h2 {
font : normal normal 18px/1.2em Tahoma, Helvetica, sans-serif;
color : #80bfff;
margin : 0 0 10px 0;
}
h3 {
font : normal normal 18px/1.2em Tahoma, Helvetica, sans-serif;
color : #fff;
margin : 0 0 10px 0;
padding : 0;
}
p {
padding : 0 0 5px 0;
margin : 0 0 5px 0;
font : normal normal 13px/1.3em "Century Gothic", Tahoma, sans-serif;
color : #333;
letter-spacing : 0.1em;
line-height : 1.8;
}
td {
vertical-align : top;
}
a:link, a:visited {
color : #0099cc;
text-decoration : none;
padding : 1px 2px;
}
a:hover, a:active {
text-decoration : underline;
}
dt {
font-weight : bold;
}
ul {
font : normal normal 14px/1.4em Tahoma, Helvetica, sans-serif;
margin : 0;
padding : 0 0 30px 25px;
list-style : none;
}
.left {
float : left;
margin : 0 10px 10px 0;
}
.right {
float : right;
margin : 0 0 10px 10px;
}
blockquote {
font : normal normal 16px/1.4em Tahoma, Helvetica, sans-serif;
color : #999;
margin : 5px 0 5px 25px;
padding : 5px 60px 5px 10px;
}
.clr {
clear : both;
height : 0;
}
#wrapper {
width : 860px;
margin : 0 auto;
padding : 0;
position : relative;
}
#header {
margin : 0 auto;
padding : 0;
font : normal normal 16px/1.2em Tahoma, Helvetica, sans-serif;
width : 860px;
height : 230px;
position : relative;
}
#header h1 {
margin : 0;
position : absolute;
top : 85px;
left : 2px;
height : 145px;
width : 350px;
background : transparent url(http://www.tommasin.org/web-design/web-design-friuli.png) no-repeat center 0;
display : block;
text-indent : -9000px;
}
#header h2 {
margin : 0;
position : absolute;
top : 110px;
right : 2px;
height : 30px;
width : 190px;
text-indent : -9000px;
background : transparent url(http://www.tommasin.org/web-design/web-designer.png) no-repeat center 0;
display : block;
}
#content {
width : 860px;
height : 260px;
float : left;
}
#tag {
margin : 20px 0 0 0;
background : transparent url(http://www.tommasin.org/web-design/biglietto-visita.gif) no-repeat right 0;
width : 485px;
height : 215px;
float : right;
text-indent : -9000px;
}
#feature {
margin : 0;
float : left;
width : 375px;
height : 320px;
}
#feature h3 {
text-indent : -9000px;
height : 18px;
width : 84px;
position : relative;
top : 30px;
left : 2px;
}
#feature p.title {
text-indent : -9000px;
height : 34px;
width : 128px;
background : transparent url(http://www.tommasin.org/web-design/baktrax.gif) no-repeat center 0;
position : relative;
top : 250px;
left : 2px;
}
#feature .featdescrp {
margin : 10px 0;
padding : 0;
position : relative;
top : 20px;
left : 2px;
}
#feature a.screens {
margin : 0;
padding : 0;
height : 21px;
width : 112px;
background : transparent url(http://www.tommasin.org/web-design/view.gif) no-repeat center 0;
display : block;
text-indent : -9000px;
position : relative;
top : 260px;
left : 2px;
}
#feature a:hover.screens {
background-position : center bottom;
}
#navigation {
width : 860px;
height : 170px;
float : left;
}
#navigation ul {
margin : 0;
padding : 0;
list-style-type : none;
}
#navigation li {
display : inline;
}
#navigation ul a.box1 {
margin : 26px 0 0 0;
display : block;
width : 255px;
height : 118px;
line-height : 40px;
color : #000;
text-decoration : none;
background : transparent url(http://www.tommasin.org/web-design/navigation.gif) no-repeat 2px 0;
text-indent : 50px;
float : left;
text-indent : -9000px;
}
#navigation ul a.box2 {
margin : 26px 0 0 41px;
display : block;
width : 255px;
height : 118px;
line-height : 40px;
color : #000;
text-decoration : none;
background : transparent url(http://www.tommasin.org/web-design/navigation.gif) no-repeat -282px 0;
text-indent : 50px;
float : left;
text-indent : -9000px;
}
#navigation ul a.box3 {
margin : 26px 0 0 41px;
display : block;
width : 255px;
height : 118px;
line-height : 40px;
color : #000;
text-decoration : none;
background : transparent url(http://www.tommasin.org/web-design/navigation.gif) no-repeat -565px 0;
text-indent : 50px;
float : left;
text-indent : -9000px;
}
#navigation a:hover.box1 {
background-position : 2px -126px;
}
#navigation a:hover.box2 {
background-position : -282px -126px;
}
#navigation a:hover.box3 {
background-position : -565px -126px;
}
#work {
margin : 0;
padding : 0;
width : 860px;
height : 31px;
float : right;
border-top : 1px solid #666;
}
#work h2 {
margin : 0 auto;
padding-top : 5px;
color : #ff008b;
font : normal normal 18px/1.3em "Century Gothic", Tahoma, sans-serif;
height : 31px;
}
.top {
margin : 0;
padding : 0;
width : 860px;
height : 280px;
float : left;
border-top : 1px solid #666;
}
.top h3 {
margin : 0 0 10px 0;
color : #007ad1;
font : normal normal 15px/1.2em "Century Gothic", Tahoma, sans-serif;
}
.top .descrp {
margin : 35px 0 0 0;
padding : 0;
height : 170px;
width : 400px;
float : right;
}
.top p {
margin : 0;
padding : 0 25px 0 0;
}
.item {
margin : 0;
padding : 0;
width : 860px;
height : 280px;
float : left;
border-top : 1px dotted #444;
}
.item h3 {
margin : 0 0 10px 0;
color : #007ad1;
font : normal normal 15px/1.2em "Century Gothic", Tahoma, sans-serif;
}
.item .descrp {
margin : 35px 0 0 0;
padding : 0;
height : 170px;
width : 400px;
float : right;
}
.item p {
margin : 0;
padding : 0 25px 0 0;
}
.folioimg {
border : 4px solid #007ad1;
padding : 0;
margin : 40px 0;
float : left;
}
.item a.screens {
margin : 20px 0 0 0;
padding : 0;
height : 21px;
width : 112px;
background : transparent url(http://www.tommasin.org/web-design/view.gif) no-repeat center 0;
display : block;
text-indent : -9000px;
float : left;
}
.item a:hover.screens {
background-position : center bottom;
}
.top a.screens {
margin : 20px 0 0 0;
padding : 0;
height : 21px;
width : 112px;
background : transparent url(http://www.tommasin.org/web-design/view.gif) no-repeat center 0;
display : block;
text-indent : -9000px;
float : left;
}
.top a:hover.screens {
background-position : center bottom;
}
#about {
margin : 0;
padding : 0;
width : 860px;
height : 31px;
float : left;
border-top : 1px solid #666;
}
#about h2 {
margin : 0 auto;
padding-top : 5px;
color : #ff008b;
font : normal normal 18px/1.3em "Century Gothic", Tahoma, sans-serif;
height : 31px;
}
#bio {
margin : 0 0 20px 0;
padding : 40px 0 0 0;
width : 860px;
float : left;
border-top : 1px solid #666;
}
#bio h3 {
margin : 0 0 10px 0;
color : #007ad1;
font : normal normal 15px/1.2em "Century Gothic", Tahoma, sans-serif;
}
#bio .col1 {
margin : 0;
padding : 1px;
width : 400px;
height : 250px;
float : left;
}
#bio .col2 {
margin : 0;
padding : 1px;
width : 400px;
height : 250px;
float : right;
}
.tommasin {
margin : 0;
padding : 5px;
float : left;
}
#bio p {
font : normal normal 11px/1.2em "Century Gothic", Tahoma, sans-serif;
color : #999;
letter-spacing : 0.1em;
line-height : 1.6;
}
#bio p.spacer {
margin-bottom : 10px;
}
#bio p.linkedin {
margin-bottom : 10px;
text-align : right;
}
#bio li, ul {
font : normal normal 11px/1.2em "Century Gothic", Tahoma, sans-serif;
color : #999;
letter-spacing : 0.1em;
line-height : 1.6;
}
#footer {
height : 60px;
float : left;
clear : left;
padding : 15px 0 0 0;
width : 860px;
margin : 0 0 30px 0;
border-top : 1px solid #656565;
}
#footer p {
color : #999;
font : normal normal 10px/1.2em "Century Gothic", Tahoma, sans-serif;
}
#footer a {
color : #007ad1;
font-size : 12px;
}
#footer a:hover {
text-decoration : underline;
}
#footer .email {
font : normal normal 12px/1.2em "Century Gothic", Tahoma, sans-serif;
float : left;
color : #999;
}
#footer .tp {
font : normal normal 12px/1.2em "Century Gothic", Tahoma, sans-serif;
float : left;
margin-left : 250px;
color : #999;
}
#footer .copy {
float : right;
color : #999;
padding-right : 5px;
}
#footer ul {
list-style-image : none;
list-style-position : outside;
list-style-type : none;
margin : 0;
padding : 0;
}
#footer li.smldesc {
font : normal normal 10px/1em Tahoma, Helvetica, sans-serif;
padding : 2px 0 8px 2px;
color : #999;
}
#tcontent {
width : 860px;
height : 460px;
float : left;
}
#ttag {
margin : 100px 0 0 0;
background : transparent url(http://www.tommasin.org/web-design/finch_sfdes.gif) no-repeat center 0;
width : 356px;
height : 127px;
float : right;
text-indent : -9000px;
}
#tfeature {
margin : 0;
float : left;
width : 452px;
height : 269px;
background : transparent url(http://www.tommasin.org/web-design/sf.jpg) no-repeat center 0;
}
#tumblr {
margin : 0;
padding : 0;
border-top : 1px solid #666;
float : left;
width : 580px;
}
#tumblr h2 {
margin : 0 auto;
height : 31px;
background : transparent url(http://www.tommasin.org/web-design/hdr_sidebar.gif) no-repeat center -1px;
display : block;
border-bottom : 1px solid #666;
text-indent : -9000px;
}
#sidebar {
margin : 0;
padding : 0;
border-top : 1px solid #666;
float : right;
width : 265px;
}
#sidebar h2 {
margin : 0 auto;
height : 31px;
background : transparent url(http://www.tommasin.org/web-design/hdr_mcourse.gif) no-repeat center -1px;
display : block;
border-bottom : 1px solid #666;
text-indent : -9000px;
}
#sidebar ul {
list-style-image : none;
list-style-position : outside;
list-style-type : none;
margin : 0;
padding : 0;
}
#sidebar li.smldesc {
font : normal normal 10px/1em Tahoma, Helvetica, sans-serif;
padding : 2px 0 8px 2px;
color : #999;
}
.post .regular {
font-size : 12px;
color : #666;
line-height : 17px;
margin : 0 0 5px 0;
}
.post .regular blockquote {
font-style : italic;
}
.post .photo img {
width : 375px;
border : 5px solid #fff;
margin : 0 0 5px 0;
}
.post .photo div.caption {
font-size : 14px;
color : #666;
margin : 15px 0 15px 0;
line-height : 1.4;
}
.post .quote {
margin : 20px 0 15px 0;
}
.post .quote span.quote {
font : normal bold 20px/1em Tahoma, Helvetica, sans-serif;
letter-spacing : -1px;
color : #666;
margin : 0 0 10px 0;
}
.post .quote span.quote big.quote {
font : normal bold 40px/1em Tahoma, Helvetica, sans-serif;
line-height : 8px;
vertical-align : -20px;
}
.post .quote span.source {
font-size : 14px;
font-weight : bold;
color : #999;
margin : 2px 0 15px 0;
letter-spacing : -1px;
text-transform : uppercase;
}
.post .link {
margin : 25px 0 15px 0;
}
.post .link a.link {
font : normal bold 19px/1em Tahoma, Helvetica, sans-serif;
line-height : 4px;
letter-spacing : -1px;
}
.post .link span.description {
font-size : 12px;
line-height : 1.2;
font-weight : normal;
color : #666;
}
.post .video {
width : 375px;
margin : 20px 0 15px 0;
}
.post .video div.caption {
font-size : 14px;
color : #666;
margin-top : 15px;
line-height : 1.4;
}
#lbOverlay {
position : absolute;
left : 0;
width : 100%;
background-color : #000;
cursor : pointer;
}
#lbCenter, #lbBottomContainer {
position : absolute;
left : 50%;
overflow : hidden;
background-color : #c40000;
}
.lbLoading {
background : #c40000 url(loading.gif) no-repeat center;
}
#lbImage {
position : absolute;
left : 0;
top : 0;
border : 10px solid #c40000;
background-repeat : no-repeat;
}
#lbPrevLink, #lbNextLink {
display : block;
position : absolute;
top : 0;
width : 50%;
outline : none;
}
#lbPrevLink {
left : 0;
}
#lbPrevLink:hover {
background : transparent url(prevlabel.gif) no-repeat 0% 15%;
}
#lbNextLink {
right : 0;
}
#lbNextLink:hover {
background : transparent url(nextlabel.gif) no-repeat 100% 15%;
}
#lbBottom {
font-family : Verdana, Arial, Geneva, Helvetica, sans-serif;
font-size : 10px;
color : #666;
line-height : 1.4em;
text-align : left;
border : 10px solid #fff;
border-top-style : none;
}
#lbCloseLink {
display : block;
float : right;
width : 66px;
height : 22px;
background : transparent url(closelabel.gif) no-repeat center;
margin : 5px 0;
}
#lbCaption, #lbNumber {
margin-right : 71px;
}
#lbCaption {
font-weight : bold;
}

↑ Top