<!--
body {
font-family:  arial, verdana, helvetica, sans-serif;
font-size: 10pt;
font-variant: normal;
line-height:1.3em;
background-color:#000;
color:#fff;
background-image: url("../imx/png/bgi-3m3718-2_point_0.png");
background-attachment: scroll;
background-repeat: no-repeat;
background-position: right top;
margin: 4em 4em .5em .5em;
padding: .5em .5em .5em .5em;
width: auto;
cursor: default;
border:0px solid red;
}

/* ---------- Mega Drop Down --------- */
#mega {
list-style:none;
font-weight:bold;
height:2em;
margin:0 0 0 0;
padding: 0 0 0 0;
}
#mega li {
background:#999;
background:#333;
border:1px solid #000;
margin-left:-1px;
float:left;
width:90px;
text-align:center;
position:relative;
}
#mega li:hover {
background:#eee;
background:#888;
border-bottom:0; /* border-bottom:0; and padding-bottom:1px; keeps <li> and <div> connected */
padding:7px 0 1px 0;
margin-top:-7px;
z-index:1; /* shadow above adjacent li */
}
#mega a {
color:#000;
color:white;
outline:0;
text-decoration:none;
display:block;
line-height:2em;
}
/* ----------- Hide/Show Div ---------- */
#mega div {
position:absolute;
left:-999em;
margin-top:1px;
width:350px;
padding:0 10px 10px;
border:1px solid #000;
border-top:0;
font-weight:normal;
text-align:left;
background:#888;
}
#mega li:hover div {
left:-1px;top:auto;
}
#mega li.dif:hover div {
left:-281px;
}
/* --------- Within Div Styles --------- */
#mega div h2 {
background:#999;
background:#222;
font-size:1em;
padding:0 10px;
margin:10px 0 5px 0;
clear:both;
float:left;
width:330px;
position:relative; /* makes above drop shadow */
}
#mega div p {
float:left;
width:106px;
padding-left:10px;
position:relative; /* makes above drop shadow */
}
#mega div p a {
text-decoration:underline;
float:left;
clear:left;
width:100%; /* For IE6/7 */
line-height:1.4;
}
#mega div a:hover, #mega div a:focus, #mega div a:active {
text-decoration:none;
}

/* pink used is #fea4e0 */

body.jjapan {
position: relative;
top: -50px;
font-family:  arial, verdana, helvetica, sans-serif;
font-size: 10pt;
font-variant: normal;
line-height:1.3em;
background-color:#000000;
color:#ffffff;
background-image: url("../imx/png/bgi-3m3718.png");
background-attachment: fixed;
background-repeat: no-repeat;
background-position: right top;
margin: 50px 1ex 1ex 1ex;
padding: 1ex 70px 1ex 1ex;
border: 1px solid blue;
width: auto;
cursor: default;
}

table {
font-family:  arial, verdana, helvetica, sans-serif;

font-size: 10pt;
line-height:1.3em;
background-color:#000000;
color:#ffffff;
}

table.scale {
font-family:  arial, verdana, helvetica, sans-serif;
font-size: 10pt;
line-height:1.3em;
background-color:#333;
border-spacing: 15px 2px;
color:#ffffff;
}

table#tv {
border-collapse: collapse;
font-family:  arial, verdana, helvetica, sans-serif;
font-size: 8pt;
line-height:1.1em;
background-color:#333;
border: #333 solid 5px;
border-spacing: 0px;
margin: 5px;
color:#ffffff;
padding: 3px;
}

table.newtv {
border-collapse:collapse;
border:5px solid #333;
padding:5px;
font-size:8pt;
line-height:8pt;
background-color:#333;
}
.evenrow {
background-color:#333;
}
.oddrow {
background-color:#000;
}
.newtvtd {
border: 1px solid black;
}

#col1 {
border: 1px black solid;
}
#col2 {
border: 1px black solid;
}
#col3 {
border: 1px black solid;
}
#col4 {
border: 1px black solid;
}
#col5 {
border: 1px black solid;
}
#col6 {
border: 1px black solid;
}
#col7 {
border: 1px black solid;
}
#col8 {
border: 1px black solid;
}
#row1 {
border-bottom: 1px black solid;
}
#row3 {
background-color: #222;
}
#row5 {
background-color: #222;
}
#row7 {
background-color: #222;
}
#row9 {
background-color: #222;
}
#row11 {
background-color: #222;
}
#row13 {
background-color: #222;
}
#row15 {
background-color: #222;
}
#row17 {
background-color: #222;
}
#row19 {
background-color: #222;
}
#row21 {
background-color: #222;
}
#row23 {
background-color: #222;
}
#row25 {
background-color: #222;
}
#row27 {
background-color: #222;
}
#row29 {
background-color: #222;
}
#row31 {
background-color: #222;
}
#row33 {
background-color: #222;
}
#row35 {
background-color: #222;
}
#row37 {
background-color: #222;
}
#row39 {
background-color: #222;
}
#row41 {
background-color: #222;
}
#row43 {
background-color: #222;
}
#row45 {
background-color: #222;
}
#row47 {
background-color: #222;
}
#row49 {
background-color: #222;
}

a:link, a:visited, a:active {
text-decoration: underline;
}

a.where:link, a.where:visited, a.where:active {
text-decoration: none;
}

a:link {
color:#eee;
background-color: transparent;
}

a:visited {
color:#eee;
background-color: transparent;
}

a:active {
color:#efefef;
background-color: transparent;
}

a:hover {
color:#ff0000;
/*background-color:#787878;*/
text-decoration: underline;
}

