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

body {
  line-height: 1.5; }

table {
  border-collapse: separate;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal; }

table, td, th {
  vertical-align: middle; }

blockquote:before, blockquote:after {
  content: ""; }

q:before, q:after {
  content: ""; }

blockquote, q {
  quotes: "" ""; }

a img {
  border: none; }

body {
  font-size: 100%;
  color: #222;
  background: #fff;
  font-family: "Verdana", Arial, Helvetica, sans-serif; }

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  color: #111; }

h1 {
  font-size: 3em;
  line-height: 1;
  margin-bottom: 0.5em; }

h2 {
  font-size: 2em;
  margin-bottom: 0.75em; }

h3 {
  font-size: 1.5em;
  line-height: 1;
  margin-bottom: 1em; }

h4 {
  font-size: 1.2em;
  line-height: 1.25;
  margin-bottom: 1.25em; }

h5 {
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 1.5em; }

h6 {
  font-size: 1em;
  font-weight: bold; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
  margin: 0; }

p {
  margin: 0 0 1.5em; }
  p img.left {
    float: left;
    margin: 1.5em 1.5em 1.5em 0;
    padding: 0; }
  p img.right {
    float: right;
    margin: 1.5em 0 1.5em 1.5em; }

a {
  color: #009;
  text-decoration: underline; }
  a:focus, a:hover {
    color: #000; }

blockquote {
  margin: 1.5em;
  color: #666;
  font-style: italic; }

strong {
  font-weight: bold; }

em {
  font-style: italic; }

dfn {
  font-style: italic;
  font-weight: bold; }

sup, sub {
  line-height: 0; }

abbr, acronym {
  border-bottom: 1px dotted #666; }

address {
  margin: 0 0 1.5em;
  font-style: italic; }

del {
  color: #666; }

pre {
  margin: 1.5em 0;
  white-space: pre;
  font: 1em 'andale mono', 'lucida console', monospace;
  line-height: 1.5; }

code, tt {
  font: 1em 'andale mono', 'lucida console', monospace;
  line-height: 1.5; }

li ul, li ol {
  margin: 0 1.5em; }

ul, ol {
  margin: 0 1.5em 1.5em 1.5em; }

ul {
  list-style-type: disc; }

ol {
  list-style-type: decimal; }

dl {
  margin: 0 0 1.5em 0; }
  dl dt {
    font-weight: bold; }

dd {
  margin-left: 1.5em; }

table {
  margin-bottom: 1.4em;
  width: 100%; }

th {
  font-weight: bold;
  padding: 4px 10px 4px 5px; }

td, caption {
  padding: 4px 10px 4px 5px; }

tr.even td {
  background: #e5ecf9; }

tfoot {
  font-style: italic; }

caption {
  background: #eee; }

label {
  font-weight: bold;
  font-size: 15px; }

fieldset {
  padding: 1.4em;
  margin: 0 0 1.5em 0;
  border: 1px solid #ccc; }

legend {
  font-weight: bold;
  font-size: 1.2em; }

input.text, input.title, input[type=text], input[type=password] {
  background-color: #fff;
  border: 1px solid #bbb;
  padding: 5px;
  font-size: 15px;
  margin: 0.5em 0; }
input.text:focus, input.title:focus, input[type=text]:focus, input[type=password]:focus {
  border-color: #666; }
input.text, input[type=text], input[type=password] {
  width: 300px;
  padding: 5px; }
input.title {
  width: 300px;
  padding: 5px;
  font-size: 19px; }
input.submit {
  padding: 5px 10px;
  font-size: 16px;
  font-weight: bold; }

textarea, select {
  background-color: #fff;
  border: 1px solid #bbb;
  padding: 5px; }

textarea:focus, select:focus {
  border-color: #666; }

textarea, select {
  margin: 0.5em 0; }

textarea {
  padding: 5px; }

input[type=checkbox], input[type=radio], input.checkbox, input.radio {
  position: relative;
  top: .25em; }

form.inline {
  line-height: 3; }
  form.inline p {
    margin-bottom: 0; }

.error, .notice, .success {
  padding: .8em;
  margin-bottom: 1em;
  border: 2px solid #ddd; }

.error {
  background: #FBE3E4;
  color: #8a1f11;
  border-color: #FBC2C4; }
  .error a {
    color: #8a1f11; }

.notice {
  background: #FFF6BF;
  color: #514721;
  border-color: #FFD324; }
  .notice a {
    color: #514721; }

.success {
  background: #E6EFC2;
  color: #264409;
  border-color: #C6D880; }
  .success a {
    color: #264409; }

.clearfix:after, .container:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow: hidden; }

.clearfix, .container {
  display: block; }

.clear {
  clear: both; }

input.with-loading {
  float: left; }

img.loading {
  float: left;
  display: block;
  margin: 8px 0 0 5px;
  display: none; }

div.focusable-field, div.input-field {
  margin-bottom: 5px;
  padding: 8px 5px 7px 10px;
  width: 320px; }
  div.focusable-field.focused, div.input-field.focused {
    background: #FFF7C0; }

div.textarea-field {
  width: 435px !important; }

#jquery-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 90;
  width: 100%;
  height: 500px; }

#jquery-lightbox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  text-align: center;
  line-height: 0; }
  #jquery-lightbox a img {
    border: none; }

#lightbox-container-image-box {
  position: relative;
  background-color: #fff;
  width: 250px;
  height: 250px;
  margin: 0 auto; }

#lightbox-container-image {
  padding: 10px; }

#lightbox-loading {
  position: absolute;
  top: 40%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0; }

#lightbox-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10; }

#lightbox-container-image-box > #lightbox-nav {
  left: 0; }

#lightbox-nav a {
  outline: none; }

#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
  width: 49%;
  height: 100%;
  zoom: 1;
  display: block; }

#lightbox-nav-btnPrev {
  left: 0;
  float: left; }

#lightbox-nav-btnNext {
  right: 0;
  float: right; }

#lightbox-container-image-data-box {
  font: 10px Verdana, Helvetica, sans-serif;
  background-color: #fff;
  margin: 0 auto;
  line-height: 1.4em;
  overflow: auto;
  width: 100%;
  padding: 0 10px 0; }

#lightbox-container-image-data {
  padding: 0 10px;
  color: #666; }
  #lightbox-container-image-data #lightbox-image-details {
    width: 70%;
    float: left;
    text-align: left; }

#lightbox-image-details-caption {
  font-weight: bold; }

#lightbox-image-details-currentNumber {
  display: block;
  clear: left;
  padding-bottom: 1.0em; }

