body { font-family:tahoma, verdana, arial, sans-serif; font-size:70%; color:#666666; background-color:#000000; margin:0.5em 0; padding:0; text-align:center; }

#contenuto { background:url(immagini/maralogo.gif) top left no-repeat; width:542px; text-align:left; margin:0 auto; }

#navi { display:block; color:#464646; font-weight:bold; text-align:right; font-size:0.81em; margin-left:28px; padding-bottom:1.2em; background:url(immagini/sfumo.gif) bottom right no-repeat; }
  #navi a { text-decoration:none; }
  #navi a:hover { background-color:transparent; text-decoration:underline; }
  
  #navi a.sub { text-decoration:none; color:#008000; }
  
#subnavi { display:block; color:#464646; font-weight:bold; text-align:right; font-size:0.81em; margin-top:0.6em; margin-left:28px; padding-bottom:1.2em; }
  #subnavi a { color:#008000; text-decoration:none; }
  #subnavi a:hover { background-color:transparent; text-decoration:underline; }

img { border:0; }

a { color:#18FF00; font-weight:bold; text-decoration:underline; }
a:hover { background-color:#042700; }

p strong { color:#888888; }

h1 { color:#464646; font-size:2.2em; margin:1em 0; text-align:right; } 
h2 { color:#464646; font-size:1.5em; margin:1em 0; background:url(immagini/sfumo3.gif) repeat-y top left; padding:0.2em; clear:left; } 
h3 { color:#464646; font-size:1.2em; margin:1em 0; } 
h4 { color:#464646; font-size:1em; margin:1em 0; } 

p { margin:0.5em 0; text-align:justify; text-indent:0.8em; }
p.end { color:#13ca00;  }

.scorri { float:left; margin-right:1em; }
.ancora { position:absolute; visibility:hidden; }
.links { font-weight:bold; text-align:right; padding-top:1em; background:url(immagini/sfumo.gif) top right no-repeat; font-size:0.81em; margin-top:1.5em; clear:left; }

hr { width:60%; text-align:center; margin:1em auto; height:1px; border:0; color:#444444; background-color:#444444;  }

  /* costruzione del terminale */
  
#index { position:relative; width:475px; height:271px; margin:7% auto 0 auto; text-align:left; color:#0D8500; background:url(immagini/fondo_img.jpg)  no-repeat 0 17px; }
  #index h1 { width:133px; height:178px; background:url(immagini/maralogo_index.gif) no-repeat top center; position:absolute; top:26px; right:34px; }
  #index h1 span { display:none; }

#indexnavi { position:absolute; top:271px; left:-2px; width:479px; height:118px; font-size:0.9em; background:url(immagini/hud.jpg) no-repeat 0 0; font-family:"courier new", courier, monospace;; }
  #indexnavi a { text-decoration:none; }
  #indexnavi a:hover { background-color:transparent; text-decoration:underline; }
  
#indexlink { margin:23px 180px 23px 160px; }
  
#weapon { position:absolute; top:20px; right:34px; width:145px; height:78px; }

#term { position:relative; width:475px; height:271px; margin:7% auto 0 auto; text-align:left; color:#0D8500; }

.termbarra1, 
.termbarra2 { width:475px; height:17px; background:#3B0000 no-repeat; position:absolute; left:0; font-family:"courier new", courier, monospace; color:#f60000; font-size:0.9em; line-height:1.3; }

.termbarra1 { top:0;  }
.termbarra2 { bottom:0; }

.barrasx { float:left; padding:2px 0 0 3px; }
.barradx { text-align:right; padding:2px 3px 0 0; }

.termimag { width:230px; height:240px; position:absolute; top:0; left:0; background:url(immagini/remote.gif) no-repeat 46px 60px; }
.termtesto { width:233px; height:220px; position:absolute; top:24px; left:240px; }
  .termtesto p { font-family:"courier new", courier, monospace; color:#18FF00; text-indent:0; text-align:left; margin:0 0 0.2em 0; }
  
.termnews { width:233px; height:220px; position:absolute; top:24px; left:240px; overflow:auto; }
  .termnews p { font-family:"courier new", courier, monospace; color:#18FF00; text-indent:0; text-align:left; margin:0 0; }
  .termnews p.data { margin-top:1em; color:#008000; } 
  
  /* tabellame vario */
  
table { border-collapse:collapse; border-spacing:0; margin-top:1em; }
td { vertical-align:top; padding:0.4em; border-top:7px solid #333333; }
  td.ico { text-align:center }
  td p {  }
  td h3, td h4 { margin:0; }
  
tr.sub td { border-top-width:1px; }

  /* per le frasi */

p.liv { font-family:"courier new", courier, monospace; color:#cc0000; background:url(immagini/sfumo2.gif) repeat-y top left #000000; padding:2px 4px; text-indent:0; margin-bottom:0.5em; }
  p.liv strong { color:#cc0000; }

pre { font-size:1.2em !important; font-size:1em; margin:1em 0; border-top:4px solid #333333; padding-top:0.5em; }

pre.ind { border-top:0; color:#999999; }

pre.m1 { color:#00aa00; }

pre.du { color:#00ff00; }
  pre.du i { color:#008000; font-style:normal; }
  pre.du b { color:#ff0000; }
pre.du2 { color:#008000; }
pre.ti { color:#ff0000; } 
pre.th { color:#eeeeee; }
  pre.th i { color:#ff0000; font-style:normal; font-weight:normal; }
pre.sp { color:#ffee00; }

  /* per le immagini */
  
#screens { width:400px; margin:4% auto 0 auto; text-align:left; } 
#fanart { width:720px; margin:0 auto; text-align:center; } 
  
.sfoglia { text-align:center; background-color:#400000; color:#990000; font-family:"courier new", courier, monospace; padding:2px 0 4px 0; }
  .sfoglia a { text-decoration:none; color:#ff0000; }
  .sfoglia a:hover { background-color:#600000; }
  h1.sfoglia { font-size:1em; }
  
#fanart .sfoglia { }
  
p.baloon, 
p.baloon strong { text-align:right; color:#444444; margin:0; }

#iconcine { margin-top:15px; }

.iconine { width:60px; text-align:center; float:left; margin-right:10px; margin-bottom:10px; }
.iconine img { border:1px solid #00aa00; }
.iconine a { color:#00aa00; text-decoration:none; background-color:transparent; }
.iconine a:hover { text-decoration:none; color:#00ff00 } 
.iconine a:hover img { text-decoration:none; border:1px solid #00ff00; } 


/* ...sto CSS e' un casino orrendo... me ne rendo conto ^_^; -- JK */