img {
    border: 0;
}

#blogiHeader {
    width: 470px;
    height: 180px;
    background-image: url(/blogit/img/teknobeduiini_bg_header_title.jpg);
    background-repeat: no-repeat;
    margin: 0;
}

#blogiHeader h1 {
    width: 470px;
    height: 170px;
    background-image: url(/blogit/img/teknobeduiini_header_title.jpg);
    background-repeat: no-repeat;
    background-position: 3px 132px;
    text-indent: -2000px;
    margin: 0;
}

#blogiHeader a {
    display: block;
}

#blogi {
    background-image: url(/blogit/img/teknobeduiini_bg.jpg);
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;

    position: relative;
}

#blogi a:hover, #blogiHeader a:hover {
    text-decoration: none;
}

#sisalto p a:link, #sisalto p a:visited, #sivu p a:link, #sivu p a:visited {
    text-decoration: underline;
}

#blogi p, #sivu p {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 140%;
    margin-top: 0.5em;
    margin-left: 10px;
}

#sisalto li {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 13px;
    margin-left: 10px;
}

#blogi h1 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 0.25em;
}

#blogi h2, #sivu h2 {
    font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
    font-size: 20px;
    margin-top: 0.5em;
    margin-left: 10px;
    margin-bottom: 0;
    color: #000;
}

#blogi h3 {

}

.blogiNavi {
    width: 270px;
    clear: both;
    /* width: 250px; */
    margin: 0px 0px 0px 8px;

    font-weight: bold;
    font-size: 11px;
}

.blogiNavi ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

/* For Mozilla */
html:not([dummy]) .blogiNavi ul {
    overflow: hidden;
}

/* For IE */
* html .blogiNavi ul {
    overflow: hidden;
}

.blogiNavi ul li {
    float: left;
    margin: 7px 2px;
}

.blogiNavi ul li a {
    display: block;
    padding: 4px 8px;
    font-weight: bold;
    font-size: 11px;
    text-decoration: none;
    white-space: nowrap;
    border: 1px solid #eee;
    background-color: #fff;
    filter: alpha(opacity=75);
    -moz-opacity: 0.75;
    opacity: 0.75;
}

.blogiNavi ul li a:hover {
    font-weight: bold;
    border: 1px solid #005AAB;
    color: #005AAB;
    background-color: #fff;
    filter: alpha(opacity=75);
    -moz-opacity: 0.75;
    opacity: 0.75;
}

.blogiNavi ul li a:link, .blogiNavi ul li a:visited, .blogiNavi ul li a:hover, .blogiNavi ul li a:active {
    font-weight: bold;
}

* html .blogiNavi ul li a {
    width: 1%;
}

#sisalto {
    margin: 5px 10px 5px 10px;
    padding: 10px;

    /* Mozilla ignores crazy MS image filters, so it will skip the following */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='bg_75p_1x1.png');
}

/* IE ignores styles with [attributes], so it will skip the following. */
#sisalto[id] {
    background-image: url(/blogit/img/bg_75p.png);
}

* html #sisalto {
    width: 450px;
}

.selite {
    position: absolute;
    right: 13px;
    width: 170px;
    padding: 10px 10px 10px 15px;
    background-image: url(/blogit/img/teknobeduiini_bg_legend.gif);
    background-repeat: no-repeat;
    color: #fff;

    margin-top: 20px;
    margin-left: 10px;
    margin-bottom: 10px;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 11px;
    line-height: 150%;
}

/* For Mozilla */
html:not([dummy]) .selite {
    width: 145px;
}

/* For IE */
* html .selite {
    width: 160px;
}

#cornerSpacer {
   float: right;
   /* width: 170px; */
   width: 190px;
   height: 320px;
}

/* For IE */
* html #cornerSpacer {
   float: right;
   width: 175px;
   height: 323px;
}

div.merkinta {
    /* Don't give this a width or IE/Opera won't float:right over it */
    margin-bottom: 15px;
}

div.viesti {

}

#blogi p.jalkiRivi {
    margin-top: 0px;
    padding-top: 0;
    padding-bottom: 15px;
    font-size: 10px;
    line-height: auto;
}

#blogi a.permalink:link, #blogi a.permalink:visited, #blogi a.permalink:hover, #blogi a.permalink:active {

}

.rssBox {
    text-align: right;
    padding: 5px;
}

.rssBox a:link, .rssBox a:visited, .rssBox a:hover, .rssBox a:active {
    text-decoration: none;
    color: white;
}

.rssBox a .rssBadge {
    font-family: Verdana, sans-serif;
    font-size: 10px;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    color: white;
    background-color: #f60;
    border-left: 1px solid #FFC8A4;
    border-top: 1px solid #FFC8A4;
    border-right: 1px solid #3F1A01;
    border-bottom: 1px solid #3F1A01;
    padding: 0px 3px 0px 3px;
    margin: 0px;
}

#sivu form p strong {
    font-size: 12px;
}

#sivu input, #sivu textarea {
    width: 30em;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 12px;
}

#sivu input.submit {
    width: 7em;
}

.inputError {

}

.pictureOnRight {
    float: right;
    margin: 0px 0px 10px 10px;
    padding: 5px;
    border: 1px outset #ccc;
}

.navigation {
    font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
}

.alignright {
    float: right;
}
	
.alignleft {
    float: left;
}