/* perus css */

/* Vakio linkkityylit */
a:link{font-family:"Segoe UI", Arial, "Sans";text-decoration:none;color:rgb(210, 180, 140);font-size:0.7em}
a:visited{font-family:"Segoe UI", Arial, "Sans";text-decoration:none;color:rgb(210, 180, 140);font-size:0.7em}
a:hover{font-family:"Segoe UI", Arial, "Sans";text-decoration:none;color:rgb(135, 206, 235);font-size:0.7em}
a:active{font-family:"Segoe UI", Arial, "Sans";text-decoration:none;color:rgb(210, 180, 140);font-size:0.7em}

body
{
	background-image:url('Kuvat/backgs/bodyBackg.jpg');
	background-position:center 0;
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-color:#000000;
	margin-bottom:20px;
	font-family:"Segoe UI", Arial, "Sans";
	font-size:100%;
	color:#000000;
}
p
{
	margin-top:10px;
	padding:0 10px 0 0;
	font-size:0.8em;
	line-height:17px
}
pre.blogi
{
	font-family:monospace;
	border:1px solid black;
	background-color:#FFFFFF;
	font-size:0.92em;
	padding:5px 10px 5px 10px
}
pre
{
	font-family:monospace;
	font-size:0.92em;
}
h1, h2, h4, h5
{
	margin:0;
	padding:0
}
h4.postHeading
{
	color:rgb(96, 96, 96);
	margin-top:20px;
	text-align:left;
	font-weight:normal;
	display:block;
}
span.memoDte
{
	float:right;
	padding-right:10px;
	font-weight:normal;
}
span.authorText
{
	font-size:0.8em;
	color:rgb(96, 96, 96);
	font-style:italic;
	padding-left:10px
}
#toUp
{
	font-weight:bold;
	font-size:0.7em;
	text-transform:uppercase;
	color:rgb(210, 180, 140);
}
	#toUp:hover
	{
		color:rgb(135, 206, 235);
		cursor:pointer;
	}
span.link
{
	font-weight:bold;
	font-size:1.2em;
	border-bottom:1px dotted #918151;
	text-transform:uppercase
}
	span.link:hover
	{
		border-bottom:1px solid #918151
	}
ul.updates
{
	list-style-type:none;
	margin:0;
	padding:0;
	font-size:0.8em
}
	ul.updates li
	{
		margin-bottom:8px;
		padding-left:10px
	}
	ul.updates li.date
	{
		padding-left:0;
		font-weight:bold;
		color:rgb(96, 96, 96)
	}
ul.books
{
	list-style-type:none;
	margin:0 0 0 30px;
	padding:0
}
ul.books li
{
	margin-top:3px
}
dl
{
	margin:10px 0 0 30px;
	font-size:0.8em
}
dd
{
	margin:3px 0 0 40px
}
ul.topLinks
{
	font-size:1.1em;
	float:right;
	list-style-type:none;
	margin:0;
	padding:0;
	position:relative;top:30px;right:40px;
}
	ul.topLinks li
	{	
		margin-bottom:0px	}
ul.navi
{
	z-index:0;
	position:relative;
	list-style-type:none;
	margin:0 0 0 20px;
	padding:0
}
#tab1.activeTab, #tab2.activeTab, #tab3.activeTab, #tab4.activeTab, #tab5.activeTab
{
	position:relative;top:20px;
	background-image:url('Kuvat/backgs/naviLinkBackgActive.png')
}
	#tab1.activeTab a, #tab2.activeTab a, #tab3.activeTab a, #tab4.activeTab a, #tab5.activeTab a
	{
		color:rgb(135, 206, 235)
	}
#tab1, #tab2, #tab3, #tab4, #tab5
{
	z-index:0;
	position:relative;top:23px;
	font-size:1.2em;
	text-align:center;
	height:30px;
	width:80px;
	background-image:url('Kuvat/backgs/naviLinkBackg.png');
	float:left;
	display:block;
	margin:0 5px 0 0;
}
#tab1 a, #tab2 a, #tab3 a, #tab4 a, #tab5 a
{
	position:relative;top:0px;
	color:rgb(50, 50, 50)
}
	#tab1:hover, #tab2:hover, #tab3:hover, #tab4:hover, #tab5:hover
	{
		display:inline-block;
		position:relative;top:20px;
	}