#lightbox-secNav-btnClose {
  width: 66px;
  float: right;
  padding-bottom: 0.7em; }

#chat {
  position: absolute;
  width: 40px;
  height: 500px;
  left: 1040px;
  top: 70px; }

.fixed {
  position: fixed; }

#chat #friend-list {
  left: -170px;
  position: absolute;
  top: 0;
  width: 170px;
  z-index: 100; }
  #chat #friend-list h4 {
    background: url("../images/chat-friends-header.png") no-repeat;
    border: none;
    height: 40px;
    margin: 0;
    color: white;
    line-height: 37px;
    font-size: 16px;
    text-align: center;
    font-weight: bold; }
#chat #friend-list-list {
  min-height: 100px;
  border: 2px solid silver;
  border-top: none;
  background: white;
  margin: 0; }
  #chat #friend-list-list li {
    list-style: none; }
    #chat #friend-list-list li a {
      padding: 0;
      color: black;
      display: block;
      text-decoration: none; }
      #chat #friend-list-list li a:hover {
        font-weight: bold;
        background: #fcfccf; }
#chat #friend-list .friend-name {
  float: left;
  padding: 5px;
  line-height: 26px; }
#chat #link-friends {
  display: block;
  margin: 0 0 25px;
  height: 56px;
  width: 52px;
  background: url("../images/chat-icon.png") no-repeat; }

.chat {
  position: relative;
  display: block;
  width: 56px;
  height: 52px;
  margin: 20px 0; }
  .chat .chat-link {
    width: 52px;
    height: 56px;
    line-height: 50px;
    text-align: center;
    font-size: 20px;
    background: url("../images/chat-online-icon.png") no-repeat;
    color: white;
    text-decoration: none;
    display: block; }
  .chat.typing .chat-link {
    background: url("../images/chat-typing-icon.png") no-repeat; }
  .chat.offline .chat-link {
    background: url("../images/chat-offline-icon.png") no-repeat; }

