#main {
  position: relative; }

#left {
  position: relative;
  width: auto;
  margin: 0 260px 0 0;
  background: #cceefc url('/images/home_bg.png') 0 0 repeat-x; }
  #left .call-to-action {
    position: absolute;
    right: 1.5em;
    background: #FFF;
    border: 2px solid #333; }
    #left .call-to-action a, #left .call-to-action a:visited {
      color: #933; }
  #left .content {
    background: #cceefc url('/images/home_bg.png') 0 0 repeat-x;
    padding: 1em 2em 2em 2em;
    position: relative;
    min-height: 300px;
    clear: both; }
    #left .content .header {
      background: #FFF;
      padding: .5em; }
      #left .content .header h3 {
        padding: 0;
        margin: 0;
        font-size: 1.4em; }
    #left .content dd.label {
      display: block;
      padding: .5em !important;
      border-top: dashed #FFF 1px;
      color: #FFF;
      font-weight: bold;
      clear: left; }

#right {
  position: absolute;
  width: 250px;
  top: 0;
  right: 0;
  margin: 0 0 0 0; }

#body-wrap {
  position: relative;
  width: 1000px;
  margin: auto;
  padding: 0 0 0 0; }

h1 {
  color: #660000;
  font-size: 1.6em; }

h2 {
  font-size: 2em;
  padding: .2em; }

h3 {
  font-size: 1.2em;
  padding: .2em 0 .1em .3em;
  margin: .3em 0 0 0; }

p {
  padding: .2em; }

a, a:visited {
  color: #933; }

a:hover {
  text-decoration: underline; }

#login input, #register input {
  padding: .3em; }

form#search {
  position: absolute;
  right: 0;
  top: 0;
  text-align: right;
  padding: .7em;
  margin: 0;
  background: none;
  width: 230px;
  z-index: 9999; }
  form#search #terms {
    border: solid #333 4px;
    padding: 4px;
    color: #333;
    font-size: 15px;
    margin: 0; }
  form#search .submit {
    position: relative;
    float: right;
    border: none;
    padding: 0;
    width: 33px; }

input {
  border: 2px solid #666;
  font-size: 1.2em; }

.radio, .checkbox {
  border: none !important;
  background: #eee !important; }

#site-menu {
  position: absolute;
  top: 0;
  right: 0;
  width: 600px;
  z-index: 999; }
  #site-menu li {
    position: relative;
    float: right;
    margin: 0 0 0 1px;
    background: #ccc;
    padding: .5em; }
    #site-menu li a, #site-menu li a:visited {
      color: #333;
      font-size: 12px;
      font-weight: bold; }

#alert-text {
  position: absolute;
  top: 40px;
  right: 10px;
  width: 376px;
  font-size: .8em; }

.avatar-box {
  position: relative;
  float: left;
  margin: 0 .5em .5em 0 !important;
  padding: 0;
  width: 50px;
  min-height: 0;
  height: auto !important;
  background: #eee;
  overflow: hidden;
  border: solid #300 3px; }
  .avatar-box .avatar {
    margin: 0 !important;
    padding: 0 !important;
    border: none;
    line-height: 0 !important;
    height: auto !important;
    min-height: 0;
    clear: both; }
  .avatar-box img {
    clear: both;
    width: 100%;
    margin: 0 0 0 0 !important;
    padding: 0 !important; }
  .avatar-box .category {
    text-align: center;
    padding: 4px 0 4px 0;
    width: 100%;
    color: #FFF;
    background: #300;
    font-size: 12px; }

.tweets .replies .avatar-box {
  width: 40px; }

.reply .details-lnk {
  display: none; }

.clear {
  clear: left; }


#new-tweet {
  display: none;
  background: #eee;
  padding: 0 !important;
  border-bottom: solid 1px #ccc !important; }
  #new-tweet form {
    display: block !important; }
    #new-tweet form textarea {
      width: 70%;
      display: block;
      min-height: 50px;
      font-size: 15px; }

#sorting {
  position: relative;
  font-size: 14px;
  margin: 0 0 0 0;
  font-weight: normal; }
  #sorting a, #sorting a:visited {
    color: #cc6666; }
  #sorting a.selected {
    font-weight: bold !important; }

