/* Header */
/* line 6, ../../../../../../../compass/src/views/elements/layouts/header.scss */
.header {
  height: 100px;
  margin: 0 0 10px;
  top: -10px;
  position: relative;
  /* Popular header links */
  /* Profile area */
  /* Page title */
  /* Search form */
}
/* line 12, ../../../../../../../compass/src/views/elements/layouts/header.scss */
.header .logo {
  margin-right: 13px;
  float: left;
  margin-top: 20px;
}
/* line 5, ../../../../../../../compass/src/partials/_logo.scss */
.header .logo a {
  display: block;
}
/* line 71, ../../../../../../../compass/src/partials/_images.scss */
.header .logo a {
  position: relative;
  width: 142px;
  height: 80px;
}
/* line 76, ../../../../../../../compass/src/partials/_images.scss */
.header .logo a .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 142px;
  height: 80px;
  background-image: url('../../../../../images/new/sprites/global.png?1282874979');
  background-repeat: no-repeat;
  background-position: 0 -28px;
  background-color: #e6e3dc;
}
/* line 10, ../../../../../../../compass/src/partials/_logo.scss */
.header .logo a .overlay:hover {
  background-position: 0px -112px;
}
/* line 24, ../../../../../../../compass/src/views/elements/layouts/header.scss */
.header .navigation,
.header .popular,
.header .page-title {
  float: left;
}
/* line 28, ../../../../../../../compass/src/views/elements/layouts/header.scss */
.header .navigation {
  width: 815px;
}
/* line 33, ../../../../../../../compass/src/views/elements/layouts/header.scss */
.header .popular,
.header .page-title {
  width: 540px;
}
/* line 39, ../../../../../../../compass/src/views/elements/layouts/header.scss */
.header .popular {
  color: #999;
  border-bottom: #000 1px dotted;
}
/* line 44, ../../../../../../../compass/src/views/elements/layouts/header.scss */
.header .popular dt,
.header .popular dd {
  text-transform: uppercase;
  line-height: 20px;
  font-size: 77%;
  float: left;
}
/* line 51, ../../../../../../../compass/src/views/elements/layouts/header.scss */
.header .popular dt {
  margin-right: 7px;
}
/* line 55, ../../../../../../../compass/src/views/elements/layouts/header.scss */
.header .popular dd span {
  padding: 0 7px;
}
/* line 58, ../../../../../../../compass/src/views/elements/layouts/header.scss */
.header .popular dd:last-child span {
  display: none;
}
/* line 64, ../../../../../../../compass/src/views/elements/layouts/header.scss */
.header #profile_area {
  position: absolute;
  top: 0;
  left: 750px;
  width: 178px;
  padding: 30px 0 0 42px;
  font-size: 13px;
  z-index: 1;
}
/* line 73, ../../../../../../../compass/src/views/elements/layouts/header.scss */
.header #profile_area a {
  display: inline;
  float: left;
  margin-left: 14px;
}
/* line 78, ../../../../../../../compass/src/views/elements/layouts/header.scss */
.header #profile_area .sticker {
  position: absolute;
  top: -30px;
  left: -6px;
  z-index: 100000;
}
/* line 87, ../../../../../../../compass/src/views/elements/layouts/header.scss */
.header .page-title {
  font-family: georgia, serif;
  font-style: italic;
  font-size: 20px;
  line-height: 29px;
  height: 25px;
  padding-top: 3px;
}
/* line 97, ../../../../../../../compass/src/views/elements/layouts/header.scss */
.header form.search {
  float: right;
  width: 254px;
  height: 25px;
  padding: 20px 0 0 20px;
  border-left: #000 1px dotted;
}
/* line 104, ../../../../../../../compass/src/views/elements/layouts/header.scss */
.header form.search input.text {
  padding: 5px;
  width: 210px;
  float: left;
}
/* line 110, ../../../../../../../compass/src/views/elements/layouts/header.scss */
.header form.search .button {
  width: 25px;
  height: 25px;
  float: right;
  background-image: url('../../../../../images/new/sprites/old_nav_sprite.png?1282874979');
  background-repeat: no-repeat;
  background-repeat: no-repeat;
  background-position: -962px -158px;
  text-indent: 5000px;
  border: 0;
  padding: 0;
}
/* line 122, ../../../../../../../compass/src/views/elements/layouts/header.scss */
.header form.search .button:hover {
  background-position: -962px -127px;
}