.chat-controls {
  float: right;
  width: 20px;
  display: block;
  margin: 0; }
  .chat-controls td {
    padding: 0 !important;
    position: relative;
    top: -3px; }
  .chat-controls a {
    display: block;
    width: 16px;
    height: 16px;
    text-indent: 5000px; }
  .chat-controls .chat-close {
    margin: 2px 3px 0 0;
    background: url("../images/x.png") no-repeat; }
    .chat-controls .chat-close:hover {
      background: url("../images/x-hover.png") no-repeat; }

.friends-hide {
  float: right;
  width: 20px;
  margin: 10px 0 0 0;
  text-indent: 5000px;
  background: url("../images/arrow.png") no-repeat; }
  .friends-hide:hover {
    background: url("../images/arrow-hover.png") no-repeat; }

.chat-controls .chat-hide {
  margin: 2px 0 0 0;
  background: url("../images/arrow.png") no-repeat; }
  .chat-controls .chat-hide:hover {
    background: url("../images/arrow-hover.png") no-repeat; }

.chat .chat-box {
  position: absolute;
  left: -179px;
  background: white;
  width: 179px;
  height: 250px; }
.chat h4.chat-head {
  margin: 0;
  background: url("../images/chat-online-header.png") no-repeat;
  height: 40px;
  display: block;
  color: white;
  text-align: center;
  line-height: 38px;
  font-weight: bold; }

.typing h4.chat-head {
  background: url("../images/chat-typing-header.png") no-repeat !important; }

.offline h4.chat-head {
  background: url("../images/chat-offline-header.png") no-repeat !important; }

.chat .chat-content {
  border: 2px solid silver; }
.chat .chat-messages {
  display: block;
  width: 157px;
  margin: 5px;
  height: 140px;
  font-size: 10px;
  border: 1px solid silver;
  overflow: auto;
  padding: 3px; }
.chat .chat-input {
  background: white; }
  .chat .chat-input textarea {
    width: 153px;
    height: 30px;
    margin: 5px;
    font-size: 11px; }

.friendlink {
  display: inline-block; }
  .friendlink:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }

html[xmlns] .friendlink {
  display: block; }

* html .friendlink {
  height: 1%; }

body {
  background: url("../images/bg.png") repeat-x #88afd3 top center;
  font-size: 80%; }

.nomargin {
  margin: 0 !important; }

.auto_complete {
  z-index: 100; }

#flames {
  background: url("../images/flames.png") no-repeat top center;
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: -1; }

.relative {
  position: relative; }

span.field-title {
  position: absolute;
  left: 435px; }

#searchbox {
  padding: 5px 10px !important;
  font-size: 16px;
  width: 230px !important; }

#searchbox-sumbit {
  padding: 5px 10px; }

#searchform {
  margin: auto;
  text-align: center; }

a {
  outline: 0; }

div.alphabet {
  margin: 0 auto 10px;
  text-align: center;
  width: 680px; }
  div.alphabet a {
    float: left;
    width: 20px;
    text-decoration: none;
    padding: 3px;
    color: #666;
    background: #ebebeb;
    margin: 0;
    font-family: 'Lucida Console', 'Monaco CE', fixed, monospace;
    font-size: 22px; }
    div.alphabet a:hover, div.alphabet a.active {
      background: #cdcdcd; }
    div.alphabet a:hover.active {
      background: #bababa; }

div.user-profile {
  background: #F5F5F5;
  width: 520px; }

.profile-top {
  background: url('../images/profile.png') transparent no-repeat;
  height: 12px;
  width: 520px;
  display: block; }

.profile-bottom {
  background: url('../images/profile.png') transparent no-repeat;
  height: 12px;
  width: 520px;
  display: block;
  background-position: 0 -12px;
  margin-bottom: 15px; }

table.user-profile-table {
  float: left;
  padding: 0 10px;
  width: 400px; }

#top-bg {
  width: 1040px;
  margin: 20px auto 0;
  background: url("../images/top-bg.png") no-repeat;
  height: 10px; }

#bottom-bg {
  width: 1040px;
  margin: 0 auto;
  background: url("../images/bottom-bg.png") no-repeat;
  height: 10px; }

