/* Font Families */
/* Colors */
/* Body */
body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 18px;
  color: #424242;
  background: #393839;
}
h3.author {
  line-height: 18px;
}
/* Header */
#section-header {
  padding-bottom: 4px;
  background: url(../../images/rainbow-bg.png) repeat-x 50% 100%;
}
/* Header: User bar */
#zone-user-wrapper {
  color: #DADBDC;
  background-color: #000000;
  font-size: 12px;
  /* MIX branding link */
  /* User links */
  /* Search form */
}
#zone-user-wrapper a {
  color: #DADBDC;
  text-decoration: none;
}
#zone-user-wrapper a:hover {
  color: #ffffff;
}
#zone-user-wrapper #block-block-1 {
  padding: 8px 0;
}
#zone-user-wrapper #block-block-2 {
  float: right;
  margin-top: 6px;
  margin-right: 55px;
  border-right: 1px solid #444444;
}
#zone-user-wrapper #block-block-2 .content span.item {
  float: right;
  padding: 1px 10px;
  border-left: 1px solid #444444;
}
#zone-user-wrapper #block-block-2 .content span.item.first {
  border: 0;
  background: url(../../images/pointing-arrow.png) no-repeat 0 6px;
  padding-left: 32px;
}
#zone-user-wrapper #block-block-2 .content span.item strong a {
  color: #ffffff;
}
#zone-user-wrapper #block-block-2 .content span.item .fb_iframe_widget {
  margin-top: -2px;
  position: relative;
  top: 2px;
}
#zone-user-wrapper #block-search-form {
  float: right;
  padding-top: 6px;
}
#zone-user-wrapper #block-search-form label {
  overflow: visible;
  clip: auto;
  margin-left: -46px;
  height: auto;
  line-height: 20px;
  font-weight: normal;
}
#zone-user-wrapper #block-search-form .form-type-textfield {
  display: block;
  margin: 0;
  height: 20px;
  background-color: #ffffff;
  border-radius: 10px;
  width: 170px;
}
#zone-user-wrapper #block-search-form .form-text {
  border: 0;
  background: transparent;
  font-size: 12px;
  padding: 0 25px 0 10px;
  width: 170px;
}
#zone-user-wrapper #block-search-form .form-submit {
  position: relative;
  z-index: 2;
  float: right;
  text-indent: -9999px;
  border: 0;
  border-radius: 0;
  width: 13px;
  height: 13px;
  margin: -16px 7px 0 0;
  padding: 0;
  background: url(../../images/small-magnify.png) no-repeat 0 0;
}
/* Header: Branding */
#zone-branding-wrapper {
  padding: 15px 0;
  background-color: #2F2F2F;
}
#zone-branding-wrapper .branding-data {
  float: left;
  width: 133px;
}
#zone-branding-wrapper #block-block-3 {
  float: right;
  padding: 12px 0 0 0;
}
/* Header: Menu/Sponsors */
#zone-header-wrapper {
  height: 37px;
  background: url(../../images/menu-bg.png) repeat-x 0 0;
  /* Main menu */
  /* Sponsor */
}
#zone-header-wrapper #region-header-first {
  width: 690px;
  margin-right: -10px;
}
#zone-header-wrapper #block-menu-block-1 .block-title {
  display: none;
}
#zone-header-wrapper #block-menu-block-1 ul.menu li {
  float: left;
  margin: 0 3px 0 0;
  padding: 0;
  list-style: none;
  background: none;
}
#zone-header-wrapper #block-menu-block-1 ul.menu li a {
  display: inline-block;
  padding: 6px 8px 9px;
  margin-top: 4px;
  border-radius: 5px 5px 0 0;
  color: #ffffff;
}
#zone-header-wrapper #block-menu-block-1 ul.menu li a:hover {
  background-color: #555555;
}
#zone-header-wrapper #block-menu-block-1 ul.menu li a.active-trail,
#zone-header-wrapper #block-menu-block-1 ul.menu li a.active {
  color: #444444;
  padding-bottom: 13px;
  background-color: #ffffff;
}
#zone-header-wrapper #region-header-second {
  width: 260px;
  margin-left: 0;
  margin-right: 0;
}
#zone-header-wrapper #block-views-sponsors-block .content {
  color: #ffffff;
  font-size: 11px;
  line-height: 12px;
  text-align: right;
}
#zone-header-wrapper #block-views-sponsors-block .content strong,
#zone-header-wrapper #block-views-sponsors-block .content a {
  display: inline-block;
}
#zone-header-wrapper #block-views-sponsors-block .content strong {
  padding-right: 12px;
  position: relative;
  top: -5px;
}
/* Content */
#section-content {
  padding-top: 20px;
  padding-bottom: 20px;
  background: #F1F1F1 url(../../images/body-bg.png) repeat-x 0 0;
}
body.sidebar-present #region-content {
  width: 610px;
}
/* Sidebar */
#region-sidebar-second {
  width: 315px;
  margin-left: 5px;
  margin-right: 0;
}
#region-sidebar-second .block {
  margin-bottom: 20px;
}
#region-sidebar-second .block .block-title {
  margin-bottom: 5px;
}
/* Primary Tabs */
ul.tabs.primary,
ul.tabs.secondary {
  margin: 0 0 10px;
  padding: 4px;
  border: 0;
  border-radius: 5px;
  text-transform: uppercase;
  font-size: 11px;
  background-color: #80B50D;
}
ul.tabs.primary li,
ul.tabs.secondary li {
  margin: 0;
  padding: 0;
  border: 0;
  line-height: 12px;
}
ul.tabs.primary a,
ul.tabs.secondary a {
  display: inline-block;
  margin: 0 2px 0 0;
  padding: 4px 8px;
  color: #ffffff;
  border: 1px solid #ffffff;
  border-radius: 4px;
  background: none;
}
ul.tabs.primary a.active,
ul.tabs.secondary a.active,
ul.tabs.primary a:hover,
ul.tabs.secondary a:hover {
  color: #424242;
  background-color: #ffffff;
}
/* Secondary Tabs */
ul.tabs.secondary {
  margin: -10px 5px 0;
  border-radius: 0 0 5px 5px;
  background-color: #646464;
}
ul.tabs.secondary a {
  border-color: #444444;
}
ul.tabs.secondary a.active,
ul.tabs.secondary a:hover {
  color: #ffffff;
  border-color: #444444;
  background-color: #444444;
}
/* Inline Links */
ul.links.inline {
  margin-bottom: 0;
}
ul.links.inline li {
  margin: 0;
  padding: 0;
}
ul.links.inline a {
  display: inline-block;
  margin: 0 5px 0 0;
  padding: 2px 10px;
  border: 1px solid #CBCBCB;
  border-radius: 5px;
  text-transform: capitalize;
  background-color: #ffffff;
}
ul.links.inline a:hover {
  border-color: #80B50D;
}
/* Follow Button Fields */
.field-name-title-w-follow-button h2 span {
  padding-right: 10px;
}
.field-name-title-w-type-follow-button h1 span.title {
  padding-right: 10px;
}
/* Inline Username Links */
.username-wrapper .username-popup {
  position: absolute;
  background-color: #ffffff;
  border: 1px solid #CBCBCB;
  border-radius: 4px;
  padding: 1px 3px;
  margin: -2px 0 0 -4px;
  line-height: 18px;
  display: none;
  white-space: nowrap;
  box-shadow: -1px 1px 8px rgba(50, 50, 50, 0.25);
}
.username-wrapper .username-popup.no-links {
  display: none !important;
}
.username-wrapper .username-popup .username {
  display: block;
}
.username-wrapper .username-popup .social {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 2px;
}
.username-wrapper .username-popup .social a {
  display: block;
  float: left;
  width: 18px;
  height: 18px;
  margin: 0 1px;
  background: url(../../images/mini-social.png) no-repeat 0 0;
}
.username-wrapper .username-popup .social a.twitter {
  background-position: -20px 0;
}
.username-wrapper .username-popup .social a.linkedin {
  background-position: -40px 0;
}
.username-wrapper .username-popup .follow {
  display: inline-block;
  vertical-align: top;
  border-left: 1px solid #CBCBCB;
  padding: 0 0 0 1px;
  margin: 0;
}
.username-wrapper .username-popup .follow a span {
  padding-left: 3px;
  font-weight: bold;
  float: right;
  color: #1A6AAC;
}
/* QuickTab Blocks */
.block-quicktabs {
  margin: 20px 0 0 0;
  /* No frame around nodes */
}
.block-quicktabs .quicktabs-tabs {
  position: relative;
  top: 1px;
  margin: 0 0 0 15px;
  padding: 0;
}
.block-quicktabs .quicktabs-tabs li {
  display: inline-block;
  padding: 0;
  margin: 0;
}
.block-quicktabs .quicktabs-tabs a {
  display: inline-block;
  margin: 0 2px 0 0;
  padding: 10px 20px;
  font-family: 'Faraco Hand', Arial, Helvetica, sans-serif;
  font-size: 24px;
  border-radius: 5px 5px 0 0;
  border: 1px solid #CBCBCB;
  color: #444444;
  background-color: #EAEAEA;
}
.block-quicktabs .quicktabs-tabs a:hover {
  color: #ffffff !important;
  background-color: #393839;
}
.block-quicktabs .quicktabs-tabs li.active a,
.block-quicktabs .quicktabs-tabs li.active a:hover {
  border-bottom: 1px solid #ffffff;
  color: #444444 !important;
  background-color: #ffffff;
}
.block-quicktabs .quicktabs-tabpage {
  border: 1px solid #CBCBCB;
  padding: 10px 20px;
  border-radius: 5px;
  min-height: 78px;
  height: auto !important;
  height: 78px;
  background: #ffffff url(../../images/block-gradient.jpg) repeat-x 0 100%;
}
.block-quicktabs div.node.view-mode-full {
  padding: 0;
  margin: 0;
  border: 0;
  background: transparent;
}
/* Pager */
#region-content ul.pager {
  border: 0;
  border-top: 1px solid #CBCBCB;
  padding: 10px 0 0 0;
  text-align: center;
  border-radius: 0;
  background: none;
}
#region-content ul.pager li {
  position: static;
  float: none;
  display: inline-block;
  text-align: center;
}
#region-content ul.pager li.pager-next {
  border-left: 0;
}
#region-content ul.pager li.pager-previous a {
  width: 68px;
}
#region-content ul.pager li.pager-current.last {
  border-radius: 0 5px 5px 0;
}
#region-content ul.pager .ajax-progress {
  position: absolute;
  left: 0;
}
/* Messages */
div.messages {
  margin-top: 0;
  margin-bottom: 20px;
  border-radius: 5px;
}
/* Badges */
div.badge {
  display: block;
  height: 14px;
  width: 60px;
  margin: 1px 0;
  background: url(../../images/badges.png) no-repeat 0 0;
}
div.badge.mix-mentor {
  background-position: 0 -15px;
}
div.badge.top-mixer {
  background-position: 0 0;
}
div.badge.mix-team {
  background-position: 0 -45px;
}
div.badge.hacker {
  background-position: 0 -30px;
}
div.badge.maverick {
  background-position: 0 -60px;
}
/* Postscript First */
#zone-postscript-wrapper {
  margin-top: 20px;
  padding: 15px 0;
  border-top: 1px solid #CBCBCB;
  background-color: #ffffff;
  /* Partners */
}
#zone-postscript-wrapper #block-block-7 p {
  margin: 0;
}
/* Footer Wrapper */
#zone-footer-wrapper {
  background-color: #393839;
}
/* Footer: First/Upper */
#region-footer-first {
  position: absolute;
  left: 0;
  width: 100%;
  margin: 0;
  color: #ffffff;
  background-color: #646464;
}
#region-footer-first .region-inner {
  margin: 0 auto;
  padding: 10px 0;
  width: 940px;
}
#region-footer-first a {
  color: #ffffff;
  font-size: 18px;
}
#region-footer-first .content span {
  float: right;
}
/* Footer: Second/Lower */
#region-footer-second {
  margin-top: 40px;
  padding: 15px 0 40px;
  color: #ffffff;
  /* Footer Menu */
  /* Copyright */
}
#region-footer-second .menu-name-menu-footer li {
  display: inline-block;
  margin: 0;
  padding: 0 10px;
  border-right: 1px solid #444444;
  color: #C0BFC0;
  list-style: none;
  background: none;
}
#region-footer-second .menu-name-menu-footer li a {
  color: #C0BFC0;
}
#region-footer-second .menu-name-menu-footer li a:hover {
  color: #ffffff;
}
#region-footer-second .menu-name-menu-footer li.first {
  padding-left: 0;
}
#region-footer-second .menu-name-menu-footer li.last {
  border-right: 0;
  padding-right: 0;
}
#region-footer-second #block-block-6 {
  margin-top: 30px;
  font-size: 11px;
  line-height: 14px;
  color: #C0BFC0;
}
#region-footer-second #block-block-6 img {
  margin-right: 5px;
}
#region-footer-second #block-block-6 a {
  color: #C0BFC0;
}
#region-footer-second #block-block-6 a:hover {
  text-decoration: underline;
}