BODY{
  color:white;
  background-color:black;
}

INPUT{
  background:#d3cfff;
  color:#1f1b56;
  padding-left:5px;
}

TEXTAREA{
  background:#d3cfff;
  color:#1f1b56;
}

TD{
  vertical-align:top;
}

A IMG{
  border-width:0px;
}
/******************************************************************************\
 *                                 HEADER                                     *
\******************************************************************************/
#pre-header{
  font-style:italic;
  text-align:right;
  padding:0px 5px 0px 0px;
  width:100%;
}
#pre-header a{
  text-decoration:none;
  color:white;
}
#header{
  background:darkred url("../img/red.jpg") repeat;
  margin:3px 3px;
  height:70px;
  min-width:780px;
  clear:both;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border: 1px solid #000;
}
#logo-image{
  background:url("../img/eum2.gif") no-repeat 5px 3px;
  height:60px;
  position:relative;
  padding-left:150px;
  padding-top:28px;
  font-size:1.1em;
  color:yellow;
  font-style:italic;
  font-size:2em;
  width:500px;
}
#beta{
  position:absolute;
  top:40px;
  left:160px;
  color:white;
  font-weight:bold;
}
#menu{
  position:absolute;
  top:41px;
  left:260px;
}
#menu li{
  display:inline;
  margin-right:20px;
}
#submenu{
  position:absolute;
  top:60px;
  left:260px;
}
#submenu li{
  display:inline;
  margin-right:10px;
  font-size:90%;
  color:red;
}
#submenu li a{
  text-decoration:none;
  color:darkorange;
}
#submenu li a:hover{
  text-decoration:none;
  color:white;
}

#header a{
  text-decoration:none;
  color:red;
}
#header a:hover{
  text-decoration:none;
  color:white;
}

#login{
  float:right;
  position:relative;
  margin-top:10px;
  margin-right:10px;
}
#login img{
  border-width:0px;
}
#help{
  float:right;
  position:relative;
}
IMG.avatar{
  height:50px;
}
/******************************************************************************\
 *                                 CONTENT                                    *
\******************************************************************************/
#content{
  background:#1f1b56 url("../img/acqua.jpg") repeat-x;
  margin:10px 3px 0px 3px;
  min-width:780px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 1px solid #000;
  padding:5px;
}

#content a{
  text-decoration:none;
  color:white;
}


#content h1{
  margin:0px 0px 5px 0px;
  color:yellow;
  width:100%;
  padding-bottom:3px;
  border-bottom: 1px solid yellow;
}
#content h2{
  margin:0px 0px 5px 0px;
  font-style:italic;
  font-size:120%;
}

#comics A.stashed{
  font-weight:bold;
  color:green;
  border-bottom:1px dashed solid;
}

#comics A.unstashed{
  color:red;
  border-bottom:1px dashed solid;
}

#comics a:before,#comics a:after{
  content: none;
}

#exception{
  background:black;
  border:2px solid red;
  padding:5px;
  margin-bottom:10px;
  color:red;
}
#exception em{
  font-weight:bold
}
/******************************************************************************\
 *                              QUESTION FORMS                                *
\******************************************************************************/
.upperForm{
  margin-bottom:10px;
}
/******************************************************************************\
 *                                BUTTON BAR                                  *
\******************************************************************************/
.buttonbar{
  float:right;
}
.buttonbar a,.button{
  color:white;
  text-decoration:none;
}
.buttonbar a:hover,.button:hover{
  color:yellow;
  text-decoration:none;
}
/*.buttonbar a:before,.button:before{
  content: "<";
  color:yellow;
}
.buttonbar a:after,.button:after{
  content: ">";
  color:yellow;
}*/
DIV.buttonbar{
  width:950px;
  text-align:right;
  float:none;
}
P.buttonbar{
  margin:0px;
  padding:0px;
}
/******************************************************************************\
 *                                  BEANS                                     *
\******************************************************************************/
.beans{
  color:white;
  width:950px;
  overflow:auto;
  border:1px solid #990000;
  margin-bottom:6px;
}
.beans table{
  border:1px solid #990000;
  width:100%;
  background-color:black;
  white-space:nowrap;
}
.beans th{
  text-align:left;
  /*background-color:#550000;*/
  color:#bb0000;
}
.beans-odd{
  background-color:black;
}
.beans-even{
  background-color:black;
}
.beans th,.beans td{
  padding:3px;
  padding-left:5px;
  border:1px solid #990000;
}
.beans-odd a,.beans-even a{
  color:#aac4ff;
  text-decoration:none;
  border-bottom:1px dashed #aac4ff;
}
.beans-odd a:hover,.beans-even a:hover{
  color:white;
  border-bottom:1px dashed white;
}