#container {
  position: relative;
  width: 960px;
  margin: 0 auto;
  background: #fff;
  padding: 20px 40px 0px;
  min-height: 600px; }

.round {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; }

.for-sale {
  color: red;
  font-size: 15px;
  font-weight: bold; }

.left {
  float: left; }

.right {
  float: right; }

#ie6-box {
  display: none; }

div.separator {
  margin-bottom: 10px; }

.gray {
  color: #999; }

.list-none {
  list-style: none; }

.fieldWithErrors {
  display: inline; }
  .fieldWithErrors input {
    background-color: #ff9f9f; }

#errorExplanation {
  width: 400px;
  border: 2px solid #CF0000;
  padding: 0px 0px 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0; }
  #errorExplanation h2 {
    text-align: left;
    font-weight: bold;
    padding: 5px 5px 5px 15px;
    font-size: 12px;
    margin: 0;
    background-color: #c00;
    color: #fff; }
  #errorExplanation p {
    color: #333;
    margin-bottom: 0;
    padding: 8px; }
  #errorExplanation ul {
    margin: 2px 24px; }
    #errorExplanation ul li {
      font-size: 12px;
      list-style: disc; }

h1#header {
  margin: 0;
  padding: 0; }
  h1#header a {
    width: 314px;
    height: 60px;
    display: block;
    overflow: hidden;
    text-decoration: none;
    color: black;
    text-indent: -5000px;
    background: url('/images/logo.png') no-repeat; }

#subheader {
  padding: 0 0 0 50px;
  font-size: 16px; }

#user-box {
  float: right;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 14px; }
  #user-box a {
    color: #00526F;
    text-decoration: none;
    font-weight: bold; }
    #user-box a:hover {
      text-decoration: underline; }
  #user-box .clearfix {
    display: inline-block; }
    #user-box .clearfix:after {
      content: ".";
      display: block;
      clear: both;
      visibility: hidden;
      line-height: 0;
      height: 0; }
  #user-box html[xmlns] .clearfix {
    display: block; }
  #user-box * html .clearfix {
    height: 1%; }

a#new-project {
  color: white;
  background: url("../images/new-project-button.png") no-repeat top;
  display: block;
  text-indent: -9999px;
  margin-top: 10px;
  width: 228px;
  height: 31px;
  float: right; }
  a#new-project:hover {
    background-position: bottom; }

#content {
  padding-top: 8px; }

#footer {
  text-align: center;
  padding-top: 10px;
  margin: 0; }

#left {
  width: 713px;
  float: left; }
  #left .project .head {
    margin-bottom: 10px; }
    #left .project .head img {
      float: left; }
    #left .project .head h2 {
      width: 500px;
      float: left;
      padding: 0 0 0 10px; }
      #left .project .head h2 a {
        font-size: 24px;
        color: black;
        text-decoration: none; }
  #left .project .voting {
    display: block;
    float: left;
    width: 32px;
    padding: 10px 20px 0;
    text-align: center; }
    #left .project .voting .plus, #left .project .voting .minus, #left .project .voting .points, #left .project .voting .plus-active, #left .project .voting .minus-active {
      display: block; }
    #left .project .voting .plus, #left .project .voting .minus, #left .project .voting .plus-active, #left .project .voting .minus-active {
      width: 32px;
      height: 32px;
      text-indent: -9999px;
      background: url('../images/voting.png') no-repeat; }
    #left .project .voting .plus {
      background-position: bottom left; }
      #left .project .voting .plus:hover {
        background-position: top left; }
    #left .project .voting .plus-active {
      background-position: top left; }
    #left .project .voting .minus {
      background-position: bottom right; }
      #left .project .voting .minus:hover {
        background-position: top right; }
    #left .project .voting .minus-active {
      background-position: top right; }
    #left .project .voting .points {
      color: #A8A8A8;
      font-size: 22px;
      font-weight: bold;
      font-family: Verdana, Arial, serif; }
  #left .project .meta {
    float: right;
    text-align: center; }
    #left .project .meta p {
      margin: 0; }
    #left .project .meta .bookmarks a {
      margin: 2px;
      float: left;
      display: block;
      width: 34px;
      height: 34px;
      background: url('../images/icons/bookmarks.png') no-repeat; }
      #left .project .meta .bookmarks a.twitter {
        background-position: bottom left; }
        #left .project .meta .bookmarks a.twitter:hover {
          background-position: top left; }
      #left .project .meta .bookmarks a.facebook {
        background-position: bottom right; }
        #left .project .meta .bookmarks a.facebook:hover {
          background-position: top right; }
    #left .project .meta .flag {
      font-size: 10px; }