.feed {
  position: relative;
  padding: 0;
  margin: 0 0 0 0;
  border-bottom: dashed #FFF 3px;
  clear: left; }
  .feed dt {
    position: relative;
    padding: .4em;
    display: block;
    margin: 0 !important;
    line-height: auto;
    font-weight: bold;
    font-size: 1.5em;
    border: none;
    background: #FFF; }
  .feed dd {
    clear: both;
    position: relative;
    height: auto;
    background: none;
    overflow: hidden;
    margin: 0;
    padding: 1em; }
    .feed dd .tags {
      font-size: 12px;
      position: absolute;
      bottom: .5em;
      left: 90px; }
      .feed dd .tags a {
        margin: 0 0 0 .3em; }
    .feed dd .info {
      padding: 0 .3em .1em 0; }
    .feed dd .menu {
      visibility: hidden;
      margin: 0 0 0 0;
      display: block;
      font-size: .9em;
      color: #eee; }
      .feed dd .menu a, .feed dd .menu a:visited {
        font-size: 1em;
        color: #cc6666; }
    .feed dd .body {
      display: block;
      padding: .5em 0 .5em 65px; }
    .feed dd .reply-lnk {
      font-size: 12px; }
    .feed dd .since {
      color: #999;
      font-size: 12px; }
    .feed dd .follow-lnk {
      position: relative;
      clear: both;
      text-align: center;
      font-size: 12px; }
    .feed dd .replies-lnk {
      color: #cc6666; }
    .feed dd .admin-delete-lnk {
      font-weight: bold; }
    .feed dd .editor {
      display: none;
      height: 50px; }
      .feed dd .editor input {
        padding: .3em; }
    .feed dd .replies {
      clear: both;
      display: none;
      padding: 0 0 0 70px; }
      .feed dd .replies dd {
        border-top: dashed 2px #666;
        padding: .5em 0 .5em 0;
        font-size: .9em; }
        .feed dd .replies dd .avatar img {
          width: 40px;
          height: 40px; }
  .feed form {
    border-top: dashed 2px #666;
    padding: 1em;
    display: none;
    clear: both;
    background: #eee; }
    .feed form input.submit {
      position: relative;
      background: #333;
      color: #FFF;
      border: solid 3px #333;
      padding: 1em 1.1em 1em 1.1em;
      margin: 0;
      top: 0;
      line-height: 1em;
      cursor: pointer; }
    .feed form input[type='submit'] {
      padding: 0 1em 0 1em !important;
      line-height: 20px;
      font-size: 20px;
      height: 100%; }
    .feed form label {
      font-weight: bold;
      display: block; }
    .feed form textarea {
      position: relative;
      float: left;
      padding: 9px !important;
      border: solid #333 2px;
      background: #FFF;
      min-height: 50px !important;
      font-size: 15px;
      line-height: 17px !important;
      height: 78%;
      padding: 10%;
      resize: none; }
  .feed .expanded .editor {
    display: block; }

.discussions dt {
  padding: .5em .5em .5em 35px;
  background: #FFF url('/images/discussions.png') left center no-repeat; }

.events dt {
  padding: .5em .5em .5em .5em;
  background: #FFF;
  margin: 0; }
  .events dt .add-lnk {
    background: #FFF;
    border: none;
    padding: 0 .5em 0 0; }
.events ul.label {
  position: relative;
  clear: both;
  list-style: none; }
  .events ul.label li {
    position: relative;
    float: left;
    clear: none; }
  .events ul.label .name {
    width: 40%; }
  .events ul.label .followers {
    width: 15%; }
  .events ul.label .favorites {
    width: 20%; }

#header {
  position: relative;
  background: #eee;
  margin: 0 0 1em 0;
  padding: 0 0 0 0;
  color: #FFF;
  height: auto;
  width: 100%; }
  #header h2 {
    clear: both;
    color: #000;
    margin: 0 0 0 0;
    padding: 1em 0 .2em .2em;
    line-height: .5em;
    font-size: 2.1em; }
  #header p.description {
    clear: both;
    padding: .4em 400px .4em .4em;
    font-size: 1.1em;
    line-height: 1.3em;
    display: block;
    color: #333;
    text-align: justify; }
  #header .avatar {
    position: relative;
    float: left;
    margin: 0 1em 0 0; }
    #header .avatar img {
      border: solid 4px #600; }
  #header #submenu {
    clear: both; }

.profile-module {
  margin-top: 12px;
  background-color: #CCC; }

.clear {
  clear: both; }

.plan .description {
  display: none; }

.add-tweet-link {
  font-weight: bold; }

#sections {
  position: relative;
  top: 0;
  padding: 5px 0 0 26px;
  display: block;
  height: 49px;
  background: url('/images/nav_bg.png') top left repeat-x;
  overflow: hidden; }
  #sections li {
    position: relative;
    float: left;
    width: 116px;
    text-align: center;
    margin: 0;
    padding: 15px 0 15px 0;
    z-index: 99999; }
    #sections li a, #sections li a:visited {
      font-weight: bold;
      color: #FFF; }
  #sections li.selected {
    background: transparent url('/images/section-selected.png') 0 0 no-repeat;
    width: 116px; }
    #sections li.selected a, #sections li.selected a:visited {
      color: #333; }

