* {margin: 0; padding: 0;}
a {text-decoration: none; color: blue;}
a:hover {text-decoration: underline;}
ul {list-style: none;}
a img, form, fieldset {border: 0;}

body {background: #9ae4e8 url(../images/bg.gif) fixed no-repeat top left; text-align: center; font: 0.75em/1.5 Helvetica, Arial, sans-serif; color: #333;}
#container {width: 755px; margin: 0 auto; padding: 15px 0; text-align: left; position: relative;}

/* Top logo + user bar row — same look on every page as profile (user.php) */
table.site_top_row {
	width: 100%;
	border-collapse: collapse;
	margin: 0 0 2px 0;
	padding: 0;
}
table.site_top_row td.site_top_logo_cell {
	vertical-align: middle;
	padding: 0;
}
table.site_top_row td.site_top_user_cell {
	vertical-align: middle;
	padding: 0 0 0 10px;
	width: 1%;
}
#user_menu_top.user_top_menu_bar {
	float: none;
	clear: none;
	width: 200px;
	padding: 5px;
	margin: 0 0 0 auto;
	background: #E5F9FF;
	border: none;
	text-align: center;
	line-height: 1.35;
}
#user_menu_top.user_top_menu_bar a {
	color: #0000ff;
	text-decoration: none;
}
#user_menu_top.user_top_menu_bar a:hover {
	text-decoration: underline;
}
#user_menu_top.user_top_menu_bar .user_sidebar_chrome p {
	margin: 5px 0;
	text-align: center;
	line-height: 1.35;
}
#user_menu_top.user_top_menu_bar .user_sidebar_chrome b {
	font-weight: bold;
}
* html table.site_top_row td.site_top_logo_cell,
* html table.site_top_row td.site_top_user_cell {
	padding-bottom: 5px;
}
* html .subpage #content {
	margin-top: 5px;
}
* html body#profile #content {
	margin-top: 5px;
}
* html body#show #content {
	margin-top: 5px;
}

#container > b {font-weight: normal; display: block; margin: 0; padding: 0;}
font.site_heading {font-weight: normal;}
#content font.h2_heading,
#content font.h3_heading {font-weight: bold;}
.subpage #content font.h2_heading,
.subpage #content font.h3_heading {margin: 13px 0 4px 0; display: block;}
#content font.h3_heading {display: block;}
hr {display: none;}
#accessibility, #navigation h3, #footer font.footer_heading {position: absolute; left: -9999px; overflow: hidden;}

#container #flash .desc {padding-top: 11px; background: url(../images/arr2.gif) no-repeat 27px 0px; margin-bottom: 9px;}
#container #flash .desc p {display: block; background: #fff; font-size: 2.12em; line-height: 1.2em; padding: 7px; font-weight: bold;}
#container #flash .thumb {padding-left: 26px;}

#slice {background-color: #fff; border-bottom: 1px solid #777; height: 20px; padding: 3px; text-align: left;}

#navigation, #footer {background: #fff;}
#doingForm .bar {background: #eee;}