/* General navigation */
/* line 129, ../../../../../../../compass/src/views/elements/layouts/header.scss */
.navigation {
  overflow: visible;
}
/* line 132, ../../../../../../../compass/src/views/elements/layouts/header.scss */
.navigation li {
  display: block;
  float: left;
  overflow: hidden;
}
/* line 137, ../../../../../../../compass/src/views/elements/layouts/header.scss */
.navigation li ul {
  display: none;
}
/* line 140, ../../../../../../../compass/src/views/elements/layouts/header.scss */
.navigation li ul li {
  float: none;
}
/* line 143, ../../../../../../../compass/src/views/elements/layouts/header.scss */
.navigation li ul li a {
  display: block;
}
/* line 149, ../../../../../../../compass/src/views/elements/layouts/header.scss */
.navigation li:hover ul {
  display: block;
}

/* Site navigation */
/* line 156, ../../../../../../../compass/src/views/elements/layouts/header.scss */
.navigation.site {
  height: 32px;
  margin-top: 10px;
  padding-bottom: 10px;
  position: relative;
  z-index: 1;
  font-size: 12px;
  line-height: 20px;
  border-bottom: 1px #000 dotted;
  /* Logged in YOU dropdown */
}
/* line 166, ../../../../../../../compass/src/views/elements/layouts/header.scss */
.navigation.site li {
  padding: 10px 10px 0;
}
/* line 169, ../../../../../../../compass/src/views/elements/layouts/header.scss */
.navigation.site li li {
  padding: 0;
}
/* line 173, ../../../../../../../compass/src/views/elements/layouts/header.scss */
.navigation.site li ul {
  padding: 10px 0;
}
/* line 177, ../../../../../../../compass/src/views/elements/layouts/header.scss */
.navigation.site li:hover {
  background-color: #000;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 2px 2px 0 0;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 2px 2px 0 0;
  -o-box-shadow: rgba(0, 0, 0, 0.2) 2px 2px 0 0;
  box-shadow: rgba(0, 0, 0, 0.2) 2px 2px 0 0;
  filter: progid:DXImageTransform.Microsoft.DropShadow(color=#55000000, offX=2, offY=2 );
}
/* line 184, ../../../../../../../compass/src/views/elements/layouts/header.scss */
.navigation.site li:hover a,
.navigation.site li:hover a:link,
.navigation.site li:hover a:visited {
  color: #fff;
}
/* line 187, ../../../../../../../compass/src/views/elements/layouts/header.scss */
.navigation.site li:hover a:hover {
  color: #09f;
}
/* line 194, ../../../../../../../compass/src/views/elements/layouts/header.scss */
.navigation.site h3,
.navigation.site h3 .overlay {
  height: 22px;
  width: 100%;
  top: 0;
  left: 0;
  display: block;
}
/* line 202, ../../../../../../../compass/src/views/elements/layouts/header.scss */
.navigation.site h3 {
  position: relative;
  margin-right: 5px;
}
/* line 207, ../../../../../../../compass/src/views/elements/layouts/header.scss */
.navigation.site h3 .overlay {
  background-color: #e6e3dc;
  background-image: url('../../../../../images/new/sprites/old_nav_sprite.png?1282874979');
  background-repeat: no-repeat;
  position: absolute;
  z-index: 1;
}
/* line 214, ../../../../../../../compass/src/views/elements/layouts/header.scss */
.navigation.site li:hover h3 .overlay {
  background-color: #000;
}
/* line 220, ../../../../../../../compass/src/views/elements/layouts/header.scss */
.navigation.site .contributors li:last-child,
.navigation.site .you li:last-child {
  margin-top: 8px;
  border-top: #333 1px dotted;
  padding-top: 5px;
}
/* line 226, ../../../../../../../compass/src/views/elements/layouts/header.scss */
.navigation.site li.topics {
  width: 85px;
  margin-left: -10px;
}
/* line 230, ../../../../../../../compass/src/views/elements/layouts/header.scss */
.navigation.site li.topics h3 .overlay {
  background-position: -167px -44px;
}
/* line 234, ../../../../../../../compass/src/views/elements/layouts/header.scss */
.navigation.site li.topics:hover h3 .overlay {
  background-position: -167px 0;
}
/* line 239, ../../../../../../../compass/src/views/elements/layouts/header.scss */
.navigation.site li.contributors {
  width: 172px;
}
/* line 242, ../../../../../../../compass/src/views/elements/layouts/header.scss */
.navigation.site li.contributors h3 .overlay {
  background-position: -280px -44px;
}
/* line 246, ../../../../../../../compass/src/views/elements/layouts/header.scss */
.navigation.site li.contributors:hover h3 .overlay {
  background-position: -280px 0;
}
/* line 251, ../../../../../../../compass/src/views/elements/layouts/header.scss */
.navigation.site li.fun-stuff {
  width: 126px;
}
/* line 254, ../../../../../../../compass/src/views/elements/layouts/header.scss */
.navigation.site li.fun-stuff h3 .overlay {
  background-position: -475px -44px;
}
/* line 258, ../../../../../../../compass/src/views/elements/layouts/header.scss */
.navigation.site li.fun-stuff:hover h3 .overlay {
  background-position: -475px 0;
}
/* line 263, ../../../../../../../compass/src/views/elements/layouts/header.scss */
.navigation.site li.participate {
  width: 146px;
}
/* line 266, ../../../../../../../compass/src/views/elements/layouts/header.scss */
.navigation.site li.participate h3 .overlay {
  background-position: -630px -44px;
}
/* line 270, ../../../../../../../compass/src/views/elements/layouts/header.scss */
.navigation.site li.participate:hover h3 .overlay {
  background-position: -630px 0;
}
/* line 276, ../../../../../../../compass/src/views/elements/layouts/header.scss */
.navigation.site li.you {
  width: 100px;
  float: right;
  margin-right: -10px;
  margin-top: -14px;
}
/* line 282, ../../../../../../../compass/src/views/elements/layouts/header.scss */
.navigation.site li.you h3 {
  height: 39px;
}
/* line 285, ../../../../../../../compass/src/views/elements/layouts/header.scss */
.navigation.site li.you h3 .overlay {
  background-position: -805px -44px;
  margin-top: 14px;
}
/* line 290, ../../../../../../../compass/src/views/elements/layouts/header.scss */
.navigation.site li.you h3 img {
  width: 32px;
  height: 32px;
  position: relative;
  top: 1px;
  left: 0;
  z-index: 2;
  padding: 2px;
  background: #fff;
  -webkit-box-shadow: 2px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 2px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px rgba(0, 0, 0, 0.2);
  filter: progid:DXImageTransform.Microsoft.Shadow(Color=#00000033,Direction=135,Strength=2);
  border: 0;
}
/* line 307, ../../../../../../../compass/src/views/elements/layouts/header.scss */
.navigation.site li.you:hover h3 .overlay {
  background-position: -805px 0;
}
/* line 311, ../../../../../../../compass/src/views/elements/layouts/header.scss */
.navigation.site li.you ul {
  padding-top: 7px;
}

/* line 317, ../../../../../../../compass/src/views/elements/layouts/header.scss */
#customFBConnect {
  background-image: url('../../../../../images/new/sprites/old_nav_sprite.png?1282874979');
  background-repeat: no-repeat;
  background-repeat: no-repeat;
  background-position: -940px -37px;
  width: 50px;
  height: 20px;
  padding-left: 19px;
  float: right;
}
/* line 326, ../../../../../../../compass/src/views/elements/layouts/header.scss */
#customFBConnect:hover {
  background-position: -940px 0;
}