body { 
  color: black;
  background-color: white;
  background: url("images/deepsea-metal-faded-to-white.png") repeat-y left top;
  border-width: 4px 0px 0px 0px;
  margin: 0px 4px 0px 0px;
}

#body > * { margin-right: 1ex; margin-left: 1ex; }

a:hover { color: #778800 }

#body {
  margin: 0px -4px 0em 0px;
  border-width: 0px 0px 0px 4px;
  padding: 0em 0px 0.5em 0px; /* left padding must be px to support cutouts */
  float: left;
  width: 85%;
}

#footer { 
  display: block;
  border-width: 4px 0px 0px 0px;
  padding: 0.5em 0em 0em 0em;
  clear: both;
}

#header { 
  float: left;
  width: 15%;
  padding: 0.5em 0em 0em 0em;
  margin-right: -4px;
  border-right: 4px solid blue;
 
}

#header ul { 
  list-style: none;
  padding: 0 0.3em 0 0;
  margin: 0;
}

#header li { 
  display: block;
  background: url("images/bubble-small.png") no-repeat right top;
  padding:0em 0 0 0px;
  margin: 2px 0em 0em 0;
}

#header a { 
  display: block;
  padding: 5px 15px 4px 15px;
  line-height: 39px; /* height (48) - padding-top (5) - padding-bottom (4) */
  text-align: center;
  color:#AAAAAA;
  background-color: transparent;
  font-weight: bold;
  background: url("images/bubble-small-left.png") no-repeat left top;
}

#header a:hover { color: white }

#home-body #home-tab,
#mail-body #mail-tab,
#technical-body #technical-tab,
#links-body #links-tab,
#dom2-body #dom2-tab,
#webdav-body #webdav-tab, 
#about-body #about-tab
{
  background-image: url("images/bubble.png")
}

th { background-color: #AAF; color: black }
caption { background-color: #77F; padding: 1ex 0ex 1ex 0ex; color: white; ; font-size: 120%; border-style: groove; border-width: 2pt}

#home-body #home-tab a,
#mail-body #mail-tab a,
#technical-body #technical-tab a,
#links-body #links-tab a,
#dom2-body #dom2-tab a,
#webdav-body #webdav-tab a, 
#about-body #about-tab a
{ 
  color: yellow;
  font-size: 150%; /* 4/3 */
  background-image: url("images/bubble-left.png");
  line-height: 55px; /* height (64) - padding-top (5) - padding-bottom (4) */
}


div#body div.cutout { 
  float:left;
  border-width: 4px 4px 4px 0px;
  margin: 0 4px 0px -4px;
  padding: 0px;
}


.cutout, #body, #footer,body { 
  border-color: #0000EE;
  border-style: ridge;
}

.cutout #validhtml { 
  margin-right: -1px;
} 

.cutout #validcss { 
  margin-right: -6px;
  margin-left: 0px;
} 

.deleted { 
  text-decoration: line-through;
  color: grey;
}

.date { 
  color: red;
}

.disabled {
  color: grey;
}

.form { background-color: lightblue; color: black; padding: 0ex 2ex 0.5ex 2ex  }
.form span { display: block; }
.form span label { width: 30ex; float:left }
.form span.submit { margin: 1ex 0ex 0ex 0ex }
.form span.submit input[type=reset] { float: right }

div#player {  float: right; margin: 1ex 1ex 1ex 1ex; color: black; background-color: lightgrey; padding: 0.5ex }

div#player p { margin: 0; text-align: right }

.comment table, .comment tr, .comment td,.comment caption {
  border: 1px solid black;
  border-collapse: collapse;
  border-spacing: 0px; /* Konqueror 3.2 workaround :-() */
}

div#body div.discussion { 
  background-color: #9A9;
  padding: 0ex 0ex 0.5ex 0ex ! important;
  border: 4px ridge black;
  margin: 1ex 2ex 1ex 2ex;
}

div#body div.comment { 
  background-color: #AFA;
  padding: 0ex 0ex 0.5ex 0ex ! important;
  border: 4px ridge black;
  margin: 1ex 2ex 1ex 2ex;
}

div.comment > h3 { 
  background-color: #AAF;
  padding: 0ex 0ex 0.5ex 0.5ex;
  margin: 0ex 0ex 0.5ex 0ex; 
}

div.comment .author { 
  font-size: small;
  float: right;
  background-color: #AAF;
  text-align: right;
}

div.comment p { 
  margin: 0ex 0ex 0ex 0.5ex;
}

div.comment > div.comment {  
  background-color: #CFC;
}

div.comment > div.comment> h3  {  
  background-color: #CCF;
}

div.comment > div.comment .author { 
  background-color: #CCF;
}

div.comment > div.comment > div.comment {  
  background-color: #DFD;
}

div.comment > div.comment > div.comment> h3  {  
  background-color: #DDF;
}

div.comment > div.comment > div.comment .author { 
  background-color: #DDF;
}

div.comment > div.comment > div.comment > div.comment {  
  background-color: #EFE;
}

div.comment > div.comment > div.comment > div.comment> h3  {  
  background-color: #EEF;
}

div.comment > div.comment > div.comment > div.comment .author { 
  background-color: #EEF;
}

div.forum { 
  clear: both;
  background-color: #FFF;
  border: 4px groove black;
  margin-top: 2.8ex;
}

div.forum > p { 
  background-color: #AFA;
  margin: 1ex 1ex;
  padding: 1ex 1ex;
  border: 4px groove green;
  font-weight: bold;
  text-align: center;
}

div.forum h2 {  
  padding: 0px;
  margin: -1.5ex 1ex 0.5ex 1ex;
}

div.forum h2 a, div.forum h2 span {  
  padding: 0.5ex;
  margin: 0;
  background-color: #FFF;
  text-align: Center;
  color: black;
  font-weight: bold;
}

div.button { 
  width: 100%;
  text-align: right;
  height: 1.5em;
  margin-top: 1ex;
  font-size: small;
}

div.button a { 
  background-color: blue; 
  border: 2px groove black;
  color: white;
  font-weight: bold;
  padding: 0.2ex;
  margin-right: 0.2ex;
  -moz-border-radius: 1ex;
}



/*
	Form specific 
*/

#newplayer .mandatory label { color: red }
#newplayer { width: 80ex }

table.longtable th { text-align: left }

th.eliminated, 
th.eliminated+td,
th.eliminated+td+td,
th.eliminated+td+td+td,
th.eliminated+td+td+td+td,
th.eliminated+td+td+td+td+td,
th.eliminated+td+td+td+td+td+td
{ text-decoration: line-through; background-color: lightgrey;}


/*
 top right bottom left
*/