body {
margin:0;
margin-top:40px;
margin-bottom:40px;
padding:0;
background-color:#CFC5C3;
color:#000;
min-width:800px;
font:normal 13px/16px Verdana, Arial, Helvetica, sans-serif;
color:#000;
}
.date {
padding: 5px;
background-color: #F3F3F3;
font-size: 7pt;
color: #000000;
text-transform: none;
font-style: italic
}
.introduction {
padding: 5px;
background-color: #F3F3F3;
font-size: 9pt;
color: #000000;
text-transform: none;

}
div#wrap {
background:url(/tuomas/images/tausta.png);
margin:0 auto;
padding-bottom:0px;
width:800px;
border-top:#666 1px solid;
border-left:#666 1px solid;
border-bottom:#eee 1px solid;
border-right:#eee 1px solid;
}
#header {
margin:0px;
padding:0px;
height:228px;
}
#banner {
margin:0 auto;
padding:0px;
width:800px;
height:228px;
position:absolute;
z-index:500;
}
#bannertext {
float:right;
color:#fff;
line-height:35px;
margin-top:190px;
margin-right:5px;
z-index:501;
font-size:16px;
font-weight:bold;
}
#header img {
padding:0px;
margin:0px;
display:inline;
border:0px;
}
#nav {
border-top:1px #666 solid;
padding:5px;
}
#main {
float:left;
width: 579px;
font-size:11px;
margin:0px;
padding:10px;
}
#main h2, #main h3, #main p {
padding:0 10px;
}
#sidebar {
width:190px;
margin-left:600px;
}
#sidebar img {
border:none;
}
#wrap > #sidebar {
width:200px;
}
#sidebar ul {
margin-bottom:0;
}
#sidebar h3, #sidebar p {
padding:0 10px;
}
#footer {
clear:both;
float:none;
padding:0px;
margin:0px;
border:none;
height:60px;
}
        h2 {
             border-bottom:#ccc 1px dotted;
             font-size:14px;
             font-weight:bold;
             color:#333;
             }
        h3 {
             margin-top:0px;
             border-bottom:#ccc 1px solid;
             font-size:12px;
             font-weight:bold;
             color:#000;
             }
        a  {
             color:#666;
             text-decoration:none;
             }
        a:hover  {
             color:#000;
             text-decoration:underline;
             }
        h2 a:hover {
             background:#000;
             margin:0px;
             padding:0px;
             border:0px;
             }
        .block {
        width: 195px;
        margin-bottom:10px;
        margin-top:4px;
        margin-left:0px;
        float:none;
                }

        .other {
        width: 195px;
        margin-bottom:10px;
        margin-top:4px;
        margin-left:0px;
        float:none;
                }
        .entryfooter {
                          line-height:14px;
                          border-top:#ccc 1px dotted;
                          }
        .pivot-image {
                          border-left:#666 1px solid;
                          border-top:#666 1px solid;
                          border-bottom:#ddd 1px solid;
                          border-right:#ddd 1px solid;
                          }

        .commentinput {
                                 border-bottom:#ddd 1px solid;
                                 border-right:#ddd 1px solid;
                                 border-top:#666 1px solid;
                                 border-left:#666 1px solid;
                               margin:2px;
                              }
        .commentbutton {
                                 border-top:#ddd 1px solid;
                                 border-left:#ddd 1px solid;
                                 border-bottom:#666 1px solid;
                                 border-right:#666 1px solid;
                                 }
         .searchbox, .result-searchbox {
                                 width: 170px;
                                 border-bottom:#ddd 1px solid;
                                 border-right:#ddd 1px solid;
                                 border-top:#666 1px solid;
                                 border-left:#666 1px solid;
                                 margin:10px;
}
.searchbutton, .result-searchbutton {
                width:170px;
border: 1px solid #000;
font-size: 11px;
                margin-left:10px;
}

/* Basic set up (alter dimensions to fit) */
ul#validation { width: 760px; height: 60px; background: #fff url("images/craft_footer.png") bottom left no-repeat; }
ul#validation li { list-style-type: none; margin: 35px 0px 0px -30px; float: left; width: 110px; }
ul#validation li a { display: block; width: 80px; height: 15px; text-indent: -9999em; }

ul#validation li { list-style-type: none; margin: 35px 40px 0px -30px; float: left; width: 110px; }
ul#validation li a { display: block; width: 80px; height: 15px; text-indent: -9999em; }

ul#validation li { list-style-type: none; margin: 35px 40px 0px -30px; float: left; width: 110px; }
ul#validation li a { display: block; width: 80px; height: 15px; text-indent: -9999em; }

ul#validation li { list-style-type: none; margin: 35px 40px 0px -30px; float: left; width: 110px; }
ul#validation li a { display: block; width: 80px; height: 15px; text-indent: -9999em; }

/* Set up individual links */
ul#validation li a.xhtml { background: #000 url("images/xhtml.png") top left no-repeat; }
ul#validation li a.xhtml:hover { background: #000 url("images/xhtml-hover.png") top left no-repeat; }
ul#validation li a.xhtml { background: #000 url("images/xhtml.png") top left no-repeat; }
ul#validation li a.xhtml:hover { background: #000 url("images/xhtml-hover.png") top left no-repeat; }

ul#validation li a.css { background: #000 url("images/css.png") top left no-repeat; }
ul#validation li a.css:hover { background: #000 url("images/css-hover.png") top left no-repeat; }
ul#validation li a.css { background: #000 url("images/css.png") top left no-repeat; }
ul#validation li a.css:hover { background: #000 url("images/css-hover.png") top left no-repeat; }

ul#validation li a.aa { background: #000 url("images/aa.png") top left no-repeat; }
ul#validation li a.aa:hover { background: #000 url("images/aa-hover.png") top left no-repeat; }
ul#validation li a.aa { background: #000 url("images/aa.png") top left no-repeat; }
ul#validation li a.aa:hover { background: #000 url("images/aa-hover.png") top left no-repeat; }

ul#validation li a.bbclone { background: #000 url("images/bbclone.png") top left no-repeat; }
ul#validation li a.bbclone:hover { background: #000 url("images/bbclone-hover.png") top left no-repeat; }
ul#validation li a.bbclone { background: #000 url("images/bbclone.png") top left no-repeat; }
ul#validation li a.bbclone:hover { background: #000 url("images/bbclone-hover.png") top left no-repeat; }



label { visibility:hidden; display:none; }
legend { visibility:hidden; display:none; }
fieldset { border:0; padding:0; margin:0; }
