body { 
  background-color: #EDEDED;
  font-family:      Courier New, Courier, Andale Mono, monospace;
  font-size:        small;
  margin:           0px;
}

#allcontent {
  margin:           0 auto;
  width:            880px;
  padding:          10px 20px 10px 20px;
  background:       #B0C4DE;
}

#header {
  background:       #808080 url(../images/header.gif) top left no-repeat;
  background-color: #808080;
  margin:           0px 0px 10px 0px;
  height:           108px;
}

#h1-header {
  margin-top:       0px;
  margin-bottom:    0px;
  padding-top:      30px;
  padding-left:     15px;
  font-size:        150%;
}

#main, #login, #viewaccount, #register, #editaccount, #about, #privacy, #terms, #help {
  background:       #D3D3D3;
  font-size:        105%;
  padding:          10px;
  margin:           0px 10px 10px 0px;
  float:            left;
  width:            600px;

}

#sidebar {
  background:       #E5E5E5 url(../images/background.gif) bottom right;
  font-size:        105%;
  padding:          10px;
  margin:           0px 0px 10px 0px;
  float:            left;
  width:            230px;
}

#bottom_menu {
  background-color: #4D71A3;
  color:            #FFFAFA;
  text-align:       center;
  height:           40px;
  padding:          0px 0px 0px 0px;
  margin:           0px 0px 10px 0px;
  font-size:        90%;
  clear:            both;
}

#bottom_menu ul li {
  float:            left;
//  margin:           6px 6px 10px 0px;
//  padding:          10px 0 10px 0;
//  margin-top:       0px;
//  margin-bottom:    0px;
}

#bottom_menu li {
  list-style-type:  none;
}

#bottom_menu li a {
  float:            left;
  width:            60px;
  height:           30px;
  padding:          10px 0 0 0;
  text-decoration:  none;
  border-right:     1px solid #3A5894;
}

#bottom_menu li a:hover {
  background:       #3A5894;
}

#bottom_menu ul {
  margin:       center;
}

#footer {
  background-color: #3A5894;
  color:            #FFFAFA;
  text-align:       center;
  padding:          10px;
  margin:           0px 0px 0px 0px;
  font-size:        90%;
  clear:            both;
}

#footer p, #bottom_menu p {
  margin-top:       0px;
  margin-bottom:    0px;
}

h1 {
  font-size:        120%;
  color:            #616161;
}

h2 {
  font-size: 110%;
}

h3 {
  font-size: 105%;
}

a:link {
  color:            #4D71A3;
  text-decoration:  none;
  border-bottom:    thin dotted #b76666;
}
a:visited {
  color:            #4D71A3;
  text-decoration:  none;
  border-bottom:    thin dotted #675c47;
}	

#bottom_menu a:link {
  color:            #FFFAFA;
  text-decoration:  none;
  border-bottom:    none; //thin dotted #b76666;
}
#bottom_menu a:visited {
  color:            #C1CDC1;
  text-decoration:  none;
  border-bottom:    none; //thin dotted #675c47;
}

table {
  margin-left:      20px;
  margin-right:     20px;
  border:           thin solid black;
  border-collapse:  collapse;
}

td, th {
  border:           thin solid black;
  padding:          5px;
  text-align:       right;
}

caption {
  font-style: italic;
}	

.error {
  color:            #FF0000;
}	

#nickname_suggestions {
  border: 1px solid #999;
  background-color: #fff;
}

#nickname_suggestions ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#nickname_suggestions li {
  padding: 2px 3px;
}

#nickname_suggestions strong {
  font-weight: bold;
  text-decoration: underline;
}

#nickname_suggestions li.selected {
  color: #fff;
  background-color: #039;
}

#track {
  width: 300px;
  height: 25px;
  border: 2px solid #555;
  clear:            both;
}

#slider {
  width: 50px;
  height: 25px;
  background-color: #ccc;
  font-size: 20px;
  text-align: center;
}