html {
    overflow: -moz-scrollbars-vertical;
}

body {
    background-color: #e4e4e4;
    font: 12px/150% Verdana, sans-serif;
}

input {
    font-family: Verdana, sans-serif;
}

td {
    vertical-align: top;
}

td strong {
    padding-right: 1em;
}

img {
    border: 0;
}

.center {
    text-align: center;
}

.preview {
    padding-right: 1em;
    padding-bottom: 1em;
}

.bullet {
    display: block;
}

.imgcenter {
    display: block;
    margin: 1em auto;
}

#header, #header h1, #content-wrapper, #footer {
    width: 790px;
    margin: 0 auto;
}

#header h1 em { display: none; }
#header, #header h1 {
    height: 120px;
    cursor: pointer;
}
#header {
    margin-top: 10px;
    background: url(/img/2008/stockart.jpg) center center no-repeat;
}
#header h1 {
    height: 120px;
    background: url(/img/2008/header_logo.png) no-repeat;
}

#content-wrapper {
    background: url(/img/2008/content_bg.png) repeat-y;
}

#menu-wrapper {
    height: 30px;
    margin: 0 20px;
    background: url(/img/2008/menu_bg.png) repeat-x;
    line-height: 30px;
}

#menu {
    margin-top: 4px;
    height: 21px;
    line-height: 21px;
    float: left;
}

#menu a {
    color: #555;
    text-decoration: none;
    margin: 0 10px;
}

#menu .yuimenubaritem-selected {
    color: #000;
    background: url(/img/2008/menu_selected_bg.png) left -4px repeat-x;
}

.yuimenu {
    border: 1px solid #999;
}

.yuimenuitem div li {
    background: #eee;
    line-height: 25px;
}

.yuimenuitem .yuimenuitem-selected {
    color: #000;
    background: #ddd;
}

.yuimenubaritemlabel,
.yuimenuitemlabel {
    outline: none;
}

.sep-below {
    border-bottom: 1px solid #aaa;
}

#login-wrapper {
    height: 30px;
    float: right;
    line-height: 30px;
    padding-left: 40px;
    background: url(/img/2008/menu_login_sep.png) left top no-repeat;
}

#login {
    padding: 0 10px;
    background: url(/img/2008/login_bg.png) repeat-x;
    font-size: 90%;
}

#user {
    font-weight: 800;
}

#content {
    margin: 0 30px;
    margin-top: 10px;
    padding-bottom: 1em;
}

#footer {
    height: 50px;
    background: url(/img/2008/footer.png) no-repeat;
}

#footer p {
    margin: 0;
    padding: 10px 30px;
    font-size: 80%;
}

.twocol {
    overflow: hidden;
}

.twocol .left {
    float: left;
    width: 500px;
}

.twocol .right {
    float: left;
    margin-left: 20px;
    width: 210px;
}

.twocol h1, .twocol h2 {
    margin-top: 0;
}

/* CONTENT STYLES */

a {
    color: #9E5A45;
}

h1 {
    font-weight: 400;
    font-size: 150%;
    color: #B1A78E;
}

h2 {
    font-size: 110%;
}

.button {
    background: #D3CAB4;
    padding: 2px 5px;
    border: 1px solid #DFD6BE;
    border-bottom-color: #777265;
    border-right-color: #777265;
    text-decoration: none;
    color: #5B574D;
    font-size: 90%;
}

.em, em {
    font-weight: 800;
}

#welcome {
    padding-right: 3ex;
}

input.sunken {
    border: 1px solid #777265;
    border-bottom-color: #DFD6BE;
    border-right-color: #DFD6BE;
}

input.small {
    width: 50px;
}

.news-item {
    margin-bottom: 3em;
}

.news-item p {
}

.news-footer {
    font-size: 85%;
    color: #888;
    border-top: 1px dotted #888;
}

.news-footer a {
    color: #555;
}

.box {
    border-bottom: 1px dotted #888;
    padding-bottom: 2px;
}

.weblog {
    background: url(/img/2008/icon_weblog.png) left top no-repeat;
    padding-left: 20px;
}

.comment {
    background: url(/img/2008/icon_comment.png) left top no-repeat;
    padding-left: 20px;
}
.forum {
    background: url(/img/2008/icon_forum.png) left top no-repeat;
    padding-left: 20px;
}
.voting {
    background: url(/img/2008/icon_voting.png) left top no-repeat;
    padding-left: 20px;
    font-weight: 800;
}

#current-activities dd, #votings dd {
    margin-left: 20px;
    color: #888;
    font-size: 90%;
}

a.old {
    color: #888;
}

#votings input {
    margin: 0;
}

#votings p {
    margin: 0;
    padding: 0;
    padding-bottom: 1ex;
}

#votings dl {
    overflow: hidden;
}

#votings dd dt {
    float: left;
    clear: left;
    width: 110px;
    line-height: 16px;
    color: #000;
}

#votings dd dd {
    float: left;
    margin-left: 0;
    line-height: 16px;
}

#votings .bar-left {
    background: url(/img/2008/bar_left.png) left top no-repeat;
    padding-left: 3px;
    font-size: 16px;
}

#votings .bar-right {
    background: url(/img/2008/bar_right.png) right top no-repeat;
    padding-right: 3px;
    font-size: 16px;
}

#votings .bar {
    background: url(/img/2008/bar_bg.png) 0px 0px repeat-x;
    font-size: 16px;
}

/* Clan Profile */

#bioimage {
    float: left;
    border: 1px solid #ccc;

    margin-right: 1em;
}

#bioimage img {
    border: 1px solid #fff;
    width: 130px;
    height: 170px;
}

.bioinfo {
    float: left;
    margin: 0;
}

.bioinfo dd {
    margin: 0;
}

.bioinfo dt {
    margin-bottom: 1em;
    color: #555;
}

.realname {
    font-size: 150%;
    color: #333;
}

.bio {
    overflow: hidden;
    margin-bottom: 1em;
}