body
{
	font-family: "verdana";
	font-size: 11px;
	background-color: #f5f5f5;
	margin-top: 10px;
	margin-left: 20px;
}
a
{
	color: black;
}
a:hover
{
	color: gray;
}
.headerImage
{
	height: 200px;
  	width:500px;
	background-image: url("LaRaksa.png");
}
.mainContent
{
	margin-left:290px;
	border: 7px solid white;
	height: 785px;
	width:500px;
	float:left;
	position: absolute;
	z-index:2;
	background-color: #f5f5f5;
}

.textBox
{
	border:1px solid #cccccc;
	background: transparent;
	font-size: 11px;
	height: 13px;
	width: 140px;
}

.leftColumn
{
	padding-top:0px;
	width: 272px;
	position: absolute;
}
.leftCell
{
	padding: 0px 5px 12px 0px; /*top right bottom left*/
	margin-bottom: 2px;
	background-image: url("shade.gif");
	background-repeat: no-repeat;
	background-position: bottom;
	
}
.leftCellContent
{
	padding: 0px 5px 2px 5px; /*top right bottom left*/
     border: 1px solid #cccccc;
	background-color: white;
	font-size: 9px;
}
.leftCellContent p
{
	font-size: 11px;
	font-weight: bold;
	border-bottom: 1px solid #cccccc;
	padding-left: 3px;
	padding-right: 3px;
	margin-bottom: 2px;
}
.kuvakehys
{
  height: 187px;
     overflow: scroll;
     

}
.kuvatVuosi
{
/*Yhden vuoden kuvat*/
  /*height:0px;    */
}
.kuvatVuosiHeader
{       	
  cursor: pointer;
  font-weight:bold;
  /*Otsikkorivi, jossa vuosiluku ja onclick event*/
}
.kuvatVuosiKehys
{
/*Tähän sisälle linkit kuviin*/
  overflow: hidden;
}

.leftCell a
{
	text-decoration: none;
}
.leftContent
{
	width:100%;
}
.rightColumn
{
	float:right;
	width: 240px;
	position: relative;
}
.footer, .footer a
{
	text-align: center;
	color: #acacac;
	background-color: white;
}
.blogi
{
	width: 500px;
	height:375px;
	overflow: scroll;
	float: left;
}
.viesti_vaalea
{
	background-color: #f5f5f5;
	padding:5px;
	border-bottom: 1px solid #cccccc;
}
.viesti_tumma
{
	background-color: white;
	padding:5px;
	border-bottom: 1px solid #cccccc;
}
.pvm
{
	margin-top: 5px;
	margin-bottom: -10px;
	padding-bottom: 3px;
	font-size:10px;
}

/*
Uuden päiväkirjamerkinnän lisääminen
*/
.lisays
{
	margin-top: 10px;
	border:2px solid #cccccc;
	border-bottom:2px solid gray;
	border-right:2px solid gray;
	width: 490px;
	margin-left:3px;
	font-weight:bold;
	background-color: #cccccc;
}
.lisaysFormi
{
	font-weight:normal;
}
.lisaysKentta
{
	font-family: "Verdana";
	font-size:10px;
}

.imageBGWindow
{
 background-color: black; 	
 position: absolute; /*muun sivuston päälle*/
 top: 0px;
 left: 0px;
 width:100%;
 height: 100%;
 z-index:3;
 visibility: hidden;
 opacity:0.8;
}

.imageWindow
{
	border: 5px solid #cccccc;
	visibility: hidden;
	position: absolute; /*muun sivuston päälle*/
	top: 100px;
	left: 150px;
	background-color: #ffffff; 
	z-index:4;
}
.image
{
}
#imageDate
{
  color:#aaaaaa;
}
.imageTitle
{
    width:100%;
    font-weight: bold;
    background-color: #ffffff; 
}
.closeImage
{
	border: 1px solid #ff14ff; /*3d-näköiset reunat*/
	border-bottom: 2px solid #560809;/*3d-näköiset reunat*/
	border-right: 2px solid #560809;/*3d-näköiset reunat*/
	cursor: pointer;
	color: white;
	font-weight: bold;
	width: 20px;
	text-align: center;
	background-color: red;
	position:absolute;
	top:0;
 	right:0;
}
.kuvat
{
  text-align: left;
  cursor:pointer;
  display:block;
}
#eXTReMe
{
	display:none;
	/* for old IE */
	filter:alpha(opacity=02);
	/* CSS3 standard */
	opacity:0.02;

}