      /* Ornate Div Scroll */
.innerornate::-webkit-scrollbar-track {
  border-radius: 0px;
  background: transparent;    
}  
.innerornate::-webkit-scrollbar {
	width: 5px;
}
.innerornate::-webkit-scrollbar-thumb {
	background-color: #ffc821;
	border: 1px solid #5f2403;
}
.innerornate {
width: 200px;
height:221px;
margin-left: auto;
margin-right:auto;
margin-top:20px;
color:#102e1c;
font-family: Verdana; 
font-size:9px; 
letter-spacing: 1.5px;
line-height: 12px;
overflow-y: auto;
overflow-x: hidden;

}
.ornatediv {
	width: 244px;
	height: 265px;
  background-image: url('https://i.ibb.co/TLW4K5h/freeframe.png');
	overflow:hidden;
	margin-left: auto;
	margin-right:auto;
	background-repeat: no-repeat;	
}

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>itinerae: dark matter</title>
<link rel="shortcut icon" href="https://64.media.tumblr.com/91d8c3dbc2ccfc2a095735aed0bb3a5a/1ae51b1aeb933c49-5a/s1280x1920/4910301a61c1e0c22387f7373507b566666fb1aa.gifv"> 


    
<style>

background-color: #000000
  
body {
    background:#111 url();
    font-family: verdana, arial;
    font-size: 10px;
    color:#ffffff;
    letter-spacing: 1px;
    line-height:13px;}
             
  
a:link, a:visited, a:active { 
font-weight:bold;
color:#bbb;text-decoration:none;}
a:hover {
color:#ddd;}
  

      b {color:#888;font-weight:bold;}
      i {font-style:italic;color:#aaa;}
      u {color:#888;text-decoration:underline;}
     
      
::-webkit-scrollbar-thumb {
background-color: #111;  
border-radius: 0px;
border:1px solid #666;}
  
::-webkit-scrollbar {
width: 7px; height: 0px; 
background: transparent;}
  
  
  
#layout {
    margin: 0px auto;
    width: 720px;}
      
  
  
#header1 {
    width: 720px;
    float: none;
    margin: 0 auto;}

#header2 {
    height: 130px;
    background: #111 url(https://cdn.pixabay.com/animation/2024/07/23/19/52/19-52-56-478_512.gif) repeat;
    margin: 0px;}
    img {
    display: inline-block;
}
  
#sitename a {
    font:20px courier new;color:#aaa;text-transform:uppercase;letter-spacing:8px;background:#101010;border-radius:30px;padding:4px;padding-left:20px;padding-right:20px;}
 
  

#menu1 {
    width: 720px;
    float: left;
    margin: 0 auto;}

#menu2 {
    height: 25px;
    line-height:25px;
    margin: 0px;
    margin-bottom:0px;
    padding:1px;padding-top:0px;
    text-align:center;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;}
      
#menu2 a { 
    font:bold 11px monospace,georgia;
    text-transform:uppercase;
    padding:4px; 
    margin-right:10px;
    letter-spacing:1px;
    color:#666;}
      
#menu2 a:hover {
color:#ccc;}
 
  

#content1 {
    width: 360px;
    float: left;
    margin: 0 auto;}

#content2 {
    margin: 0px;
    padding:6px;
    background:#202020;
    color:#9c9c9c;}

  
#left1 {
    width:180px;
    float: left;
    margin: 0 auto;}

#left2 {
    margin: 0px;
    padding:6px;
    background:#171717;
    border-right:1px dashed #222;
    color:#5a5a5a;}
  

#right1 {
    width: 180px;
    float: left;
    margin: 0 auto;}

#right2 {
    margin: 0px;
    padding:6px;
    background:#171717;
    color:#5a5a5a;
    border-left:1px dashed #222;}
  

#footer1 {
    width: 720px;
    float: left;
    margin: 0 auto;
    clear: both;}

#footer2 {
    height: 40px;
    margin: 0px;}


.scrollbox {background:#000000;height:250px;overflow:auto;overflow-x:hidden;margin-top:4px;}
.title {font:bold 10px verdana;color:#999;letter-spacing:3px;text-align:left;padding:1px;margin-bottom:0px;}
textarea {font:10px calibri;letter-spacing:1px;background:#333;}
  
  
</style>
</head>
  
  

