html { 
  width:100%; 
}

body {
  background: #e7e7e7 url(../img/bg.gif) no-repeat top center;   
  width:100%; 
}
#content {
  width:420px;
  margin-left:auto;
  margin-right:auto;
  margin-top:10px;
}


body {
  font-family:Helvetica,Arial,sans-serif;
  color:#3F3F3F;
  font-size:0.8em;
}


p,h1,h2,h3,h4,h5,h6 {
  margin:2em 0;
}
h1 {
  font-size:1.3em;
}
p {
  font-size:1em;  
/*  text-align:justify;*/
}

a,
a:active,
a:visited {
  color:#333;
}
a:hover {
  color:#000;
}

p img {
  border:1px outset #bbb;
  margin-right:-1;
  margin-left:-1;
  margin-top:-20px;
}

ol li {
  padding-right:20px;
}


.fog {
  display:none;
  position:fixed;
  width: 100%;
  height: 100%;
  top:0px;
  left:0px;  
  background:#000000;
  filter:alpha(opacity=90);
  Opacity:0.9;
  z-index:100; 
}

.player {
  display:none;
  border:1px solid #000;
  position:fixed;
  width:80%;
  left:10%;
  top:10%;  
  height:80%;  
  z-index:101;
}

.player .closebox {
  cursor:pointer;
  position:absolute;
  margin-left:-15px;
  margin-top:-15px;
  z-index:110;
}