* { border: 0; margin: 0; outline: 0; padding: 0; text-decoration: none }
a { color: #3b5998; cursor: pointer }
a:hover { text-decoration: underline }
abbr, acronym { font-variant: small-caps; letter-spacing: .1em; margin-right: -.1em }
b, h1, strong { font-weight: bold }
body { color: #333 }
button { background-color: #5b74a8; border-color: #26446e #152f5f #0c2253; border-style: solid; border-width: 1px; color: #fff; font-weight: bold; padding: 2px 4px 3px }
del { text-decoration: line-through }
h1 { font-size: 16px }
html { background: #fff; color: #333; font: normal 13px/1.5 "lucida grande",tahoma,verdana,arial,sans-serif; overflow-y: scroll }
input, select, textarea { background: #fff }
input, select { border: 1px solid #bdc7db }
textarea { border: 1px solid; border-color: #e8e8e8 #bbb #bbb; color: #777; font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-size: 11px; max-width: 100%; padding: 3px; width: 100% }
textarea:focus { color: #333 }

.actions { text-align: right }
.body { margin: 0 auto; padding: 22px 0 0 0; width: 940px }
.body .aside { float: left; height: 1px; width: 126px }
.bottom { font-size: 11px }
.comments { background: url('comments.png') transparent no-repeat 17px 0; clear: both; margin: 0 0 0 60px; padding: 5px 0 0 0 }
.comment { background: #eceff5; clear: both; margin: 0 0 2px 0; padding: 6px 4px 3px 48px; position: relative; width: 308px }
.comment .actions { margin: 0 5px 0 0 }
.head { background: #3b5998 }
.head .body { margin: 0 auto; padding: 10px 0 6px 0; position: relative; text-align: right; width: 964px }
.logo { left: 0; position: absolute }
.logo a { color: #fff; font-size: 16px; font-weight: bold }

div.status { border-top: 1px solid #eee; clear: both; padding: 8px 0 8px 0; position: relative }
div.status .aside { height: auto; padding: 0 10px 10px 0; width: 50px }
div.status .article { float: left; width: 470px }
div.status .photo { height: 50px; padding: 1px 0 0 0; width: 50px }

div.status .comment .photo { background: red; height: 32px; left: 6px; padding: 0; position: absolute; top: 6px; width: 32px }


.likes { background: #eceff5; font-size: 11px; margin: 0 0 2px 0; padding: 6px 4px 3px 6px; width: 350px }
.likes img { margin: 0 5px 0 0 }
.likes .username { font-weight: normal }

.hates { background: #d1636f; color: #fff; font-size: 11px; margin: 0 0 2px 0; padding: 6px 4px 3px 6px; width: 350px }
.hates a { color: #fff }
.hates img { margin: 0 5px 0 0 }
.hates .username { font-weight: normal }

.nouens { background: #eee; color: #666; font-size: 11px; margin: 0 0 2px 0; padding: 6px 4px 3px 6px; width: 350px }
.nouens a { color: #333 }
.nouens img { margin: 0 5px 0 0 }
.nouens .username { font-weight: normal }

form.status { border-top: 1px solid #aeaeae }
div.status textarea { border: 1px solid #bdc7d8; width: 340px }
.timestamp { color: #808080 }
.username { font-weight: bold }

.self {  }
.me {  }

#content { float: left; margin: 0 auto; padding: 0 0 0 14px; width: 530px }


/*
div { outline: 1px solid red }

*/