html, body { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, code, del, dfn, em, img, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

blockquote, q { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; quotes: "" ""; }
blockquote:before, q:before, blockquote:after, q:after { content: ""; }

th, td, caption { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; text-align: left; font-weight: normal; vertical-align: middle; }

table { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; border-collapse: separate; border-spacing: 0; vertical-align: middle; }

a img { border: none; }

.tweets .header { behavior: url('/javascripts/DD_roundies.htc'); behavior: url('/javascripts/DD_roundies.htc'); -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; behavior: url('/javascripts/DD_roundies.htc'); -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; background-color: black; width: 208px; color: white; padding: 6px 22px; }
.tweets .column { font-size: 0.75em; background-color: #f2f2f2; width: 240px; padding: 6px; }
.tweets .column .tweet { background-color: #f2f2f2; padding: 0.5em 0; border-bottom-color: #cccccc; border-bottom-width: 1px; border-bottom-style: solid; }
.tweets .column .tweet .handle { cursor: move; background-color: #bbbbbb; padding: 2px 6px 5px 6px; margin-bottom: 6px; text-align: right; }
.tweets .column .tweet .handle a { cursor: pointer; }
.tweets .column .tweet .message { overflow: hidden; float: left; width: 180px; }
.tweets .column .tweet .avatar { float: left; margin: 6px 12px 6px 0; }
.tweets .column .tweet .avatar img { height: 48px; width: 48px; }
.tweets .column .tweet .details { font-size: 0.85em; margin: 1em 12px 0 12px; }

body { background-color: #9b2c41; margin: 0; font-family: Tahoma, Verdana, sans-serif; }

a { text-decoration: none; }

a:hover { text-decoration: underline; }

.channel { width: 800px; margin: 0 auto; }

#peeps { background-color: #fa754a; background-image: url("../../images/21peeps.com/header_top_runner.gif"); background-repeat: repeat-x; }
#peeps .bottom_runner { padding-top: 1px; background-image: url("../../images/21peeps.com/header_bottom_runner.gif"); background-position: bottom left; background-repeat: repeat-x; }
#peeps a.logo { display: block; }
#peeps a.logo h1 { margin: 11px 0 0 0; height: 38px; width: 202px; position: relative; font-size: 24pt; color: white; font-family: Courier, "Courier New", serif; }
#peeps a.logo h1 span { background-image: url("../../images/21peeps.com/21peeps.gif"); position: absolute; width: 100%; height: 100%; }
#peeps #create { margin: 30px 0 20px 0; }
#peeps #create a.create_button { display: block; float: right; color: white; }
#peeps #create a.about { margin-left: 130px; color: #cccccc; }

#user { float: left; background-color: #6c82b3; padding: 6px; margin: 0 0 -38px 20px; behavior: url('/javascripts/DD_roundies.htc'); -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }

#workspace { width: 1076px; margin: auto; }

#favorites { margin-top: 45px; float: right; padding: 7px; background-color: #bbbbbb; }
#favorites .navigate { font-size: 0.75em; text-align: right; margin-bottom: 0.5em; }
#favorites a { color: #6c82b3; }
#favorites .column { margin: auto; }

#board { clear: both; behavior: url('/javascripts/DD_roundies.htc'); -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; background-color: #8397be; background-color: #6c82b3; padding-bottom: 3em; }
#board .header.with_user { margin-left: 80px; }
#board .header.with_user .overview { width: 400px; }
#board .header.with_user .overview a { color: #f2f2f2; font-size: 1.25em; }
#board .header { color: #f2f2f2; }
#board .overview { font-size: 0.75em; float: left; width: 480px; margin: 12px 0 12px 17px; }
#board .overview .about { font-size: 1.25em; }
#board .see_also { width: 240px; font-size: 0.75em; float: right; margin: 14px 11px 6px 0; }
#board .see_also a { color: #f2f2f2; text-decoration: underline; }
#board .callout { color: #f2f2f2; font-size: 0.75em; float: right; padding: 6px 12px; width: 200px; margin: 6px 11px 6px 0; background-color: #94a7ca; }
#board .body .header { float: left; margin-left: 11px; }
#board .body .column { float: left; margin-left: 11px; }

#about { background-color: #f24459; background-repeat: no-repeat; }
#about .body { padding-bottom: 3em; width: 780px; margin: auto auto; padding-top: 4em; background-image: url('../../images/21peeps.com/board_down_arrow.png'); background-repeat: no-repeat; background-position: 10px 10px; }
#about .body .copy { width: 280px; float: left; margin-left: 20px; }
#about .about { color: #ffc84d; margin-bottom: 1em; }
#about .description { font-size: 1.5em; color: #83ca5d; font-family: "Times New Roman", "Times Roman", serif; width: 200px; }
#about .description strong { font-family: Tahoma, Verdana, sans-serif; }
#about .create { font-size: 0.75em; text-align: right; }
#about .create a { color: #f2f2f2; }
#about .benefit { font-family: "Times New Roman", "Times Roman", serif; margin: 1em 0; color: #303030; }
#about .benefit strong { font-weight: normal; font-family: Tahoma, Verdana, sans-serif; color: #ffc84d; }
#about .explore { width: 404px; float: right; }
#about .explore .faces { behavior: url('/javascripts/DD_roundies.htc'); -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; margin-bottom: 2em; color: #303030; border-width: 3px; border-style: solid; border-color: #83ca5d; background-color: #f8a1ac; padding: 22px; }
#about .explore .faces .header { font-size: 1.20em; padding: 6px 6px 18px 6px; }
#about .explore .faces .header strong { font-weight: normal; font-size: 1.25em; }
#about .explore .faces .inner { overflow: auto; background-color: white; padding: 14px; }
#about .explore .faces .inner a { padding: 3px; display: block; float: left; }

#recent { background-color: #fa754a; }
#recent .divider { background-image: url("../../images/21peeps.com/recent_top_runner.gif"); height: 9px; }
#recent .arrow { margin: auto; width: 780px; background-image: url("../../images/21peeps.com/recent_arrow.gif"); background-repeat: no-repeat; background-color: #fa754a; background-position: 20px 15px; height: 60px; }
#recent .body { background-image: url("../../images/21peeps.com/header_bottom_runner.gif"); background-position: bottom left; background-repeat: repeat-x; background-color: #fa754a; }
#recent .body .peeps { overflow: auto; width: 800px; margin: auto; behavior: url('/javascripts/DD_roundies.htc'); -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; background-color: #83ca5d; }
#recent .body .peeps .join { margin: 2em 24px 0 0; font-size: 0.75em; text-align: right; }
#recent .body .peeps .join a { color: #f2f2f2; text-decoration: underline; }
#recent .body .peeps .header { font-size: 1.25em; margin: 0 24px 0.75em 24px; color: #f2f2f2; }
#recent .body .peeps .header strong { font-weight: normal; font-size: 1.25em; }
#recent .body .peeps .faces { margin: 0 24px 2em 24px; float: left; width: 384px; overflow: auto; background-color: white; padding: 14px; }
#recent .body .peeps .faces a { padding: 3px; display: block; float: left; }
#recent .body .instructions { font-family: "Times New Roman", "Times Roman", serif; width: 320px; float: left; }
#recent .bottom { height: 8em; background-color: #f24459; }

#footer { clear: both; background-color: #9b2c41; }
#footer .body { margin: auto; }
#footer .body .credits { font-size: 0.75em; text-align: right; color: #f2f2f2; width: 780px; padding: 30px 80px; }
#footer .body .credits a { color: #f2f2f2; }

.clearer { clear: both; }