body {
  margin: 0;
  font: 12px Helvetica, Arial, sans-serif;
  color: black;
  background: white url(/images/new/bg-body.gif) repeat-x;
  min-width: 1000px; }

.hide {
  display: none; }

a {
  text-decoration: none;
  color: #adadad; }
  a:hover {
    text-decoration: underline; }

img {
  border-style: none; }

input, textarea, select {
  font: 100% Helvetica, Arial, sans-serif;
  vertical-align: middle; }

a:active, :-moz-any-link:focus {
  outline: none; }

form, fieldset {
  margin: 0;
  padding: 0;
  border: none; }

#wrapper {
  width: 100%;
  position: relative; }

.wrap {
  height: 1%;
  overflow: hidden; }

#header {
  height: 46px;
  overflow: hidden;
  width: 100%;
  z-index: 2;
  background: #181818 url(/images/bg-header.png) repeat-x center; }
  #header .holder {
    width: 940px;
    margin: 0 auto;
    overflow: hidden; }
  #header .logo {
    width: 103px;
    height: 28px;
    overflow: hidden;
    float: left;
    background: url(/images/new/logo.png) no-repeat 0 10px;
    text-indent: -9999px;
    cursor: pointer;
    padding-top: 11px; }
    #header .logo a {
      height: 100%;
      display: block; }
  #header #nav {
    margin: 0;
    padding: 0 0 0 80px;
    list-style: none;
    float: left;
    font-size: 15px;
    color: #c9c9c9; }
    #header #nav li {
      float: left;
      margin-left: -1px; }
      #header #nav li#nav_fashion a {
        padding: 14px 20px;
        background: url(/images/nav_fashion.png) no-repeat; }
      #header #nav li#nav_decor a {
        padding: 14px 25px;
        background: url(/images/nav_decor.png) no-repeat; }
      #header #nav li#nav_culture a {
        padding: 14px 20px;
        background: url(/images/nav_culture.png) no-repeat; }
      #header #nav li#nav_shop a {
        padding: 14px 24px;
        background: url(/images/nav_shop-wide.png) no-repeat; }
        body.mozilla #header #nav li#nav_shop a {
          padding: 14px 23px; }
      #header #nav li#nav_community a {
        padding: 14px 21px;
        background: url(/images/nav_community.png) no-repeat; }
  #header #nav li a, #header #signup_or_in li a, #header #nav li#nav_fashion a, #header #nav li#nav_decor a, #header #nav li#nav_culture a, #header #nav li#nav_shop a, #header #nav li#nav_community a {
    color: #cccccc;
    float: left; }
  #header #nav li.active a, #header #nav li a:hover, #header #signup_or_in li.active a, #header #signup_or_in li a:hover, #header #nav li#nav_fashion.active a, #header #nav li#nav_fashion a:hover, #header #nav li#nav_decor.active a, #header #nav li#nav_decor a:hover, #header #nav li#nav_culture.active a, #header #nav li#nav_culture a:hover, #header #nav li#nav_shop.active a, #header #nav li#nav_shop a:hover, #header #nav li#nav_community.active a, #header #nav li#nav_community a:hover {
    background-position: 0px -46px;
    text-decoration: none;
    color: white; }
  #header #signup_or_in {
    margin: 12px 0 0;
    padding: 2px 0 0 61px;
    list-style: none;
    float: left;
    font-size: 15px;
    color: #c9c9c9;
    padding: 2px 0 0;
    float: right;
    width: 180px;
    text-transform: uppercase; }
    #header #signup_or_in li {
      float: left;
      padding-right: 23px;
      float: right;
      padding: 0 0 0 23px; }
      #header #signup_or_in li.active a, #header #signup_or_in li a:hover {
        border-bottom: 0px; }

.login-box {
  float: right;
  width: 192px;
  margin: 11px -8px 0 0; }
  body.mozilla .login-box {
    margin: 0 -11px 0 0; }
  .login-box .img-link {
    float: left; }
    .login-box .img-link img {
      width: 24px; }
  .login-box .text-holder2 {
    float: right;
    width: 160px; }
  .login-box strong {
    display: block;
    line-height: 12px;
    margin: -1px 0 1px; }
    .login-box strong a {
      color: white; }
  .login-box ul {
    margin: 3px 0 0 -6px;
    padding: 0;
    list-style: none;
    overflow: hidden;
    font-size: 11px; }
    .login-box ul li {
      display: inline;
      background: url(/images/new/separator.gif) no-repeat 0 3px;
      padding: 0 2px 0 6px; }
      .login-box ul li:first-child {
        background: none; }
    .login-box ul a {
      color: #cccccc; }

#main {
  width: 100%;
  background: white; }

.intro {
  width: 100%;
  background: #737373 url(/images/new/intro-bg.png) repeat-x bottom left; }
  .intro .holder {
    width: 940px;
    margin: 0 auto;
    overflow: hidden;
    padding: 20px 0 10px; }
  .intro .wrap {
    width: 100%;
    overflow: hidden;
    margin-bottom: 20px; }
  .intro .box {
    float: left;
    width: 600px; }
  .intro h1 {
    margin: 0 0 4px;
    font-size: 27px;
    line-height: 30px;
    color: white;
    float: left; }
  .intro ul {
    margin: 10px 0 0 20px;
    padding: 0;
    list-style: none;
    font-size: 16px;
    line-height: 16px;
    float: left; }
    .intro ul li {
      display: inline;
      padding-right: 8px;
      color: #bbbbbb; }
      .intro ul li a {
        color: #bbbbbb; }
      .intro ul li.active a, .intro ul li a:hover {
        color: #fffefe;
        text-decoration: none; }

.search {
  float: right;
  width: 220px;
  padding-top: 4px; }
  .search .row {
    width: 100%;
    overflow: hidden; }
  .search span {
    float: left;
    width: 180px;
    overflow: hidden;
    height: 22px;
    padding: 4px 8px;
    font-size: 11px;
    line-height: 11px;
    background: url(/images/new/bg-form-input.gif) repeat-x; }
  .search .text {
    width: 180px;
    float: left;
    margin: 0;
    color: #adadad;
    font-weight: bold;
    border: 0;
    background: none; }
  .search .submit {
    width: 24px;
    height: 22px;
    float: right; }

#heroes {
  height: 400px;
  overflow: hidden;
  position: relative;
  background-color: #efefef;
  border-right: 1px solid #c3c3c3; }

.intro .color {
  background: white; }
.intro .img-holder {
  float: left;
  width: 650px;
  height: 400px;
  position: relative;
  z-index: 0;
  background-color: white; }
  .intro .img-holder img {
    display: block; }

* html .intro .img-holder {
  margin: 0 -3px 0 0; }

.intro .text-holder {
  color: #666666;
  line-height: 18px;
  position: relative;
  z-index: 10;
  width: 290px;
  float: right; }
  .intro .text-holder .article {
    padding: 10px 16px 15px;
    border-top: 1px solid #cacaca;
    background-color: #efefef;
    position: relative; }
    .intro .text-holder .article .nub {
      display: none;
      left: -10px;
      top: 40px;
      position: absolute; }
    .intro .text-holder .article p {
      margin-bottom: 0;
      font-weight: normal; }
      .intro .text-holder .article p span {
        font-weight: bold; }
    .intro .text-holder .article h2 a {
      font-family: "GaramondPremrProItalic", "Garamond Premier Pro", "Adobe Garamond Pro", Garamond, serif;
      font-weight: normal;
      -webkit-text-stroke: 0;
      color: #888888; }
  .intro .text-holder .first {
    border: 0; }
  .intro .text-holder .active {
    background: white url(/images/new/bg-carousel-active.png) repeat-x left bottom; }
    .intro .text-holder .active .nub {
      display: block; }
    .intro .text-holder .active h2 {
      margin: 0; }
      .intro .text-holder .active h2 a {
        color: #333333; }
    .intro .text-holder .active a {
      margin: 0; }
  .intro .text-holder h2 {
    margin: 0;
    font-size: 18px;
    line-height: 20px;
    color: black; }
  .intro .text-holder p {
    margin: 10px 0 10px; }
    .intro .text-holder p a {
      color: #666666;
      border-bottom: 2px solid #d9d9d9; }
  .intro .text-holder .comments a, .intro .text-holder .likes a {
    padding-right: 18px;
    background: url("/images/new/ico4.png") no-repeat 10px 2px transparent;
    font-weight: bold;
    border-bottom: 0px; }
  .intro .text-holder .likes a {
    background: url("/images/icon-heart.png") no-repeat 10px 0px transparent; }
    .intro .text-holder .likes a:hover {
      background-position: 10px -16px; }
  .intro .text-holder a:hover {
    text-decoration: none;
    border: 0; }
.intro .wrap2 {
  width: 100%;
  overflow: hidden; }
.intro a.more-link {
  color: #adadad;
  font-size: 16px;
  line-height: 20px;
  display: block;
  position: absolute;
  padding-top: 29px;
  bottom: 10px;
  margin: 0 0 1px;
  float: left; }
  .intro a.more-link:hover {
    text-decoration: none;
    border-bottom: 1px solid #adadad;
    margin: 0; }

#content {
  width: 940px;
  margin: 0 auto;
  overflow: hidden;
  padding: 40px 0; }

#categories_index .posts, #categories_show .posts, #public_index .posts, #entries_index .posts, #search_index .posts, #community_index .posts {
  width: 964px; }

.posts {
  margin: 0 0 3px;
  padding: 0;
  list-style: none;
  overflow: hidden;
  font-weight: bold;
  font-family: Helvetica, sans-serif; }
  .posts li.post, .posts li.article {
    float: left;
    padding: 3px 0 0;
    margin: 0 20px 16px 0;
    width: 220px;
    height: 220px;
    line-height: 18px;
    color: #999999;
    background: url(/images/new/bg-photo.gif) repeat-x;
    position: relative;
    overflow: hidden;
    font-size: 12px;
    list-style: none !important; }
    .posts li.post img, .posts li.article img {
      display: block; }
    .posts li.post .text, .posts li.article .text {
      padding: 20px 12px 10px 15px;
      width: 180px; }
    .posts li.post h4, .posts li.article h4 {
      font-size: 27px;
      line-height: 29px;
      color: white;
      margin: 0 0 4px -2px; }
    .posts li.post p, .posts li.article p {
      margin: 0 0 20px;
      line-height: 20px;
      font-weight: bold; }
    .posts li.post .info .ground .like-this a, .posts li.article .info .ground .like-this a {
      padding: 0 18px 0 0;
      background: url(/images/icon-heart.png) no-repeat scroll 9px 3px transparent; }
      .posts li.post .info .ground .like-this a:hover, .posts li.post .info .ground .like-this a.liked, .posts li.article .info .ground .like-this a:hover, .posts li.article .info .ground .like-this a.liked {
        text-decoration: none;
        background-position: 9px -13px; }
    .posts li.post .info, .posts li.article .info {
      position: absolute;
      top: 3px;
      left: 0;
      width: 220px;
      height: 220px; }
      .posts li.post .info:hover, .posts li.article .info:hover {
        cursor: pointer; }
      .posts li.post .info .ground, .posts li.article .info .ground {
        width: 220px;
        height: 220px;
        background: url(/images/new/bg-info.png) no-repeat;
        overflow: hidden;
        position: relative;
        cursor: pointer; }
      .posts li.post .info ul, .posts li.article .info ul {
        margin: 0;
        padding: 0;
        list-style: none !important;
        float: right; }
        .posts li.post .info ul li, .posts li.article .info ul li {
          background: none;
          margin: 0;
          padding: 0 10px 0 0;
          height: auto;
          width: auto;
          float: right;
          font-size: 10px;
          font-weight: bold;
          list-style: none !important; }
      .posts li.post .info .ground a, .posts li.article .info .ground a {
        background: none;
        float: left;
        height: auto;
        margin: 0;
        padding: 0;
        text-align: left;
        width: auto;
        font-size: 10px;
        color: #cccccc; }
      .posts li.post .info ul, .posts li.article .info ul {
        padding-top: 2px;
        list-style: none !important; }
        .posts li.post .info ul li, .posts li.article .info ul li {
          list-style: none !important; }
        .posts li.post .info ul span, .posts li.article .info ul span {
          float: left;
          margin-right: 2px; }
        .posts li.post .info ul img, .posts li.article .info ul img {
          float: left;
          margin: 5px 0 0 2px; }
      .posts li.post .info .text-holder, .posts li.article .info .text-holder {
        padding: 22px 30px 0 12px;
        line-height: 20px;
        height: 200px; }
      .posts li.post .info p, .posts li.article .info p {
        padding: 0 0 57px;
        color: white; }
    .posts li.post .wrap, .posts li.article .wrap {
      width: 100%;
      height: auto;
      overflow: hidden; }
    .posts li.post .info .ground a.chain, .posts li.article .info .ground a.chain {
      background: url(/images/new/ico5.gif) no-repeat 0 0;
      width: 19px;
      height: 7px;
      margin: 8px 0 0 11px;
      display: inline;
      float: left;
      padding: 0;
      position: relative; }
    .posts li.post a.chain:hover, .posts li.article a.chain:hover {
      background: url(/images/new/ico5.gif) no-repeat; }
  .posts li.add {
    background-color: #e5e5e5; }
    .posts li.add a {
      background: url(/images/new/bg-post.gif) no-repeat;
      display: block;
      width: 125px;
      height: 24px;
      color: white;
      font-size: 16px;
      margin: 0 0 0 -2px;
      padding: 6px 0 0;
      text-align: center; }
      .posts li.add a:hover {
        background-position: 0 -30px;
        text-decoration: none; }
    .posts li.add p {
      width: 190px; }
  .posts .featured {
    position: absolute;
    top: 0;
    right: 0;
    width: 24px;
    height: 24px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(/images/new/bg-featured.gif) no-repeat; }
  .posts .personal {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 37px;
    height: 37px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(/images/icon-inphoto.png) no-repeat; }

#secondary .featured {
  background-image: url(/images/new/bg-featured_secondary.gif); }

#main .login-box, #secondary .login-box, #primary .login-box {
  float: none;
  font-size: 11px;
  width: 200px;
  overflow: hidden;
  position: absolute;
  bottom: 20px;
  left: 10px; }
  #main .login-box span, #secondary .login-box span, #primary .login-box span {
    font-weight: normal; }
  #main .login-box strong, #secondary .login-box strong, #primary .login-box strong {
    margin: -1px 0; }
    #main .login-box strong a, #secondary .login-box strong a, #primary .login-box strong a {
      color: white;
      font-size: 11px;
      float: none;
      padding: 0 0 1px; }
      #main .login-box strong a:hover, #secondary .login-box strong a:hover, #primary .login-box strong a:hover {
        text-decoration: underline; }
  #main .login-box span a, #secondary .login-box span a, #primary .login-box span a {
    font-size: 11px;
    color: #666666;
    float: none; }
    #main .login-box span a:hover, #secondary .login-box span a:hover, #primary .login-box span a:hover {
      text-decoration: underline; }
  #main .login-box .text-holder2, #secondary .login-box .text-holder2, #primary .login-box .text-holder2 {
    width: 90px;
    float: right; }