#right {
  float: right;
  width: 229px; }
  #right dl {
    padding: 0.5em; }
  #right dt {
    float: left;
    clear: left;
    width: 50px;
    text-align: right;
    font-weight: normal; }
    #right dt:after {
      content: ":"; }
  #right dd {
    font-weight: bold;
    margin: 0 0 0 60px;
    padding: 0 0 0.5em 0; }
  #right h4.right-h4 {
    line-height: 22px;
    font-size: 14px;
    margin-bottom: 5px; }
  #right h3.sidebar-header {
    height: 31px;
    color: white;
    line-height: 31px;
    text-align: center;
    margin: 0;
    background: url("../images/sidebar-header.png") no-repeat;
    font-size: 16px; }
  #right div.sidebar-box {
    padding: 10px;
    margin-bottom: 15px;
    background: #f2f1f1;
    -moz-border-radius: 0 0 0 10px;
    border-bottom-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px; }
    #right div.sidebar-box p.date {
      margin: 0 0 10px 5px; }
  #right ul.list-new-projects {
    margin: 0; }
    #right ul.list-new-projects li {
      padding: 5px 0;
      margin: 5px 0;
      border-bottom: 1px solid silver;
      list-style: none; }
      #right ul.list-new-projects li a {
        color: #3b3a3a;
        text-decoration: none; }
        #right ul.list-new-projects li a:hover {
          text-decoration: underline;
          color: black;
          background: white; }
      #right ul.list-new-projects li span.date {
        display: block;
        font-size: 8px;
        text-align: right; }
  #right div.sidebar-box p {
    margin: 0; }
  #right a {
    color: black;
    padding: 2px; }
    #right a:hover {
      background: white; }
  #right .all-projects-link {
    float: right;
    color: darkblue; }
    #right .all-projects-link:hover {
      color: black;
      text-decoration: underline;
      background: inherit; }
  #right #list-projects-page {
    float: left;
    display: block;
    font-size: 15px;
    width: 20px;
    text-align: center; }
  #right a.arrow-link {
    padding: 0;
    text-indent: -9999px;
    height: 23px;
    width: 23px;
    display: block;
    float: left;
    background: url('../images/arrows.png') no-repeat; }
    #right a.arrow-link#list-older-projects {
      background-position: top right; }
      #right a.arrow-link#list-older-projects:hover {
        background-position: top right; }
    #right a.arrow-link#list-newer-projects {
      background-position: top left; }
      #right a.arrow-link#list-newer-projects:hover {
        background-position: top left; }
  #right img.loading {
    margin: 0; }
  #right #search-input input.text {
    width: 214px;
    margin: -2px 0 9px 0;
    padding: 5px 4px 3px 8px;
    font-size: 17px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px; }

p.help {
  margin: 10px 0; }