#content {width: 555px; margin-top: 0px; float: left; padding-bottom: 15px;}
#content #doingForm .bar {line-height: 2.5em; position: relative; padding: 0 10px;}
#content #doingForm .bar font {font: normal 1.5em/1.5 Helvetica, Arial, sans-serif; color: #000; padding-right: 170px;}
#content #doingForm .bar span {font-size: 0.92em; display: block; position: absolute; top: 0; right: 10px;}
#content #doingForm .info {background: #fff; padding-top: 3px; text-align: center;}
#content #doingForm textarea {padding: 4px; font: 1.15em/1.1 Helvetica, Arial, sans-serif; background: #fff; overflow: hidden;}
#content #doingForm .submit {background: url(../images/arr.gif) no-repeat top center; padding-top: 16px;}
#content #submit {display: block; padding: 3px 10px; margin: 0 auto; font: bold 1.12em/1.5 Helvetica, Arial, sans-serif;}
#content font.thumb {font-size: 3em;}
#content font.thumb {font-weight: normal;}
#content font.thumb img,
#content #permalink h2.thumb img {vertical-align: middle; border: 1px solid #999;}
#content font.thumb small {font-size: .4em;}
#content div.desc {padding-top: 11px; background: url(../images/arr2.gif) no-repeat 14px 0px; margin-top: 6px;}
#content div.desc p {display: block; background: #fff; font-size: 2.12em; line-height: 1.2em; padding: 7px; font-weight: bold;}
#content div.desc .meta {font-size: .98em; text-align: right; padding: 2px 7px; font-weight: normal;}
#content div.desc .meta img {vertical-align: top;}
#content .tabMenu {width: 555px; padding: 1px 0; text-align: right; margin: 15px 0 0; border: 0;}
#content .tabMenu li {display: inline; margin: 0; border: 0;}
#content .tabMenu li a {display: inline; padding: 4px 20px 4px 20px; background: #eee;}
#content .tabMenu li.active a {background: #fff; color: #000;}
#content .tab {background: #fff; padding-top: 1px;}
#content .tab font.h3_heading {font-size: 1.7em; font-weight: bold; padding: 5px 8px; color: #000;}
#content .tab #ad {text-align: center;}
#content .doing {margin: .5em 0; padding: 0 10px 1em; font-size: 1.2em; line-height: 1.1; width: 100%;}
#content .doing td {vertical-align: middle;}
#content .doing td + td {vertical-align: top;}
#content .doing .thumb {padding: 6px 5px 2px 4px; width: 50px;}
#content .doing .thumb img {border: 1px solid #999;}
#content .doing .meta {font-size: 0.80em;}
#content .doing .meta img {vertical-align: top;}
#content .doing .even {background-color: #eef;}
#content .doing .user_actions {vertical-align: top; width: 16px;}
#content .doing.doing_with_friends td.thumb {
	padding-right: 70px;
	padding-left: 6px;
}
#content .doing.doing_with_friends td.thumb + td {
	padding-left: 14px;
}
/* Footer row: inner div keeps spacing in old IE (colspan td padding is flaky) */
#content .doing td.statuses_options {
	padding: 0;
	vertical-align: top;
}
#content .doing .statuses_options_inner {
	display: block;
	margin: 16px 0 10px 0;
	padding: 8px 6px 6px 6px;
	font-size: 0.85em;
	line-height: 1.5;
	zoom: 1;
}
#content .doing tr.statuses_options_row td {
	padding-top: 0;
	padding-bottom: 0;
}

#content #permalink {padding-top: 153px;}
#content #permalink div.desc {background: 0;}
#content #permalink h2.thumb {background: url(../images/arr.gif) no-repeat 335px 0; padding: 16px 0 5px 321px; font-size: 2em;}
#content #permalink #ad {text-align: right;}
#content .desc .status_actions {float: right; padding: 5px 5px;}
#content .desc .status_actions li {display: inline;}
#content .desc .status_actions li img {vertical-align: middle;}

/* padding-top must clear arr2.gif (drawn in this top band); logo→content gap uses .site_top_row margin + margin-top */
.subpage #content {padding-top: 11px; background: url(../images/arr2.gif) no-repeat 25px 0; margin-top: 2px;}
.subpage #content .wrapper {background: #fff; padding: 1em 18px 5em;}
.subpage.plain #content .wrapper > h2 {
	margin: 0 0 0.75em 0;
	font-size: 1.25em;
	font-weight: bold;
}
.subpage.plain #bio-pics {
	margin: 1em 0;
}
.subpage.plain #bio-pics div {
	line-height: 1;
}
.subpage.plain #bio-pics a {
	display: inline-block;
	margin: 0 6px 8px 0;
	vertical-align: top;
}
.subpage.plain #bio-pics img {
	border: 1px solid #999;
	vertical-align: middle;
}
.subpage #content p {line-height: 1.2; margin: .2em 0;}
.subpage #content p+p {text-indent: 1em;}
.subpage #content ol, #side ol, #side_extra ol {padding-left: 30px;}
.subpage #content code {font-size: 1.2em;}

