@import url("tbatyyli.css");
@import url("chat.css");

body {font-family: sans-serif; font-size:10pt; font-weight: normal; 
margin:0; padding:0; color:#777; text-align: center;
background-image:url("kuvat/yla_taus.jpg");background-repeat:repeat-x}
blockquote {background: #EEE; padding:2px 5px 2px 10px; border-left:3px solid #CCC}
input {border:solid 1px #666; margin:1px}
fieldset {border:0; margin:0; padding:0;}

#kehys {width:100%;text-align:left;}

#otsikko {background-image:url("kuvat/teknoblogi_logo_hawkit_3.jpg");background-repeat:no-repeat;
background-position: top right;
height: 147px;width: 100%; color:#666;font-size:20pt;font-weight: bold; margin:0;}
#otsikko a {width:251px; height:146px; display:block}

#sivu { margin:0; width:772px;margin-left:auto;margin-right: auto;}
						
#tekstipalsta {float:right;width: 590px;padding: 0 ;margin: 0;}

#footer {clear: both;display:block;color:#555;padding: 1px 5px 2px 10px;height: 35px;margin-bottom:0;}
#footer form {margin:0;padding:0;float:right}
#footer input {margin:0;padding:0;}

img {border:1px solid #999;margin: 5px;}

.noborder {border:0}
.oikea {float:right;}
.oikea2{float:right;border:0;}
.vasen {float:left;}
.vasen2 {float:left;border:0}
.keski {text-align:center;}
.keski2 {text-align:center;border:0}
.plain {border:0; margin:0; padding:0;}

table.lista {border-style: solid;border-color: #CCC;border-width: 1px;width: 100%;}
td {margin:1px; vertical-align:top}
.par {background:#fff;}

th {background:#AAA;font-weight:normal;}

.kelaus {color:#000;padding: 0 10px 0px 10px;margin: 0 5px 10px 5px; height:1em}
.kelaus a {text-decoration:none;color:#333;font-weight: bold;}
.kelaus a:link, .kelaus a:visited{color:#666;}
.kelaus a:hover, .kelaus a:active{color:#000;}

.merkinta  {color:#000;padding: 0 10px 15px 10px;margin: 0 5px 10px 5px; /*border-bottom: 5px solid #CCE*/}
.merkinta a {text-decoration:none;color:#333;font-weight: bold;}
.merkinta a:link, .merkinta a:visited{color:#666;}
.merkinta a:hover, .merkinta a:active{color:#000;}

.merk_teksti {clear:left; color:#000;padding: 10px 0 10px 0;}
.merk_teksti a {text-decoration:underline;font-weight: normal;}
.merk_teksti a:link{color:#346;}
.merk_teksti a:visited{color:#888;}
.merk_teksti a:hover, .merk_teksti a:active{color:#000;}
.merk_teksti ul {list-style: square;}

.merk_lainaus  {border-left:0.5em solid #999;display: block;font-style: italic;background:#f0f0f0;margin:0 0 0 10px;padding:5px;}
.merkinta h1 {clear:both;font-size: 2.2em; margin:0; color:#346; font-weight:normal;padding:5px 0 5px 0; border-top:1px solid #999}
.merkinta h1 a, .merkinta h1 a:link, .merkinta h1 a:visited{color:#346; font-weight:normal}
.merk_kategoria {font-size: 1em;}
.merk_pvm {padding:0;font-size: 1em; color:#346; }
.merk_jatko {font-size: 1em;}
.merk_kommenttilinkki {font-size: 1em;font-weight: bold;}

.kommentit {/*background: #FFF;*/ color: #333;padding: 1px 0 1px 0;margin: 5px;}
.kommentti {/*background: #FFF;*/ color: #333;padding: 1px 0 1px 15px;border-bottom: 2px solid #CCC;}
.kommentti a {font-weight: bold;color:#135;}
.kommentti p {margin:5px 0 5px 0; padding:0}

#sivupalsta {float:left; width:160px; padding: 0 9px 5px 8px;margin: 0;}
#sivupalsta a {text-decoration: none;}
#sivupalsta a.valittu {color:#000;}

#alapalsta {clear:both; width:100%; border-top:1px solid #999; padding: 10px 0 10px 0}
#alapalsta a {float:left; margin:5px}

.sektio, .sektio2 {color:#666;margin: 0 0 20px 0;padding: 0 0 3px 0;font-size: 9pt}
.sektio3{color:#333;}
.sektio h1, .sektio2 h1{font-size: 1.4em;font-weight: bold;color:#346;margin:1px 0;}

.sektio a:link, .sektio a:visited{color: #666;}
.sektio a:active, .sektio a:hover, .valittu:hover{color: #000;}
.sektio2 a{color:#333;}
.sektio2 img{margin:2px;border:0;}

.sektio ul {list-style:none; margin:0; padding: 0}
.sektio li {margin:0; padding:0;font-weight: bold;}

.taulu {width:100%;border:1px solid #CCC;color:#999;}
.tauluvaalea {color:#FFF;}
.tauluotsikko {color:#FFF;background:#58C;}
.taulu a {color:#FAA;}
.taulu td{border:1px solid #58C;margin:0;padding:0;}

.adminlinkit, .adminlinkit a, .adminlinkit a:link, .adminlinkit a:visited{color:#F00;font-weight: bold;text-decoration: none;}

img.top {position:fixed;bottom:10px;right:10px;border:0;}

#JScheck				{
						color:#F66;
						font-weight: bold;
						}

#ie2ff {vertical-align:middle;text-align:left;height:40px;width:100%;color:#000;background-color:#FFD;padding:0;border-bottom:solid 1px #666;}
#ie2ff p {margin:5px 0 5px 120px;}
#ie2ff img {border:0;margin:10px;}