#main .post .login-box .text-holder2, #main .article .login-box .text-holder2, #secondary .post .login-box .text-holder2, #secondary .article .login-box .text-holder2, #primary .post .login-box .text-holder2, #primary .article .login-box .text-holder2 {
  width: 160px;
  float: left;
  padding: 2px 0 0 4px; }
#main .login-box img, #secondary .login-box img, #primary .login-box img {
  border: 1px solid #323130; }

#content a.more-link {
  color: #adadad;
  font-size: 16px;
  line-height: 16px;
  float: left;
  padding: 18px 0 1px; }
  #content a.more-link:hover {
    text-decoration: none;
    border-bottom: 1px solid #adadad; }

.pagination {
  margin: 0;
  padding: 10px 0 0;
  list-style: none;
  float: left;
  font-size: 16px;
  line-height: 16px; }
  .pagination li {
    float: left;
    margin-right: 5px;
    height: 30px;
    overflow: hidden;
    list-style: none !important; }
    .pagination li a {
      float: left;
      color: #464646;
      cursor: pointer;
      background: url(/images/new/bg-pages-l.gif) no-repeat; }
    .pagination li.next span, .pagination li.prev span {
      padding: 7px 35px 7px 34px;
      width: auto; }
    .pagination li.gap span, .pagination li.gap a {
      background: none; }
    .pagination li span {
      display: block;
      background: url(/images/new/bg-pages-r.gif) no-repeat 100% 0;
      padding: 7px 0;
      text-align: center;
      width: 45px; }
    .pagination li a:hover, .pagination li.active a {
      text-decoration: none;
      background-position: 0 -30px; }
    .pagination li a:hover span, .pagination li.active span {
      background-position: 100% -30px;
      color: #999999; }

#footer {
  width: 100%;
  background: #eeeeeb; }
  #footer a {
    color: #adadad; }
  #footer .holder {
    width: 940px;
    margin: 0 auto;
    overflow: hidden;
    font-weight: bold;
    color: #aeaeae;
    padding: 40px 0 60px; }
  #footer .box {
    float: left; }
    #footer .box ul {
      margin: 0;
      padding: 0 0 0 15px;
      list-style: none;
      display: inline; }
      #footer .box ul li {
        display: inline;
        padding-right: 10px; }

.social-links {
  list-style: none;
  font-size: 12px !important;
  line-height: 16px !important;
  font-weight: bold; }
  .social-links li {
    display: inline;
    padding: 0 !important;
    margin: 0; }
    .social-links li a {
      display: block;
      padding: 0 0 0 22px; }
    .social-links li.twitter a {
      background: url(/images/new/ico1.gif) no-repeat; }
    .social-links li.facebook a {
      background: url(/images/new/ico2.gif) no-repeat; }

#footer ul.social-links {
  float: right; }
  #footer ul.social-links li {
    float: left;
    margin-right: 15px; }

#public_index .intro ul.social-links {
  position: absolute;
  top: 340px;
  margin: 0; }
  #public_index .intro ul.social-links li {
    margin-bottom: 8px !important; }
    #public_index .intro ul.social-links li a {
      color: #cccccc;
      margin-bottom: 8px; }
      #public_index .intro ul.social-links li a:hover {
        color: #eeeeee; }

#articles_index #content_header {
  padding-top: 24px; }
#articles_index .article-index {
  clear: both;
  zoom: 1; }
  #articles_index .article-index:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
#articles_index .article {
  font: 13px/16px Helvetica, Arial, sans-serif;
  color: #666666;
  float: left;
  overflow: hidden;
  margin-right: 20px;
  width: 446px;
  margin-bottom: 40px;
  position: relative; }
  #articles_index .article * {
    overflow: hidden; }
  #articles_index .article.last {
    margin-right: 0; }
  #articles_index .article .brief {
    margin-right: 20px; }
    #articles_index .article .brief h4 {
      font-family: inherit;
      font-weight: bold; }
    #articles_index .article .brief h4, #articles_index .article .brief p {
      display: inline; }
      #articles_index .article .brief h4 a, #articles_index .article .brief p a {
        color: #333333;
        text-decoration: none; }
        #articles_index .article .brief h4 a:hover, #articles_index .article .brief p a:hover {
          text-decoration: underline; }
  #articles_index .article .actions {
    display: none; }
  #articles_index .article .thumbnail {
    float: left;
    margin-right: 15px; }
    #articles_index .article .thumbnail * {
      overflow-x: hidden; }
    #articles_index .article .thumbnail.last {
      margin-right: 0; }
    #articles_index .article .thumbnail a {
      display: block;
      background: #444444;
      padding-top: 3px;
      height: 145px; }
      #articles_index .article .thumbnail a:hover {
        background: #5c1d9f; }
  #articles_index .article .author {
    display: none; }
  #articles_index .article .date {
    position: absolute;
    top: 134px;
    left: 235px;
    font-size: 12px;
    color: #888888; }


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;
  vertical-align: baseline; }

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

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

th td {
  vertical-align: middle; }

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

li {
  list-style: none; }

#primary li {
  list-style: inside; }

em {
  font-style: italic; }

a img {
  border: none; }

img {
  overflow: hidden;
  vertical-align: bottom; }

a:focus, input:active {
  -moz-outline-style: none; }

input, select, textarea {
  font-size: inherit; }

h1, h2, h3, h4, h5, h6 {
  line-height: 1em; }

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

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

h3 {
  font-size: 1.5em;
  margin-bottom: 0.5em; }

h4 {
  font-size: 1em; }

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

blockquote {
  margin: 1.5em; }

legend {
  margin-left: -7px; }

.greyple {
  color: #755591; }

.inHelvetica {
  font-family: Helvetica, Arial, sans-serif !important;
  text-transform: none !important; }

.inTradeGothic {
  font-weight: normal;
  font-family: "TradeGothicLTBoldRegular", "Trade Gothic Bold", "Trade Gothic", sans-serif;
  -webkit-text-stroke: 1px transparent; }

.smallButton {
  font-weight: normal;
  font-family: "TradeGothicLTBoldRegular", "Trade Gothic Bold", "Trade Gothic", sans-serif;
  -webkit-text-stroke: 1px transparent;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  -moz-border-radius-topleft: 2px;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-bottomleft: 2px;
  -moz-border-radius-bottomright: 2px;
  -webkit-border-top-left-radius: 2px;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  padding: 3px 8px 3px 8px;
  height: 20px;
  color: white;
  text-transform: uppercase;
  font-size: 12px;
  background: url(/images/button-small.png) repeat-x; }
  .smallButton:hover {
    background-position: bottom;
    cursor: pointer;
    color: white;
    text-decoration: none; }
  .smallButton.busy {
    background-position: center; }

#membersColumn {
  width: 650px;
  height: 350px;
  background-color: transparent;
  border: none; }
  #membersColumn div {
    float: left;
    width: 96px;
    height: 96px;
    margin: 5px;
    -webkit-box-shadow: 0 1px 4px rgba(30, 30, 30, 0.5);
    -moz-box-shadow: 0 1px 4px rgba(30, 30, 30, 0.5);
    border-style: solid;
    border-width: 1px;
    border-color: rgba(255, 255, 255, 0.1);
    -webkit-transition-property: border-color, -webkit-box-shadow-color;
    -webkit-transition-duration: 0.25s, 0.25s;
    -webkit-transition-timing-function: ease-out, ease-out; }
    #membersColumn div.firstRow {
      margin-top: 0; }
    #membersColumn div:hover {
      -webkit-box-shadow: 0 1px 5px black;
      -moz-box-shadow: 0 1px 4px black;
      border-color: rgba(255, 255, 255, 0.5); }
    #membersColumn div a img {
      width: 96px;
      height: 96px; }

#textColumn {
  width: 220px; }
  #textColumn ul.benefitsList {
    float: none;
    margin: 0;
    height: 235px; }
    #textColumn ul.benefitsList li {
      display: block;
      margin: 0;
      padding: 8px 0;
      line-height: 18px;
      font-size: 12px;
      font-weight: bold;
      color: white;
      border-bottom: 1px solid #888; }
      #textColumn ul.benefitsList li:first-child {
        padding-top: 0; }
      #textColumn ul.benefitsList li.last {
        border-bottom: 0px; }


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;
  vertical-align: baseline; }

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

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

th td {
  vertical-align: middle; }

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

li {
  list-style: none; }

#primary li {
  list-style: inside; }

em {
  font-style: italic; }

a img {
  border: none; }

img {
  overflow: hidden;
  vertical-align: bottom; }

a:focus, input:active {
  -moz-outline-style: none; }

input, select, textarea {
  font-size: inherit; }

h1, h2, h3, h4, h5, h6 {
  line-height: 1em; }

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

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

h3 {
  font-size: 1.5em;
  margin-bottom: 0.5em; }

h4 {
  font-size: 1em; }

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

blockquote {
  margin: 1.5em; }

legend {
  margin-left: -7px; }

.greyple {
  color: #755591; }

.inHelvetica {
  font-family: Helvetica, Arial, sans-serif !important;
  text-transform: none !important; }

.inTradeGothic {
  font-weight: normal;
  font-family: "TradeGothicLTBoldRegular", "Trade Gothic Bold", "Trade Gothic", sans-serif;
  -webkit-text-stroke: 1px transparent; }

.smallButton {
  font-weight: normal;
  font-family: "TradeGothicLTBoldRegular", "Trade Gothic Bold", "Trade Gothic", sans-serif;
  -webkit-text-stroke: 1px transparent;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  -moz-border-radius-topleft: 2px;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-bottomleft: 2px;
  -moz-border-radius-bottomright: 2px;
  -webkit-border-top-left-radius: 2px;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  padding: 3px 8px 3px 8px;
  height: 20px;
  color: white;
  text-transform: uppercase;
  font-size: 12px;
  background: url(/images/button-small.png) repeat-x; }
  .smallButton:hover {
    background-position: bottom;
    cursor: pointer;
    color: white;
    text-decoration: none; }
  .smallButton.busy {
    background-position: center; }

#secondary .welcome {
  font-size: 14px;
  line-height: 24px;
  color: #888888; }
  #secondary .welcome a {
    color: #755591; }
  #secondary .welcome h2 {
    margin-bottom: 4px; }
  #secondary .welcome p {
    margin-bottom: 32px; }
  #secondary .welcome .find-friends {
    width: auto; }
    #secondary .welcome .find-friends p {
      font-size: 14px; }
    #secondary .welcome .find-friends h2 {
      margin-top: 0; }
  #secondary .welcome .search {
    clear: both;
    clear: both;
    zoom: 1; }
    #secondary .welcome .search:after {
      content: " ";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden; }
#secondary .sidebar {
  float: left;
  margin-right: 24px;
  width: 216px;
  *: overflow-x hidden;
  margin-right: 0;
  font-size: 12px;
  line-height: 20px;
  color: #8f8f8f; }
  #secondary .sidebar.last {
    margin-right: 0; }
  #secondary .sidebar h2 {
    margin: 48px 0 16px; }
  #secondary .sidebar form {
    margin: 12px 0; }
  #secondary .sidebar textarea {
    font-size: 12px;
    line-height: 18px;
    color: #444444;
    width: 214px;
    height: 54px;
    margin: 0 0 6px; }
  #secondary .sidebar .avatar {
    float: left;
    display: inline;
    margin: 2px 12px 0 0;
    color: #444444; }
  #secondary .sidebar .about {
    clear: both;
    zoom: 1;
    font-size: 14px; }
    #secondary .sidebar .about:after {
      content: " ";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden; }
    #secondary .sidebar .about p {
      font-size: 11px; }
      #secondary .sidebar .about p a {
        color: #888888; }
  #secondary .sidebar .stats {
    clear: both;
    margin-bottom: 24px; }
    #secondary .sidebar .stats ul {
      margin: 0; }
      #secondary .sidebar .stats ul li a {
        display: block;
        padding: 9px 0 7px; }
    #secondary .sidebar .stats li {
      border-top: 1px solid #cccccc; }
    #secondary .sidebar .stats a {
      color: #888888;
      font-size: 14px;
      text-decoration: none; }
      #secondary .sidebar .stats a:hover {
        color: #5c1d9f;
        background: transparent; }
  #secondary .sidebar #new_invitation input#invitation_submit {
    display: block;
    border: 0;
    padding: 0;
    text-indent: -5000px;
    background: url(/images/button-invite_small.gif) no-repeat top;
    font-size: 0;
    line-height: 0;
    width: 55px;
    height: 20px; }
    #secondary .sidebar #new_invitation input#invitation_submit:hover {
      color: white;
      background-position: bottom;
      cursor: pointer;
      text-decoration: none; }
    #secondary .sidebar #new_invitation input#invitation_submit.busy {
      background-position: center; }
  #secondary .sidebar .user, #secondary .sidebar .recent-activity li {
    display: block;
    clear: both;
    zoom: 1;
    font-size: 12px;
    line-height: 18px;
    margin: 18px 0;
    color: #888888; }
    #secondary .sidebar .user:after, #secondary .sidebar .recent-activity li:after {
      content: " ";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden; }
    #secondary .sidebar .user a, #secondary .sidebar .recent-activity li a {
      color: #555555;
      text-decoration: none; }
      #secondary .sidebar .user a:hover, #secondary .sidebar .recent-activity li a:hover {
        text-decoration: underline; }
    #secondary .sidebar .user .details, #secondary .sidebar .recent-activity li .details {
      margin-left: 48px; }
      #secondary .sidebar .user .details p, #secondary .sidebar .recent-activity li .details p {
        margin-bottom: 0;
        font: inherit; }
#secondary .users h2 {
  margin: 12px 0 32px; }


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;
  vertical-align: baseline; }

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

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

th td {
  vertical-align: middle; }

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

li {
  list-style: none; }

#primary li {
  list-style: inside; }

em {
  font-style: italic; }

a img {
  border: none; }

img {
  overflow: hidden;
  vertical-align: bottom; }

a:focus, input:active {
  -moz-outline-style: none; }

input, select, textarea {
  font-size: inherit; }

h1, h2, h3, h4, h5, h6 {
  line-height: 1em; }

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

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

h3 {
  font-size: 1.5em;
  margin-bottom: 0.5em; }

h4 {
  font-size: 1em; }

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

blockquote {
  margin: 1.5em; }

legend {
  margin-left: -7px; }

.greyple {
  color: #755591; }

.inHelvetica {
  font-family: Helvetica, Arial, sans-serif !important;
  text-transform: none !important; }

.inTradeGothic {
  font-weight: normal;
  font-family: "TradeGothicLTBoldRegular", "Trade Gothic Bold", "Trade Gothic", sans-serif;
  -webkit-text-stroke: 1px transparent; }

.smallButton {
  font-weight: normal;
  font-family: "TradeGothicLTBoldRegular", "Trade Gothic Bold", "Trade Gothic", sans-serif;
  -webkit-text-stroke: 1px transparent;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  -moz-border-radius-topleft: 2px;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-bottomleft: 2px;
  -moz-border-radius-bottomright: 2px;
  -webkit-border-top-left-radius: 2px;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  padding: 3px 8px 3px 8px;
  height: 20px;
  color: white;
  text-transform: uppercase;
  font-size: 12px;
  background: url(/images/button-small.png) repeat-x; }
  .smallButton:hover {
    background-position: bottom;
    cursor: pointer;
    color: white;
    text-decoration: none; }
  .smallButton.busy {
    background-position: center; }

.spacer {
  clear: both;
  height: 60px; }

#errorImage {
  border-top: 3px solid #444444;
  width: 400px;
  height: 267px;
  float: left;
  margin-left: 24px;
  background-image: url(/images/notfound-user.jpg); }
  #errorImage:hover {
    border-color: #5c1d9f; }

