/*VRIT
*tausta: #171717
*VIHRE: #c4ff00
*SININEN: #00c3ff
*PUNAINEN: #ff00c3
*
*/

* {margin: 0; padding: 0; border: 0;}

body { background: #171717 url(/images/bg_body.gif) repeat-x 0 5px; color: #e4e4e4; font-family:Verdana, Arial, Helvetica, sans-serif;  font-size:11px; line-height: 16.5px;} 


a:link {color: #57a1b8;}
a:visited {color: #94afb8;}
a:hover {color: #b856a1;}
a:active {color: #fff;}
p{margin: 0 0 11px 0;}
p.subhead{ font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:13px; color:#999999;}

h1, h2, h3, h4, h5 { font-family: Arial, Helvetica, sans-serif; font-weight:bold; }
h1 { font-size: 24px; margin: 0 0 12px 0; font-weight: bold; }
h2 {font-size: 18px; margin: 0 0 12px 0; }
h3 {font-size: 16px; margin: 0 0 10px 0;}
h4 {font-size: 13px; margin: 0 0 8px 0;}
#bodycontainer {width: 800px; margin: 0 auto; background:url(/images/content_bg.jpg) no-repeat top left;}
h2.item {color: #ff00c3; }

#sidebar{ float:left; width: 255px; padding:25px 0;}
#sidebar div.item{ background: url(/images/sidebar_bg_item.jpg) no-repeat top center; padding:10px 0 10px 15px; margin-bottom: 30px;}
#sidebar h2 { text-align:center; color: #e1ff7f; font-size: 24px}
#sidebar p { margin: 0 0 0 25px; color: #a2b85c;}
#sidebar img.side { margin: 15px 0 10px 45px;}
#sidebar div.navi_item { background: url(/images/sidebar_bg_item.jpg) no-repeat top center; padding:10px 0 10px 15px; margin-bottom: 30px;}
#sidebar div.navi_item a {display: block; background: #222; font-size:14px; padding: 6px; margin: 5px 0 0 0;}
#sidebar div.navi_item a:hover {display: block; background: #444; font-size:14px; }
#sidebar div.navi_item p {margin: 0 25px;}


#menu a { text-decoration: underline; color:#171717; padding: 4px;}
#menu a:link {}
#menu a:visited {}
#menu a:hover {color:#171717; background:#fff;}
#menu a:active {}

#menu span{ background: #fff; color:#444; padding: 4px;}

#header #menu {position:absolute; top: 0px; width: 800px; background: #c4ff00 url(/images/header_menu_bg.gif) repeat-x; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size: 16px; color: #444; height:23px; z-index:1;  padding:4px 10px 3px 10px; border: 1px solid #d9ff5d; border-width: 0 1px 1px 1px; }

#header{margin: 0 auto; width: 800px; position:relative; padding: 0; height:123px; z-index:0;  }
#header a.header { display:block; margin: 0; width: 800px; padding: 0; background: url(/images/header.jpg) no-repeat  0 5px; height:123px; z-index:0; position:absolute; top: 0px;}
#header h1 { visibility: hidden;}

.post{ margin: 0 0 25px 0;}

#content { width: 380px; margin: 0 0 0 133px; padding: 25px 15px; float: left; overflow:visible; }

blockquote {width: 153px; float: left; clear:left; margin: 5px 10px 0 -80px; margin-top:5px; padding: 15px 10px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:16px; line-height: 24px; color: #555; }
 
.clear { clear:both; visibility:hidden; font-size:0; color:#171717; height:0;}

div.kirjoittaja{float:left; padding: 16px 15px 15px 16px; margin: 0 0 0 -143px; background: url(/images/author.png) top left no-repeat; width: 101px; height: 151px; clear:left;}