dl.tags {
  background: #eee;
  position: relative;
  clear: both;
  display: block;
  margin: 0 0 0 0;
  padding: .5em; }
  dl.tags dt {
    font-weight: bold;
    display: inline;
    font-size: 13px;
    margin: 0 1em 0 0 0;
    padding: 0 1em 0 0; }
  dl.tags dd {
    display: inline;
    font-size: 13px;
    margin: 0 1em 0 0; }

#filters {
  clear: both;
  margin: 0 0 0 0; }

#logo {
  position: relative;
  margin: 0 0 0 0;
  height: 70px; }
  #logo img {
    height: 40px;
    margin: 20px 0 0 0;
    padding: 0; }

#tagline {
  font-size: 16px;
  padding: 2px 0 0 10px;
  margin: 0;
  color: #ccc; }

#categories {
  position: relative;
  clear: both;
  background-color: #eee;
  padding: .3em 0 0 1.5em;
  min-height: auto;
  height: auto;
  margin: 0 2em 0 2em; }
  #categories li {
    position: relative;
    float: left;
    padding: .7em 1em .7em .7em; }
  #categories .selected {
    background: #ccc; }

.filters {
  z-index: 9999;
  position: relative;
  float: right;
  font-size: 14px;
  padding: .5em 1em 0 0;
  text-align: right;
  width: 200px; }
  .filters li {
    display: block; }
  .filters li.end {
    padding: 0;
    margin: 0;
    clear: right;
    line-height: 0; }

#bookmarks-filter-lnk {
  padding: 0 22px 0 0;
  background: #FFF url('/images/star_small_on.png') right center no-repeat; }

#bookmarks-filter-lnk.on {
  background: #FFF url('/images/star_small_off.png') right center no-repeat; }

.popularity-box {
  position: relative;
  float: right;
  top: 0em;
  right: 0em;
  width: 50px;
  height: auto;
  text-align: center;
  background: none;
  border: none; }
  .popularity-box .popularity {
    width: 50px;
    font-size: 1.5em;
    font-weight: bold;
    margin: auto;
    display: block;
    text-align: center; }
  .popularity-box .bookmark-lnk {
    position: relative;
    display: block;
    margin: auto;
    width: 50px;
    height: 50px; }
    .popularity-box .bookmark-lnk img {
      position: absolute;
      top: 0;
      left: 0; }
    .popularity-box .bookmark-lnk .star-on {
      display: none; }
  .popularity-box .bookmarked .star-on {
    display: block; }
  .popularity-box .bookmarked .star-off {
    display: none; }

.back {
  padding: 1em;
  width: auto; }
  .back a, .back a:visited {
    font-weight: bold;
    font-size: 16px;
    color: #FFF; }

#area {
  background: #cceefc url('/images/home_bg.png') 0 0 repeat-x;
  padding: 1em; }