#errorText {
  padding-top: 10px;
  float: left;
  width: 535px; }
  #errorText #errorText_title h1 {
    font-size: 32px;
    color: #888888;
    float: left;
    font-family: "GaramondPremrProItalic", "Garamond Premier Pro", "Adobe Garamond Pro", Garamond, serif;
    font-weight: normal;
    -webkit-text-stroke: 0; }
  #errorText #errorText_body p {
    font-size: 14px;
    color: #888888; }
  #errorText #errorText_body {
    margin-left: 20px;
    clear: both; }


#public_index .intro .text-holder .article {
  margin: 0; }
  #public_index .intro .text-holder .article h2.title {
    margin: 0;
    font-size: 14px;
    line-height: 20px;
    padding: 0;
    overflow: hidden; }
    #public_index .intro .text-holder .article h2.title strong {
      color: #888888;
      float: left;
      margin: 0 3px 0 0;
      font-weight: normal; }
    #public_index .intro .text-holder .article h2.title > a {
      background: url(/images/new/bg-see.gif) no-repeat 0 4px;
      padding: 0 0 0 9px;
      font-weight: normal;
      font-style: normal;
      float: left;
      font-size: 14px;
      line-height: 20px;
      color: #adadad;
      display: none; }
      #public_index .intro .text-holder .article h2.title > a:hover {
        text-decoration: underline; }
      #public_index .intro .text-holder .article h2.title > a span {
        display: block; }
      #public_index .intro .text-holder .article h2.title > a:hover span {
        border-bottom: 1px solid #adadad; }
  #public_index .intro .text-holder .article h3 {
    font-family: "GaramondPremrProItalic", "Garamond Premier Pro", "Adobe Garamond Pro", Garamond, serif;
    font-weight: normal;
    -webkit-text-stroke: 0;
    margin: 5px 0 0; }
    #public_index .intro .text-holder .article h3 a {
      font-size: 18px;
      line-height: 19px;
      color: #888888; }
#public_index .intro .text-holder .active h3 a {
  color: #333333; }
#public_index .intro .text-holder .active h2.title strong {
  color: #333333; }
#public_index .intro .text-holder .active h2.title a {
  display: inline; }

#content {
  width: 940px;
  margin: 0 auto;
  overflow: hidden;
  padding: 40px 0; }

#public_index #heroes {
  height: 357px;
  overflow: hidden; }
#public_index.signedIn #heroes {
  height: 400px; }
#public_index .intro .holder {
  width: 943px;
  padding: 40px 1px 45px 0;
  position: relative; }
  #public_index .intro .holder.withoutPadding {
    padding: 20px 0 0 0; }

.column-little {
  float: left;
  width: 215px;
  color: #fffefe;
  font-size: 14px;
  line-height: 20px; }
  .column-little .title {
    margin-top: 5px;
    background: url(/images/title-header.png) no-repeat;
    width: 206px;
    height: 32px; }
  .column-little h1 strong, .column-little h1 em {
    float: left; }
  .column-little p {
    margin: 20px 0 20px;
    font-weight: bold;
    font-size: 13px; }

.inner .intro h1 {
  overflow: hidden;
  height: 1%; }

#tour {
  padding: 0 0 0 26px;
  display: block;
  background: url(/images/new/bg-take-tour.png) no-repeat left top;
  color: #fffefe;
  font-weight: bold;
  font-size: 12px;
  height: 18px; }
  #tour:hover {
    color: white;
    text-decoration: none;
    background-position: left -18px; }

.sign-up {
  width: 145px; }
  .sign-up a.signup {
    display: block;
    border: 0;
    padding: 0;
    text-indent: -5000px;
    background: url("/images/btn-sign-up.png") no-repeat top;
    font-size: 0;
    line-height: 0;
    width: 145px;
    height: 30px; }
    .sign-up a.signup:hover {
      background-position: bottom;
      cursor: pointer; }
    .sign-up a.signup.busy {
      background-position: center; }
  .sign-up span {
    display: block;
    font-size: 11px;
    line-height: 26px;
    text-align: center; }
    .sign-up span a {
      text-decoration: underline;
      color: #fffefe; }
      .sign-up span a:hover {
        text-decoration: none; }

#public_index .intro .sign-up {
  padding: 20px 0 0;
  margin: 0 0 20px; }

.column-big {
  float: right;
  width: 699px;
  border-right: 1px solid #c1c1c1;
  background: white;
  margin: 5px 0 0; }
  .column-big.withoutColor {
    background-color: transparent;
    border-right: none; }
  .column-big .alignleft {
    float: left; }
  .column-big .text {
    overflow: hidden;
    height: 1%;
    padding: 15px 19px 0 13px; }
  .column-big .img-holder {
    width: 480px; }
  .column-big .text-holder {
    width: 219px;
    float: right; }

#introCarousel .column-big {
  float: left; }
#introCarousel .column-little {
  float: right; }

.intro .text ul {
  margin: 0;
  padding: 0;
  list-style: none; }
  .intro .text ul li {
    padding: 13px 0 11px 3px;
    background: url(/images/new/bg-text-ul.gif) repeat-x; }
  .intro .text ul strong {
    display: block;
    font-size: 18px;
    color: #333333; }

body.mozilla .column-big input.text {
  overflow: auto;
  height: auto;
  padding: 0; }

.line {
  border-bottom: 1px solid #d9d9d9;
  width: 100%;
  overflow: hidden;
  padding: 0 0 20px;
  margin: 0 0 19px; }

.big {
  padding-bottom: 30px;
  margin-bottom: 31px; }

.banner {
  float: right;
  width: 300px;
  font-size: 12px;
  background: #eeeeee; }
  .banner a {
    display: block; }
    .banner a.advertise {
      color: #333333;
      text-decoration: underline;
      padding: 5px;
      text-align: center;
      font-size: 11px; }
      .banner a.advertise:hover {
        text-decoration: none; }

#content h5 {
  margin: 0 0 25px;
  overflow: hidden;
  height: 1%;
  color: black;
  font-size: 18px;
  line-height: 20px; }
  #content h5 strong {
    font-weight: normal;
    float: left;
    margin: 0 3px 0 0; }
  #content h5 a {
    font-weight: normal;
    color: #999999;
    float: left;
    background: url(/images/new/bg-see2.gif) no-repeat 0 5px;
    padding: 1px 0 2px 9px;
    font-size: 16px;
    border-bottom: 1px solid transparent; }
    #content h5 a:hover {
      text-decoration: underline; }

.list {
  margin: -7px 0 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
  height: 1%;
  position: relative; }
  .list li {
    float: left;
    display: table;
    margin-right: 15px; }
    .list li a {
      display: table-cell;
      vertical-align: middle;
      width: 96px;
      height: 96px; }

* html .list li a, * + html .list li a {
  float: left; }

.list li a img {
  display: block;
  margin: 0 auto; }

ul.posts li.first {
  float: left;
  width: 220px;
  background: white;
  overflow: hidden;
  padding-top: 0;
  height: 223px;
  color: #333333;
  font-size: 14px;
  line-height: 19px;
  margin: 0 20px 16px 0; }
  ul.posts li.first img {
    float: left;
    margin: 0 10px 0 0; }
  ul.posts li.first strong {
    display: block;
    font-size: 13px;
    margin: 0 0 -1px; }
  ul.posts li.first span {
    display: block;
    font-weight: normal; }
  ul.posts li.first a {
    color: #333333; }

.sign-up2 {
  width: 100%;
  overflow: hidden;
  font-size: 14px;
  line-height: 18px;
  color: #333333;
  border-top: 1px dotted #dddddd;
  padding-top: 1em;
  margin-top: 1em; }
  .sign-up2 .sign-up {
    margin: 0 0 0 20px; }
  .sign-up2 .signup {
    margin: 0 5px 0 0; }
  .sign-up2 span {
    display: inline; }
  .sign-up2 .row {
    float: right;
    width: 220px;
    padding: 3px 0 0;
    font-size: 12px; }
    .sign-up2 .row .submit {
      margin: 0 5px 0 0; }
    .sign-up2 .row a {
      text-decoration: underline;
      color: #333333; }
      .sign-up2 .row a:hover {
        text-decoration: none; }
  .sign-up2 p {
    margin: 0; }

.member {
  float: left;
  width: 240px; }
  .member img {
    float: left;
    margin: 0 9px 0 0; }
  .member strong {
    display: block; }

.members-list {
  margin: -6px 0 29px;
  padding: 0;
  list-style: none;
  overflow: hidden;
  width: 100%;
  position: relative; }
  .members-list li {
    float: left;
    margin: 0 7px 0 0; }
    .members-list li a {
      display: block; }
      .members-list li a img {
        display: block; }

#video_box {
  display: none; }

#screen {
  display: none;
  background-color: black;
  left: 0;
  opacity: 0.8;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1; }


.about-block {
  background: #737373 url(/images/new/intro-bg.png) repeat-x; }
  .about-block .holder {
    overflow: hidden;
    margin: 0 auto;
    padding: 80px 10px 59px;
    width: 940px; }
  .about-block .text-area {
    float: right;
    padding: 0 10px 0 0;
    width: 200px;
    line-height: 20px;
    font-size: 15px;
    color: white; }
    .about-block .text-area .sign-up {
      margin-top: 70px; }
  .about-block h1 {
    margin: -43px 0 4px -2px;
    line-height: 33px;
    font-size: 24px;
    color: white; }
  .about-block .text-area p {
    margin: 15px 0 10px;
    font-size: 13px;
    font-weight: bold;
    line-height: 130%; }
  .about-block .visual {
    float: left;
    margin: 6px 0 0;
    padding: 8px 12px 13px 13px;
    height: 256px;
    width: 455px; }
    .about-block .visual img {
      display: block; }
  .about-block .button {
    overflow: hidden;
    margin: 0 0 6px;
    width: 100%; }
    .about-block .button a {
      position: relative;
      float: left;
      padding: 0 0 0 44px;
      line-height: 20px;
      font-size: 16px;
      font-weight: bold;
      text-transform: uppercase;
      text-decoration: none;
      color: white;
      background: url(/images/new/bg-btn.gif) no-repeat;
      outline: none; }
      .about-block .button a:hover {
        text-decoration: none;
        background: url(/images/new/bg-btn.gif) no-repeat 0 -30px; }
      .about-block .button a span {
        float: left;
        padding: 5px 43px 0 0;
        height: 25px;
        background: url(/images/new/bg-btn.gif) no-repeat 100% 0; }
      .about-block .button a:hover span {
        background: url(/images/new/bg-btn.gif) no-repeat 100% -30px; }
  .about-block a {
    text-decoration: underline;
    color: white; }
    .about-block a:hover {
      text-decoration: none; }

.posts-block h2 {
  margin: 0 0 19px;
  line-height: 21px;
  font-size: 18px;
  text-transform: uppercase;
  color: black; }
  .posts-block h2 a {
    color: #999999;
    text-transform: none; }

.members-block {
  overflow: hidden;
  margin: 0 0 30px;
  border-bottom: 1px solid #d9d9d9;
  padding: 0 0 39px;
  width: 100%; }
  .members-block .holder {
    float: left;
    width: 700px; }
  .members-block h2 {
    margin: 0 0 9px;
    line-height: 21px;
    font-size: 18px;
    text-transform: uppercase;
    color: black; }
  .members-block .holder ul {
    margin: 19px 0 0;
    padding: 0;
    list-style: none; }
    .members-block .holder ul li {
      float: left;
      padding: 0 6px 7px 1px;
      height: 60px;
      width: 60px; }
      .members-block .holder ul li a {
        display: block;
        outline: none; }
      .members-block .holder ul li img {
        display: block; }
  .members-block .frame {
    float: right;
    width: 220px; }
  .members-block .sources-list {
    margin: 0 0 23px;
    padding: 9px 0 0 1px;
    list-style: none; }
    .members-block .sources-list li {
      overflow: hidden;
      padding: 0;
      margin-bottom: 2px;
      width: 100%;
      font-weight: bold;
      vertical-align: top; }
      .members-block .sources-list li a, .members-block .sources-list li input#user_submit {
        display: block;
        padding: 4px 0 4px 21px;
        color: #999999;
        border: 0;
        font-weight: bold;
        text-align: left;
        cursor: pointer;
        margin: 0;
        text-transform: capitalize; }
        .members-block .sources-list li a:hover, .members-block .sources-list li input#user_submit:hover {
          text-decoration: none; }
      .members-block .sources-list li.twitter a, .members-block .sources-list li.twitter input#user_submit {
        background: url(/images/new/icon-twitter.gif) no-repeat left center; }
      .members-block .sources-list li.facebook a {
        padding-right: 80px;
        background: url(/images/icon-facebook_24_text.png) no-repeat left center;
        text-indent: -5000px;
        height: 16px; }
      .members-block .sources-list li.google a, .members-block .sources-list li.google input#user_submit {
        background: url(/images/new/icon-google.gif) no-repeat left center; }

.friendly-search-form {
  overflow: hidden;
  width: 100%; }
  .friendly-search-form .hidden {
    display: none; }
  .friendly-search-form .text {
    float: left;
    padding: 4px 7px 0 7px;
    height: 18px;
    width: 182px;
    background: url(/images/new/bg-friendly-form-text.gif) no-repeat; }
    .friendly-search-form .text input {
      float: left;
      margin: 0;
      border-style: none;
      padding: 0;
      width: 182px;
      font-weight: bold;
      color: #adadad;
      background: none; }
  .friendly-search-form .submit {
    float: left;
    margin: 0;
    border-style: none;
    padding: 0;
    height: 22px;
    width: 24px;
    line-height: 0;
    font-size: 0;
    text-indent: -9999px;
    background: url(/images/new/btn-submit.gif) no-repeat;
    cursor: pointer; }

