body {
background-color: #161616 !important;
border-top: 10px solid #3333dd;
}
.header {
z-index: 225! important;
right: 0px;
left: 0px;
margin-left: -1px;
width: 100%;
color: rgb(51,51,255);
position: absolute;
top: 0px;
height: 170px;
background-color: #161616! important;
text-align: center;
background-image: url(sunjasown_files/trans-b.png);
}
#left {
border-right: rgb(51,102,51) 13px solid;
z-index: 1;
left: 0px;
margin: 0px auto 0px -1px;
width: 8%;
bottom: -500px;
position: fixed;
top: 0px;
height: 100%;
background-color: #161616;
}
#barimg {
color: #FFFFFF;
font-size: 1.2em;
font-weight: bold;
font-family: tryker, comic-book sans, futura, serif;
}
#blue {
float: left;
position: fixed;
width: 7%;
top: 50px;
left: 5px;
z-index: 2;
height: 100%;
bottom: 50px;
border-right: lime 2px dashed;
border-top: lime 2px dashed;
margin: 8em auto 0px 5px;
border-left: lime 2px dashed;
border-bottom: lime 0px dashed;
padding-top: .2em;
background-color: #35f;
}
#nav {
position: relative;
z-index: 20;
top: 1em; left: .1em; width: 100%;
border-top: .15em dashed white;
border-bottom: .15em dashed white;
/* mmargin-top: 8em; */
font-size: 80%;
line-height: 80%;
font-family: serif;
}
#nav a:link, #nav a:visited {
color: white;
padding: .5em;
display: inline-block;
width:80%;
}
#nav a:hover, #nav a:active {
color: #ffcdcd; /*  #cc9999 */
margin: 0px;
border: 1px solid #ccc;
}
#nav a:active {
color: #fffdfd; /*  #cc9999 */
}

.rit {
position: fixed;
min-width: 7em;
z-index: 160;
bottom: 0px;
right: 0px;
left: auto;
margin-right: 0px;
margin-bottom: 0px;
border: none;
border-left: .2em dashed #eee;
width: 13%;
height: 100%;
background-color: #161616;
float: right;
background-image: url(sunjasown_files/trans-b.png);
}
.rlinks a:link, .rlinks a:active {
	color: #c82;
}
.rlinks a:visited {
	bcolor: #093;
	color: #ff0;
}
.rlinks a:hover {
font-size: 155%;
 xcolor: #909
}
.mleft:hover {margin-left:-2em;position:relative;}
.rlinks {
float: right;
position: fixed;
top: 5%;
right: .5em;
margin-right: .5em;
width: 7.1em;
height: 20em;
margin-top: 11.5em;
border: white .2em solid;
padding-top: 0.8em;
padding-left: .3em;
font-weight: bold;
font-size: 0.75em;
color: rgb(255,255,255);
line-height: 135%;
font-family: serif;
background-color: #111111;
}