ul.innerLinks
{
	list-style-type:none;
	margin-right:15px;
	padding:0;
}
	ul.innerLinks li
	{
		float:right;
		padding:0 10px 0 5px;
		text-transform:uppercase;
	}
	ul.innerLinks li img
	{
		position:relative;top:-5px
	}
	ul.innerLinks li a
	{
		position:relative;top:-8px;
		color:#FFFFFF;
		font-size:0.8em
	}
	ul.innerLinks li a:hover
	{
		cursor:pointer;
		color:rgb(135, 206, 235)
	}
ul.dropMnu
{
	list-style-type:none;
	margin:0 15px 0 0;
	padding:0;
	z-index:2;
}
	ul.dropMnu li
	{
		float:right;
		padding:0 10px 0 5px;
		font-size:1.1em;
		text-transform:uppercase;
	}
	ul.dropMnu li img
	{
		position:relative;top:-5px;
	}
	#mnuCategsLbl, #mnuWipLbl
	{
		position:relative;top:-8px;
		color:#FFFFFF;
	}
	ul.dropMnu li a:hover
	{
		cursor:pointer;
	}
		ul.dropMnu li #categsCenter a, ul.dropMnu li #wipCenter a, ul.dropMnu li #wipCenter span.NR
		{
			position:relative;left:40px;
			display:block;
			width:160px;
			color:#FFFFFF;
			padding:5px 0 5px 0;
			text-align:center;
			background-image:url('Kuvat/backgs/categsBackg.png');
			background-repeat:repeat-y;
		}
			ul.dropMnu li #categsCenter a:hover, ul.dropMnu li #wipCenter a:hover
			{
				cursor:pointer;
				color:rgb(135, 206, 235);
			}
			ul.dropMnu li #wipCenter span.NR:hover
			{
				cursor:not-allowed;
			}
ul.codeLinks
{
	margin:0;
	padding:0;
	list-style-type:none
}
	ul.codeLinks li
	{
		float:left;
		font-size:0.8em;
		margin:0 0 8px 10px;
		padding-bottom:1px /* IE7 vaatii. muuten ei ala-border näy. */
	}
	
img.cvMe
{
	position:relative;top:-40px;left:220px;
	z-index:1;
}
td
{
	padding:5px 0 5px 0
}
td.detailsLeft
{
	border-right:1px solid rgb(58, 23, 1);
	width:120px;
	font-weight:bold;
	color:rgb(220, 132, 0);
	font-size:1.0em
}
td.detailsRight
{
	padding:0 10px 0 15px
}
td.group
{
	color:rgb(96, 96, 96);
	height:30;
	width:125px;
	background-image:url('Kuvat/backgs/groupBackg.png');
	font-family:Verdana, Arial, "Sans";
	font-weight:100
}
ul.pagecmds
{
	list-style-type:none;
	margin:0;
	padding:0;
}
	ul.pagecmds li
	{
		float:right;
		display:inline;
		margin-left:15px;
	}
ul.children
{
	margin:0;
	padding:0;
	list-style-type:none
}
ol.commentlist
{
	margin:0 0 0 5px;
	padding:0;
	list-style-type:none
}
ol.commentlist p a
{
	font-weight:bold;
	font-size:0.85em;
	border-bottom:1px dotted #918151;
	text-transform:uppercase
}
	ol.commentlist p a:hover
	{
		border-bottom:1px solid #918151;
	}
div.blogCommentTextFields p
{
	margin:8px 0 8px 0
}
#wp-smiley-toggle a
{
	font-size:0.85em;
	color:#000000;
}
	#wp-smiley-toggle a:hover
	{
		color:rgb(135, 206, 235);
	}	
