* {
padding:0;margin:0;
}
body {
background:#382f54; color:#66475e;
font:.85em/2em arial,helvetica,sans-serif;
text-align:center;
}
#container {
border:1px solid #211c33;
margin:50px auto; padding:25px;
width:555px; background:#fff;
-webkit-border-radius-topleft:30px;
-moz-border-radius:30px;
text-align:left;
}
#header {
background:url(header.jpg) center left no-repeat; height:324px;
-webkit-border-top-right-radius:20px; -webkit-border-top-left-radius:20px;
-moz-border-radius-topleft:20px; -moz-border-radius-topright:20px;
}
h1 {
text-indent:-9999%;width:0;height:0;
}
#homelink {
width:100%;height:100%;display:block;
}
#menu {
margin:0 auto; padding:12px 0 15px; width:100%; border-top:1px solid #211c33;
display:block; text-align:center; font-size:1.1em; background:#382f54; color:#955D84;
-webkit-border-bottom-right-radius:20px; -webkit-border-bottom-left-radius:20px;
-moz-border-radius-bottomleft:20px; -moz-border-radius-bottomright:20px;
}
#menu ul {
margin:0; padding:0;
}
#menu ul li {
margin:0; padding:0 12px;
display:inline;
}
#menu ul li a {
text-decoration:none;
font-weight:bold; color:#FFF;
}
#menu ul li a:hover {
color:#E1E5B8;
}
#content {
background:#FFF;
padding:25px 0;
}
a {
color:#d7676c;
text-decoration:none;
font-weight:bold;
}
a:hover {
color:#cf4b4f;
}
#footer {
color:#999;
text-align:left;
}
h2,h3,h4 {
color:#804d76;
line-height:1.75em;
letter-spacing:.025em
}
ul {
margin-left:15px;
list-style:circle;
}
p + p,p + ul,ul + p,p + ol,ol + p,ul + ul,ol + ol, ol + ul,ul + ol, p + form, form + p {
margin-top:15px;
}
p + h2,ul + h2 {
margin-top:20px;
}
p + h3,ul + h3 {
margin-top:16px;
}
input,textarea,select {
border:1px solid #9d657e;
background:#f2e6db; color:#bf7c7c;
margin:2px 0; padding:8px; letter-spacing:.05em;
font:1em/1.5em arial,helvetica,sans-serif;
}
input:focus,textarea:focus,select:focus {
background:#e3ceca; color:#a3646e;
}
#updates li h4, #updates li p {
display:inline;
}
.fan + .fan {
margin-top:15px;
}
.show_sort_form,.show_sort_form + ul {
margin-top:15px;
}

/* NEW JOIN FORM STYLE-------------------- */
.clear {
clear:both;
}
.show_join_form {
width:470px; margin:20px auto 0;
}
.show_join_name_label,.show_join_comments_label,.show_join_email_label,
.show_join_email_settings_label,.show_join_country_label,
.show_join_url_label,.show_join_password_label,.show_join_password_label2,
.show_join_submit_label,.show_join_fave_label {
display:block; float:left;
width:200px; padding-top:8px;
font-weight:bold; text-align:right;
}
.show_join_name_field,.show_join_comments_field,.show_join_email_field,
.show_join_email_settings_fields,.show_join_country_field,
.show_join_url_field,.show_join_password_field,.show_join_password_field2,
.show_join_submit_button,.show_join_fave_field {
float:left; width:250px;
margin:3px 0 3px 20px;
}
.show_join_country_field select {
margin:3px 0;
}
small {
font-size:.9em;color:#9d657e;
}
ul.characters li,ul#games li {
margin:8px 0;
}
.codes img,#affiliates img {
border:5px solid #E5D7D7;
-webkit-border-radius-topleft:5px;
-moz-border-radius:5px;
margin:1px 3px 0 1px;
}
.codes a:hover img,#affiliates a:hover img {
border-color:#D8C3CA;
-webkit-border-radius-topleft:5px;
-moz-border-radius:5px;
}