.show-block {
  overflow: hidden;
  padding: 0 0 8px;
  width: 100%; }
  .show-block .details {
    float: right;
    width: 219px;
    line-height: 20px;
    font-size: 14px;
    color: #555555; }
    .show-block .details .personal {
      overflow: hidden;
      margin: 0 0 15px;
      width: 100%; }
      .show-block .details .personal .alignleft {
        float: left;
        margin: 0 13px 0 0; }
      .show-block .details .personal div {
        display: table;
        height: 1%; }
    .show-block .details h2 {
      margin: 0;
      line-height: 21px;
      font-size: 21px; }
      .show-block .details h2 a {
        color: #1b1b1b; }
    .show-block .details .date {
      margin: 0 0 0 1px;
      line-height: 14px;
      font-size: 11px;
      color: #777777; }
    .show-block .details p {
      margin: 0 0 20px; }
    .show-block .details .link {
      display: block;
      margin: 0 0 20px; }
      .show-block .details .link a {
        color: black;
        text-decoration: underline; }
        .show-block .details .link a:hover {
          text-decoration: none; }
    .show-block .details .button {
      overflow: hidden;
      margin: 0 0 6px;
      width: 100%; }
      .show-block .details .button a {
        position: relative;
        float: left;
        padding: 0 0 0 34px;
        line-height: 20px;
        font-size: 16px;
        font-weight: bold;
        text-transform: uppercase;
        text-decoration: none;
        color: white;
        background: url(/images/new/bg-btn2.gif) no-repeat;
        outline: none; }
        .show-block .details .button a:hover {
          text-decoration: none;
          background: url(/images/new/bg-btn2.gif) no-repeat 0 -30px; }
        .show-block .details .button a span {
          float: left;
          padding: 5px 34px 0 0;
          height: 25px;
          background: url(/images/new/bg-btn2.gif) no-repeat 100% 0; }
        .show-block .details .button a:hover span {
          background: url(/images/new/bg-btn2.gif) no-repeat 100% -30px; }
  .show-block li#product_categories a span, .show-block li#brands a span {
    font-size: 14px; }
  .show-block .active-nav {
    overflow: hidden;
    margin: 0 0 61px;
    padding: 8px 0 0;
    width: 100%;
    list-style: none; }
    .show-block .active-nav li#product_categories, .show-block .active-nav li#brands {
      float: left;
      margin: 0 4px 0 -4px;
      padding: 0 7px 0 5px;
      line-height: 14px;
      font-size: 12px;
      background: url(/images/new/sep-active-nav.gif) no-repeat 0 50%; }
      .show-block .active-nav li#product_categories a, .show-block .active-nav li#brands a {
        margin: 0 0 0 5px;
        float: left;
        color: #105cd0; }
        .show-block .active-nav li#product_categories a.share, .show-block .active-nav li#brands a.share {
          margin: 0;
          padding: 0 0 0 19px;
          background: url(/images/new/icon-share.gif) no-repeat; }
      .show-block .active-nav li#product_categories img, .show-block .active-nav li#brands img {
        float: left; }
  .show-block .details h3 {
    margin: 0 0 11px;
    line-height: 20px;
    font-size: 16px;
    text-transform: uppercase;
    color: #666666; }
  .show-block .simple-list {
    margin: 0;
    border-top: 1px solid #bbbbbb;
    padding: 11px 0 0;
    list-style: none; }
    .show-block .simple-list li {
      color: #555555; }
      .show-block .simple-list li a {
        color: #555555;
        text-decoration: underline; }
        .show-block .simple-list li a:hover {
          text-decoration: none; }
  .show-block .visual {
    float: left;
    border-top: 3px solid black;
    width: 700px; }
    .show-block .visual .holder {
      overflow: hidden;
      border: solid #e3e3e3;
      border-width: 0 1px 1px;
      padding: 46px 0 31px 47px;
      width: 651px; }
    .show-block .visual ul {
      margin: 0;
      padding: 0;
      list-style: none; }
      .show-block .visual ul li {
        position: relative;
        float: left;
        padding: 0 3px 20px 0;
        width: 198px; }
        .show-block .visual ul li img {
          display: block; }
        .show-block .visual ul li .focus {
          position: absolute;
          top: 126px;
          left: 23px;
          width: 141px; }
          .show-block .visual ul li .focus .box {
            border: 1px solid black;
            height: 128px;
            width: 139px; }
          .show-block .visual ul li .focus .info {
            padding: 3px 7px 4px;
            font-size: 11px;
            font-weight: bold;
            color: white;
            background: black; }
            .show-block .visual ul li .focus .info a {
              color: #404040;
              text-decoration: underline; }
              .show-block .visual ul li .focus .info a:hover {
                text-decoration: none; }
              .show-block .visual ul li .focus .info a span {
                color: white; }

.comment-block-holder {
  background: #eeeeeb; }

.comment-block {
  overflow: hidden;
  margin: 0 auto;
  padding: 36px 0 32px;
  width: 940px; }
  .comment-block .holder {
    float: left;
    width: 700px; }
  .comment-block h2 {
    margin: 0 0 16px;
    line-height: 22px;
    font-size: 18px;
    text-transform: uppercase;
    color: #666666; }
  .comment-block .comment {
    overflow: hidden;
    margin: 0 0 37px;
    width: 450px;
    line-height: 16px; }
    .comment-block .comment .alignleft {
      float: left;
      margin: 4px 17px 0 0; }
    .comment-block .comment .frame {
      display: table;
      height: 1%;
      color: #555555; }
      .comment-block .comment .frame p {
        margin: 0; }
  .comment-block .comment-form {
    overflow: hidden;
    padding: 4px 0 0;
    width: 100%; }
    .comment-block .comment-form .hidden {
      display: none; }
    .comment-block .comment-form .textarea {
      overflow: auto;
      float: left;
      margin: 0;
      border: 1px solid #cccccc;
      padding: 10px 0 10px 10px;
      height: 99px;
      width: 448px;
      max-width: 448px;
      color: #555555; }
    .comment-block .comment-form .submit {
      display: inline;
      float: left;
      margin: 0 0 0 20px;
      border-style: none;
      padding: 0;
      line-height: 0;
      font-size: 0;
      text-indent: -9999px;
      height: 30px;
      width: 165px;
      background: url(/images/new/btn-comment.gif) no-repeat;
      cursor: pointer; }
      .comment-block .comment-form .submit:hover, .comment-block .comment-form .submit.hover {
        background-position: 0 -30px; }
  .comment-block .area {
    float: right;
    width: 219px; }
    .comment-block .area ul {
      margin: 0;
      padding: 4px 0 0;
      list-style: none; }
      .comment-block .area ul li {
        float: left;
        padding: 0 5px 0 0; }
        .comment-block .area ul li img {
          display: block; }

.active-bar {
  padding: 29px 0 0;
  width: 100%;
  background: #737373 url(/images/new/intro-bg.png) repeat-x left bottom; }
  .active-bar .holder {
    position: relative;
    z-index: 10;
    margin: 0 auto;
    width: 948px; }
    .active-bar .holder:after {
      content: "";
      display: block;
      clear: both; }
  .active-bar .heading {
    float: left;
    width: 300px; }
    .active-bar .heading h1 {
      margin: 0;
      line-height: 33px;
      font-size: 24px;
      color: white; }
  .active-bar .frame {
    z-index: 2;
    float: right;
    width: 635px;
    position: relative;
    padding-bottom: 32px; }
  .active-bar .active-nav {
    float: left;
    margin: 0;
    padding: 0;
    list-style: none; }
    .active-bar .active-nav li {
      display: inline;
      position: relative;
      float: left;
      width: 187px;
      line-height: 18px;
      font-size: 14px;
      font-weight: bold; }
      .active-bar .active-nav li a {
        display: block;
        padding: 5px 0 2px;
        height: 23px;
        text-align: center;
        color: #555555;
        outline: none; }
        .active-bar .active-nav li a:hover {
          text-decoration: underline; }
      .active-bar .active-nav li#product_categories {
        margin: 3px 12px 0 12px;
        background: url(/images/new/bg-active-nav-categories.png) no-repeat;
        font-size: 13px;
        color: #555555; }
        .active-bar .active-nav li#product_categories:hover, .active-bar .active-nav li#product_categories.hover {
          margin: 0 3px 0 3px;
          padding: 3px 9px 0;
          background: transparent url(/images/new/bg-active-nav-categories-hover.png) no-repeat; }
          .active-bar .active-nav li#product_categories:hover a, .active-bar .active-nav li#product_categories.hover a {
            color: white;
            text-decoration: none; }
          .active-bar .active-nav li#product_categories:hover li a, .active-bar .active-nav li#product_categories.hover li a {
            display: block;
            text-align: left; }
            .active-bar .active-nav li#product_categories:hover li a:hover, .active-bar .active-nav li#product_categories.hover li a:hover {
              color: #dddddd; }
      .active-bar .active-nav li#brands {
        margin: 3px 13px 0 0;
        background: url(/images/new/bg-active-nav-categories.png) no-repeat;
        font-size: 13px;
        color: #555555; }
        .active-bar .active-nav li#brands:hover, .active-bar .active-nav li#brands.hover {
          position: relative;
          margin: 0 4px 0 -9px;
          padding: 3px 9px 0;
          background: url(/images/new/bg-active-nav-categories-hover.png) no-repeat; }
          .active-bar .active-nav li#brands:hover a, .active-bar .active-nav li#brands.hover a {
            color: white;
            text-decoration: none; }
          .active-bar .active-nav li#brands:hover li a, .active-bar .active-nav li#brands.hover li a {
            display: block;
            text-align: left; }
            .active-bar .active-nav li#brands:hover li a:hover, .active-bar .active-nav li#brands.hover li a:hover {
              color: #dddddd; }
      .active-bar .active-nav li .drop {
        display: none;
        position: absolute;
        z-index: 10;
        top: 31px;
        left: 0;
        width: 205px; }
        .active-bar .active-nav li .drop .m {
          width: 100%;
          background: url(/images/new/bg-drop.png) repeat-y; }
        .active-bar .active-nav li .drop .b {
          height: 20px;
          width: 100%;
          background: url(/images/new/bg-drop-b.png) no-repeat; }
    .active-bar .active-nav ul {
      margin: 0;
      padding: 14px 21px 11px;
      list-style: none;
      width: 163px;
      background: url(/images/new/transparent.gif); }
      .active-bar .active-nav ul li {
        display: block;
        position: static;
        float: none;
        margin: 0;
        padding: 0 0 3px;
        width: auto;
        line-height: 17px;
        font-size: 13px;
        font-weight: normal;
        background: url(/images/new/transparent.gif); }
        .active-bar .active-nav ul li a {
          display: inline;
          padding: 0;
          height: auto;
          text-indent: 0;
          color: white; }
    .active-bar .active-nav li .drop2 {
      display: none;
      position: absolute;
      z-index: 10;
      top: 31px;
      right: 0;
      width: 638px; }

* html .active-bar .active-nav li .drop2 {
  right: -1px; }

.active-bar .active-nav li .drop2 .t {
  overflow: hidden;
  height: 15px;
  width: 100%;
  background: url(/images/new/bg-drop2-t.png) no-repeat; }
.active-bar .active-nav li .drop2 .m {
  width: 100%;
  background: url(/images/new/bg-drop2-m.png) repeat-y; }
.active-bar .active-nav li .drop2 .b {
  height: 31px;
  background: url(/images/new/bg-drop2-b.png) no-repeat; }
.active-bar .active-nav li:hover .drop, .active-bar .active-nav li.hover .drop, .active-bar .active-nav li:hover .drop2, .active-bar .active-nav li.hover .drop2 {
  display: block; }
.active-bar .active-nav .letters-holder {
  padding: 5px 0 0 33px; }
.active-bar .active-nav .letters-nav {
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 100%;
  list-style: none; }
  .active-bar .active-nav .letters-nav li {
    display: inline;
    float: left;
    margin: 0 11px 0 0;
    padding: 0;
    line-height: 18px;
    font-size: 14px;
    font-weight: bold;
    width: auto; }
    .active-bar .active-nav .letters-nav li a {
      color: #b3b2b2 !important; }
    .active-bar .active-nav .letters-nav li.active a {
      color: white !important;
      text-decoration: none; }
.active-bar .active-nav .area {
  overflow: hidden;
  padding: 20px 0 35px 32px;
  width: 606px; }
.active-bar .active-nav .listing {
  float: left;
  margin: 0;
  padding: 0 12px 0 0;
  width: 180px;
  list-style: none; }
  .active-bar .active-nav .listing li {
    display: block;
    float: none; }

.key-form {
  float: left;
  padding: 3px 0 0;
  width: 223px; }
  .key-form .text {
    display: block;
    overflow: hidden;
    padding: 7px 8px 0;
    height: 21px;
    width: 207px;
    background: url(/images/new/bg-key-form.gif) no-repeat; }
    .key-form .text input.product-keyword {
      float: left;
      margin: 0;
      border-style: none;
      padding: 1px 0 0;
      width: 180px;
      font-weight: bold;
      color: #adadad;
      background: none; }
    .key-form .text .submit {
      float: right;
      margin: -3px 0 0;
      border-style: none;
      padding: 0;
      height: 22px;
      width: 24px;
      line-height: 0;
      font-size: 0;
      text-indent: -9999px;
      background: url(/images/new/btn-submit.gif) no-repeat;
      cursor: pointer; }
  .key-form .hidden {
    display: none; }

.features-block {
  position: relative;
  z-index: 1;
  clear: both;
  display: block;
  padding: 0; }
  .features-block h2 {
    position: absolute;
    left: 110px;
    top: -53px;
    font-size: 18px;
    color: #bbbbbb;
    font-size: 130%; }
  .features-block .holder {
    overflow: hidden;
    width: 100%; }
  .features-block ul {
    margin: 0;
    padding: 0;
    width: 1000px;
    list-style: none;
    color: white; }
    .features-block ul li {
      display: inline;
      float: left;
      margin: 0 38px 30px 0;
      width: 290px;
      line-height: 18px;
      font-size: 12px;
      color: white; }
      .features-block ul li .product-image {
        display: block;
        margin: 0 0 12px; }
        .features-block ul li .product-image img {
          width: 290px; }
      .features-block ul li a {
        font-weight: bold;
        color: white;
        text-decoration: none; }
        .features-block ul li a:hover {
          text-decoration: underline; }
      .features-block ul li .product-info {
        float: left;
        width: 240px;
        padding-left: 10px; }
        .features-block ul li .product-info a.product-name {
          font-weight: bold; }
      .features-block ul li .want-link {
        width: 30px;
        float: right;
        display: inline;
        margin: 1px 5px 0 0; }
        .features-block ul li .want-link .wants-count {
          line-height: 16px; }

.products-block {
  overflow: hidden;
  padding: 0px 0 0;
  width: 100%; }

* html .products-block, * + html .products-block {
  padding: 18px 0 19px; }

.products-block h2 {
  margin: 0;
  line-height: 22px;
  font-size: 18px; }
.products-block .holder {
  overflow: hidden;
  margin: -1px 0 0;
  width: 100%; }
.products-block .products-list {
  margin: 0;
  padding: 0;
  width: 1000px;
  list-style: none; }
  .products-block .products-list li {
    font-size: 11px;
    display: inline;
    position: relative;
    overflow: hidden;
    float: left;
    margin: 21px 20px 19px 0;
    border: 1px solid #eeeeee;
    width: 138px; }
    .products-block .products-list li:hover, .products-block .products-list li.hover {
      border-style: none;
      padding: 1px; }
    .products-block .products-list li:hover .overlay, .products-block .products-list li.hover .overlay {
      display: block; }
    .products-block .products-list li .overlay {
      color: #cccccc;
      display: none;
      position: absolute;
      top: 0;
      left: 0;
      height: 90px;
      width: 120px;
      background: url(/images/new/bg-products-list-hover.png);
      padding: 40px 10px 10px; }
      .products-block .products-list li .overlay span {
        display: block; }
      .products-block .products-list li .overlay a {
        color: white; }
        .products-block .products-list li .overlay a:hover {
          text-decoration: underline; }
      .products-block .products-list li .overlay .want-link {
        float: none;
        margin: 0;
        position: absolute;
        top: 6px;
        right: 6px; }

.want-link .wants-count {
  float: right;
  margin-right: 2px; }
.want-link a {
  display: inline;
  float: right;
  width: 16px;
  height: 16px;
  background: url(/images/icon-heart.png) no-repeat right top !important;
  text-indent: -5000px; }
  .want-link a.link-want:hover, .want-link a.link-unwant {
    background-position: right -16px !important; }

#load_more {
  display: none; }

#loading_products {
  display: none;
  clear: both;
  width: 20px;
  margin: 0 auto;
  padding-bottom: 60px; }

