* {
  font-family: Lucida Grande, Verdana, Monaco, monospace;
  color: #cccccc;
}

p {
  margin: .5em;
  font-size: 10pt;
}

body {
  margin: 0px;
  padding: 0px;
  background: #ccccff;
}

table {
  margin: .5em 0px 0px 0px;
}

td {
    padding-top: 10px;
}

.heading {
    background: #333366;
    padding: 3px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-topleft-radius: 5px;
    -moz-border-topright-radius: 5px;
}

.info {
  background: #ffffff;
  
  margin: 0px 0px .5em 0px;
  padding-top: 2px;
  
  background: #ffffff;
  color: black;
  background-image: url(/.images/shade.png);
  background-repeat: repeat-x;
  
  border-width: 0px 1px 1px 1px;
  border-color: #333366;
  border-style: solid;
}

.info div {
    padding: 3px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
}

.info * {
	color: black;
}

.info a:link    { color: #333333; }
.info a:visited { color: #666666; }
.info a:hover   {
  color: #666666;
  text-shadow: #222222 1px 3px 4px;  
}


li {
  margin: 0px 0px .5em 0px;
  list-style-type: none;
  list-style-position: outside;
}

.comment {
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-topleft-radius: 5px;
  -moz-border-topright-radius: 5px;
  border-width: 1px 1px 1px 1px;
  border-color: #333366;
  border-style: solid;
}

.comment .subject {
    background: #333366;
    padding: 1px;
    color: #cccccc;
}

.comment .meta {
    background: #333366;
    padding: 1px;
    color: #cccccc;
    font-size: 8pt;    
}

.comment .text { 
  margin: 0px 0px .5em 0px;
  padding: 10px 5px 5px 5px;
  
  background: #ffffff;
  color: black;
  background-image: url(/.images/shade.png);
  background-repeat: repeat-x;
}

.comment .text * {
  background: #ffffff;
  color: black;
}



input {
    color: black;
}

textarea {
    width: 100%;
}