#projects, #users, #search-results {
  margin-top: 15px; }
  #projects .user:hover, #projects .project:hover, #users .user:hover, #users .project:hover, #search-results .user:hover, #search-results .project:hover {
    background: #EFEFEF; }
  #projects .user .content, #projects .project .content, #users .user .content, #users .project .content, #search-results .user .content, #search-results .project .content {
    float: left; }
    #projects .user .content img, #projects .project .content img, #users .user .content img, #users .project .content img, #search-results .user .content img, #search-results .project .content img {
      float: left;
      margin: 5px 10px 10px 10px; }
    #projects .user .content .user-text, #projects .user .content .project-text, #projects .project .content .user-text, #projects .project .content .project-text, #users .user .content .user-text, #users .user .content .project-text, #users .project .content .user-text, #users .project .content .project-text, #search-results .user .content .user-text, #search-results .user .content .project-text, #search-results .project .content .user-text, #search-results .project .content .project-text {
      float: right;
      padding-top: 7px;
      width: 400px; }
      #projects .user .content .user-text h3, #projects .user .content .project-text h3, #projects .project .content .user-text h3, #projects .project .content .project-text h3, #users .user .content .user-text h3, #users .user .content .project-text h3, #users .project .content .user-text h3, #users .project .content .project-text h3, #search-results .user .content .user-text h3, #search-results .user .content .project-text h3, #search-results .project .content .user-text h3, #search-results .project .content .project-text h3 {
        margin-bottom: 8px; }
      #projects .user .content .user-text p, #projects .user .content .project-text p, #projects .project .content .user-text p, #projects .project .content .project-text p, #users .user .content .user-text p, #users .user .content .project-text p, #users .project .content .user-text p, #users .project .content .project-text p, #search-results .user .content .user-text p, #search-results .user .content .project-text p, #search-results .project .content .user-text p, #search-results .project .content .project-text p {
        margin: 0; }

#users .user .meta, #search-results .user .meta {
  float: right;
  margin: 0;
  font-size: 10px;
  padding: 90px 10px 0 0; }

#projects .project .meta, #search-results .project .meta {
  float: right;
  margin: 0;
  font-size: 10px;
  padding: 90px 5px 0 0; }
  #projects .project .meta span.date, #search-results .project .meta span.date {
    color: #999; }

.tag-cloud {
  padding: 5px 10px 0; }
  .tag-cloud .tag {
    color: #00365e !important;
    text-decoration: underline; }
  .tag-cloud .tag-v {
    font-size: 19px; }
  .tag-cloud .tag-vv {
    font-size: 17px; }
  .tag-cloud .tag-vvv {
    font-size: 15px; }
  .tag-cloud .tag-vvvv {
    font-size: 13px; }
  .tag-cloud .tag-vvvvv {
    font-size: 12px; }