.box#pop .popularity-box {
  float: left; }

#focus {
  padding: 2em 2em 0 2em;
  margin: 0 0 0 0; }
  #focus .avatar-box {
    margin: 0 .5em 0 0 !important; }
  #focus .type {
    color: #369; }
  #focus h1 {
    font-size: 32px;
    color: #333; }
  #focus .popularity-box {
    width: 80px;
    text-align: center;
    background: #FFF;
    margin: 0 .2em 0 0; }
  #focus .description {
    padding: 0 0 0 0 !important;
    text-align: left;
    font-size: 1.2em; }

#errorExplanation {
  border: #900 solid 5px;
  background: #996666;
  padding: 1em;
  color: #eee; }
  #errorExplanation p {
    color: #FFF;
    font-weight: bold; }
  #errorExplanation h2 {
    color: #900; }
  #errorExplanation ul li {
    color: #FFF; }

#related-event {
  border-bottom: dashed 2px #ccc;
  padding: 0 0 .5em 0;
  margin: 0 0 .6em 0;
  height: auto; }
  #related-event .event {
    height: auto; }
    #related-event .event .date {
      display: none; }
    #related-event .event .name a, #related-event .event .name a:visited {
      color: #933 !important; }
    #related-event .event .details {
      padding: 0;
      margin: 0; }
    #related-event .event .popularity-box {
      display: none; }

#featured {
  margin: 1em 0 0 0;
  border-bottom: dashed 2px #ccc;
  height: auto;
  padding: 0; }

#main {
  margin: 1em 0 0 0; }

.event {
  clear: both;
  height: 120px;
  overflow: auto; }
  .event .author {
    font-size: .8em;
    color: #999;
    font-weight: normal; }
  .event h4 {
    font-size: 20px; }
    .event h4 a, .event h4 a:visited {
      color: #333 !important; }
  .event .start-date {
    position: relative;
    float: left;
    margin: 0 .5em 0 0; }
  .event .end-date {
    position: relative;
    float: right;
    margin: 0; }
  .event .details {
    padding: .5em 80px 0 80px;
    font-size: .9em;
    text-align: justify; }
  .event .specs {
    padding: 0;
    color: #666;
    font-size: .8em;
    line-height: 1.2em; }

.date {
  width: 70px;
  height: 80px;
  position: relative;
  text-align: center;
  background: #eee;
  padding: 0 0 .2em 0; }
  .date .type {
    padding: 4px 1px 4px 1px;
    color: #FFF;
    background: #933;
    font-size: 12px; }
  .date .month {
    display: block;
    font-weight: bold;
    font-size: .8em;
    padding: .3em 0 0 0; }
  .date .day {
    font-weight: bold;
    font-size: 2.5em;
    line-height: .9em; }

#featured {
  border: none;
  padding: 0 !important;
  margin: 0; }
  #featured h3 {
    background: none !important; }
  #featured dl {
    padding: 0 0 .5em 0;
    margin: 0 0 .5em 0; }
  #featured dt {
    padding: .3em .3em .3em .5em;
    margin: 0;
    font-weight: bold;
    font-size: 20px;
    background: #FFF;
    color: #FFF;
    border-bottom: solid #369 2px;
    background: #69c; }
  #featured dd {
    border-bottom: dashed #eee 2px;
    padding: .5em !important; }
  #featured .popularity-box {
    display: none; }

.user .url {
  margin: 0 0 0 0;
  color: #933;
  font-size: 13px; }

.user_lnk {
  color: #300;
  font-weight: bold; }

.since {
  color: #999;
  font-size: .8em; }

.user .user-lnk {
  font-weight: bold; }
.user .body {
  font-size: .9em; }

#right .featured .user {
  clear: both;
  padding: .5em 0 .5em 0;
  border-bottom: dashed 2px #eee; }
  #right .featured .user .avatar-box {
    margin: 0 .5em 0 0 !important; }
  #right .featured .user .popularity-box {
    display: none; }

#beta #site-menu {
  display: none !important; }
#beta input {
  padding: .3em; }

#main-featured {
  border: solid #cef 5px;
  padding: 1em;
  margin: 1em 0 1em 0;
  clear: both;
  background: #FFF; }

