*               { margin: 0; padding: 0; }
body            { font: normal 100% Helvetica, Arial, sans-serif; line-height: 1.7em; color: #222; }
.wrap           { width: 44em; }
#head           { position: relative; height: 5em; padding: 0 3em; background: #222; color: #FFF; }
#head h1        { margin-top:0; font-size: 2em; font-weight: normal; letter-spacing: -0.05em; line-height:2.2em;}
#head h1 a      { color: #FFF; }
#navi           { position: absolute; bottom: 0.1em; left: 16.5em; width: 32em; list-style: none; margin: 0; }
#navi li        { float: left; margin-right: 0.4em; }
#navi a         { color: #FFF; padding: 0.6em 0.5em 0.5em 0.5em; }
#navi a:focus,
#navi a:hover   { color: #FF6200; }
#navi li.act a  { color: #222; background: #FFF; border-top: 2px solid #FF6200; }
#main           { padding: 2em 2em; background: #FFF; color: #000; }
#main li        { margin: 0; border-bottom: 1px dotted #CCC; padding: 0.5em 0; }
#main ul        { list-style: none; }
#foot           { padding: 0.3em 2em 1em 2em; text-align: right; }
#foot a         { text-decoration: none; }
h2              { margin: 0.2em 0 0.5em 0; font-size: 1.4em; font-weight: bold; color: #FF6200; }
h3              { margin: 0; font-size: 1.1em; font-weight: bold; }
h3 .note        { margin-left: 0.3em; }
h4              { font-size:0.9em; font-weight:bold; margin:0; }
form h3         { margin: 0 0 0.5em 0; }
p               { margin-bottom: 0.7em; }
ul              { margin: 0 0 1.7em 0; }
a               { color: #FF6200; text-decoration: none;  }
img             { border: 0; }
form            { margin: 0 0 1.7em 0; }
small           { font-size: 0.8em; font-weight: normal; }
table           { margin: 0 0 1.7em 0; }
th              { font-weight: normal; padding: 0.2em 2em 0.2em 0; text-align: left; color: #AAA; }
td              { padding: 0.2em 2em 0.2em 0; }
form            { margin: 1em 0 1.7em 0; border: 1px dotted #CCC; border-top: 2px solid #AAA; padding: 1em; }
input           { padding: 0.2em; }
select          { width: 24em; }
input[type=text],
input[type=password]    { width: 24em; }
input[type=checkbox],  
input[type=radio]       { position: relative; top: -0.2em; }
input.space             { margin-right: 0.7em; }
select#persona_dob_1i   { width: 6em; }
select#persona_dob_2i   { width: 13em; }
select#persona_dob_3i   { width: 5em; }
div.row                 { margin: 0 0 0.7em 0; clear: both; }
div.space               { margin: 0 0 1.7em 0; }
label                   { display: block; }
label.check             { display: inline; margin: 0 2em 0 0.2em; }
label.note              { display: inline; margin: 0 0 0 0.4em; }
div.inline label        { float: left; width: 8.5em; }
.labelspace             { margin-left: 10.5em; }
.options a              { margin-right: 0.7em; }
.note                   { font-size: 0.9em; color: #AAA; font-weight: normal; }
.note a,
a#forgot_password       { color: #AAA; margin: 0 0.3em; text-decoration: underline; font-weight: normal; }
#openid_identifier      { background: url(/images/openid_symbol.png) 2px 50% no-repeat; padding-left: 25px; }
.clear                  { clear: both; }
.notice                 { margin: 0 0 1.7em 0; border: 1px solid #60964f; padding: 0.5em; background: #b3dca7; }
.fieldWithErrors label  { color: #FF6200; }
.error,
#errorExplanation       { margin: 0 0 1.7em 0; padding: 0.5em 1em; background: #FF6200; color: #222; }
#errorExplanation h2    { font-size: 1.1em; color: #222; }
#errorExplanation ul    { margin: 0 0 0 1.2em; list-style: square; }
#errorExplanation ul li { padding: 0; border: 0; }

#head img { margin-top: 0.3em;  }
.openid-intro { word-break:break-all; }
.openid-intro a { background:transparent url(/images/external.png) right top no-repeat;padding-right:12px; }
.openid-intro a:hover { background:#ccc url(/images/external.png) right top no-repeat;padding-right:12px; }
.openid-intro b a { background:none;padding:0; }
.openid-intro b a:hover { background:#ccc;padding:0; }
.openid-intro code { border:1px solid #fff;border-bottom:1px dotted #000;color:#FF6200; }
.openid-intro code:hover { cursor:help; }
.openid-intro pre { background:#ccc;margin:0 0 0 1em;overflow:auto;border:1px solid #000;height:5em; }
.openid-intro img { float:right;margin:2px;border:1px solid #ccc; }

.inline .photo-persona-check { display:inline;width:auto;float:none;top:0; }
.inline .photo-persona-label { display:inline;width:auto;float:none;margin-right:0.4em; }

.personas-index { border:1px dotted #ccc;border-top: 2px solid #AAA; padding: 1em; }
.personas-item { width:45%;float:left;height:8em;padding:1em; }
div.personas-item:hover { background-color:#eee; }
.personas-photo { max-width:100px;height:80px;float:left;margin-right:0.4em;overflow:hidden;background-color:#ccc; }
.personas-detail { float:left;font-size:12px;line-height:16px;color:#aaa; }
.personas-options { clear:both;margin-bottom:1em; }
.personas-tool { clear:both;margin-top:1em; }

.personas-decide { padding: 0.2em; }
.personas-decide .personas-item { width:45%;float:left;height:9em;padding:1em; }
.personas-decide .personas-options { clear:both;padding-top:0.4em; }

.photos-index { border:1px dotted #ccc;border-top: 2px solid #AAA; padding:1em; }
.photos-index .photos-item { width:19%;float:left;text-align:center; }
.photos-index div.photos-item:hover { background-color:#eee; }
.photos-photo { width:100px;height:80px;overflow:hidden;margin:0.2em auto;padding:0.2em; }
.photos-options { margin:0.2em auto; }
.photos-tool { clear:both; }

.sites-index { border:1px dotted #ccc;border-top: 2px solid #AAA; padding:0.1em; }
.sites-index .sites-item { width:100%; }
.sites-index div.sites-item:hover { background-color:#eee; }
.sites-index .sites-item .sites-site { float:left;width:10em;overflow:hidden;background-color:#fff; }
.sites-index .sites-item .sites-site .sites-title {height:5.5em;}
.sites-index .sites-item .sites-site .sites-options {font-size:0.8em;}
.sites-index .sites-item .sites-persona { float:left; }
.sites-index .sites-item .sites-persona .personas-item { width:auto;height:auto;padding:4px; }
.sites-index .sites-item .sites-persona .personas-item .personas-photo {max-width:100px;height:80px;float:left;margin-right:0.4em;overflow:hidden;background-color:#ccc;}
.sites-index .sites-item .sites-persona .personas-item .personas-detail { float:left;font-size:12px;line-height:16px;color:#aaa; }


.persona-edit form div { display:none; }
.persona-edit form div.persona-edit-photo { float:right;text-align:center;display:inline; }
.persona-edit form div.persona-edit-photo img { border:4px solid #ccc;display:inline; }
.persona-edit form div.persona-edit-form { float:left;display:block; }
.persona-edit form div.persona-edit-form div {display:block; }
.persona-edit form div.persona-edit-tool { clear:both;display:block; }

#right-sidebar {float:right;border:1px solid #ccc;padding:0.4em;width:12em;margin-top:1em;}
#right-sidebar h2 { margin-bottom:0;font-size:1.1em;font-weight:bold;border-bottom:1px dotted #ccc; }
#right-sidebar ul { margin:0px;padding:0px;list-style:none; }
#right-sidebar li { list-style:none;border-bottom:0px;padding:0 0 0 0;font-size:0.9em;line-height:1.6em;margin-left:0px; }
#hot-websites {width:12em;margin-bottom:1em;}
#new-comments {width:12em;margin-bottom:1em;}