﻿body 
{
    text-align: center;
}

#header
{
    width: 960px;
    margin: 0px auto;
    height: 65px;
    min-height: 65px;
    border-bottom: 1px solid #ccc;
}

#container
{
    width: 960px;
    margin: 0px auto;
}

#left
{
    width: 640px;
    float: left;
}

#right
{
    width: 300px;
    float: right;
}

#link_ads
{
    float: left;
}

.yellow_box
{
    width: 283px;
    color: #000000;
    border: 1px solid #F6E083;
    background-color: #FFFFE5;
    margin-top: 15px;
    font-family: Arial;
    text-align: left;
    font-size: 9pt;
    padding-left: 0px;   
}

.yellow_box h2
{
    color: #DB7725;
    font-size: 13pt;
    font-weight: bold;
}

.yellow_box a
{
    text-decoration: none;
    color: #1768D8;
    font-weight: bold;
}

.yellow_box p
{
    margin-top: 6px;
}

.ad
{
    margin-top: 15px;
}

.toolbar
{
    width: 640px;
    height: 30px;
    border: 1px solid #ccc;
    background-color: #EAEAEA;
    margin-top: 15px;
    text-align: left;
    font-family: Arial;
    background-position: 15px 5px;
    background-repeat: no-repeat;
    display: block;
}

.peukku
{
    background-image: url(up.png);
}

.comment
{
    background-image: url(comment.png);
}

.new
{
    background-image: url(new.png);
}

.toolbar h2
{
    color: #000000;
    font-size: 12pt;
    font-weight: bold;
    padding-left: 40px;
    margin-top: 5px;
}

.toolbar img
{
    margin-top: 6px;
    padding-left: 10px;
}

#logo
{
    width: 470px;
    float: right;
    border: 1px solid #ffffff;
}

#menu
{
    float: left;
    margin-left: 10px;
    margin-top: 40px;
}


.PageListText
{
     width: 640px;   
    text-align: left;
    font-family: Arial;
    display: block;
}


.PageListText .itm
{
    float: left;
    margin: 17px;
    vertical-align: middle;
    width: 250px;
    border: 1px solid #ccc;
    padding: 5px;
    display: block;
}

.PageListText .itm:hover
{
    border: 1px solid #dd0;
}

.PageListText .itm a
{
    text-decoration: none;
    font-size: 11pt;
    font-weight: bold;
    font-family: Arial;
    color: #0063E8;
}

.PageListText .itm p
{
    padding-top: 4px;
    margin: 0px;
    font-size: 9pt;
    font-family: Arial;
}

.PageListImage
{
    width: 640px;   
    text-align: left;
    font-family: Arial;
    
}

.PageListImage .itm
{
    float: left;
    margin: 17px;
    margin-top: 5px;
    vertical-align: middle;
    width: 100px;
}

.PageListImage .itm .title
{
    font-size: 9pt;
    color: #0063E8;
    font-weight: bold;
}


.PageListImage .itm .imgContainer a img
{
    margin: 0px auto;
    vertical-align: middle;
}

.PageListImage .itm .imgContainer
{
    width: 100px;
    height: 80px;
    text-align: center;
    background-color: #333;
    border: 2px solid #ccc;
    vertical-align: middle;
}

.PageListImage .itm p
{
    font-size: 8pt;
    color: #555;
    margin-top: 3px;
}

#content
{
    width: 640px;
    font-family: Arial;
    text-align: left;
}

#content h1
{
    font-size: 16pt;
}

#content p
{
    line-height: 18pt;
}

.PageImage
{
    margin-right: 20px;
    margin-top: 5px;
    border: 2px solid #ccc;
}

#tools
{
    margin-top: 15px;
}

#tools .right
{
    float: right;
    font-size: 8pt;
    font-weight: bold;
}


.Action
{
    font-weight: bold;
    font-size: 12pt;
}

#cats
{
    margin-top: 0px;
    width: 660px;
    display: block;
    float: left;
}

#cats ul
{
    list-style-type: none;   
}

#cats ul li
{
    float: left;
    display: block;
    margin: 2px;
    width: 120px;
    text-align: left;
}

#cats ul li a
{
    font-size: 9pt;
    font-family: Arial;
    color: #0063E8;
}


.form_title
{
	font-weight: bold;
	font-size: 9pt;
	text-align: left;
	border-top: dotted 1px #0065B2;
	width: 190px;
	padding-left: 6px;
	line-height: 16pt;
	vertical-align: top;
}

.form_field
{
	border-top: dotted 1px #0066B3;
	border-left: solid 3px #0066B3;
	font-weight: normal;
	padding-left: 6px;
	vertical-align: top;
	padding-top: 4px;
	width: 340px;
	text-align: left;
}

.form_info
{
    font-weight: normal;
	vertical-align: top;
	font-family: Arial;
	padding: 6px;
	text-align: left;
	line-height: 16pt;
	margin-bottom: 20px;
	font-size: 10pt;
	border-top: dotted 1px #0066B3;
}

.ILIKE
{
    font-family: Arial;
    text-decoration: none;
    padding: 2px;
    font-size: 9pt;
}



.bread
{
    width: 660px;
    text-align: left;
    font-size: 8pt;
    font-family: Arial;
    margin-top: 10px;
    
}

.bread a
{
    text-decoration: none;
    font-size: 8pt;
    font-family: Arial;
}

.commentlist
{
    width: 600px;
}

.commentlist .itm
{
    margin-top: 15px;
}

.commentlist .itm .title
{
    color: #0000ff;
    font-family: Arial;
    font-size: 10pt;
}

.commentlist .itm .msg
{
   font-family: Arial;
    font-size: 10pt; 
    padding-top: 4px;
}

#info_text
{
    font-family: Arial;
    text-align: left;
    padding-left: 15px;
}

#info_text h1
{
    font-size: 14pt;
}

#info_text p
{
    line-height: 17pt;
}
