* {
padding:0;margin:0;
}
body {
background:#C5CED3; color:#696969;
font:.85em/2em arial,helvetica,sans-serif;
letter-spacing:.025em; text-align:center
}
#container {
background:#FFF;
margin:40px auto; padding:30px;
width:700px; text-align:left;
}
#header {
background:url(header.jpg) no-repeat;
height:375px;
}
h1 {
text-indent:-9999%;
}
#menu {
text-align:center;
border-top:1px solid #b3afaf;
border-bottom:1px solid #757678;
}
#menu ul {
margin:0; padding:0;
background:#848687; display:block;
border-top:1px solid #919394;
border-bottom:1px solid #7d7e80;
padding:20px 0 15px;
}
#menu li {
margin:0 15px; padding:0;
display:inline;
}
#menu li a {
text-decoration:none; color:#ccc; text-shadow:2px 2px #7d7e80;
font:bold 1.5em/1em helvetica,arial,sans-serif;
text-transform:lowercase; letter-spacing:.1em;
margin:0; padding:0;
}
#menu li a:hover {
text-shadow:2px 2px #757678;
color:#eee;
}
#content {
margin:0;padding:25px 0;
}
a {
color: #b79264;
text-decoration:none;
font-weight:bold;
}
a:hover {
color:#ab7c4d;
}
#footer {
color:#999;
font-size:1.1em;
}
#footer a {
color:#777;
}
#footer a:hover {
color:#555;
}
h2,h3,h4 {
color:#568d58;
font-family:helvetica,arial,serif;
letter-spacing:.075em; line-height:1.75em;
}
h2 {
font-size:1.65em;
}
h3 {
font-size:1.25em;
}
h4 {
font-size:1.05em;
}
ul {
margin-left:15px;
list-style:square;
}
p + p,p + ul,ul + p,p + ol,ol + p,
p + h2,p + h3,p + h4,ul + h2,ul + h3,ul + h4,
h2 + h3,h3 + h4,h4 + h5,p + form {
margin-top:15px;
}
label {
display:block;
font-weight:bold;
}
input, textarea, select {
background:#F7F7F7;
margin:2px 0;
color:#555;
padding:7px;
letter-spacing:.05em;
border:1px solid #D5D5D5;
border-bottom-width:3px;
font:1em/1.75em arial,helvetica,sans-serif;
}
input:focus, textarea:focus, option:focus, select:focus {
background: #EAEAEA;
}
select {
padding:5px 5px 0;
}
option {
border-top:1px solid #99A3AC;
padding:2px;
}
#updates li h4, #updates li p {
display:inline;
}
.show_sort_form,.show_sort_form + ul {
margin-top:15px;
}
#hateleft {
float:left;
width:47%;
}
#hateright {
float:left;
margin-left:5%;
width:47%;
}
.clear {
clear:both;
}
#codes img {
border:3px solid #E5E4E9;
}

/* NEW JOIN FORM STYLE-------------------- */
.clear {
clear:both;
}
.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 {
display:block;
width:28%;
float:left;
font-size:1.1em;
font-weight:bold;
padding-top:5px;
}
.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 {
float:left;
width:60%;
margin:3px 0 3px 15px;
}
.show_join_country_field select {
margin:3px 0 3px;
}