.field
{
	font-size:0.8em;
	font-family:"Segoe UI", Arial, "Sans";
	width:250px;
	height:25px;
	padding:2px 0 0 2px;
	background-image:url('Kuvat/backgs/fieldBackg.png');
	border:0
}
div.txtarea
{
	width:652px;
	height:182px;
	background-image:url('Kuvat/backgs/txtAreaBackg.png');
	background-repeat:no-repeat;
}
	div.txtarea textarea
	{
		font-size:0.8em;
		font-family:"Segoe UI", Arial, "Sans";
		width:650px;
		height:180px;
		padding:2px 0 0 2px;
		border:0;
		background:none;
		min-width:650px;
		max-width:650px;
		min-height:180px;
		max-height:180px;
	}
.dropdown
{
	font-size:0.8em;
	font-family:"Segoe UI", Arial, "Sans";
}
.btn
{
	font-size:0.8em;
	font-family:"Segoe UI", Arial, "Sans";
	height:30px;
}
	.btn:hover
	{
		cursor:pointer
	}
ul.kirja
{
	list-style-type:none;
	font-size:0.75em;
	padding: 0 0 10px 10px;
}
	ul.kirja li
	{
		margin-bottom:3px
	}
table.kirjat
{
	background-color:rgb(224, 224, 224);
	margin-left:8px;
	width:660px;
	font-size:0.75em;
}
	table.kirjat td
	{
		padding:7px
	}
tr.booksHeads
{
	background-image:url('Kuvat/tabs/KIRJASTO/bookHeadsBackg.png')
}
h4.booksTitle
{
	position:relative;top:10px;left:10px;
	color:rgb(96, 96, 96)
}
span.tulosOtsikko
{
	font-weight:bold;
	text-transform:uppercase;
	color:rgb(96, 96, 96);
}
span.small
{
	font-size:0.7em
}
span.normal
{
	font-size:0.8em
}
span.vanhemmatEi
{
	color:#E8E8E8;
	float:right;
	font-size:0.8em;
	font-style:normal;
}
span.vanhemmat
{

	float:right;
	font-size:1.2em;
	color:rgb(96, 96, 96);
	font-style:normal;
}
	span.vanhemmat a:hover
	{
		font-size:0.7em;
		cursor:pointer
	}
span.uudemmatEi
{
	color:#E8E8E8;
	float:left;
	font-size:0.8em;
	font-style:normal;
}
span.uudemmat
{
	float:left;
	font-size:1.2em;
	color:rgb(96, 96, 96);
	font-style:normal;
}
	span.uudemmat a:hover
	{
		font-size:0.7em;
		cursor:pointer
	}
#avatarPic
{
	position:absolute;
	margin-left:15px;
}
pre.viesti
{
	padding-bottom:1px;
	font-style:normal;
	font-family:"Segoe UI", Arial, "Sans";
	font-size:0.8em;
	margin:10px 0 0 10px;
	width:650px;
	white-space:pre-wrap; /* CSS3 selaimet  */
	white-space:-moz-pre-wrap; /* 1999+ Mozilla  */
	white-space:-pre-wrap; /* Opera 4 - 6 */
	white-space:-o-pre-wrap; /* Opera 7 - */
	word-wrap: break-word /* IE 5.5+ - */
}
pre.viesti a
{
	font-size:0.85em;
	font-weight:bold;
	text-transform:uppercase;
	border-bottom:1px dotted #918151
}
	pre.viesti a:hover
	{
		border-bottom:1px solid #918151
	}
span.vkpagebtn
{
	position:relative;top:15px;
	border:1px solid rgb(96, 96, 96);
	background-color:rgb(224, 224, 224);
	font-size:0.75em;
	margin-left:3px;
	font-style:normal;
}
span.vkpagebtn a
{
	font-size:1.0em;
	color:rgb(96, 96, 96);
}
	span.vkpagebtn a:hover
	{
		color:#FFFFFF;
		background-color:rgb(135, 206, 235)
	}
span.highlight
{
	font-weight:bold;
	font-size:1.0em;
	color:rgb(220, 132, 0)
}
span.highlightsmall
{
	font-size:0.75em;
	color:rgb(220, 132, 0)
}