#loading_dropdown {
  display: none;
  position: fixed;
  z-index: 10;
  top: 300px;
  width: 32px;
  height: 32px;
  padding: 10px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-box-shadow: 0 0 4px #999999;
  -webkit-box-shadow: 0 0 4px #999999;
  background: white;
  opacity: 0.9;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80); }


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;
  vertical-align: baseline; }

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

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

th td {
  vertical-align: middle; }

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

li {
  list-style: none; }

#primary li {
  list-style: inside; }

em {
  font-style: italic; }

a img {
  border: none; }

img {
  overflow: hidden;
  vertical-align: bottom; }

a:focus, input:active {
  -moz-outline-style: none; }

input, select, textarea {
  font-size: inherit; }

h1, h2, h3, h4, h5, h6 {
  line-height: 1em; }

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

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

h3 {
  font-size: 1.5em;
  margin-bottom: 0.5em; }

h4 {
  font-size: 1em; }

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

blockquote {
  margin: 1.5em; }

legend {
  margin-left: -7px; }

.greyple {
  color: #755591; }

.inHelvetica {
  font-family: Helvetica, Arial, sans-serif !important;
  text-transform: none !important; }

.inTradeGothic {
  font-weight: normal;
  font-family: "TradeGothicLTBoldRegular", "Trade Gothic Bold", "Trade Gothic", sans-serif;
  -webkit-text-stroke: 1px transparent; }

.smallButton {
  font-weight: normal;
  font-family: "TradeGothicLTBoldRegular", "Trade Gothic Bold", "Trade Gothic", sans-serif;
  -webkit-text-stroke: 1px transparent;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  -moz-border-radius-topleft: 2px;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-bottomleft: 2px;
  -moz-border-radius-bottomright: 2px;
  -webkit-border-top-left-radius: 2px;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  padding: 3px 8px 3px 8px;
  height: 20px;
  color: white;
  text-transform: uppercase;
  font-size: 12px;
  background: url(/images/button-small.png) repeat-x; }
  .smallButton:hover {
    background-position: bottom;
    cursor: pointer;
    color: white;
    text-decoration: none; }
  .smallButton.busy {
    background-position: center; }

@font-face {
  font-family: "TradeGothicLTBoldRegular";
  src: url("http://styledon.com/stylesheets/fonts/trade_gothic_lt_bold.eot");
  src: local("☺"), url("http://styledon.com/stylesheets/fonts/trade_gothic_lt_bold.woff") format("woff"), url("http://styledon.com/stylesheets/fonts/trade_gothic_lt_bold.ttf") format("truetype"), url("http://styledon.com/stylesheets/fonts/trade_gothic_lt_bold.svg#") format("svg"); }

@font-face {
  font-family: "GaramondPremrProItalic";
  src: url("http://styledon.com/stylesheets/fonts/garamondpremrpro-it.eot");
  src: local("☺"), url("http://styledon.com/stylesheets/fonts/garamondpremrpro-it.woff") format("woff"), url("http://styledon.com/stylesheets/fonts/garamondpremrpro-it.ttf") format("truetype"), url("http://styledon.com/stylesheets/fonts/garamondpremrpro-it.svg#") format("svg"); }

.container {
  clear: both;
  zoom: 1;
  text-align: left;
  width: 936px;
  margin: 0 auto;
  *: height 1%; }
  .container:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }

.full-container {
  clear: both;
  zoom: 1;
  width: 960px;
  position: relative;
  left: 0;
  margin: 0 auto;
  *: height 1%; }
  .full-container:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }

.clear {
  clear: both; }

.hide {
  display: none !important; }

body {
  background: #eeeeeb; }

h1, h2, h2 a, h3, h4, h5, blockquote, #nav, #signup_or_in, li.add a, .intro .box ul, .more-link, #public_index .intro h2.title a, .pagination li a, .follow-counts a em, #admin_nav, .letters-nav, li#brands a, li#product_categories a, #users_edit label, #users_new label {
  font-weight: normal;
  font-family: "TradeGothicLTBoldRegular", "Trade Gothic Bold", "Trade Gothic", sans-serif;
  -webkit-text-stroke: 1px transparent; }

h1 {
  color: #383838;
  font-size: 27px;
  line-height: 30px; }
  h1 a {
    display: block;
    color: #383838;
    text-decoration: none; }

#primary h2, #secondary h2 {
  font-size: 18px;
  line-height: 20px;
  margin-bottom: 20px;
  color: #383838;
  text-transform: uppercase; }

#secondary h2 {
  margin: 20px 0 20px; }

a.more-link {
  font-size: 15px;
  line-height: 24px;
  color: #b5b5b5;
  text-transform: capitalize;
  text-decoration: none; }

h3 {
  font-size: 16px;
  margin: 0 0 1em; }

h4 {
  font-size: 14px;
  line-height: 18px; }

blockquote {
  padding: 12px 0 28px 31px;
  border-left: 1px solid #bdbdbd;
  margin: 36px 0;
  color: #bdbdbd; }

hr {
  clear: both;
  margin: 1.5em 0;
  border: 0;
  border-bottom: 1px solid #cccccc; }

a {
  color: black; }
  a:hover {
    color: #5c1d9f; }

.red {
  color: #880000; }

.tooltip {
  z-index: 100;
  background-color: black;
  -webkit-border-radius: 3px;
  padding: 10px;
  color: white;
  font-size: 12px;
  width: 200px;
  text-align: center; }

.button {
  display: block;
  border: 0;
  padding: 0;
  text-indent: -5000px;
  background: url(/images/button-med.png) no-repeat top;
  font-size: 0;
  line-height: 0;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  -moz-border-radius-topleft: 2px;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-bottomleft: 2px;
  -moz-border-radius-bottomright: 2px;
  -webkit-border-top-left-radius: 2px;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  font-weight: normal;
  font-family: "TradeGothicLTBoldRegular", "Trade Gothic Bold", "Trade Gothic", sans-serif;
  -webkit-text-stroke: 1px transparent;
  color: #eeeeee;
  display: block;
  border: none;
  padding: 0;
  background: url(/images/button-med.png) repeat-x top;
  text-decoration: none;
  text-align: center;
  padding-top: 12px;
  height: 15px;
  width: 137px;
  text-indent: 0;
  color: #eeeeee;
  text-decoration: none;
  font-size: 15px; }
  .button:hover {
    color: white;
    background-position: bottom;
    cursor: pointer;
    text-decoration: none; }
  .button.busy {
    background-position: center; }
  .button:hover {
    color: white;
    text-decoration: none; }

button {
  display: block;
  border: 0;
  padding: 0;
  text-indent: -5000px;
  background: url(/images/button-med.png) no-repeat top;
  font-size: 0;
  line-height: 0;
  width: 137px;
  height: 27px !important; }
  button:hover {
    color: white;
    background-position: bottom;
    cursor: pointer;
    text-decoration: none; }
  button.busy {
    background-position: center; }

.pointedButtons {
  width: 100%;
  height: 27px;
  margin-bottom: 1em; }

.previousButton {
  width: 96px;
  height: 27px;
  background-image: url(/images/button-previous_and_next.png);
  background-repeat: no-repeat;
  float: left;
  background-position: 0 0; }
  .previousButton a {
    font-weight: normal;
    font-family: "TradeGothicLTBoldRegular", "Trade Gothic Bold", "Trade Gothic", sans-serif;
    -webkit-text-stroke: 1px transparent;
    text-decoration: none;
    color: transparent !important;
    font-size: 0;
    display: block;
    width: 96px;
    height: 27px; }
    .previousButton a:hover {
      text-decoration: none; }
  .previousButton:hover {
    background-position: 0 -27px; }

.nextButton {
  width: 96px;
  height: 27px;
  background-image: url(/images/button-previous_and_next.png);
  background-repeat: no-repeat;
  float: right;
  background-position: 0 -54px; }
  .nextButton a {
    font-weight: normal;
    font-family: "TradeGothicLTBoldRegular", "Trade Gothic Bold", "Trade Gothic", sans-serif;
    -webkit-text-stroke: 1px transparent;
    text-decoration: none;
    color: transparent !important;
    font-size: 0;
    display: block;
    width: 96px;
    height: 27px; }
    .nextButton a:hover {
      text-decoration: none; }
  .nextButton:hover {
    background-position: 0 -81px; }

form ul {
  margin: 12px 0 36px; }
  form ul li {
    list-style: none !important; }
form p, form li {
  clear: both;
  zoom: 1;
  position: relative;
  margin-bottom: 18px; }
  form p:after, form li:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
form ul > li > label:first-child, form ul > li > .fieldWithErrors {
  float: left;
  margin-right: 24px;
  width: 96px;
  *: overflow-x hidden;
  width: 110px;
  color: #888888; }
  form ul > li > label:first-child.last, form ul > li > .fieldWithErrors.last {
    margin-right: 0; }
  form ul > li > label:first-child em, form ul > li > .fieldWithErrors em {
    font-size: 10px;
    font-style: normal; }
    form ul > li > label:first-child em a, form ul > li > .fieldWithErrors em a {
      color: #b8b8b8; }
form li input[type="text"], form li input[type="password"], form li textarea {
  float: left;
  margin-right: 24px;
  width: 216px;
  *: overflow-x hidden;
  border: 1px solid #a9a9a9;
  border-right: 1px solid #f5f5f5;
  border-bottom: 1px solid #f5f5f5;
  padding: 4px 4px 3px;
  font-size: 12px;
  line-height: 16px;
  color: #444444;
  margin-right: 0; }
  form li input[type="text"].last, form li input[type="password"].last, form li textarea.last {
    margin-right: 0; }
form li input {
  background: url(/images/bg-input.gif) repeat-x center; }
form li input[type=file] {
  background: transparent; }
form li .image-upload input {
  background: transparent;
  border: 0; }
form li.inline label, form li.inline input {
  width: auto !important;
  float: none !important;
  margin-right: 8px !important; }
form li.inline label {
  display: inline; }
form li.inline input {
  margin-left: 0 !important;
  border: 0;
  background: transparent; }
form textarea {
  border: 1px solid #888888; }
form .avatar img {
  float: left;
  margin-right: 24px;
  width: 96px;
  *: overflow-x hidden; }
  form .avatar img.last {
    margin-right: 0; }

.products ol li, .page-content ol li, .benefits ol li {
  list-style: decimal inside !important; }
.products ul, .page-content ul, .benefits ul {
  margin-left: 1em; }
  .products ul li, .page-content ul li, .benefits ul li {
    list-style: disc outside !important;
    margin-top: 0.5em; }
  .products ul ul, .page-content ul ul, .benefits ul ul {
    margin-bottom: 0; }
    .products ul ul li, .page-content ul ul li, .benefits ul ul li {
      list-style-type: circle !important; }

.entries {
  width: 720px;
  float: left; }

div.posts, .wishlist, .favorites, .featured-users {
  clear: both;
  zoom: 1;
  margin: 0 0 24px;
  position: relative; }
  div.posts:after, .wishlist:after, .favorites:after, .featured-users:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }

div.posts, .wishlist, .favorites {
  clear: both; }

.wishlist .product {
  float: left;
  margin-right: 24px;
  width: 96px;
  *: overflow-x hidden; }
  .wishlist .product.last {
    margin-right: 0; }

.want {
  float: left;
  margin-right: 24px;
  width: 96px;
  *: overflow-x hidden;
  margin-bottom: 24px;
  margin-right: 22px;
  margin-bottom: 24px;
  border: 1px solid #dddddd; }
  .want.last {
    margin-right: 0; }
  .want .thumbnail a {
    display: block;
    height: 96px;
    width: 96px;
    overflow: hidden; }
    .want .thumbnail a:hover {
      border: 3px solid #5c1d9f;
      width: 90px;
      height: 90px; }
      .want .thumbnail a:hover img {
        position: relative;
        top: -3px;
        left: -3px; }

#primary {
  padding: 24px 0 12px;
  background: white; }

#secondary {
  background: #eeeeeb;
  padding: 36px 0; }
  #secondary .container {
    position: relative; }

#content_header {
  clear: both;
  zoom: 1;
  font-size: 12px;
  line-height: 20px;
  color: #666666;
  margin: 0 0 12px !important;
  overflow: hidden; }
  #content_header:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  body#articles_show #content_header .about a {
    color: #755591 !important; }
  #content_header h1 {
    margin: 0; }
  #content_header h2 {
    margin: 0; }
  #content_header .follow-link {
    float: right;
    display: inline;
    margin: 4px 24px 0 0; }
    #content_header .follow-link a {
      color: #755591;
      display: block;
      border: 0;
      padding: 0;
      text-indent: -5000px;
      background: url("/images/button-follow.gif") no-repeat top;
      font-size: 0;
      line-height: 0;
      width: 96px;
      height: 27px; }
      #content_header .follow-link a:hover {
        color: white;
        background-position: bottom;
        cursor: pointer;
        text-decoration: none; }
      #content_header .follow-link a.busy {
        background-position: center; }
    #content_header .follow-link a.link-unfollow {
      display: block;
      border: 0;
      padding: 0;
      text-indent: -5000px;
      background: url("/images/button-unfollow.gif") no-repeat top;
      font-size: 0;
      line-height: 0;
      width: 96px;
      height: 27px; }
      #content_header .follow-link a.link-unfollow:hover {
        color: white;
        background-position: bottom;
        cursor: pointer;
        text-decoration: none; }
      #content_header .follow-link a.link-unfollow.busy {
        background-position: center; }
  #content_header .feature-link {
    float: left;
    display: inline;
    margin: 4px 24px 0 0; }
  #content_header .follow-status {
    margin-bottom: 4px; }
  #content_header .pointedButtons {
    width: 202px;
    margin-right: 24px;
    float: right; }
  #content_header .edit-link {
    float: right;
    display: inline;
    display: block;
    border: 0;
    padding: 0;
    text-indent: -5000px;
    background: url("/images/button-edit.gif") no-repeat top;
    font-size: 0;
    line-height: 0;
    width: 96px;
    height: 27px;
    margin-right: 24px; }
    #content_header .edit-link:hover {
      color: white;
      background-position: bottom;
      cursor: pointer;
      text-decoration: none; }
    #content_header .edit-link.busy {
      background-position: center; }
  #content_header .like-this {
    margin: 0 24px 0 0 !important; }
  #content_header .profile {
    float: left;
    margin-right: 24px;
    width: 336px;
    *: overflow-x hidden; }
    #content_header .profile.last {
      margin-right: 0; }
    #content_header .profile .avatar {
      float: left;
      display: inline;
      margin: 2px 16px 0 0; }
      #content_header .profile .avatar a {
        display: block; }
        #content_header .profile .avatar a:hover {
          width: 39px;
          height: 39px;
          border: 3px solid #5c1d9f;
          overflow: hidden; }
          #content_header .profile .avatar a:hover img {
            position: relative;
            top: -3px;
            left: -3px; }
  #content_header .stream {
    width: 240px;
    float: right;
    display: inline; }
    #content_header .stream .post-thumb {
      float: left;
      display: inline;
      margin: 0 12px 0 0;
      width: 45px;
      height: 45px; }
      #content_header .stream .post-thumb img {
        width: 100%;
        margin: 0; }
  #content_header .about {
    float: left;
    margin-right: 24px;
    width: 696px;
    *: overflow-x hidden;
    color: #aaaaaa; }
    #content_header .about.last {
      margin-right: 0; }
    #content_header .about a {
      color: #755591; }
  #content_header .product-name, #content_header .search-header {
    float: left;
    margin-right: 24px;
    width: 696px;
    *: overflow-x hidden; }
    #content_header .product-name.last, #content_header .search-header.last {
      margin-right: 0; }
  #content_header .search-header h1 {
    margin-top: 12px; }
  #content_header .bio {
    float: left;
    margin-right: 24px;
    width: 336px;
    *: overflow-x hidden; }
    #content_header .bio.last {
      margin-right: 0; }
  #content_header .follow-counts {
    float: left;
    margin-right: 24px;
    width: 216px;
    *: overflow-x hidden;
    float: right;
    display: inline; }
    #content_header .follow-counts.last {
      margin-right: 0; }
    #content_header .follow-counts ul li {
      width: 96px;
      height: 96px;
      margin: 0;
      float: left;
      display: inline; }
      #content_header .follow-counts ul li.following {
        float: right;
        display: inline; }
      #content_header .follow-counts ul li a {
        display: block;
        font-size: 38px;
        line-height: 40px;
        color: white;
        text-decoration: none;
        height: 72px;
        padding-top: 24px;
        background: url(/images/bg-following.png) no-repeat top;
        text-align: center; }
        #content_header .follow-counts ul li a:hover {
          background-position: bottom; }
      #content_header .follow-counts ul li em {
        font-size: 16px;
        line-height: 20px;
        color: #999999;
        text-transform: uppercase;
        display: block; }
  #content_header .following-list {
    float: left;
    margin-right: 24px;
    width: 216px;
    *: overflow-x hidden;
    float: right;
    display: inline;
    clear: right;
    margin-top: 20px; }
    #content_header .following-list.last {
      margin-right: 0; }
    #content_header .following-list .user {
      float: left;
      display: inline;
      margin: 0 4px 4px 0; }
    #content_header .following-list .details {
      display: none; }
    #content_header .following-list .see-all {
      float: left;
      display: inline;
      background: #eeeeee;
      text-align: center;
      width: 32px;
      height: 32px;
      line-height: 32px; }
  #content_header .want-link {
    position: absolute;
    top: 4px;
    right: 24px; }
    #content_header .want-link .wants-count {
      display: none; }
    #content_header .want-link a {
      width: 168px;
      height: 27px;
      padding: 0;
      background-position: top !important; }
      #content_header .want-link a:hover {
        background-position: bottom !important; }
      #content_header .want-link a.busy {
        background-position: center !important; }
      #content_header .want-link a.link-want {
        background-image: url(/images/button-want.gif) !important; }
      #content_header .want-link a.link-unwant {
        background-image: url(/images/button-unwant.gif) !important; }
  #content_header .entry-nav {
    float: left;
    margin-right: 24px;
    width: 456px;
    *: overflow-x hidden; }
    #content_header .entry-nav.last {
      margin-right: 0; }
  #content_header .filters {
    float: left;
    margin-right: 24px;
    width: 456px;
    *: overflow-x hidden;
    margin-bottom: 12px; }
    #content_header .filters.last {
      margin-right: 0; }
    #content_header .filters .type, #content_header .filters .order {
      float: left;
      margin-right: 24px;
      width: 216px;
      *: overflow-x hidden; }
      #content_header .filters .type.last, #content_header .filters .order.last {
        margin-right: 0; }
      #content_header .filters .type ul, #content_header .filters .order ul {
        margin: 0; }
        #content_header .filters .type ul li a, #content_header .filters .order ul li a {
          display: block;
          padding: 4px 0; }
      #content_header .filters .type h2, #content_header .filters .order h2 {
        margin-bottom: 0;
        text-transform: uppercase; }
      #content_header .filters .type ul li a, #content_header .filters .order ul li a {
        font-size: 14px;
        line-height: 20px;
        text-decoration: none;
        color: #888888; }
      #content_header .filters .type ul li.current a, #content_header .filters .type ul li:hover a, #content_header .filters .order ul li.current a, #content_header .filters .order ul li:hover a {
        background: transparent;
        color: #5c1d9f; }
    #content_header .filters .type {
      float: right;
      display: inline;
      margin-right: 0; }
    #content_header .filters .order {
      float: left;
      display: inline; }