#rorbar {
padding-right: 5%;
margin-top: 0px;
 z-index: 5;
 top: 0em;
 right: 10%;
 margin-bottom: 0px;
 width: 5%;
 margin-right: 10%;
 position: absolute;
 height: 100%;
 background-color: #FF7521;
 float: right;

}
#main {
z-index: 2;
top: 162px;
border-left: .1em solid #cc0;
border-right: .2em solid #000;
border-top: .2em solid #161616;
border-bottom: .6em solid #862;
-webkit-box-shadow: -2px 0px 8px rgba(150,150,10,.45);
position: absolute;
height: 685em;
width: 70%;
min-width: 15em;
padding-top: 5.2em;
padding-right: 5.2em;
padding-left: 1%;
padding-bottom: 7.2em;
right: 21%;
left: 10%;
margin: 0px auto 0px 0px;
bottom: 0px;
background-color: #e1e1e1;
background-image: url(sunjasown_files/canvas.png);
color: #333333;
}
.mtext {
z-index: 30;
position: relative;
width: 80%;
min-width: 15em;
border: #ccccaa .8em double;
top: -60px;
right: auto;
left: 1%;
bottom: 0px;
margin: 0px auto -50px .25em;
padding-top: .2em;
padding-right: 3.5em;
padding-left: 1.25em;
padding-bottom: 1.2em;
font-size: 110%;
line-height: 170%;
height: auto;
background-color: transparent !important;
overflow: visible;
}
.mtext a:link { color: #0066cc; border-bottom: .1em dotted #ccc; }
.mtext a:active { color: #cc9900; }
.mtext a:visited { color: #c93; }
.mtext a:hover {
font-size: 120%;
color: #cc9900;
}
.ffun {
font: italic 150% sans-serif;
 color: #666600;
}
.group {
padding-left: .5em;
border-left: .1em dashed #666666;
}
div.group:hover, .group ul:hover { border-left: .2em dashed #f66; }
div.group .group:hover, .group .group ul:hover { border-left: .2em dashed #66f; }
div.group .group .group:hover, .group .group .group ul:hover { border-left: .2em dashed #6f6; }

h1, h2 { 
 border-top: none;
border-left: .2em dashed transparent;
border-bottom: .2em solid #666600;
 text-shadow: 1px 2px 3px #222;
-webkit-box-shadow: 0px 2px 3px rgba(100,100,100,.45);
}
h1 {
font: italic 150% sans-serif;
 color: #999933;
 width: 15em;
}
h2 {
 font: italic 125% sans-serif;
 color: #666600;
 width: 16em;
}
h3 {
font: italic 100% sans-serif;
color: #000000;
border-top: none;
}
/* background-color: #2a2a2a; background-opacity: .70; #7298FB*/
#mtext ul {
border: #999933 .2em double;
display: list-item;
width: 60%;
line-height: 129%;
list-style-type: none;
padding-left: 2em;
padding-bottom: .5em;
overflow: hidden;
color: #eee9e9! important;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;
}
ul.cul {
border: 1px solid #666;
width: 50%; 
-webkit-box-shadow: 0 3px 6px rgba(10,10,10,.65);
background-color:#222;
color:#fff;
}
/* ul li a:link {font-size: 80%; color: #5e5eff!important;} */
.textbar {
background-color: #fff;
}

.btext {
 float: right;
 border: #777733 .2em solid;
 padding: .5em;
 margin: .4em -4.5em .4em .4em;
 overflow: scroll;
 width: 15em;
 position: relative;
 height: 11em;
 background-color: #fff;
 -moz-border-radius: 9px;
-webkit-border-radius: 9px;
border-radius: 9px;
}

.llinks {
border-right: white 3px solid;
 border-top: white 3px solid;
 font-weight: bold;
 font-size: 50%;
 z-index: 4;
 left: 9px;
 margin-bottom: 2%;
 border-left: white 3px solid;
 width: 97px;
 color: rgb(255,255,255);
 line-height: 150%;
 border-bottom: white 3px solid;
 font-family: serif;
 position: fixed;
 top: 40%;
 height: 293px;
 background-color: transparent;
}
.upbox {
margin-bottom: -1em;
margin-left: -1.3em;
color: #fff;
}
.up {
/* width: 2.5em; height: 2em; */
vertical-align: top;
font-size: 60%;
background-color: #660;
border: .1em solid #666;
color: #fff;
}
.upbox a:link, .upbox a:visited {
color: #cc6;
}
.upbox a:hover, .upbox a:active {
color: #fff;
border: .05em double #660;
background-color: #333;
}
a.up:hover {
background-color: #9c3;
-webkit-box-shadow: 0px 2px 4px rgba(100,100,100,.45);
}
.new {
color: rgb(204, 0, 0);
font-weight: bold;
text-decoration: blink;
}

.rkit a:link, .rkit a:visited { color: #990000; }
.rkit a:hover, .rkit a:active {
font-size: 155%;
color: #990099;
}
.ed { color: rgb(102,0,0); /* red color */ }