#side, #side_extra {float: right; clear: right; width: 162px; padding: 12px; margin-top: 10px; margin-bottom: 10px; border: 1px solid #87bc44; background: #e0ff92; line-height: 1.2;}
.subpage #side, .subpage #side_extra {margin-top: 15px;}
#side div.msg, #side_extra div.msg {padding: 10px 5px 10px 30px; background: url(../images/girl.gif) no-repeat 0% 50%;}
#side div.msg strong, #side_extra div.msg strong {display: block; font-size: 1.4em;}
#side div.msg font.msg_heading, #side_extra div.msg font.msg_heading {padding: 10px 0; font-size: 1.25em; font-weight: bold;}
#side ul, #side_extra ul {margin: 8px 0;}
#side .notify, #side_extra .notify {border: 1px solid #87bc44; background: #fff; padding: 2px 5px; font-weight: bold; margin: 10px -3px;}
#side .actions, #side_extra .actions {border: 1px solid #87bc44; background: #fff; padding: 2px 5px; margin: 10px -3px;}
#side .actions small, #side_extra .actions small {font-size: .9em;}
#side .actions a, #side_extra .actions a {padding-left: 7px;}
#side .admin, #side_extra .admin {border: 1px solid #87bc44; background: #fff; padding: 2px 5px; margin: 10px -3px;}
#side .admin a, #side_extra .admin a {color: red; padding-left: 7px;}
#side .featured, #side_extra .featured {border: 1px solid #87bc44; background: #fff; padding: 2px 5px; margin: 10px -3px;}
#side .featured img, #side_extra .featured img {vertical-align: middle; padding: 1px 0 1px 7px;}
#side .featured .featured_count, #side_extra .featured .featured_count {color: #666; font-weight: normal;}
#side .featured li small, #side_extra .featured li small {font-size: 0.85em;}

#side .notify, #side_extra .notify {text-align: center; line-height: 1.5; padding: 5px 0;}
#side .notify .join, #side_extra .notify .join {font-size: 1.5em; background: yellow;}
#side ul.todo, #side_extra ul.todo {font-style: italic;}
#side .signin label, #side_extra .signin label {font-size: 1.12em; padding-left: 1px;}
#side .signin #email, #side .signin #pass, #side_extra .signin #email, #side_extra .signin #pass {border: 1px solid #86bc46; background: #fff; width: 158px; display: block; padding: 4px 2px; font-size: 0.92em;}
#side .signin #remember, #side_extra .signin #remember {display: block; float: left; margin-right: 4px;}
#side .signin div, #side_extra .signin div {margin: 2px 0 4px;}
#side #submit, #side_extra #submit {display: block; padding: 3px 10px; margin: 5px auto; font: bold 1.12em/1.5 Helvetica, Arial, sans-serif;}
#side #friends img, #side_extra #friends img {padding: 0px;}
#side #friends .non-friend, #side_extra #friends .non-friend {opacity: .7; filter: alpha(opacity=70);}
#side .note, #side_extra .note {background: #fff; font-size: .95em; padding: 3px; border: 1px dashed #aaa;}
#side .note strong, #side_extra .note strong {color:red;}
#side .note li+li, #side_extra .note li+li {border-top: 1px solid #ccc; padding-top: 4px;}
#side .note a, #side_extra .note a {text-decoration: underline;}
#side .about li, #side_extra .about li {padding-bottom: 3px;}