/******************************************************************************\
 *                                  PAGE                                      *
\******************************************************************************/
.page{
}
.page ul{
  margin:5px 0px 0px 0px;
  padding:0px;
}
.page li{
  display:inline;
  margin-right:3px;
  font-size:80%;
}
.page ul:before{
  content: "[";
  color:yellow;
}
.page ul:after{
  content: "]";
  color:yellow;
}
.page a,.page-current a{
  color:white;
  text-decoration:none;
}
.page-current a{
  font-weight:bold;
}

/******************************************************************************\
 *                                 FOOTER                                     *
\******************************************************************************/
#footer{
  background:darkred url("../img/red.jpg") repeat;
  margin:3px 3px;
  padding:5px;
  min-width:780px;
  color:#db0202;
  font-style:italic;
  margin-top:10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 1px solid #000;
  font-size:80%;
}
#footer a{
  color:#db0202;
  font-style:normal;
  text-decoration:none;
}
.clear{
  clear:both;
  height:1px;
  overflow:hidden;
}


/******************************************************************************\
 *                                   CLOB                                     *
\******************************************************************************/

.clob-user{
  font-size:0.9em;
}
.clob-user img{
  border:1px solid red;
  height:50px;
}
.clob-user h4{
  font-style:italic;
  font-size:0.9em;
  color:yellow;
}
.clob-user h4,.clob-user p,.msg p{
  margin:0px;
  padding:0px;
}
.clob-arrow{
  background-image:url(../img/clob.gif);
  width:30px;
  height:30px;
  position:absolute;
  /margin-left:-28px;
}
.reply{
  margin-left:85px;
}
.msg{
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border:2px solid #ff870a;
  background-color:#ffeedd;
  color:black;
  padding:5px;
  padding-left:10px;
  margin-left:28px;
}
.msg img{
  border-width:0px;
  height:16px;
  width:16px;
}
.msg em{
  display:block;
  font-size:0.9em;
  color:#555555;
}
.msg small{
  position:relative;
  float:right;
  font-size:0.9em;
  color:#555555;
  font-style:italic;
}
.msg-table{
  width:100%;
}
.msg-table p{
  margin:0px;
  padding:0px;
  padding-bottom:5px;
}

