/*
Kokosivuston yhteiset tyylit
*/

body {font-size: 13px;
	font-family: Geneva, Verdana, Trebuchet, Lucida, Arial, sans-serif;
	background: #2f331a url(bg.jpg) top left no-repeat;
	color: #3e3214;margin:0;padding:0;}

#logo {position:absolute;width:280px;height:60px;left:20px;top:30px;}

/* Login */

#login * {margin:0;padding:0;}
#login {padding:8px 0 0 8px;top:145px;height:51px;}
#username,#password {background:url(fields.png) no-repeat;border:0;height:22px;width:132px;padding:0 0 0 8px;margin:2px 3px;font-family:"Courier New",Courier,monospace;}

#sisaannappi {background:#5d290a;border-left:1px solid #9e7035;border-top:1px solid #9e7035;border-right:1px solid #4b2d09;border-bottom:1px solid #4b2d09;color:#f0e5d3;width:65px;}

.font12{font-size:12px;}

#lblautologin {position:relative;left:12px;}
#autologin {position:relative;left:8px;width:12px;height:12px; border:1px solid gray;}
#logintbl a {padding-left:4px;}

/* Tekstityylejä */

a:link {color:#824600;text-decoration:none;}
a:visited {color: #545147;text-decoration:none;}
a:hover {text-decoration:underline;}
a:active {color:#aa0;}

small {font-size:12px;}

.fw {width:100%;}
.fl {float:left;}
.fr {float:right;}
.cl {clear:both;}
.tc {text-align:center;}

.at {position:relative;top:3px;left:2px;}
.ma {display:block;margin:auto;}

/* Navbar */

.navbar {width:100%;padding:2px;font-size:12px;font-weight:bold;border-bottom:1px solid #888;margin-bottom:8px;}
.navbar  a {color:#000;}
.navline {width:100%;padding:6px 2px;}
.ketjunimi {font-size:16px;text-shadow: #b2a596 0 0 3px;}

/* Välilehdet */
#tabs {top:204px;width:890px;height:66px;background: url(tabrow.png) no-repeat;}

#tabs a {display:block;font-size:14px;height:26px;background:url(tabs.png) right 0 no-repeat;position:absolute;top:0;padding-top:10px;color:#3e3214;text-decoration:none;}
#tabs a.on {background-position:right -36px;}
#tabs a.on:hover {background-position:right -36px;}
#tabs a:hover {background-position:right -72px;}

#tab1 {width:66px;z-index:9;left:0;padding-left:10px} 
#tab2 {width:72px;z-index:8;left:60px;padding-left:22px}
#tab3 {width:102px;z-index:7;left:136px;padding-left:25px}
#tab4 {width:74px;z-index:6;left:242px;padding-left:26px}
#tab5 {width:68px;z-index:5;left:326px;padding-left:24px}
#tab6 {width:142px;z-index:4;left:407px;padding-left:20px}
#tab7 {width:106px;z-index:3;left:552px;padding-left:26px}

/* Lomakkeet*/
.lomake td {padding: 12px 5px;}
.lomake2 {padding:10px 30px;}
.lomake2 label {font-weight:bold;display:block;}
.lomake2 input {margin-bottom: 12px;}

/* Mainokset */
#mainosyla, #mainos1, #mainos2 {position: absolute; overflow:hidden}
#mainosyla {top:38px;left:509px;width:468px;height:60px;}
#mainos1 {left:14px;top:149px;width:140px;height:350px;}
#mainos2 {left:14px;top:514px;width:140px;height:350px;}


/* kommentit */

.kommentti {width:100%;margin:0;padding:0;}
.galleryimg {vertical-align:top;}
.galleryimg img {padding-right:10px;width:100px;}
.avatar {width:130px; vertical-align:top;}
.avatar img { max-width:100px;max-height:100px;}

.kmeta {border-bottom:1px solid #aaa; position:relative; top:-10px;}
.kvote {border-top:1px solid #aaa;margin-top:10px;font-size:10px;padding-top:2px;}
.kvote img {vertical-align:middle;}
.kupla{margin-top:-20px;margin-left:20px;width:90%}

.kk1,.kk2,.kk3,.kk4 {background:url(/css/kkulmat.png) no-repeat; height:18px; width:18px;}
.kk1 {background-position:0 0;}
.kk2 {background-position:-18px 0}
.kk3 {background-position:0 -18px}
.kk4 {background-position:-18px -18px}
.kc {background:#f8f1e0; height:auto; min-height:60px; overflow:visible;}
.commentcontent {overflow:auto;}
.kr1,.kr4 {background:url(/css/kreunat1.png) repeat-x; height:18px;}
.kr2,.kr3 {background:url(/css/kreunat2.png) repeat-y; width:18px;}
.kr1 {background-position:0 0}
.kr2 {background-position:0 0}
.kr3 {background-position:-18px 0}
.kr4 {background-position:0 -18px}
.ka {position:relative;top:30px;left:-13px;background:url(/css/knuoli.png) no-repeat;width:44px;height:34px; z-index:10}
.pun {color:#f00;}
.vih {color:#0a0;}
.hidetxt {color:#888;font-size:10px;margin-left:180px;}
.hidetxt a {text-decoration:underline;}