ul.friends_view_tabs {list-style: none; margin: 1em 0; padding: 0; border-bottom: 1px solid #ccc;}
ul.friends_view_tabs li {display: inline; margin: 0 8px 0 0;}
ul.friends_view_tabs li a {padding: 4px 12px; background: #eee; display: inline-block;}
ul.friends_view_tabs li.active a {background: #fff; font-weight: bold; color: #000;}

table.friends_list_table {width: 100%; margin: 1em 0; font-size: 1.1em;}
table.friends_list_table td {padding: 8px 6px; vertical-align: middle; border-bottom: 1px solid #eee;}
table.friends_list_table .friends_thumb {width: 56px;}
table.friends_list_table .friends_thumb img {border: 1px solid #999; vertical-align: middle;}
table.friends_list_table .friends_meta {color: #666; font-size: 0.9em; margin-left: 0.35em;}
table.friends_list_table .friends_row_actions {margin-top: 6px;}
table.friends_list_table .friends_row_actions form {display: inline; margin-right: 8px;}

#side .profile_friends,
#side_extra .profile_friends {margin-top: 8px; text-align: left; line-height: 1;}
#side .profile_friends a,
#side_extra .profile_friends a {display: inline-block; margin: 2px 4px 2px 0; vertical-align: middle;}
#side .profile_friends img,
#side_extra .profile_friends img {border: 1px solid #999; vertical-align: middle;}

#navigation {position: absolute; top: 32px; right: 0; padding: 6px 3px; line-height: 1;}
#navigation li {display: inline; padding: 0 0 0 2px;}
#navigation li:before {content: '|'; padding-right: 4px;}
#navigation li.first:before {content: ''; padding-right: 0;}
	
#footer {clear: left; width: 555px; text-align: center; padding: 8px 0; line-height: 1;}
#footer li {display: inline; background: url(../images/divider.gif) no-repeat 0% 50%; padding: 0 2px 0 8px;}
#footer li.first {background: none;}

#front font.h2_heading {line-height: 1.2em; display: block; font-weight: bold;}
#front font.h3_heading {font-weight: bold;}
#front font.h2_heading em {font-style: normal; background-color: yellow;}
#front #tour {border: 1px solid #87bc44; margin: 20px 0 15px 0; padding-top: 7px; text-align: center;}

#settingsNav {margin: 0 0 20px 0; font-weight: normal;}

fieldset {margin: 10px 0;}
fieldset p {margin: 0 0 5px 0;}
fieldset th,td {padding: 7px 3px; vertical-align: top;}
fieldset th {text-align: right; width: 11em; padding-top: 10px; font-weight: normal;}
fieldset small {color: #777;}
fieldset input[type="text"], input[type="password"], select, checkbox {margin-right: 3px; border: 1px solid #aaa; padding: 4px 2px;}
fieldset input[type="text"], input[type="password"] {width: 12em;}
fieldset td[colspan="2"] {text-align: right;}
fieldset label {white-space: nowrap; font-weight: normal;}

fieldset.user_search {margin-bottom: 3px;}
fieldset.user_search .friend {border: 2px solid red;}
fieldset.user_search img {vertical-align: middle;}
fieldset.user_search input {font-size: .9em;}

#bio-pics {text-align: center; padding: 10px 0;}
#bio-pics div {text-align: left; margin: auto; width: 158px;}
#bio-pics img {padding-right: 2px;}

#invite_preview {background-color: #eef; padding: 10px; font-size: 1.2em;}
#invite_message {white-space: normal;}

.direct_messages .bar h3 { padding: 4px 4px;}
.direct_messages .bar h3 select {width: 13em;}

.devices {width: 100%;}
.devices small {font-size: 95%;}
.devices .thumb img {border: 1px solid gray;}
#create_device form {padding: 5px;}
#create_device input[type="text"] {width: 12em;}
#create_device select {width: 5em;}
#create_device input[type="text"], #create_device input[type="submit"], #create_device select {font-size:1.5em; vertical-align: middle; padding: 4px 2px;}
.not_verified {background-color: #ffc;}
.activated {background-coler: green;}
.subpage #content tr.not_verified code {display:block; font-size: 1.9em; color: green; font-weight: bold; text-align: center;}

form.device_control {display: inline;}
form.device_control select {font-size: 85%;}