oscuritas new document title

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fi" lang="fi">
<head><title> Damitya </title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-15" />
<style>
a:active, a:visited, a:link {
	color: #7F0303;
	background: inline;
	text-decoration: none;
}
a:hover {
	color: #1B1E5D;
	background: inline;
	text-decoration: none;
}

a:active.menu, a:visited.menu, a:link.menu {
	color: #FCFCE1;
	background: inline;
	text-decoration: none;
}
a:hover.menu {
	color: #F4F5AD;
	background: inline;
	text-decoration: none;
}

body {
	font-family: arial, sans-serif;
	color: #000;
	font-size: 13px;
	text-align: justify;
	line-height: 1.4;
	margin: 0;
	background: #FCFCE1 url(bg1.png) repeat-y;
}
.tekstit {
	width: 868px;
	height: 410px;
}
.yla {
	background: url(bg2.png) repeat-x;
	width: 100%;
	height: 275px;}


h1 {
	font-family: arial, sans-serif;
	font-size: 20px;
	letter-spacing: 2px;
	font-style: normal;
	font-weight: bold;
	margin: 5px;
	color: #7F0303;
}
h2 {
	font-family: arial, sans-serif;
	font-size: 16px;
	letter-spacing: 2px;
	font-style: normal;
	font-weight: bold;
	margin: 5px;
	color: #7F0303;
}
h3 {
	font-family: arial, sans-serif;
	font-size: 14px;
	letter-spacing: 2px;
	font-style: normal;
	font-weight: bold;
	margin: 5px;
	color: #F5F6B2;

}

strong {
	font-family: arial, sans-serif;
	color: #FCFCE1;
	font-size: 13px;
	text-align: justify;
	line-height: 1.4;
	font-weight: bold;

}
b {
	font-family: arial, sans-serif;
	color: #1B1E5D;
	font-size: 13px;
	text-align: justify;
	line-height: 1.4;
	font-weight: bold;

}

txt1 {
	font-family: arial, sans-serif;
	color: #Ffffff;
	font-size: 13px;
	text-align: justify;
	line-height: 1.4;
	font-weight: normal;

}

ol, ul {
	list-style-type: circle;
	color: #000;

}
A:link.nav, A:visited.nav {
	font-family: arial, sans-serif;
	font-size: 14px;
	letter-spacing: 2px;
	font-style: normal;
	font-weight: bold;
	margin: 5px;
	color: #FCFCE1;
}
A:hover.nav {  	
        font-family: arial, sans-serif;
	font-size: 14px;
	letter-spacing: 2px;
	font-style: normal;
	font-weight: bold;
	margin: 5px;
	color: #FCFCE1;
}
#roikkuu{
position:absolute;
border:0px solid #000000;
font-family:verdana;
font-size: 12px;
color: #FCFCE1;
text-align: justify;
letter-spacing:1.0px;
word-spacing:2px;
background-color:#590707;
cursor: default;
line-height:18px;
z-index:100;
}

#roikkuu a{
font-family:arial, sans-serif;
font-size: 12px;
color: #FCFCE1;
text-align: justify;
line-height:2.0;
letter-spacing:1.0px;
word-spacing:2px;
background-color:#7F0303;
cursor: default;
display: block;
text-indent: 3px;
padding: 1px 0;
text-decoration: none;
}

#roikkuu a:hover{ /*hover background color*/
font-family:arial, sans-serif;
font-size: 12px;
color: #FAF1BC;
text-align: justify;
line-height:2.0;
letter-spacing:1.0px;
word-spacing:2px;
cursor: default;
z-index:100;
background-color: #7F0303;
}
</style>
</head><body><div class="yla"></div>

<div style="position: absolute; top:0px; left:0px;">

<img src="otsikko.png" border="0" alt="">

</div>


<div style="position: absolute; top:1px; left:400px;">

<a href="index.htm" class="nav">LINKKI</a>

&nbsp;&nbsp;&nbsp;&nbsp;
<a href="index.htm" class="nav" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu1, '113px')" onMouseout="delayhidemenu()">LINKKI</a>

&nbsp;&nbsp;&nbsp;&nbsp;
<a href="index.htm" class="nav" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu1, '113px')" onMouseout="delayhidemenu()">LINKKI</a>

&nbsp;&nbsp;&nbsp;&nbsp;
<a href="index.htm" class="nav" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu1, '113px')" onMouseout="delayhidemenu()">LINKKI</a>

&nbsp;&nbsp;&nbsp;&nbsp;
<a href="index.htm" class="nav" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu1, '113px')" onMouseout="delayhidemenu()">LINKKI</a>

</div>

<div style="position: absolute; top:54px; left:232px; width:700px;">
<h1>hooykkönen</h1>

<font size="3"><i>Ohjeet ulkoasun kopiointiin</i></font>

<p> <strong>Kopioi ulkoasun grafiikat<br>
              </strong>Ulkoasu ei toimi oikein, jos yksi pikkukuvakin on j&auml;&auml;nyt 
              tallentamatta. Jotta saisit t&auml;m&auml;n ulkoasun sivuillesi, 
              sinun on tallennettava n&auml;m&auml; kuvat:
            <p> <a href="bg2.png"><img src="bg2.png" width="50" height="50" border="0"></a>&nbsp;&nbsp;&nbsp; 
            <a href="otsikko.png"><img src="otsikko.png" width="50" height="50" border="0"></a>&nbsp;&nbsp;&nbsp; 
            <a href="bg1.png"><img src="bg1.png" width="50" height="50" border="0"></a>&nbsp;&nbsp;&nbsp; 
            </p>

            <p><strong> Kopioi ulkoasun koodit<br>

              </strong>Klikkaa hiiren oikealla painikkeella jotakin kohtaa ulkoasusta 
              ja valitse 'n&auml;yt&auml; l&auml;hdekoodi'- Maalaa koodi ja kopioi 
              se (ctrl +c)</p>
            <p><strong>Voil&aacute;!<br>

              </strong>Liit&auml; koodit tyhj&auml;&auml;n tiedostoon ja muokkaa 
              ulkoasun tekstit ja muut - nyt sinulla on sivuillasi uusi ulkoasu! 
              Jos jokin j&auml;i viel&auml; ep&auml;selv&auml;ksi, l&auml;het&auml; 
              s&auml;hk&ouml;postia.</p>