.tags {
  margin-top: 10px;
  font-size: 12px;
  display: block; }
  .tags .tags-label {
    height: 24px;
    line-height: 24px;
    float: left;
    margin-right: 10px;
    display: block; }
  .tags .tag {
    float: left;
    margin-right: 5px; }
  .tags .tag-middle {
    float: left;
    display: block;
    height: 24px;
    line-height: 24px;
    color: #0d3353;
    background: #f0f7ff;
    text-decoration: none;
    border-top: 1px solid #9c9d9d;
    border-bottom: 1px solid #9c9d9d; }
    .tags .tag-middle:hover {
      text-decoration: underline; }
  .tags .tag-left {
    float: left;
    width: 5px;
    height: 26px;
    background: url('../images/tag.png') no-repeat; }
  .tags .tag-right {
    float: left;
    width: 5px;
    height: 26px;
    background: url('../images/tag.png') no-repeat;
    background-position: bottom; }
  .tags .tag:hover {
    color: #fff;
    border-color: #15456e;
    background: #15456e; }

.comments a.show-form {
  font-size: 11px;
  padding: 2px; }

.comment {
  font-size: 13px;
  padding: 0 10px; }
  .comment p {
    margin: 0 !important; }
  .comment .author {
    font-weight: bold;
    text-decoration: none; }
    .comment .author:hover {
      text-decoration: underline; }
  .comment .meta {
    margin: 0;
    font-size: 13px; }

.comments-form textarea {
  float: left;
  margin: 0 5px; }
.comments-form .show-form {
  font-size: 12px; }

.comment-text {
  color: #333; }

h3.response-head {
  margin-top: 10px;
  font-size: 20px; }

.response {
  margin: 15px 0; }
  .response .response-content {
    padding: 0 15px; }
  .response .response-top {
    background: transparent url("../images/response.png") no-repeat;
    display: block;
    height: 13px;
    width: 713px; }
  .response .response-bottom {
    background: transparent url("../images/response.png") no-repeat;
    display: block;
    height: 13px;
    width: 713px;
    background-position: 0 -13px; }

.response-neutral .response-top {
  background-position: 0 -26px; }
.response-neutral .response-bottom {
  background-position: 0 -39px; }

.response-happy .response-top {
  background-position: 0 -52px; }
.response-happy .response-bottom {
  background-position: 0 -65px; }

.comment .comment-top, .comment .comment-bottom {
  width: 510px;
  height: 10px;
  display: block;
  background: url("../images/comment.png") transparent no-repeat; }
.comment .comment-top {
  margin-top: 10px; }
.comment .comment-content {
  padding: 0 10px; }
.comment .comment-bottom {
  margin-bottom: 10px; }

.response-happy {
  background: #d0e7d0; }

.comment-happy .comment-top {
  background-position: 0 -40px; }
.comment-happy .comment-content {
  background: #acdfac; }
.comment-happy .comment-bottom {
  background-position: 0 -50px; }
.comment-happy .author {
  color: #004700; }

.response-neutral {
  background: #faf7d7; }

.comment-neutral .comment-top {
  background-position: 0 -20px; }
.comment-neutral .comment-content {
  background: #f1ecb6; }
.comment-neutral .comment-bottom {
  background-position: 0 -30px; }
.comment-neutral .author {
  color: #655c00; }

.response-sad {
  background: #f2d5d5; }

.comment-sad .comment-top {
  background-position: 0 0; }
.comment-sad .comment-content {
  background: #ebbbbb; }
.comment-sad .comment-bottom {
  background-position: 0 -10px; }
.comment-sad .author {
  color: #820000; }

.response p {
  margin: 0 0 10px 0; }
  .response p.meta {
    font-size: 12px;
    margin-top: -7px !important; }

.response-form h4 {
  margin: 30px 0 0;
  font-size: 18px; }

#index-ladders {
  background: #f5fafa; }

.ladder {
  width: 330px;
  padding: 10px; }
  .ladder h3 {
    text-align: center; }
    .ladder h3 span {
      color: #00adef; }
  .ladder ul {
    padding: 0;
    margin: 0; }
  .ladder li {
    margin: 10px 0;
    width: 329px;
    height: 95px;
    display: block;
    padding: 5px; }

.projects-index li {
  background: url("../images/ladder-box.png") no-repeat; }

.users-index li {
  background: url("../images/ladder-box-user.png") no-repeat; }

.ladder li a {
  color: black;
  text-decoration: none; }
  .ladder li a:hover {
    text-decoration: underline; }
.ladder .logo {
  float: left;
  max-height: 70px;
  max-width: 70px;
  margin: 8px; }
.ladder li p {
  margin: 0;
  float: left;
  padding-left: 10px;
  width: 210px; }
  .ladder li p.text {
    font-size: 15px;
    margin-top: 6px; }
  .ladder li p.meta {
    font-size: 10px;
    color: #666;
    margin-top: 3px; }
.ladder li strong {
  color: black; }

.projects-index {
  float: left; }
  .projects-index li {
    list-style: none; }

.users-index {
  float: right; }
  .users-index li {
    list-style: none; }

.response-left {
  width: 530px;
  float: left; }

.response-right {
  width: 150px;
  float: right; }
  .response-right a.userlink {
    padding: 2px;
    color: black;
    font-weight: bold;
    text-decoration: none; }
    .response-right a.userlink:hover {
      color: white;
      background: black; }

.response-voting {
  width: 150px; }

.response-voting-links {
  float: left;
  width: 100px; }

.response-points {
  float: right;
  margin: 0;
  padding: 0;
  height: 48px;
  width: 50px;
  text-align: center; }
  .response-points span {
    font-size: 20px;
    line-height: 48px; }

.response-voting a {
  display: block;
  height: 18px;
  width: 70px;
  overflow: hidden;
  float: left;
  color: #666;
  font-weight: bold;
  text-decoration: none;
  padding-left: 20px;
  margin: 3px 0; }
  .response-voting a.upvote {
    background: url('../images/upvote.png') no-repeat 0 0; }
    .response-voting a.upvote:hover {
      color: green;
      background: url('../images/upvote.png') no-repeat 0 -18px; }
  .response-voting a.upvote-change:hover, .response-voting a.upvote-active {
    color: green;
    background: url('../images/upvote.png') no-repeat 0 -18px; }
  .response-voting a.upvote-change {
    color: #AAA;
    background: url('../images/upvote.png') no-repeat 0 -36px; }
  .response-voting a.downvote {
    line-height: 16px;
    background: url('../images/downvote.png') no-repeat 0 0; }
    .response-voting a.downvote:hover {
      color: red;
      background: url('../images/downvote.png') no-repeat 0 -18px; }
  .response-voting a.downvote-change:hover {
    color: red;
    background: url('../images/downvote.png') no-repeat 0 -18px; }
  .response-voting a.downvote-active {
    color: red;
    line-height: 16px;
    background: url('../images/downvote.png') no-repeat 0 -18px; }
  .response-voting a.downvote-change {
    color: #AAA;
    line-height: 16px;
    background: url('../images/downvote.png') no-repeat 0 -36px; }

.response-types a {
  display: block;
  float: left;
  width: 64px;
  height: 64px; }
  .response-types a.happy-response {
    background: url(../images/smile/happy.png) no-repeat 0 -64px; }
  .response-types a.neutral-response {
    background: url(../images/smile/neutral.png) no-repeat 0 -64px; }
  .response-types a.sad-response {
    background: url(../images/smile/sad.png) no-repeat 0 -64px; }
  .response-types a.active {
    background-position: 0 0; }

#left-links {
  position: absolute;
  width: 50px;
  height: 500px;
  left: -50px;
  top: 80px; }
  #left-links a {
    width: 50px;
    height: 130px;
    display: block; }
  #left-links #twitter {
    background: url('../images/twitter.png') no-repeat; }
  #left-links #facebook {
    background: url('../images/facebook.png') no-repeat;
    border-top: none;
    border-bottom: none; }
  #left-links #rss {
    height: 50px;
    background: url('../images/rss.png') no-repeat; }

table.messages {
  font-family: arial, Helvetica, sans-serif;
  font-size: 14px;
  background: #fff;
  width: 100%;
  border-collapse: collapse;
  text-align: left; }
  table.messages th {
    font-size: 17px;
    font-weight: normal;
    color: #039;
    padding: 10px 8px;
    border-bottom: 2px solid #6678b1; }
  table.messages td {
    border-bottom: 1px solid #ccc;
    color: #669;
    padding: 0 8px; }
  table.messages tbody tr:hover td {
    color: #009;
    background: #E8EDFF; }
    table.messages tbody tr:hover td img {
      color: #E8EDFF; }
  table.messages img {
    position: relative;
    top: 2px; }
  table.messages .ads-action {
    width: 120px; }
  table.messages .category {
    width: 140px; }

a.black {
  color: black; }

#trade-result {
  width: 400px;
  margin: 10px 0 0 0; }

#welcome-box {
  display: inline-block; }
  #welcome-box:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }

html[xmlns] #welcome-box {
  display: block; }

* html #welcome-box {
  height: 1%; }

#welcome-box #welcome-text {
  float: left;
  width: 300px; }
  #welcome-box #welcome-text h4 {
    margin-top: 20px;
    font-weight: bold; }
  #welcome-box #welcome-text a#signup-button {
    margin: 0 auto;
    text-indent: -9999px;
    height: 73px;
    width: 200px;
    background: url('../images/signup-button.png') no-repeat top center;
    display: block; }
    #welcome-box #welcome-text a#signup-button:hover {
      background-position: bottom center; }
#welcome-box #welcome-video {
  float: right;
  width: 400px; }

#tooltip {
  position: absolute;
  border: 1px solid #333;
  background: #f7f5d1;
  padding: 2px 5px;
  color: #333;
  font-size: 1em;
  display: none; }

#search {
  margin-top: 10px; }

#search-results {
  margin-top: 15px; }
  #search-results h4 {
    padding: 15px 0 0 20px; }