W3C CSS Validator results for http://auzzie.net/tazzie/ (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%3A%2F%2Fauzzie.net%2Ftazzie%2F
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 {
text-align : center;
min-width : 1000px;
padding : 0;
margin : 0;
}
#wrapper {
margin : 0 auto;
text-align : left;
}
.width_800 {
max-width : 780px;
width : 780px;
}
.width_1024 {
min-width : 910px;
max-width : 1000px;
width : auto !important ;
width : 1000px;
}
.width_fluid {
min-width : 910px;
max-width : 97%;
width : auto !important ;
width : 97%;
}
#heading {
width : 100%;
position : relative;
padding : 16px 0 0 0;
}
#heading h1 {
font-size : 36px;
font-family : "Myriad pro", "Myriad Web", Geneva, Arial, Helvetica, sans-serif;
text-transform : uppercase;
color : #fff;
margin : 0 0 0 27px !important ;
padding : 0 !important ;
}
#heading h1 a {
color : #fff;
font-weight : normal;
}
#heading h1 a:hover {
text-decoration : none;
}
a#sitename1 {
display : block;
width : 258px;
height : 52px;
text-indent : -2000px;
background : url(../images/logo_joomla.png) top left no-repeat;
}
#buttons {
position : absolute;
top : 23px;
top : 40px;
}
a#alarge.btnicon {
margin-right : 8px;
}
a#asmall.btnicon {
margin-right : 16px;
}
.btnicon {
float : left;
text-indent : -2000px;
width : 10px;
height : 23px;
margin-right : 6px;
}
a#alarge {
background : url(../images/alarge.png) top left no-repeat;
}
a#amedium {
background : url(../images/amedium.png) top left no-repeat;
}
a#asmall {
background : url(../images/asmall.png) top left no-repeat;
}
#header {
margin-top : 16px;
background : url(../images/headerbg_m.jpg) top left repeat-x #2f2f2f;
color : #fff;
}
#header .bgbl {
background : url(../images/headerbg_bl.jpg) no-repeat;
background-position : 100% 15px;
height : auto !important ;
height : 100px;
min-height : 100px;
padding : 0 24px 26px 24px;
position : relative;
}
#user3 {
display : block;
position : relative;
height : 40px;
}
#user3 .moduletable {
margin : 0;
}
#header #top {
max-height : 200px;
overflow : hidden;
}
#header #top a {
text-decoration : underline;
}
#header #top a:hover {
color : #fff;
}
#header #top .moduletable {
padding-top : 6px;
position : relative;
}
#header #top .moduletable h3 {
background-position : 10px 0;
position : relative;
padding : 3px 0 0 25px;
margin : 3px 0;
}
#user4 {
position : absolute;
top : 0;
top : -26px;
background : url(../images/user4bg-l.jpg) top left no-repeat;
padding-left : 38px;
color : #000;
z-index : 1000;
}
#user4 .bgright4 {
background : url(../images/user4bg-r.gif) top right no-repeat;
padding-right : 18px;
}
#user4 .bg4 {
background : url(../images/user4bg.jpg) top left repeat-x;
padding : 5px 12px 5px 10px;
}
#user4 .moduletable, #user4 form, #user4 input {
margin : 0;
padding : 0;
}
#container {
padding-left : 18px;
position : relative;
}
#container .bgright {
padding-right : 18px;
margin : 0 !important ;
margin-right : 1px;
}
#container .bg {
background : url(../images/containerbg_m.png) top left repeat-x #fff;
}
#container .bg {
padding : 12px 24px 0 24px;
}
#content, #breadcrumbs {
position : relative;
width : 100%;
}
#breadcrumbs {
padding-bottom : 6px;
background : url(../images/bg-breadcrumbs.png) bottom left repeat-x;
margin-bottom : 9px;
}
.leftcol, .middle, .rightcol {
overflow : hidden;
}
.leftcol, .rightcol {
width : 205px;
}
.leftcol {
float : left;
margin-left : -100%;
}
.rightcol {
float : left;
margin-left : -205px;
}
.leftcol .bgbottom, .rightcol .bgbottom {
background : url(../images/sidebg-b.png) bottom right no-repeat;
padding : 1px 1px 50px 1px;
}
.middlewrap {
float : left;
width : 100%;
}
.middle {
background : url(../images/middlebg-l.jpg) top left no-repeat #fff;
padding-left : 11px;
}
#middlenarrow {
margin : 0 209px;
}
#middlewide {
margin : 0;
}
#middlewrapleftonly {
float : right;
width : 100%;
margin-left : -209px;
}
#middleleftonly {
margin : 0 0 0 209px;
}
#leftleftonly {
margin : 0;
}
#middlewraprightonly {
float : left;
width : 100%;
margin-left : -209px;
}
#middlerightonly {
margin : 0 0 0 209px;
}
#rightrightonly {
float : right;
margin : 0;
}
.middle .middlebg {
background : url(../images/middlebg-r.jpg) top right no-repeat #fff;
padding : 16px 16px 16px 5px;
min-height : 400px;
height : auto !important ;
height : 400px;
}
.middle h1, .middle .componentheading {
background : url(../images/dotted.gif) bottom left repeat-x;
margin-bottom : 0.3em;
}
.middle ul li {
background-position : 0 0;
padding : 1px 0 5px 24px;
margin-left : 10px;
}
.middle ul ul {
list-style-type : square;
margin-bottom : 0;
}
.middle ul ul li {
background : none;
padding : 0;
}
.middle ol {
margin-left : 30px;
padding : 0;
}
.middle ol li {
margin : 0;
padding : 0;
}
#banner .moduletable, #footermodule .moduletable {
padding : 0;
text-align : center;
}
#user1 {
float : left;
width : 49.5%;
overflow : hidden;
}
#user2 {
float : right;
width : 49.5%;
overflow : hidden;
}
#bottom {
border-top : 1px solid #cdcdcd;
margin-top : 16px;
}
#bottom .bottombg {
clear : both;
background : url(../images/bottombg.png) bottom left repeat-x #f4f4f3;
padding : 18px 0;
position : relative;
width : 100%;
border-top : 1px solid #fff;
}
#bottom .moduletable {
padding : 0 16px;
}
#bottom .moduletable h3 {
background : none;
margin : 0;
font-size : 1.2em;
text-transform : uppercase;
}
ul.mostread, ul.latestnews {
padding : 0;
margin : 0;
}
a.mostread, a.latestnews {
background : url(../images/icon_author_bottom.gif) no-repeat;
background-position : 1px 0;
padding-left : 18px;
}
#bottom li.mostread, #bottom li.latestnews {
padding : 3px 0;
border-top : 1px solid #fff;
}
#bottom li a {
color : #666666;
}
#bottom li a:hover {
text-decoration : none;
}
#footer {
clear : both;
color : #fff;
background-color : #777;
padding : 6px 0;
margin : 16px 0;
position : relative;
width : 100%;
text-align : center;
}
#footer a {
font-weight : normal;
color : #ccc;
}
#footer a:hover {
color : #fff;
text-decoration : none;
}
#footer .footerleft {
float : left;
padding-left : 16px;
}
#footer .footerleft img {
vertical-align : middle;
}
#footer .footerright {
float : right;
padding-right : 16px;
}
#reflection-l {
position : relative;
height : 54px;
margin-left : -44px;
margin-right : -44px;
padding-left : 16px;
}
#reflection-r {
height : 54px;
padding-right : 16px;
}
#reflection {
height : 54px;
}
html, body, h1, h2, h3, h4, h5, h6, p, blockquote, form, label, ul, ol, dl, fieldset, address {
margin : 0;
padding : 0;
}
body {
font-size : 76%;
font-family : Arial, Helvetica, sans-serif;
line-height : 1.3;
}
h1, h2, h3, h4, h5, h6, p, blockquote, form, label, ul, ol, dl, fieldset, address {
margin : 0.5em 0;
}
fieldset {
padding : 0.5em;
border : 0;
}
ul {
list-style : none;
}
li p {
margin : 0;
}
a img {
border : none 0;
}
a {
text-decoration : none;
font-weight : bold;
}
a:hover {
text-decoration : underline;
}
a:active, a:focus {
outline : none;
}
h1, .componentheading {
font-size : 1.7em;
font-weight : normal;
margin : 0;
padding-bottom : 0.1em;
}
h2, .contentheading {
font-size : 1.3em;
font-weight : bold;
font-family : Helvetica, Arial, sans-serif;
letter-spacing : -0.02em;
}
h3 {
font-size : 1.2em;
font-weight : bold;
}
h4 {
font-size : 1.1em;
font-weight : bold;
}
h5 {
font-size : 1.1em;
font-weight : bold;
}
h6 {
font-size : 1em;
font-weight : bold;
}
#footer, .small, .createdate, .modifydate, .mosimage_caption {
font : 0.9em Arial, Helvetica, sans-serif;
}
.moduletable, .moduletable_menu, .moduletable_text {
margin-bottom : 1em;
padding : 0 10px;
}
.moduletable h3, .moduletable_menu h3, .moduletable_text h3 {
padding : 0.5em 0.5em 1em 0.5em;
margin : 0 -10px 0.5em -10px;
}
.clear {
clear : both;
}
.search input {
background : url(../images/searchbg.png) top left no-repeat;
border : 0;
height : 18px;
font-size : 11px;
width : 182px;
}
.search #mod_search_searchword {
padding : 2px 0 0 10px;
}
#user3 ul {
margin : 0;
padding : 0;
width : auto;
}
#user3 ul li {
margin : 0;
padding : 0;
display : inline;
height : 40px;
}
#user3 ul li a {
color : #d0d0d0;
text-transform : uppercase;
padding : 10px;
float : right;
background : url(../images/topmenu-vline.jpg) no-repeat;
background-position : 2px 0;
}
#user3 ul li a:hover {
text-decoration : none;
}
ul.menu a, a.mainlevel {
font-size : 1.1em;
color : #2a2929;
font-weight : bold;
display : block;
background : url(../images/arrow_mainlevel.png) no-repeat;
background-position : 9px 3px;
border-bottom : 1px solid #eee;
padding : 4px 4px 4px 16px;
margin-right : 13px;
}
ul.menu a:hover, a.mainlevel:hover {
text-decoration : none;
}
li#current a, a#active_menu.mainlevel {
font-weight : bold;
}
li#current li a {
color : #2a2929;
font-weight : bold;
background : url(../images/arrow_sub.png) no-repeat;
background-position : 10px 4px;
border : none;
}
table.pollstableborder td {
padding : 0.2em;
}
.button {
color : #fff;
font-size : 13px;
font-weight : bold;
margin : 3px 0;
padding : 1px 5px;
border : none;
}
* html .button {
padding : 0 2px !important ;
}
* + html .button {
padding : 0 2px !important ;
}
.small, .articleauthor, .createdate, .modifydate {
color : #8a8a8a;
}
.articleauthor, .createdate, .modifydate {
padding-left : 18px;
}
.articleauthor {
background : url(../images/icon_author.gif) top left no-repeat;
}
.createdate {
background : url(../images/icon_date.gif) top left no-repeat;
display : block;
padding-bottom : 1em;
}
.modifydate {
background : url(../images/icon_updated.gif) top left no-repeat;
padding-bottom : 1em;
}
div.banneritem_text {
padding : 0.5em 0;
background : url(../images/dotted.gif) bottom left repeat-x;
}
.article_column {
padding-right : 5px;
}
.column_separator {
background : url(../images/dotted_v.gif) top left repeat-y;
padding-left : 10px;
}
table.contentpaneopen, table.contentpane {
margin : 0;
padding : 0;
width : 100%;
}
table.contentpaneopen li {
margin-bottom : 5px;
}
table.contentpaneopen fieldset {
border : 0;
border-top : 1px solid #ddd;
}
td.buttonheading {
text-align : right;
}
div.buttonheading {
float : right;
width : 15%;
}
.buttonheading img {
margin : 0;
border : 0;
float : right;
}
table.pollstableborder td {
text-align : left;
}
td.sectiontableheader {
background : #efefef;
color : #333;
font-weight : bold;
padding : 4px;
border-right : 1px solid #fff;
}
tr.sectiontableentry0 td, tr.sectiontableentry1 td, tr.sectiontableentry2 td {
padding : 4px;
}
td.sectiontableentry0, td.sectiontableentry1, td.sectiontableentry2 {
padding : 3px;
}
div.mosimage {
margin : 5px;
}
div.mosimage_caption {
font-size : 0.90em;
color : #666;
}
div.img_caption {
padding : 0 10px 0 10px;
}
div.img_caption img {
border : #dedede solid 1px;
}
div.img_caption p {
font-size : 0.90em;
color : #666;
text-align : center;
}
body {
background : url(../images/green/bg_main.jpg) top center no-repeat #4da20f;
}
#header #top .moduletable h3 {
color : #a6d512;
background : url(../images/green/toph3bg.gif) no-repeat;
}
.moduletable h3, .moduletable_menu h3, .moduletable_text h3 {
background : url(../images/green/h3bg.jpg) top left no-repeat;
}
a, ul.menu a:hover, li#current a, li.parent li#current a, li#current li a:hover, #bottom li a:hover, a.mainlevel:hover, a#active_menu.mainlevel {
color : #53a31c;
}
ul.menu a:hover, li#current a, a.mainlevel:hover, a#active_menu.mainlevel {
background : url(../images/green/arrow_active.png) no-repeat;
background-position : 9px 3px;
}
.middle a, h2, .contentheading {
color : #0b7db6;
}
.button {
background : url(../images/green/buttonbg.gif) top left repeat-x #92bb02;
}
.middle ul li {
background : url(../images/green/bullet.png) no-repeat;
}
#reflection {
background : url(../images/green/reflection.jpg) top left repeat-x;
}
#reflection-l {
background : url(../images/green/reflection-l.jpg) top left no-repeat;
}
#reflection-r {
background : url(../images/green/reflection-r.jpg) top right no-repeat;
}
#container {
background : url(../images/green/containerbg_l.jpg) top left repeat-y;
}
#container .bgright {
background : url(../images/green/containerbg_r.jpg) top right repeat-y;
}
#header .bgleft {
background : url(../images/green/headerbg_l.jpg) top left no-repeat;
}
#header .bgright {
background : url(../images/green/headerbg_r.jpg) top right no-repeat;
}
li.parent li#current a, li#current li a:hover {
background : url(../images/green/arrow_subactive.png) no-repeat;
background-position : 10px 4px;
}
#user3 ul li a:hover {
background : url(../images/green/topmenu-bg.jpg) repeat-x transparent;
background-position : 1px 0;
}
body {
font-size : 94%;
}
body {
font-size : 85%;
}
body {
font-size : 76%;
}

↑ Top