@charset "iso-8859-1";
				  
body, html { background: url(gfx/back.jpg) no-repeat top center #000; margin: 0px; padding: 0px; text-align: center; height: 99%; }
body, div, input, textarea { font-family: georgia, verdana, tahoma; font-size: 11px; color: #baa374; }		

a { text-decoration: none; color: #ffcc66; }
a:hover { text-decoration: underline; color: #ffcc66; }


#null { margin: 0 auto; width: 900px; text-align: left; position: relative; }

#left { display: block; float: left; width: 650px; }
#right { display: block; float: right; width: 250px; background: url(gfx/right.jpg) no-repeat top right; padding-top: 115px; }			

.topic { display: block; width: 650px; height: 189px; text-decoration: none; background: url(gfx/topic.jpg) no-repeat 50% 50%; }
.topic:hover { text-decoration: none; }

.sisu { width: 650px; background: url(gfx/left.jpg) no-repeat top left; padding-top: 25px; }
.s_top { margin: 0px 30px 0px 30px; position: relative; height: 50px; }
.s_top .h1 { font-weight: bold; font-size: 14px; color: #fff; }
.s_top span { font-size: 10px; }				   
.s_aut { display: block; width: 50px; height: 50px; position: absolute; top: 0px; right: 0px; }		
.s_aut:hover { text-decoration: none; }
.s_aut img { width: 50px; height: 50px; border: 1px solid #ffcc66; }
.s_body { margin: 15px 30px 20px 30px; padding-bottom: 50px; background: url(gfx/line.jpg) no-repeat bottom center; text-align: justify; line-height: 150%; }
.s_pilt { display: block; width: 75px; padding: 10px; margin: 0px 10px 5px 0px; border: 1px solid #222; background: #111; padding-bottom: 5px; float: left; }
.s_pilt a:hover { text-decoration: none; border: 1px solid #fff; }
.s_autor { width: 250px; height: 250px; border: 1px solid #ffcc66; position: absolute; top: 0px; right: 0px; z-index: 100; text-decoration: none; margin-right: -2px; }
.s_autor span { display: block; padding: 15px; background: url(gfx/dots.png); position: absolute; bottom: 0px; left: 0px; right: 0px; font-size: 10px; color: #fff; text-decoration: none; }
.s_autor b { display: block; color: #fff; font-size: 13px; }	
.s_body b, .s_body i { color: #D6BC86; }   

.s_komm { margin: 10px 30px 0px 30px; padding-bottom: 50px; text-align: justify; }	  
input, textarea { border: 1px solid #663300; background: #111; }
textarea { height: 75px; width: 350px; }						 
.lkom_left input { width: 200px; margin-bottom: 3px; }
.lkom_left { display: block; width: 200px; float: left; }
.lkom_right { display: block; width: 350px; float: right; } 
.lkom_sub { font-weight: bold; background: #222; width: 250px; margin-top: 5px; }	 
#lkom_all { clear: both; } 									   		

#ar_post { margin: 15px 30px 20px 30px; padding-bottom: 50px; background: url(gfx/line.jpg) no-repeat bottom center; text-align: justify; }	  
.ar_conf { display: block; border: 1px solid #111; background: #000; padding: 20px; margin: 20px; text-align: center; }
.ar_footer { display: block; clear: both; }

.kom { display: block; margin: 5px 15px 5px 0px; border-bottom: 1px solid #2F1000; }
.kom_nimi { display: block; color: #fff; font-weight: bold; }	   
.kom_aeg { font-size: 10px; font-weight: normal; color: #baa374; margin-left: 15px; }
.kom_txt { display: block; padding: 5px; padding-left: 25px; }

																 
.r2 { display: block; margin: 25px; }
.r2 div { display: block; padding: 3px; }
.r2 div span { font-size: 10px; color: #baa374; }
.r2 b { color: #fff; display: block; margin-left: -5px; }
#s2 div { padding: 1px; }								 

.sort { display: block; position: relative; margin: 0px 0px 5px 0px; height: 40px; padding: 5px; }
.sort span { font-size: 10px; } 

#footer { display: block; clear: both; text-align: center; padding: 10px; height: 50px; font-size: 10px; margin:  0px 150px 0px 150px; border-top: 1px solid #222; }