#container {
  margin:auto auto;
  width:420px;
}

@media screen and (min-width: 800px) {
  #container {
    width:800px;
  }
}

#content {
    float:left;
    width:380px;
  margin:0px 10px
}

#sidebar {
    float:left;
    width:380px;
  margin:0px 10px;
}

#footer {
    clear:both;
}

#footer p {
    font-size:small;
    margin-top:1em;
}

h1,h2 { font-family:sans-serif; }

h1 a {
  color:#000;
  text-decoration:none;
  padding:.25em .5em;
}

h1 a:hover { 
  background-color:#eeeee5;
  /*text-decoration:underline;*/
  border-bottom:2px solid #ccccc0;
}

h2 {
  background-color:#eeeee5;
  border-bottom:1px solid #ccccc0;
  padding:.25em .5em;
}

#intro, #login, #form, #personal {
}

#personal, #popular, #recent {
  background-color:#fbfbf5;
  padding-bottom:.5em;
}

#makeone a.disabled {
 color:#ccc;
}

#makeone {
/*
 border-top:4px solid #b0ccff;
 border-right:4px solid #8099cc;
 border-bottom:4px solid #8099cc;
 border-left:4px solid #b0ccff;
*/
 font-family:sans-serif;
 font-size:x-large;
 background-color:#99b0e0;
 color:#000;
/* padding:.5em 0 .25em 0;*/
 text-align:center;
}

#makeone a {
 background-color:#99b0e0;
 border:4px solid;
 border-top-color:#b0ccff;
 border-right-color:#8099cc;
 border-bottom-color:#8099cc;
 border-left-color:#b0ccff;
 color:white;
 display:block; 
 font-weight:bold;
 padding:.5em 0 .25em 0;
 text-decoration:none;
}

#makeone a:hover {
 background-color:#a0b9e9;
 text-decoration:underline;
}

#makeone p {
 padding:0;
}

#tips {
 background-color:#ffffee;
 border:2px solid #ffffcc;
 font-size:small;
 margin:1em;
 padding:0 1em;
}

label {
 background-color:#fbfbf5;
 border-bottom:2px solid #ccccc0; 
 font-weight:bold;
 height:1.7em;
}
label span.letter {
 background-color:#eeeee5;
 border-right:2px solid #ccccc0;
 float:left;
 margin-right:.5em;
 padding:.25em .5em;
 width:25px;
}

label input {
 margin-top:.25em;
}

label a.hint {
 font-weight:normal;
 margin-left:1em;
}

label a ul {
 display:none;
 padding-left:1.5em;
 position:relative;
}

label a:hover ul {
 background-color:#ffffee;
 border:2px solid #ffffcc; 
 display:block;
 position:relative;
 left:220px;
 top:-1.5em;
 width:120px;
}
table {
  border-collapse:collapse;
  position:relative;
  top:-1.25em;
  width:100%;
}
tr {
  border-bottom:1px solid #ccccc0;
}
dt,td.letter {
  background-color:#eeeee5;
  border-bottom:.1em solid #ccccc0;
  font-weight:bold;
  padding:.25em 1em;
  width:1em;
}

dt {
  width:100%;
}

dd,td {
  background-color:#fbfbf5;
  border-left:2px solid #ccccc0;
  padding:.25em 1em;
}

li {
  margin: .5em 0;
}

#advertisement {
 background-color:#fbfbf5;
 margin-top:2em;
 padding:40px;
}