.entry-actions {
  clear: both;
  clear: both;
  zoom: 1;
  line-height: 32px; }
  .entry-actions:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  .entry-actions a {
    font-size: 14px;
    font-weight: bold; }

#user #content_header .follow-link, #post #content_header .follow-link {
  float: left;
  display: inline; }

#post .follow-link a.link-follow {
  display: block;
  border: 0;
  padding: 0;
  text-indent: -5000px;
  background: url("/images/button-follow_small.gif") no-repeat top;
  font-size: 0;
  line-height: 0;
  width: 55px;
  height: 20px;
  width: 72px; }
  #post .follow-link a.link-follow:hover {
    color: white;
    background-position: bottom;
    cursor: pointer;
    text-decoration: none; }
  #post .follow-link a.link-follow.busy {
    background-position: center; }
#post .follow-link a.link-unfollow {
  display: block;
  border: 0;
  padding: 0;
  text-indent: -5000px;
  background: url("/images/button-unfollow_small.gif") no-repeat top;
  font-size: 0;
  line-height: 0;
  width: 55px;
  height: 20px;
  width: 72px; }
  #post .follow-link a.link-unfollow:hover {
    color: white;
    background-position: bottom;
    cursor: pointer;
    text-decoration: none; }
  #post .follow-link a.link-unfollow.busy {
    background-position: center; }

#search_results .results-list {
  border-top: 1px solid #dddddd;
  padding-top: 20px;
  margin-top: 10px; }
  #search_results .results-list .user-index {
    padding-top: 0;
    left: 0; }
#search_results .posts, #search_results .products-block {
  margin-bottom: 30px; }
#search_results h1 {
  float: left;
  margin-top: 12px; }
#search_results .search-field {
  margin-bottom: 12px; }

#product, #company {
  clear: both;
  zoom: 1;
  margin-bottom: 36px;
  position: relative;
  margin-top: 12px; }
  #product:after, #company:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  #product #content_header h1, #company #content_header h1 {
    float: left;
    display: inline; }
  #product #content_header h4.category, #company #content_header h4.category {
    margin: 0 0 0 12px;
    font-family: "GaramondPremrProItalic", "Garamond Premier Pro", "Adobe Garamond Pro", Garamond, serif;
    font-size: 27px;
    line-height: 36px; }
  #product #content_header p, #company #content_header p {
    clear: both;
    font-weight: normal;
    margin-bottom: 0;
    color: #999999; }
    #product #content_header p a, #company #content_header p a {
      text-decoration: none; }
      #product #content_header p a:hover, #company #content_header p a:hover {
        text-decoration: underline; }
  #product .buy-link, #company .buy-link {
    display: block;
    font-size: 18px;
    color: #383838;
    text-decoration: none; }
    #product .buy-link:hover, #company .buy-link:hover {
      color: #5c1d9f; }
  #product .description, #company .description {
    float: left;
    margin-right: 24px;
    width: 456px;
    *: overflow-x hidden;
    margin-right: 0;
    font-size: 12px;
    line-height: 20px;
    color: #888888; }
    #product .description.last, #company .description.last {
      margin-right: 0; }
    #product .description p, #company .description p {
      margin-right: 24px; }
    #product .description a, #company .description a {
      text-decoration: none; }
      #product .description a:hover, #company .description a:hover {
        text-decoration: underline; }
  #product #full_image, #company #full_image {
    float: left;
    margin-right: 24px;
    width: 456px;
    *: overflow-x hidden; }
    #product #full_image.last, #company #full_image.last {
      margin-right: 0; }
    #product #full_image img, #company #full_image img {
      display: block;
      margin: 0 auto; }

#company .products-block {
  clear: both;
  clear: both;
  zoom: 1;
  border-top: 0;
  padding-top: 60px; }
  #company .products-block:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }

#product .products-block {
  clear: both;
  clear: both;
  zoom: 1;
  width: 480px;
  margin-top: 60px;
  line-height: 15px; }
  #product .products-block:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  #product .products-block h3 {
    margin-bottom: 0; }

#post .content, #article .content, #product .content, #company .content {
  margin: 24px 0 36px; }
#post .like-this, #post .like-count, #article .like-this, #article .like-count, #product .like-this, #product .like-count, #company .like-this, #company .like-count {
  float: left;
  display: inline; }
#post .like-count, #article .like-count, #product .like-count, #company .like-count {
  margin-right: 5px;
  display: none; }

#post .description .like-this, #article .description .like-this {
  display: block;
  float: none; }
  #post .description .like-this a.liked, #article .description .like-this a.liked {
    display: block;
    border: 0;
    padding: 0;
    text-indent: -5000px;
    background: url("/images/button-unfavorite.gif") no-repeat top;
    font-size: 0;
    line-height: 0;
    width: 137px;
    height: 25px; }
    #post .description .like-this a.liked:hover, #article .description .like-this a.liked:hover {
      color: white;
      background-position: bottom;
      cursor: pointer;
      text-decoration: none; }
    #post .description .like-this a.liked.busy, #article .description .like-this a.liked.busy {
      background-position: center; }
  #post .description .like-this a.like-link, #article .description .like-this a.like-link {
    display: block;
    border: 0;
    padding: 0;
    text-indent: -5000px;
    background: url("/images/button-favorite.gif") no-repeat top;
    font-size: 0;
    line-height: 0;
    width: 137px;
    height: 25px; }
    #post .description .like-this a.like-link:hover, #article .description .like-this a.like-link:hover {
      color: white;
      background-position: bottom;
      cursor: pointer;
      text-decoration: none; }
    #post .description .like-this a.like-link.busy, #article .description .like-this a.like-link.busy {
      background-position: center; }

#share_this {
  margin: 20px 0; }
  #share_this a {
    color: #666666;
    line-height: 16px; }

.find-friends {
  margin-bottom: 36px; }
  .find-friends .search {
    float: left;
    display: inline;
    width: auto;
    padding: 0;
    margin: 0; }
    .find-friends .search form {
      margin: 0; }
    .find-friends .search .search-field {
      margin: 0 !important;
      outline: 1px solid #888888; }
  .find-friends ul {
    clear: both;
    zoom: 1;
    margin-bottom: 24px; }
    .find-friends ul:after {
      content: " ";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden; }
    .find-friends ul li {
      float: left;
      display: inline;
      margin-right: 12px;
      text-indent: -5000px;
      font-size: 0;
      line-height: 0; }
      .find-friends ul li a, .find-friends ul li form .unlinked {
        display: block;
        border: 0;
        padding: 0;
        text-indent: -5000px;
        background: url("/images/icon-twitter_64.png") no-repeat top;
        font-size: 0;
        line-height: 0;
        width: 64px;
        height: 64px; }
        .find-friends ul li a:hover, .find-friends ul li form .unlinked:hover {
          color: white;
          background-position: bottom;
          cursor: pointer;
          text-decoration: none; }
        .find-friends ul li a.busy, .find-friends ul li form .unlinked.busy {
          background-position: center; }
      .find-friends ul li:hover a {
        background-color: transparent; }
      .find-friends ul li.facebook a {
        background-image: url(/images/icon-facebook_64.png); }
      .find-friends ul li.twitter a, .find-friends ul li.twitter form#connect_to_twitter_form .unlinked {
        background-image: url(/images/icon-twitter_64.png); }
      .find-friends ul li.gmail a, .find-friends ul li.gmail form#connect_to_google_form .unlinked {
        background-image: url(/images/icon-google_64.png); }
  .find-friends #user_search {
    margin: 12px 0 36px; }

#secondary .find-friends, #secondary .featured-users {
  float: left;
  margin-right: 24px;
  width: 456px;
  *: overflow-x hidden; }
  #secondary .find-friends.last, #secondary .featured-users.last {
    margin-right: 0; }
#secondary .find-friends {
  font-size: 12px;
  line-height: 24px;
  color: #888887;
  margin-right: 0; }
  #secondary .find-friends h3 {
    float: left;
    display: inline;
    font-size: 12px;
    line-height: 24px;
    color: #444444; }
  #secondary .find-friends p {
    margin-right: 24px; }
  #secondary .find-friends form {
    clear: both; }
#secondary .complete-profile {
  clear: both; }
#secondary .featured-users {
  width: 480px;
  float: right;
  display: inline; }
  #secondary .featured-users .user {
    float: left;
    margin-right: 24px;
    width: 96px;
    *: overflow-x hidden;
    margin-bottom: 24px; }
    #secondary .featured-users .user.last {
      margin-right: 0; }

.user-index .user {
  float: left;
  margin-right: 24px;
  width: 216px;
  *: overflow-x hidden;
  font-size: 12px;
  line-height: 18px;
  color: #b7b7b7;
  font-weight: bold;
  margin-bottom: 42px; }
  .user-index .user.last {
    margin-right: 0; }
  .user-index .user .avatar {
    float: left;
    display: inline;
    margin-top: 2px; }
  .user-index .user .details {
    margin-left: 48px; }
    .user-index .user .details p {
      margin-bottom: 0;
      font: inherit; }
  .user-index .user a {
    display: block;
    color: #666666;
    text-decoration: none; }

.new_product li input, .new_product li textarea, .edit_product li input, .edit_product li textarea {
  float: left;
  margin-right: 24px;
  width: 336px;
  *: overflow-x hidden; }
  .new_product li input.last, .new_product li textarea.last, .edit_product li input.last, .edit_product li textarea.last {
    margin-right: 0; }
.new_product li textarea, .edit_product li textarea {
  height: 8em; }

#page {
  padding: 24px 0 36px;
  clear: both;
  zoom: 1; }
  #page:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  #page .page-content {
    float: left;
    margin-right: 24px;
    width: 636px;
    *: overflow-x hidden;
    font-weight: normal;
    color: #444444; }
    #page .page-content.last {
      margin-right: 0; }
    #page .page-content h1 {
      margin-bottom: 24px; }
  #page .page-sidebar {
    float: left;
    margin-right: 24px;
    width: 216px;
    *: overflow-x hidden;
    float: right;
    display: inline;
    font-size: 12px;
    line-height: 20px;
    color: #8f8f8f; }
    #page .page-sidebar.last {
      margin-right: 0; }
    #page .page-sidebar ul {
      margin: 0; }
      #page .page-sidebar ul li a {
        display: block;
        padding: 8px 0; }

#secondary .company-column {
  float: left;
  margin-right: 24px;
  width: 216px;
  *: overflow-x hidden; }
  #secondary .company-column.last {
    margin-right: 0; }
#secondary .company-letter h2 {
  margin-bottom: 0; }
#secondary .company-letter ul {
  margin-bottom: 24px; }
  #secondary .company-letter ul li a {
    font-size: 14px;
    line-height: 20px;
    color: #666666;
    font-weight: bold;
    text-decoration: none; }