.card{
  margin:0px 10px 0px 10px;
  text-align:justify;
}
.card h1{
  font-size:30px;
  color:yellow;
  width:100%;
  padding-bottom:3px;
  border-bottom: 1px solid yellow;
  margin-bottom:5px;
}
.card h2{
  font-size:20px;
  color:darkorange;
  width:100%;
  text-transform:capitalize;
  font-style:italic;
  padding-bottom:3px;
  border-bottom: 1px solid darkorange;
  margin-bottom:5px;
}
.card-header,.card-header a{
  color:#c6c6e6;
  font-style:italic;
  font-weight:bold;
  font-size:16px;
}
.card-header a{
  text-decoration:none;
  border-bottom-width:0px;
}
.card-header-num{
  float:right;
}
.sect{
  width:40%;
  padding-left:15px;
  vertical-align:top;
}
.tbio{
  vertical-align:top;
}
.power p,.data p,.place p{
  text-indent:0px;
  margin-left:0px;
  padding-top:5px;
}
.power-first,.data-first,.align-first,.place-first{
  display:inline;
  text-indent:0px;
  margin-left:0px;
}
.data-name,.power-name,.align-name,.place-name{
  font-weight:bold;
  color:#c6c6e6;
}
.data,.power,.header,.align-sup,.chrono,.place{
  position:relative;
  font-size:14px;
  border:1px solid orange;
  margin-bottom:5px;
  padding:10px;
  background:#0b0b26;
  text-align:justify;
}
.align-sup{
  padding-bottom:0px;
}
.data-entry,.align-entry,.place-entry,.place-entry{
  text-indent:-10px;
  padding-left:10px;
}
.header{
  font-style:italic;
}
.header-name{
  text-transform:capitalize;
}
.data p,.align p{
  font-size:13px;
}
.data h2,.power h2,.chrono h2,.place h2{
  text-transform:capitalize;
  color:darkorange;
  font-style:italic;
  border-bottom:1px solid darkorange;
  margin:0px 0px 5px 0px;
  font-size:1.2em;
  background:#0b0b26;
}
.bio{
  text-align:justify;
}
.bio h2,.align h2{
  display:none;
  text-transform:capitalize;
  color:white;
  margin-top:0px;
  margin-bottom:0px;
  padding-bottom:0px;
}
.align{
  margin-bottom:10px;
}
.bio p{
  margin-bottom:10px;
}
.power{
  margin-top:10px;
  margin-bottom:5px;
}
.power-entry{
  text-indent:-10px;
  padding-left:10px;
}
.power p{
  margin:0px;
}



/* =========================[ INDICE ALFABETICO ]============================ */
#abc-index{
  padding-top:5px;
  padding-bottom:5px;
  border:0px;
}
#abc-index td{
  border:1px solid orange;
  background:#0b0b26;
  padding:3px;
  text-align:center;
  width:1.5em;
}
#num-index,#abc-index{
  position:fixed;
  left:20px;
  font-size:110%;
  font-weight:bold;
}
#num-index p{
  border:1px solid orange;
  background:#0b0b26;
  width:100px;
  padding:3px;
  margin:2px;
}

.abc-top{
  position:relative;
  width:250px;
  height:350px;
  overflow:auto;
  float:right;
  font-size:14px;
  border:1px solid orange;
  margin:5px 0px 5px 5px;
  padding:10px;
  background:#0b0b26;
  display:inline;
  z-index:1;
}
.abc h1{
  font-size:20px;
  color:#aaaaff;
  border-width:0px;
}
.abc ul{
  list-style-type: square;
  margin: 0px 0 10px 30px;
  padding: 0;
  list-style-image: url(../img/dot.gif);
}
.abc ul li{
}
.altern{color:red;}
.ii{font-style:italic;}
.section img{
  border:1px solid orange;
  margin-right:10px;
  margin-bottom:10px;
}

/* ==========================[ INDICE NUMERICO ]============================ */
#num h2{
  font-size:18px;
  font-style:normal;
  color:yellow;
  border-bottom:1px solid yellow;
}
#num ul{
  list-style-type: square;
  margin: 0px 0px 0px 30px;
  padding: 0;
  list-style-image: url(../img/dot.gif);
}
img.pic,.tab img{
  border: 1px solid orange;
}
.tab img{
  margin-right:5px;
  margin-top:5px;
}
.tab{
  margin:0px 3px 0px 3px;
  height:100px;
  min-width:780px;
  clear:both;
}
.tab h3{
  font-size:17px;
  font-weight:bold;
  color:white;
  border-bottom-width:0px;
  margin-bottom:0px;
  _margin-top:5px;
  color:orange;
}
.tab p{
  margin:0px 10px 0px 0px;
  font-style:italic;
}
#eum{
  visibility:hidden;
  position:absolute;
  top:300;
  left:300;
  z-index:2;
}
#eum img{
  border:1px solid orange;
}
.bio a,.data a,.power a{
   border-bottom:1px dashed white;
}.
#abc{
  position:fixed;
  border:1px solid white;
  padding:3px;
  font-size:90%;
  font-weight:bold;
  background:#1b0d3d;
  font-size:175%;
  font-family: Lucidatypewriter,Courier New,monospace;
  padding:5px;
  /left:25px;
}