<p><p>
<center>
                Ulkoasun &copy; <a href="http://raitatossu.net/pilvimarja/">Pilvimarja</a> 
                / <a href="mailto:[email protected]">hhaidh</a>
                <br>Kuva &copy; <a href="mailto:[email protected]">hhaidh</a>

</center>



</div>

<div style="position: absolute; top:339px; left:17px; width:183px;"><p>

<h3>hookolme</h3>
<txt1>
Vuonna 1805 Trafalgarin taistelussa Horatio Nelsonin johtama Englannin laivasto voitti Ranskan ja Espanjan laivastot. </txt1>
<p>
</div>

</body>
<script type="text/javascript">

/***********************************************
* AnyLink Drop Down Menu- © Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/

//Contents for menu 1
var menu1=new Array()
menu1[0]='<a href="">aito oikea linkki</a>'
menu1[1]='<a href="">aito oikea linkki</a>'

//Contents for menu 2
var menu2=new Array()
menu2[0]='<a href="">aito oikea linkki</a>'
menu2[1]='<a href="">aito oikea linkki</a>'


//Contents for menu 2
var menu3=new Array()
menu3[0]='<a href="">aito oikea linkki</a>'
menu3[1]='<a href="">aito oikea linkki</a>'

//Contents for menu 3
var menu4=new Array()
menu4[0]='<a href="">aito oikea linkki</a>'
menu4[1]='<a href="">aito oikea linkki</a>'


		
var menuwidth='180px' //default menu width
var menubgcolor='white'  //menu bgcolor
var disappeardelay=500  //menu disappear speed onMouseout (in miliseconds)
var hidemenu_onclick="no" //hide menu when user clicks within menu?

/////No further editting needed

var ie4=document.all
var ns6=document.getElementById&&!document.all

if (ie4||ns6)
document.write('<div id="roikkuu" style="visibility:hidden;width:'+menuwidth+';background-color:'+menubgcolor+'" onMouseover="clearhidemenu()" onMouseout="dynamichide(event)"></div>')

function getposOffset(what, offsettype){
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
var parentEl=what.offsetParent;
while (parentEl!=null){
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent;
}
return totaloffset;
}


function showhide(obj, e, visible, hidden, menuwidth){
if (ie4||ns6)
dropmenuobj.style.left=dropmenuobj.style.top="500px"
if (menuwidth!=""){
dropmenuobj.widthobj=dropmenuobj.style
dropmenuobj.widthobj.width=menuwidth
}
if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover")
obj.visibility=visible
else if (e.type=="click")
obj.visibility=hidden
}


function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function clearbrowseredge(obj, whichedge){
var edgeoffset=0
if (whichedge=="rightedge"){
var windowedge=ie4 && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15
dropmenuobj.contentmeasure=dropmenuobj.offsetWidth
if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)
edgeoffset=dropmenuobj.contentmeasure-obj.offsetWidth
}
else{
var topedge=ie4 && !window.opera? iecompattest().scrollTop : window.pageYOffset
var windowedge=ie4 && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-20
dropmenuobj.contentmeasure=dropmenuobj.offsetHeight
if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure){ //move up?
edgeoffset=dropmenuobj.contentmeasure+obj.offsetHeight
if ((dropmenuobj.y-topedge)<dropmenuobj.contentmeasure) //up no good either?
edgeoffset=dropmenuobj.y+obj.offsetHeight-topedge
}
}
return edgeoffset
}

function populatemenu(what){
if (ie4||ns6)
dropmenuobj.innerHTML=what.join("")
}


function dropdownmenu(obj, e, menucontents, menuwidth){
if (window.event) event.cancelBubble=true
else if (e.stopPropagation) e.stopPropagation()
clearhidemenu()
dropmenuobj=document.getElementById? document.getElementById("roikkuu") : roikkuu
populatemenu(menucontents)

if (ie4||ns6){
showhide(dropmenuobj.style, e, "visible", "hidden", menuwidth)
dropmenuobj.x=getposOffset(obj, "left")
dropmenuobj.y=getposOffset(obj, "top")
dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+"px"
dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+"px"
}

return clickreturnvalue()
}

function clickreturnvalue(){
if (ie4||ns6) return false
else return true
}

function contains_ns6(a, b) {
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
}

function dynamichide(e){
if (ie4&&!dropmenuobj.contains(e.toElement))
delayhidemenu()
else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
delayhidemenu()
}

function hidemenu(e){
if (typeof dropmenuobj!="undefined"){
if (ie4||ns6)
dropmenuobj.style.visibility="hidden"
}
}

function delayhidemenu(){
if (ie4||ns6)
delayhide=setTimeout("hidemenu()",disappeardelay)
}

function clearhidemenu(){
if (typeof delayhide!="undefined")
clearTimeout(delayhide)
}

if (hidemenu_onclick=="yes")
document.onclick=hidemenu

</script>

</html>