/*
This is a bridge header between the old 3.0 design and the upcoming new 2014 design
*/
#matchmaker-frame {
  display: none;
  position: absolute;
  z-index: 200;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  border: 0; }

/*#wtm_header{ background-image:url('/wtmimages/header-count.jpg'); }*/
#social-header {
  position: absolute;
  top: 65px;
  right: 110px; }

#navigation li a {
  display: block;
  height: 25px;
  padding: 9px 9px 0px; }

#wtm-stat-bar {
  position: absolute;
  top: 20px;
  left: 442px;
  border-radius: 4px;
  font: Helvetica, Arial, sans-serif;
  font-size: 13px;
  
  /*
  	HEART
  */ }
  #wtm-stat-bar * {
    color: #fff; }
  #wtm-stat-bar .header-block {
    float: left;
    background-color: rgba(255, 255, 255, 0.1);
    padding: 8px 12px;
    margin-right: 12px;
    height: 48px;
    transition: background-color .2s ease-in; }
    #wtm-stat-bar .header-block:hover {
      background-color: rgba(255, 255, 255, 0.15); }
  #wtm-stat-bar .avatar {
    width: 48px;
    height: 48px;
    border: 1px solid #0c5e7b;
    border-radius: 48px; }
  #wtm-stat-bar .name, #wtm-stat-bar .label, #wtm-stat-bar .count {
    display: block; }
  #wtm-stat-bar .name {
    display: inline-block;
    margin-bottom: 6px;
	text-transform: capitalize;
    font-size: 115%; }
  #wtm-stat-bar .label {
    text-transform: uppercase;
    font-size: 75%; }
  #wtm-stat-bar #newest-member .avatar {
    float: left;
    margin-right: 12px; }
  #wtm-stat-bar .text-ctr {
    float: left;
    margin-top: 6px; }
  #wtm-stat-bar .count {
    font-size: 150%; }
  #wtm-stat-bar #matchmaker-btn-ctr {
    cursor: default;
    width: 144px; }
    #wtm-stat-bar #matchmaker-btn-ctr .heart-icon-ctr, #wtm-stat-bar #matchmaker-btn-ctr .text-ctr {
      float: left; }
    #wtm-stat-bar #matchmaker-btn-ctr .text-ctr {
      display: inline-block;
      margin-left: 6px; }
  #wtm-stat-bar .heart-icon-ctr {
    width: 48px;
    padding-top: 12px; }
    #wtm-stat-bar .heart-icon-ctr .heart-icon {
      cursor: pointer;
      display: inline-block;
      position: relative; }
      #wtm-stat-bar .heart-icon-ctr .heart-icon #icon-matchmaker-btn {
        display: block;
        width: 20px;
        height: 20px;
        position: absolute;
        top: -1px;
        left: 11px;
        z-index: 4;
        color: #fff;
        font-weight: bold;
        text-shadow: 0 -1px 0 #d63737; }
      #wtm-stat-bar .heart-icon-ctr .heart-icon .text {
        display: none;
        position: absolute;
        top: 0px;
        left: 18px;
        z-index: 4;
        color: #fff;
        font-weight: bold;
        text-shadow: 0 -1px 0 #d63737; }
      #wtm-stat-bar .heart-icon-ctr .heart-icon .outline {
        position: relative;
        margin-left: 4px; }
        #wtm-stat-bar .heart-icon-ctr .heart-icon .outline:before, #wtm-stat-bar .heart-icon-ctr .heart-icon .outline:after {
          position: absolute;
          content: "";
          left: 17.4px;
          top: -9px;
          width: 25.2px;
          height: 39px;
          background: #d63737;
          -moz-border-radius: 50px 50px 0 0;
          border-radius: 85px 60px 0 0;
          -webkit-transform: rotate(-45deg);
          -moz-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
          -o-transform: rotate(-45deg);
          transform: rotate(-45deg);
          -webkit-transform-origin: 0 100%;
          -moz-transform-origin: 0 100%;
          -ms-transform-origin: 0 100%;
          -o-transform-origin: 0 100%;
          transform-origin: 0 100%; }
        #wtm-stat-bar .heart-icon-ctr .heart-icon .outline:after {
          left: -7.98px;
          -webkit-transform: rotate(45deg);
          border-radius: 45px 60px 0 0;
          -moz-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          -o-transform: rotate(45deg);
          transform: rotate(45deg);
          -webkit-transform-origin: 100% 100%;
          -moz-transform-origin: 100% 100%;
          -ms-transform-origin: 100% 100%;
          -o-transform-origin: 100% 100%;
          transform-origin: 100% 100%; }
        #wtm-stat-bar .heart-icon-ctr .heart-icon .outline:before {
          box-shadow: -2px 1px 0 0 #b52525, -4px 1px 1px 0 rgba(230, 230, 230, 0.1); }
        #wtm-stat-bar .heart-icon-ctr .heart-icon .outline:after {
          box-shadow: 2px 1px 0 0 #b52525, 4px 1px 1px 0 rgba(230, 230, 230, 0.1); }
      #wtm-stat-bar .heart-icon-ctr .heart-icon.disabled .text {
        text-shadow: 0 -1px 0 #6d6d6d; }
      #wtm-stat-bar .heart-icon-ctr .heart-icon.disabled .outline:before, #wtm-stat-bar .heart-icon-ctr .heart-icon.disabled .outline:after {
        background: #878787; }
      #wtm-stat-bar .heart-icon-ctr .heart-icon.disabled .outline:before {
        box-shadow: -4px 3px 0 0 #6d6d6d, -8px 3px 3px 0 rgba(230, 230, 230, 0.1); }
      #wtm-stat-bar .heart-icon-ctr .heart-icon.disabled .outline:after {
        box-shadow: 4px 3px 0 0 #6d6d6d, 8px 3px 3px 0 rgba(230, 230, 230, 0.1); }
      #wtm-stat-bar .heart-icon-ctr .heart-icon.disabled .fill:before, #wtm-stat-bar .heart-icon-ctr .heart-icon.disabled .fill:after {
        background: #878787; }
      #wtm-stat-bar .heart-icon-ctr .heart-icon.disabled:active .text {
        top: 16px; }
      #wtm-stat-bar .heart-icon-ctr .heart-icon.disabled:active.guess .text {
        top: 14px; }
      #wtm-stat-bar .heart-icon-ctr .heart-icon.disabled:active .outline {
        top: 0px; }
      #wtm-stat-bar .heart-icon-ctr .heart-icon.disabled:active .outline:before {
        box-shadow: -4px 3px 0 0 #636363, -8px 3px 3px 0 rgba(230, 230, 230, 0.1); }
      #wtm-stat-bar .heart-icon-ctr .heart-icon.disabled:active .outline:after {
        box-shadow: 4px 3px 0 0 #636363, 8px 3px 3px 0 rgba(230, 230, 230, 0.1); }
		
		#matchmaker-btn-ctr { display: none; } /* Only for blog pages */