/* colors for account settings navigation sidebar */ */
#navigation { clear: both; }

#site-content { padding-top: 2em; background-image: none; clear: right; margin-bottom: 8px; }

#content { float: right; background-color: white; }

#generic-content { width: 315px; float: left; background-color: white; }

img.edit-icon { margin-right: 4px; vertical-align: middle; }

ul.actions { margin-top: 3em; border-top: 3px solid white; border-bottom: 1px solid white; }
ul.actions li { border-bottom: 2px solid white; padding-left: 4em; background-color: #f1f4f6; }
ul.actions li.current { background-color: #e7f0eb; font-weight: bold; }
ul.actions li img { margin-right: 0.5em; vertical-align: middle; }

#account-navigation { width: 100%; height: 2em; position: absolute; top: 0; left: 0; background: #004; color: white; }
#account-navigation a { color: #ccf; text-decoration: underline; }
#account-navigation #i-am-probably-doing-this-wrong { padding-left: 8em; padding-top: 0.25em; }

.block.profile-block { background-color: white; }
.block.profile-block .block-content { padding: 2em 1em; }
.block.profile-block .block-content h2 { font-size: 100%; font-weight: normal; color: #666; margin-left: 4em; margin-bottom: 1em; }
.block.profile-block form { margin-top: 2em; }
.block.profile-block div.field { clear: left; margin-top: 1em; }
.block.profile-block div.field label.field { float: left; width: 150px; text-align: right; color: #444; font-weight: bold; margin-right: 1em; }
.block.profile-block div.field input, .block.profile-block div.field select, .block.profile-block div.field textarea { border: 1px solid #bbf; }
.block.profile-block div.field input { padding: 0.25em; }
.block.profile-block div.field .minihelp { clear: left; margin-left: 165px; width: 320px; color: #9af; font-size: 90%; }
.block.profile-block .actions { margin-top: 2em; margin-left: 210px; }
.block.profile-block .actions #save-changes-button { width: 158px; height: 32px; border: none; background-image: url('/images/buttons/update_settings.png'); }

table.notification-preferences { width: 80%; margin: 0 auto; border-collapse: collapse; border-spacing: 0; }
table.notification-preferences th { font-weight: bold; text-align: center; padding: 0 1em; }
table.notification-preferences td { padding: 0.5em 0; }
table.notification-preferences td.button { text-align: center; }

#user-overview-block h3 { color: #228; }
#user-overview-block .framed-photo { margin-left: 50px; margin-top: 1em; }
#user-overview-block .framed-photo img { padding: 8px; background-color: #ddf; border: 1px solid #aaf; }
#user-overview-block .edit-photo { margin-left: 50px; }
#user-overview-block .user-level { margin-left: 50px; margin-top: 1em; }
#user-overview-block .user-level .title { font-weight: bold; font-size: 110%; color: #228; }
#user-overview-block .user-level .member-since { color: #666; }
#user-overview-block .user-stats { margin-top: 2em; }
#user-overview-block .user-stats .heading { margin-left: 50px; font-weight: bold; margin-bottom: 0.5em; }
#user-overview-block .user-stats .stats-item { overflow: auto; clear: left; background-color: #eef; margin-bottom: 2px; color: #444; }
#user-overview-block .user-stats .stats-item .label { float: left; width: 150px; margin-left: 50px; }
#user-overview-block .user-stats .stats-item .value { font-weight: bold; }
#user-overview-block .user-stats .stats-item .zero { color: #888; }

#block-about-me { overflow: auto; }
#block-about-me dt, #block-about-me dd { padding-top: 0.5em; }
#block-about-me dt { color: #666; width: 100px; padding-right: 1em; float: left; clear: left; text-align: right; }
#block-about-me dd { color: #444; }