a.where:hover {
color:#fff;
background-color:#000;
}

a img {
border: 0px;
}

abbr {
cursor: help;
}

.nerd {
border-left:1px #aaa dashed;
border-top:1px #aaa dashed;
border-bottom:1px #aaa dashed;
padding:5px;
margin:5px;
}

.graphframe {
 border-right: 2px grey solid; 
border-bottom: 2px grey solid; 
   border-top: 2px white solid; 
  border-left: 2px white solid;
}

.navi {
text-align:left;
position: fixed;
position: absolute;
width: 8em;
height: auto;
top: 1px;
left: 1ex;
/*bottom: 1ex;*/
right: auto;
/*background: url(holdit.png) bottom right no-repeat;*/
margin: 1ex 1ex 1ex 1ex ;
padding: 1ex 1ex 1ex 1ex;
border:0px yellow solid;
}

.top3m3718 {
text-align:right;
z-index:4;
position:fixed;
border: 0px solid green;
padding: 0px;
color: white;
background-color: black;
top: 0px;
right: 0px;
width: 100%;
}

.topnavi {
z-index:5;
position:absolute;
border:blue solid 0px; 
text-align:left;
left:12em;
right:250px;
top:5px;
padding:5px;
}

.pagetitle {
font-size: 1.5em;
line-height: 1.6em;
}


.blogdate {
}


.blogtext {
position: relative;
top: -1.3em;
margin: 0 0 0 6.5em;
}
/*
.blogdate {
float: left;
width: 5em;
padding: .25em .25em .25em .25em;
background-color: transparent;
margin: 0 1em 1em 0;
}

.blogtext {

}
*/

.insetleft {
float: left;
margin: 1ex;
padding: 1ex;
}

.insetright {
float: right;
margin: 1ex;
padding: 1ex;
}

.changelog {
margin-left: 9.7em;
text-indent: -9.7em;
}

ul {
list-style-type: square;
}

ul.zxcv {
list-style-type: disc;
}

.musicshipped {
border-left: 3px solid #0f0; 
padding: 1em;
}


.musicpending {
border-left: 3px solid #ff0; 
padding: 1em;
}

.musicconsidering {
border-left: 3px solid #f90; 
padding: 1em;
}

.monofont {
font-family: "courier new", courier, monospace;
}

.freekevin {
background-color: #f60;
color: black;
}

.float-md {
float: left; 
width: 150px; 
margin-right: 30px;
}

.floaty {
float: left;
width: 200px;
padding: 1em;
}

.musicfloaty {
float: left;
width: 40%;
padding: 1em;
}

.clear {
clear: both;
}

.lh-col {
float: left; 
width: 40%; 
padding: 1em;
}

.lh-col3 {
float: left; 
width: 25%; 
padding: 1em;
}

.chat {
background-image: url("../imx/png/chat-window.png");
background-attachment: scroll;
background-repeat: no-repeat;
background-color: #eee;
color: black;
padding: 30px 10px 10px 10px;
margin: 10px;
}

.standtext {
background-color: #eee;
color: black;
padding: 10px 10px 10px 10px;
margin: 10px;
}

.blackout {
background-color: #000;
color: #000;
}

.reversed {
background-color: #fff;
color: #000;
}

.hanging {
text-indent:-3em;
padding-left:3em;
}

.letter {
background-color: white;
color: black;
padding: 20px;
margin: 20px;
width: 60%;
}

.edit {
color: cyan;
}

.zpla {
clear: both;
float: left;
width: 25%;
text-align: right;
padding: 0px 5px 0px 0px;
border-top: 1px solid gray;
}

.zplt {
float: left;
width: 65%;
border-left: 1px solid gray;
border-bottom: 1px solid gray;
}

#footer {
clear: both;
border-top: 1px solid white;
font-size:0.8em;
line-height:1em;
padding: 1ex 1ex 1ex 1ex;
}

div.row span.left {
float: left;
text-align: left;
width: 19%;
}

div.row span.right {
float: right;
text-align:right;
width: 79%;
}

/* Photo-Caption PZ3 CSS (The Good Stuff) */

.PZ3-l { float:left; margin-right:10px; }
.PZ3-r { float:right; margin-left:10px; direction:rtl; }
  [class~=PZ3-r] { position:relative; }

.PZ3zoom { border:1px solid #000; }
.PZ3zoom a,.PZ3zoom a:visited { display:block;
  padding:0; overflow:hidden; text-decoration:none;
  height:100%; width:100%; }
  [class~=PZ3-r]>a { right:0; }
.PZ3zoom a:hover { position:absolute;
  z-index:999; padding:0; background:none;
  cursor:default; height:auto; width:auto;
  overflow:visible; border:1px solid #000;
  margin:-1px 0 0 -1px; }
  [class~=PZ3-r]>a:hover { margin:-1px -1px 0 0; }

.PZ3zoom a img { border:0; height:100%; width:100%; }
.PZ3zoom a:hover img { height:auto; width:auto;
  border:0; }

a:hover .PZ3cap { display:block;
  padding:2px 5px; margin-top:-5px;
  direction:ltr; background:#fff; color:#000;
  text-align:left; }

.noCap a:hover .PZ3cap { display:none; }
.noBdr a img,.noBdr a:hover img { border:0; }
.Lnk a:hover { cursor:pointer; }

/* End Photo-Caption Zoom CSS */

/* for showing/hiding text in diarrhea */

.closed .post_detail {
visibility: hidden;
display: none;
}

.open .post_expand {
visibility: hidden;
display: none;
}

-->