#login form {
  background: #cceefc url('/images/home_bg.png') 0 0 repeat-x;
  padding: 2%; }
#login label {
  display: block; }
#login div {
  margin: .5em 0 0 0; }

#register form {
  background: #cceefc url('/images/home_bg.png') 0 0 repeat-x;
  padding: 2%; }
#register label {
  display: block; }
#register div {
  margin: .5em 0 0 0; }

.call-to-action {
  background: #FFF;
  padding: 1em;
  text-align: center;
  border: solid #933 3px;
  margin: 0 0 .5em 0;
  font-weight: bold; }
  .call-to-action a, .call-to-action a:visited {
    color: #933; }

table a, table a:visited {
  color: #933;
  text-align: underline; }
table h3 {
  color: #000;
  font-size: 2.5em;
  line-height: auto;
  margin: 0;
  padding: 0; }
table td {
  border-bottom: solid 1px #FFF;
  padding: .5em;
  font-weight: bold;
  text-align: center;
  font-weight: normal; }
table td.description {
  text-align: left;
  font-size: 12px; }

#cart {
  position: relative;
  width: auto;
  text-align: left; }
  #cart dd {
    position: relative;
    left: 0;
    clear: both;
    float: none;
    padding: .3em 0 .3em 0;
    margin: 0; }
  #cart .item {
    background: #eee;
    text-align: left;
    border-bottom: solid #FFF 1px;
    font-size: 14px; }
    #cart .item span {
      position: relative;
      width: 70%; }
  #cart .total {
    font-weight: bold; }
  #cart .price {
    position: relative;
    float: right;
    width: 30% !important;
    text-align: right; }
  #cart .checkout-lnk {
    position: relative;
    float: right;
    font-weight: bold;
    background: #933;
    padding: .5em;
    color: #FFF; }

dd.special {
  position: relative;
  float: left;
  width: 240px;
  height: 400px;
  padding: 0;
  border: solid 2px #333;
  margin: 0 0 0 3px !important;
  cursor: pointer;
  text-align: center;
  overflow: hidden;
  background: #FFF; }
  dd.special h4 {
    padding: .3em .5em 0 .5em; }
    dd.special h4 a, dd.special h4 a:visited {
      font-size: 2em; }
  dd.special p {
    padding: .2em .2em 0 .2em; }
  dd.special .author {
    font-size: .8em; }
  dd.special .description a, dd.special .description a:visited {
    color: #333; }
  dd.special .url {
    font-size: .8em;
    color: #933; }

dd.text-special {
  width: 220px;
  height: 380px;
  padding: 10px; }

#add-special {
  background: #FFF;
  color: #966;
  border: solid #900 4px;
  font-size: 12px; }
  #add-special a, #add-special a:visited {
    color: #933;
    font-size: 18px; }
  #add-special span {
    padding: 0 0 0 0;
    color: #966; }

.box {
  background: #eee;
  padding: 0 0 1em 0;
  margin: 0 0 .5em 0;
  position: relative;
  clear: both; }
  .box h3, .box dt {
    padding: .3em .3em .3em .5em;
    margin: 0 0 .3em 0;
    font-weight: bold;
    font-size: 20px;
    background: #FFF;
    color: #FFF;
    border-bottom: solid #369 2px;
    background: #69c; }
  .box .content {
    position: relative;
    padding: .3em 1em .6em 1em; }
  .box .content-bullets {
    padding: .3em 1em .6em 1em; }
    .box .content-bullets li {
      list-style-type: disc;
      margin: 7px 0 0 1em; }

#control-panel {
  background: #eee; }
  #control-panel h3 {
    background: #333;
    border-bottom: solid #333 3px; }
  #control-panel .content li {
    list-style-type: disc;
    margin: 0 0 0 1em; }
    #control-panel .content li a {
      font-weight: bold; }

#who .category {
  display: none; }
#who .avatar-box {
  border: none;
  width: 30px !important;
  height: 30px !important;
  padding: 0; }
  #who .avatar-box .avatar, #who .avatar-box img {
    border: none;
    width: 100% !important;
    height: auto !important;
    margin: 0; }