form.new_company li input, form.new_company li textarea, form.edit_company li input, form.edit_company li textarea {
  float: left;
  margin-right: 24px;
  width: 456px;
  *: overflow-x hidden; }
  form.new_company li input.last, form.new_company li textarea.last, form.edit_company li input.last, form.edit_company li textarea.last {
    margin-right: 0; }
form.new_company li textarea, form.edit_company li textarea {
  height: 8em; }

input.login-button, .fbconnect_login_button {
  display: block;
  width: 32px;
  height: 32px;
  cursor: pointer;
  margin: 0;
  padding: 0;
  border: 0;
  background: url(/images/icon-twitter.png) no-repeat top left;
  text-indent: -5000px;
  font-size: 0;
  line-height: 0; }

.fbconnect_login_button {
  background-image: url(/images/icon-facebook.png); }
  .fbconnect_login_button #fb_login_image {
    display: none; }

.google input.login-button {
  background-image: url(/images/icon-google.png); }

.account-social ul {
  clear: both;
  zoom: 1; }
  .account-social ul:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  .account-social ul li {
    float: left;
    display: inline; }
.account-social input.login-button, .account-social .fbconnect_login_button {
  width: 64px;
  height: 64px;
  background: url(/images/icon-twitter_64.png) no-repeat top left; }
.account-social .fbconnect_login_button {
  background-image: url(/images/icon-facebook_64.png); }
.account-social .google input.login-button {
  background-image: url(/images/icon-google_64.png); }

#simple #primary {
  background: transparent;
  padding: 40px 0; }

.taggedImageContainer {
  position: relative; }

.tag {
  border: 1px dotted #111111;
  position: absolute;
  background: url(/images/spacer.gif);
  z-index: 1;
  overflow: visible !important; }
  .tag:hover {
    border: 2px solid #111111; }
  .tag .tag-actions {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 11px;
    font-weight: normal;
    background: white;
    padding-left: 2px; }
    .tag .tag-actions a {
      margin: 0 2px; }
      .tag .tag-actions a:link {
        color: #888888; }
      .tag .tag-actions a:hover {
        color: #444444; }
  .tag p {
    display: none;
    background: #111111;
    color: #dddddd;
    font-size: 11px;
    line-height: 15px;
    margin: 0;
    padding: 2px 5px;
    position: absolute;
    bottom: -21px;
    left: -2px;
    z-index: 1000;
    min-width: 96%; }
    .tag p a {
      color: white !important; }
    .tag p .edit-tag, .tag p .delete-tag {
      float: right;
      display: inline;
      margin-left: 2px; }
    .tag p .delete-tag {
      margin-left: 10px; }

.image-tag-form {
  display: none;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  background-color: #555555;
  background-color: rgba(75, 75, 75, 0.85);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(75, 75, 75, 0.85)), to(rgba(25, 25, 25, 0.85)));
  background: -moz-linear-gradient(30% 0% 270deg, rgba(75, 75, 75, 0.85), rgba(25, 25, 25, 0.85));
  border: 1px solid #333333;
  -webkit-box-shadow: 0px 1px 5px #222222;
  -moz-box-shadow: 0px 1px 5px #222222;
  box-shadow: 0px 1px 5px #222222;
  color: white;
  font-size: 12px;
  padding: 10px;
  width: 220px;
  position: absolute; }
  .image-tag-form form ul, .image-tag-form form p {
    margin: 0 0 10px; }
    .image-tag-form form ul:last-child, .image-tag-form form p:last-child {
      margin: 0; }
    .image-tag-form form ul a, .image-tag-form form p a {
      color: white; }
  .image-tag-form form ul li {
    margin-bottom: 10px; }
    .image-tag-form form ul li input {
      padding: 4px !important;
      margin: 0 !important;
      width: 210px;
      border: none; }
    .image-tag-form form ul li label {
      color: #cccccc;
      display: block;
      float: none;
      width: auto;
      margin-right: 0; }
  .image-tag-form form p input {
    display: block;
    border: 0;
    padding: 0;
    text-indent: -5000px;
    background: url("/images/button-save_small.gif") no-repeat top;
    font-size: 0;
    line-height: 0;
    width: 55px;
    height: 20px;
    float: left;
    display: inline;
    margin-right: 5px; }
    .image-tag-form form p input:hover {
      color: white;
      background-position: bottom;
      cursor: pointer;
      text-decoration: none; }
    .image-tag-form form p input.busy {
      background-position: center; }

.imgareaselect-border1 {
  background: url(/images/border-anim-v.gif) repeat-y left top; }

.imgareaselect-border2 {
  background: url(/images/border-anim-h.gif) repeat-x left top; }

.imgareaselect-border3 {
  background: url(/images/border-anim-v.gif) repeat-y right top; }

.imgareaselect-border4 {
  background: url(/images/border-anim-h.gif) repeat-x left bottom; }

.imgareaselect-border1, .imgareaselect-border2, .imgareaselect-border3, .imgareaselect-border4 {
  opacity: 0.5;
  filter: alpha(opacity=50); }

.imgareaselect-handle {
  background-color: white;
  border: solid 1px black;
  opacity: 0.5;
  filter: alpha(opacity=50); }

.imgareaselect-outer {
  background-color: black;
  opacity: 0.5;
  filter: alpha(opacity=50); }

#invite #content_header h1 {
  margin-bottom: 12px; }
#invite #content_header h2 {
  margin-top: 24px; }
#invite #content_header ul li {
  list-style: square inside; }
#invite #content_header #new_invitation {
  margin-bottom: 24px; }
  #invite #content_header #new_invitation textarea {
    display: block;
    width: 300px;
    height: 6em;
    margin-bottom: 10px; }
  #invite #content_header #new_invitation input#invitation_submit {
    display: block;
    border: 0;
    padding: 0;
    text-indent: -5000px;
    background: url("/images/button-invite.gif") no-repeat top;
    font-size: 0;
    line-height: 0;
    width: 96px;
    height: 27px; }
    #invite #content_header #new_invitation input#invitation_submit:hover {
      color: white;
      background-position: bottom;
      cursor: pointer;
      text-decoration: none; }
    #invite #content_header #new_invitation input#invitation_submit.busy {
      background-position: center; }

#notice, #error {
  background: #6e3ca4;
  color: white;
  font-weight: bold;
  text-align: center;
  width: 100%;
  padding: 15px 0;
  font-size: 16px;
  position: absolute;
  top: 0;
  z-index: 5000; }
  #notice a, #error a {
    color: white; }

#error {
  background: #810044; }

.fieldWithErrors input {
  outline: 2px solid red; }

.formError {
  clear: both;
  color: red;
  font-size: 12px;
  line-height: 20px;
  margin-left: 140px; }

#error_page #error_message {
  float: right;
  display: inline;
  background: #5d0081;
  width: 600px;
  margin: 144px 0;
  padding: 24px; }
#error_page h1, #error_page a {
  color: white; }
#error_page h1 {
  float: left;
  margin-right: 24px;
  width: 96px;
  *: overflow-x hidden;
  height: 24px;
  text-indent: -5000px;
  background: url(/images/text-500.gif) no-repeat left bottom;
  margin-top: 0 !important;
  font-size: 0;
  line-height: 0; }
  #error_page h1.last {
    margin-right: 0; }
  #error_page h1.error-404 {
    background-image: url(/images/text-404.gif); }
#error_page p {
  float: left;
  margin-right: 24px;
  width: 456px;
  *: overflow-x hidden;
  color: white;
  margin: 0;
  font-family: "Garamond Premier Pro", "Adobe Garamond Pro", Garamond, serif;
  font-style: italic;
  font-size: 19px;
  line-height: 24px; }
  #error_page p.last {
    margin-right: 0; }

#post #content_header, #article #content_header {
  padding-top: 12px; }
  #post #content_header h1, #article #content_header h1 {
    margin-bottom: 0; }
#post .content, #article .content {
  clear: both;
  zoom: 1;
  color: #898989; }
  #post .content:after, #article .content:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  #post .content .products, #post .content .description, #article .content .products, #article .content .description {
    float: left;
    margin-right: 24px;
    width: 216px;
    *: overflow-x hidden;
    float: right;
    display: inline;
    clear: right; }
    #post .content .products.last, #post .content .description.last, #article .content .products.last, #article .content .description.last {
      margin-right: 0; }
  #post .content .products, #article .content .products {
    font-size: 14px;
    line-height: 18px;
    color: #444444;
    font-weight: bold;
    margin-top: 24px;
    margin-bottom: 24px; }
    #post .content .products h3, #article .content .products h3 {
      margin-top: 60px;
      text-transform: uppercase;
      padding-left: 15px;
      background: url(/images/icon-leftarrow.png) no-repeat left;
      left: -15px;
      position: relative; }
    #post .content .products ol li, #article .content .products ol li {
      border-top: 1px solid #9c9c9c;
      padding: 9px 0;
      color: #888888; }
      #post .content .products ol li:first-child, #article .content .products ol li:first-child {
        border-top: none; }
      #post .content .products ol li a, #article .content .products ol li a {
        color: #888888;
        text-decoration: underline; }
        #post .content .products ol li a:hover, #article .content .products ol li a:hover {
          color: #333333; }
  #post .content .pictured-users .user, #article .content .pictured-users .user {
    clear: both;
    zoom: 1;
    margin-bottom: 16px;
    border-top: 1px solid #9c9c9c;
    padding-top: 15px; }
    #post .content .pictured-users .user:after, #article .content .pictured-users .user:after {
      content: " ";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden; }
    #post .content .pictured-users .user .avatar, #article .content .pictured-users .user .avatar {
      float: left;
      display: inline;
      margin-right: 8px; }
    #post .content .pictured-users .user .personal-link, #article .content .pictured-users .user .personal-link {
      float: left;
      display: inline;
      width: 176px;
      font-size: 13px;
      line-height: 16px;
      color: #9c9c9c;
      font-weight: normal; }
      #post .content .pictured-users .user .personal-link strong, #article .content .pictured-users .user .personal-link strong {
        display: block;
        font-weight: bold;
        color: #333333; }
      #post .content .pictured-users .user .personal-link:hover, #article .content .pictured-users .user .personal-link:hover {
        text-decoration: none; }
        #post .content .pictured-users .user .personal-link:hover span, #article .content .pictured-users .user .personal-link:hover span {
          text-decoration: underline; }
  #post .content .description, #article .content .description {
    font-size: 14px;
    line-height: 20px;
    color: #666666; }
  #post .content .date, #article .content .date {
    font-size: 13px;
    color: #888888; }

#secondary .comments {
  float: left;
  margin-right: 24px;
  width: 696px;
  *: overflow-x hidden; }
  #secondary .comments.last {
    margin-right: 0; }
  #secondary .comments .entry_comment, #secondary .comments .new_entry_comment {
    clear: both;
    zoom: 1;
    margin-bottom: 24px; }
    #secondary .comments .entry_comment:after, #secondary .comments .new_entry_comment:after {
      content: " ";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden; }
    #secondary .comments .entry_comment .content, #secondary .comments .new_entry_comment .content {
      margin-left: 50px;
      font-size: 12px;
      line-height: 20px;
      color: #888888;
      font-weight: bold; }
      #secondary .comments .entry_comment .content em, #secondary .comments .new_entry_comment .content em {
        font-weight: normal; }
        #secondary .comments .entry_comment .content em a, #secondary .comments .new_entry_comment .content em a {
          color: #666666;
          text-decoration: underline; }
    #secondary .comments .entry_comment .avatar, #secondary .comments .new_entry_comment .avatar {
      float: left;
      display: inline;
      margin-top: 2px; }
  #secondary .comments .new_entry_comment {
    position: relative;
    margin-bottom: 36px;
    min-height: 96px; }
    #secondary .comments .new_entry_comment .content {
      float: left;
      margin-right: 24px;
      width: 456px;
      *: overflow-x hidden;
      margin: 0; }
      #secondary .comments .new_entry_comment .content.last {
        margin-right: 0; }
    #secondary .comments .new_entry_comment .guidelines {
      float: left;
      margin-right: 24px;
      width: 216px;
      *: overflow-x hidden;
      float: right;
      display: inline;
      margin-right: 0;
      color: #888888; }
      #secondary .comments .new_entry_comment .guidelines.last {
        margin-right: 0; }
      #secondary .comments .new_entry_comment .guidelines p {
        font-weight: bold;
        margin: 0 24px 0 0; }
    #secondary .comments .new_entry_comment textarea {
      width: 98%;
      height: 96px;
      background: transparent; }
    #secondary .comments .new_entry_comment #entry_comment_submit {
      display: block;
      border: 0;
      padding: 0;
      text-indent: -5000px;
      background: url("/images/button-comment.gif") no-repeat top;
      font-size: 0;
      line-height: 0;
      width: 168px;
      height: 27px;
      position: absolute;
      bottom: 4px; }
      #secondary .comments .new_entry_comment #entry_comment_submit:hover {
        color: white;
        background-position: bottom;
        cursor: pointer;
        text-decoration: none; }
      #secondary .comments .new_entry_comment #entry_comment_submit.busy {
        background-position: center; }

.likers {
  float: left;
  margin-right: 24px;
  width: 216px;
  *: overflow-x hidden;
  margin-right: 0; }
  .likers.last {
    margin-right: 0; }
  .likers .liker {
    float: left;
    display: inline;
    width: auto;
    margin-right: 8px;
    margin-bottom: 8px; }

#article #content_header h1 {
  font-size: 32px;
  margin-bottom: 12px; }
#article #content_header a {
  color: #555555; }
#article .excerpt {
  margin-bottom: 32px;
  font-family: "Garamond Premier Pro", "Adobe Garamond Pro", Garamond, serif;
  font-size: 19px;
  line-height: 24px; }
#article .more {
  clear: both;
  float: left;
  margin-right: 24px;
  width: 636px;
  *: overflow-x hidden;
  margin-bottom: 48px;
  font-size: 14px;
  line-height: 24px;
  color: #444444; }
  #article .more.last {
    margin-right: 0; }
  #article .more a {
    color: #755591; }
  #article .more p, #article .more ul, #article .more ol {
    margin-bottom: 24px; }
  #article .more img {
    float: left;
    display: inline;
    margin: 30px 24px 18px 0; }
  #article .more img.SOUploadedImage {
    float: none;
    margin: 0; }
  #article .more em {
    font-style: italic; }
#article .previous-articles {
  float: left;
  margin-right: 24px;
  width: 216px;
  *: overflow-x hidden;
  width: 216px;
  float: right;
  display: inline;
  border-bottom: 1px solid #9c9c9c;
  margin-bottom: 48px;
  clear: none; }
  #article .previous-articles.last {
    margin-right: 0; }
  #article .previous-articles li {
    list-style: none; }
  #article .previous-articles .more-link {
    display: inline; }
  #article .previous-articles .article {
    width: 100%;
    float: none;
    margin-bottom: 48px; }

