body {
background-color: black;
color: white;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
text-align: center;
scrollbar-base-color: gray;
}
div.headerbar,
a.headerbar {
background-color: black;
color: #101010;
width: 500px;
height: 50px;
}
div.toplogo,
a.toplogo {
position: absolute;
left:5px;
top: 5px;
width: 50px;
height: 50px;
background-color: transparent;
background-image: url("http://www.oocities.org/qharjo/images/lazysb.jpg");
background-position: 0 0;
}
img.bannertitle,
a.bannertitle {
position: absolute;
left: 60px;
top: 5px;
}
div.menubar,
a.menubar {
position: absolute;
left: 5px;
top: 55px;
width: 95%;
background-color: black;
margin: 5px;
border-width: 1px;
text-align: left;
}
div.content,
a.content {
position: absolute;
top: 85px;
left: 0px;
background-color: #880000;
height: 85%;
width: 100%;
margin: 0px;
border-width: 0px;
border-style: solid;
border-color: green;
}
div.contentBackup,
a.contentBackup {
position: absolute;
top: 80px;
background-color: #880000;
height: 85%;
width: 100%;
bottom: 15px;
left: 5px;
right: 15px;
margin: 0px;
}
div.tab, a.tab {
float: left;
width: 80px;
height: 15px;
color: black;
background-color: white;
cursor: pointer;
border-left-width: 2px;
border-color: black;
border-style: solid;
border-bottom-width: 0px;
font-size: 12;
font-weight: bold;
padding: 3px;
border-radius-topleft: .75em;
border-radius-topright: .75em;
-moz-border-radius: .75em .75em 0em 0em;
}
div.credit,
a.credit {
position: absolute;
right: 15px;
color: white;
}
div.collapse,
a.collapse {
position: absolute;
top: 3px;
right: 3px;
color: black;
background-color: white;
width: 5px;
height: 5px;
}
div.tab:hover {
background-color: gray;
height: 15px;
width: 80px;
font-weight: bold;
font-style: italic;
boder-color: white;
border-width: 2px;
border-style: solid;
padding: 3px;}
iframe.content {
position: absolute;
top: 85px;
left: 0px;
background-color: white;
height: 85%;
width: 100%;
margin: 0px;
border: 1;
border-width: 0px;
border-style: solid;
}