#popular-profiles .user {
  clear: both;
  min-height: 80px; }
#popular-profiles .popularity-box {
  display: none; }

.box#stats ul li {
  font-size: 14px;
  padding: 0 0 .5em 0; }

#access-denied #body {
  margin: 30px 0 0 90px;
  width: 80%; }

.current {
  background: #F96 !important; }

.upcoming {
  background: #69F !important; }

.passed {
  background: #96c !important; }

#flash {
  padding: .5em;
  background: #69C;
  color: #FFF; }

#auto-updater {
  display: none; }

#logo-icon-lnk {
  position: absolute;
  top: 20px;
  z-index: 6667;
  left: -42px;
  display: none; }

#about h2 {
  padding: 1em 0 0 0;
  font-size: 1.6em; }
#about p {
  text-align: justify; }
#about #right .box li {
  padding: .4em 0 0 0;
  margin: 0 0 0 1em;
  list-style-type: disc; }
  #about #right .box li a, #about #right .box li a:visited {
    font-size: 14px; }

dd.paginate {
  text-align: right;
  padding: .5em; }
  dd.paginate .pagination {
    position: relative;
    float: left;
    width: auto;
    margin: auto;
    font-size: 14px; }
    dd.paginate .pagination .current {
      font-weight: bold;
      font-size: 20px;
      background: none !important; }

.char-count {
  position: relative;
  float: left;
  margin: 0 .5em 0 0;
  padding: .2em 0 0 .2em;
  font-size: 1.8em;
  font-weight: bold;
  font-style: italic; }

.DESC .selected {
  padding: 0 20px 0 0;
  background: #FFF url('/images/DESC.png') top right no-repeat; }

.ASC .selected {
  padding: 0 20px 0 0;
  background: #FFF url('/images/ASC.png') top right no-repeat; }

.followers {
  clear: both;
  border-top: dashed 2px #ccc;
  padding: .5em 0  0 0; }
  .followers li {
    position: relative;
    float: left;
    margin: 0 .3em 0 0;
    height: 30px; }
    .followers li .category {
      display: none; }
    .followers li .avatar-box {
      width: 30px;
      height: 30px !important;
      min-height: 0;
      margin: 0;
      padding: 0;
      border: none;
      background: #ccc; }
      .followers li .avatar-box img {
        border: none;
        width: 100%;
        height: 100%; }

#terms h1 {
  margin-top: 14px; }
#terms p {
  margin: 7px 0 7px 0; }
#terms p.strong {
  color: #FF0000; }

#contact ul li {
  margin: 7px 0 7px 0; }

.extra-padding {
  padding-bottom: 15px; }

#about h3 {
  margin-top: 6px; }
#about p {
  padding-left: 6px; }

#preview {
  position: relative;
  border: solid 5px #000;
  background: #d3eafc url('/images/live-bg.png') 0 0 repeat-x;
  height: 350px;
  padding: 50px 0 50px 0; }
  #preview .interstitial {
    position: relative;
    width: 580px;
    height: 330px;
    background: #FFF;
    margin: auto;
    padding: 10px;
    text-align: left;
    overflow: hidden; }
    #preview .interstitial .name {
      position: relative;
      z-index: 200; }
    #preview .interstitial .description {
      position: relative;
      z-index: 200; }
    #preview .interstitial .image {
      z-index: 1;
      position: absolute;
      top: 0;
      left: 0;
      width: 600px;
      height: 350px; }

.sub-tabs {
  position: relative;
  padding: 0 0 0 0;
  z-index: 999;
  height: auto; }
  .sub-tabs li {
    position: relative;
    float: left;
    display: block;
    width: auto;
    padding: 8px;
    margin: .5em 0 0 0;
    font-size: 1.1em;
    background: #69c; }
    .sub-tabs li a {
      color: #FFF; }
  .sub-tabs li.selected {
    background: #FFF; }
    .sub-tabs li.selected a {
      color: #69c; }
  .sub-tabs li.end {
    float: none;
    padding: 0;
    line-height: 0;
    clear: left;
    margin: 0; }