.entry-form {
  clear: both;
  zoom: 1;
  text-align: left;
  width: 936px;
  margin: 0 auto;
  *: height 1%;
  font-size: 12px;
  line-height: 20px;
  color: #7c7c7c; }
  .entry-form:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  .entry-form .fields {
    float: left;
    margin-right: 24px;
    width: 216px;
    *: overflow-x hidden; }
    .entry-form .fields.last {
      margin-right: 0; }
    .entry-form .fields h2 {
      margin: 0 !important;
      clear: both; }
    .entry-form .fields .image-upload, .entry-form .fields .image-url {
      margin-bottom: 20px; }
      .entry-form .fields .image-upload input, .entry-form .fields .image-url input {
        width: 216px !important;
        padding: 0; }
      .entry-form .fields .image-upload .image-method, .entry-form .fields .image-url .image-method {
        display: block;
        color: #7c7c7c;
        font-size: 11px;
        font-weight: normal; }
    .entry-form .fields label {
      display: block;
      float: none;
      width: auto; }
    .entry-form .fields ul {
      margin-top: 20px; }
    .entry-form .fields li input, .entry-form .fields li textarea {
      font-size: 12px;
      line-height: 18px;
      color: #888888;
      width: 206px;
      padding: 4px;
      border: 1px solid #888888;
      background: white; }
    .entry-form .fields li.inline {
      margin-top: 10px; }
      .entry-form .fields li.inline label {
        display: inline; }
      .entry-form .fields li.inline input {
        width: auto;
        margin-left: 0; }
    .entry-form .fields .submit input {
      display: block;
      border: 0;
      padding: 0;
      text-indent: -5000px;
      background: url("/images/button-upload.gif") no-repeat top;
      font-size: 0;
      line-height: 0;
      width: 168px;
      height: 27px;
      float: left;
      display: inline; }
      .entry-form .fields .submit input:hover {
        color: white;
        background-position: bottom;
        cursor: pointer;
        text-decoration: none; }
      .entry-form .fields .submit input.busy {
        background-position: center; }
    .entry-form .fields p input {
      display: block;
      border: 0;
      padding: 0;
      text-indent: -5000px;
      background: url("/images/button-submit.gif") no-repeat top;
      font-size: 0;
      line-height: 0;
      width: 168px;
      height: 27px; }
      .entry-form .fields p input:hover {
        color: white;
        background-position: bottom;
        cursor: pointer;
        text-decoration: none; }
      .entry-form .fields p input.busy {
        background-position: center; }
    .entry-form .fields .disabled {
      opacity: 0.5; }
      .entry-form .fields .disabled p input {
        background-position: center;
        cursor: default; }
    .entry-form .fields .step-1 {
      clear: both;
      zoom: 1;
      margin-bottom: 40px; }
      .entry-form .fields .step-1:after {
        content: " ";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden; }
  .entry-form .images {
    float: right;
    display: inline;
    width: 650px;
    max-width: 650px;
    position: relative; }
    .entry-form .images .tag-this {
      clear: both;
      zoom: 1;
      background: #565656;
      color: white;
      padding: 5px;
      zoom: 1; }
      .entry-form .images .tag-this:after {
        content: " ";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden; }
      .entry-form .images .tag-this h3 {
        float: left;
        display: inline;
        margin: 5px 0 0 5px;
        font-size: 14px;
        line-height: 20px; }
      .entry-form .images .tag-this input {
        display: block;
        border: 0;
        padding: 0;
        text-indent: -5000px;
        background: url("/images/button-addtag.gif") no-repeat top;
        font-size: 0;
        line-height: 0;
        width: 137px;
        height: 27px;
        float: right;
        display: inline; }
        .entry-form .images .tag-this input:hover {
          color: white;
          background-position: bottom;
          cursor: pointer;
          text-decoration: none; }
        .entry-form .images .tag-this input.busy {
          background-position: center; }
    .entry-form .images .editorial-field {
      clear: both;
      padding-top: 20px; }
      .entry-form .images .editorial-field textarea {
        width: 648px;
        height: 400px; }
  .entry-form .mceLast {
    font-size: 16px; }
  .entry-form .formError {
    margin-left: 0; }

#new_article .tag-this {
  display: none; }

.new_article ul, .edit_article ul {
  margin-top: 0 !important; }

.entry-index .article, .related-articles .article {
  float: left;
  margin-right: 24px;
  width: 216px;
  *: overflow-x hidden;
  position: relative;
  font-size: 11px;
  line-height: 15px;
  min-height: 333px;
  margin-bottom: 24px;
  background: white; }
  .entry-index .article.last, .related-articles .article.last {
    margin-right: 0; }
  .entry-index .article .actions, .related-articles .article .actions {
    clear: both;
    zoom: 1;
    color: #424242;
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%; }
    .entry-index .article .actions:after, .related-articles .article .actions:after {
      content: " ";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden; }
    .entry-index .article .actions a, .related-articles .article .actions a {
      text-decoration: none; }
  .entry-index .article .like-this, .entry-index .article .like-count, .related-articles .article .like-this, .related-articles .article .like-count {
    line-height: 16px; }
  .entry-index .article .like-count, .related-articles .article .like-count {
    right: 22px;
    position: absolute;
    bottom: 0;
    text-align: right; }
  .entry-index .article .like-this a, .related-articles .article .like-this a {
    display: block;
    background: url(/images/icon-hearts.png) no-repeat right bottom; }
    .entry-index .article .like-this a:hover, .entry-index .article .like-this a.liked, .related-articles .article .like-this a:hover, .related-articles .article .like-this a.liked {
      background-position: right top; }
  .entry-index .article .change-this, .related-articles .article .change-this {
    position: absolute;
    top: 2px;
    right: 0;
    line-height: 20px; }
    .entry-index .article .change-this a, .related-articles .article .change-this a {
      color: white;
      float: left;
      display: inline; }
    .entry-index .article .change-this a.edit-link, .related-articles .article .change-this a.edit-link {
      display: block;
      border: 0;
      padding: 0;
      text-indent: -5000px;
      background: url("/images/button-edit_small.gif") no-repeat top;
      font-size: 0;
      line-height: 0;
      width: 55px;
      height: 20px; }
      .entry-index .article .change-this a.edit-link:hover, .related-articles .article .change-this a.edit-link:hover {
        color: white;
        background-position: bottom;
        cursor: pointer;
        text-decoration: none; }
      .entry-index .article .change-this a.edit-link.busy, .related-articles .article .change-this a.edit-link.busy {
        background-position: center; }
    .entry-index .article .change-this a.delete-link, .related-articles .article .change-this a.delete-link {
      display: block;
      border: 0;
      padding: 0;
      text-indent: -5000px;
      background: url("/images/button-delete_small.gif") no-repeat top;
      font-size: 0;
      line-height: 0;
      width: 55px;
      height: 20px;
      width: 20px;
      margin-left: 2px; }
      .entry-index .article .change-this a.delete-link:hover, .related-articles .article .change-this a.delete-link:hover {
        color: white;
        background-position: bottom;
        cursor: pointer;
        text-decoration: none; }
      .entry-index .article .change-this a.delete-link.busy, .related-articles .article .change-this a.delete-link.busy {
        background-position: center; }
  .entry-index .article .brief, .related-articles .article .brief {
    margin: 16px 12px;
    font-size: 12px;
    line-height: 16px;
    color: #888888;
    height: 127px;
    border-bottom: 1px solid #bdbdbd;
    margin-bottom: 32px;
    position: relative; }
    .entry-index .article .brief h4, .entry-index .article .brief p, .related-articles .article .brief h4, .related-articles .article .brief p {
      display: inline;
      font: inherit; }
    .entry-index .article .brief h4 a, .related-articles .article .brief h4 a {
      color: #555555;
      text-decoration: none; }
  .entry-index .article:hover .brief, .related-articles .article:hover .brief {
    color: #202020; }
  .entry-index .article .author, .entry-index .article .date, .related-articles .article .author, .related-articles .article .date {
    position: absolute;
    right: 13px;
    bottom: 16px;
    color: #bdbdbd; }
    .entry-index .article .author a, .entry-index .article .date a, .related-articles .article .author a, .related-articles .article .date a {
      text-decoration: none;
      color: #bdbdbd; }
  .entry-index .article .date, .related-articles .article .date {
    right: auto;
    left: 12px; }
  .entry-index .article .thumbnail a, .related-articles .article .thumbnail a {
    display: block;
    background: #444444;
    padding-top: 3px;
    height: 145px; }
    .entry-index .article .thumbnail a:hover, .related-articles .article .thumbnail a:hover {
      background: #5c1d9f; }

.entry-index, .user-index {
  padding-top: 24px; }

.user-index {
  clear: both;
  zoom: 1;
  width: 960px;
  position: relative;
  left: 0;
  margin: 0 auto;
  *: height 1%; }
  .user-index:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }

#full_image {
  float: left;
  margin-right: 24px;
  width: 696px;
  *: overflow-x hidden;
  width: auto;
  max-width: 650px;
  border-top: 3px solid #444444;
  position: relative;
  background-color: #f9f9f9; }
  #full_image.last {
    margin-right: 0; }
  #full_image:hover {
    border-color: #5c1d9f; }
  #full_image img {
    display: block;
    margin: 0 auto; }
  #full_image img.stretch {
    width: 100%; }
  #full_image .imageCredit {
    margin-top: 1em;
    margin-bottom: 1em;
    padding-left: 1em;
    font-style: italic; }
  #full_image .change-this {
    position: absolute;
    right: 48px;
    top: -1px;
    z-index: 50000; }
    #full_image .change-this a {
      float: left;
      display: inline; }
    #full_image .change-this .edit-link {
      display: block;
      border: 0;
      padding: 0;
      text-indent: -5000px;
      background: url("/images/button-edit.gif") no-repeat top;
      font-size: 0;
      line-height: 0;
      width: 96px;
      height: 27px; }
      #full_image .change-this .edit-link:hover {
        color: white;
        background-position: bottom;
        cursor: pointer;
        text-decoration: none; }
      #full_image .change-this .edit-link.busy {
        background-position: center; }
    #full_image .change-this .delete-link {
      display: block;
      border: 0;
      padding: 0;
      text-indent: -5000px;
      background: url("/images/button-delete.gif") no-repeat top;
      font-size: 0;
      line-height: 0;
      width: 27px;
      height: 27px;
      margin-left: 4px; }
      #full_image .change-this .delete-link:hover {
        color: white;
        background-position: bottom;
        cursor: pointer;
        text-decoration: none; }
      #full_image .change-this .delete-link.busy {
        background-position: center; }
    #full_image .change-this .retract-link {
      display: block;
      border: 0;
      padding: 0;
      text-indent: -5000px;
      background: url("/images/button-retract.gif") no-repeat top;
      font-size: 0;
      line-height: 0;
      margin-left: 4px;
      width: 96px;
      height: 27px; }
      #full_image .change-this .retract-link:hover {
        color: white;
        background-position: bottom;
        cursor: pointer;
        text-decoration: none; }
      #full_image .change-this .retract-link.busy {
        background-position: center; }
    #full_image .change-this .feature-link {
      display: block;
      border: 0;
      padding: 0;
      text-indent: -5000px;
      background: url("/images/button-feature.gif") no-repeat top;
      font-size: 0;
      line-height: 0;
      width: 96px;
      height: 27px;
      margin-left: 4px; }
      #full_image .change-this .feature-link:hover {
        color: white;
        background-position: bottom;
        cursor: pointer;
        text-decoration: none; }
      #full_image .change-this .feature-link.busy {
        background-position: center; }

#admin_nav {
  clear: both;
  zoom: 1;
  background: #333333;
  color: white;
  font-size: 13px;
  line-height: 30px;
  border-bottom: 1px solid #333333; }
  #admin_nav ul {
    margin: 0; }
    #admin_nav ul li {
      float: left;
      display: inline; }
      #admin_nav ul li a {
        display: block;
        padding: 3px 6px;
        text-decoration: none; }
  #admin_nav:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  #admin_nav h4 {
    float: left;
    display: inline;
    margin: 0;
    line-height: inherit; }
  #admin_nav ul {
    float: right;
    display: inline; }
    #admin_nav ul li {
      margin: 0; }
      #admin_nav ul li a {
        color: white;
        padding: 0 8px; }
        #admin_nav ul li a:hover {
          color: #cccccc; }

#categories {
  clear: both;
  zoom: 1;
  height: 59px;
  background: #dedede;
  overflow: hidden; }
  #categories ul {
    margin: 0; }
    #categories ul li {
      float: left;
      display: inline; }
      #categories ul li a {
        display: block;
        padding: 20px 0;
        text-decoration: none; }
  #categories:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  #categories ul#category_nav {
    float: left;
    display: inline; }
    #categories ul#category_nav li {
      margin-right: 18px; }
      #categories ul#category_nav li a {
        height: 16px;
        text-transform: uppercase;
        border-bottom: 3px solid #dedede; }
        #categories ul#category_nav li a:hover {
          border-color: #5c1d9f;
          background-color: transparent; }
      #categories ul#category_nav li.current a {
        color: #444444;
        border-color: #5c1d9f;
        background-color: transparent; }

#users_edit label, #users_new label {
  font-size: 14px;
  line-height: 30px; }
#users_edit .inline label, #users_new .inline label {
  font-family: Helvetica, Arial, sans-serif; }

form table td {
  font-size: 12px; }
  form table td.top {
    vertical-align: top; }
  form table td.label {
    padding: 5px !important;
    text-align: right;
    min-width: 130px; }
  form table td.field {
    padding: 5px !important;
    vertical-align: top; }
  form table td.actions {
    padding-top: 1em !important; }
form table .small {
  font-size: 12px; }

#intro {
  clear: both;
  clear: both;
  zoom: 1;
  background: #181818 url(/images/bg-intro.png) repeat-x bottom;
  color: white;
  border-top: 1px solid #333333; }
  #intro:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  #intro .container {
    padding: 36px 0 47px;
    position: relative; }
  #intro .step {
    float: left;
    margin-right: 24px;
    width: 216px;
    *: overflow-x hidden; }
    #intro .step.last {
      margin-right: 0; }
    #intro .step h3 {
      font-size: 32px;
      line-height: 36px; }
      #intro .step h3 em {
        margin: 0;
        font-family: "Garamond Premier Pro", "Adobe Garamond Pro", Garamond, serif; }
      #intro .step h3 strong {
        display: block; }
    #intro .step h4 {
      font-size: 24px;
      line-height: 36px;
      margin-bottom: 18px; }
    #intro .step p {
      font-size: 13px;
      line-height: 18px;
      color: #6a6a6a;
      margin: 0; }
    #intro .step a.signup {
      display: block;
      border: 0;
      padding: 0;
      text-indent: -5000px;
      background: url("/images/button-signup.gif") no-repeat top;
      font-size: 0;
      line-height: 0;
      width: 96px;
      height: 27px;
      margin-top: 36px; }
      #intro .step a.signup:hover {
        color: white;
        background-position: bottom;
        cursor: pointer;
        text-decoration: none; }
      #intro .step a.signup.busy {
        background-position: center; }
  #intro a.close {
    display: block;
    border: 0;
    padding: 0;
    text-indent: -5000px;
    background: url("/images/button-hide.gif") no-repeat top;
    font-size: 0;
    line-height: 0;
    width: 55px;
    height: 20px;
    position: absolute;
    right: 0;
    top: 12px; }
    #intro a.close:hover {
      color: white;
      background-position: bottom;
      cursor: pointer;
      text-decoration: none; }
    #intro a.close.busy {
      background-position: center; }

#public_index #intro, #community_index #intro, #simple #intro {
  display: none; }