/*
FILENAME: globals.css
DESCRIPTION: This stylesheet serves global declarations for Onehub.com
*/

/* =SETUP */

body {
  background: #191919;
  color: #444;
  font: normal 14px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif; /* normalize font size across browsers */
}

a:link, a:visited {
  text-decoration: none;
	color: #6299c5;
}

a:hover, a:active { color: #693; }
strong, b { font-weight: 600; }

abbr {
  border-bottom: 1px dotted #b4b4b4;
  cursor: help;
}

sup {
  vertical-align: top;
  font-size: 0.75em;
}

.hidden { display: none; }

.separator {
  border-top: 1px solid #f6f6f6;
  padding-top: 19px;
}

/* =GRID =MODIFIERS */

.container_16:after{clear:both;content:'.';display:block;visibility:hidden;height:0}
.container_16{display:inline-block}
* html .container_16{height:1%}
.container_16{display:block}

.container_12:after{clear:both;content:'.';display:block;visibility:hidden;height:0}
.container_12{display:inline-block}
* html .container_12{height:1%}
.container_12{display:block}

.clearfix li:after{clear:both;content:'.';display:block;visibility:hidden;height:0}
.clearfix li{display:inline-block}
* html .clearfix li{height:1%}
.clearfix li{display:block}

.alpha { clear: left}

/* =GUTTER */

.gutter {
  background: #191919 url("../images/bg_gutter.png") bottom left repeat-x;
  padding: 20px 0;
}
.gutter .logo a {
  background: transparent url("../images/logo_onehub_rev154x40.png") no-repeat;
  border: 0;
  display: block;
  height: 40px;
  width: 154px;
}

.gutter .logo img {
  display: block;
  width: 0;
}

.gutter .sign_in { text-align: right; }

.gutter em {
  color: #828282;
  color: rgba(255, 255, 255, .4);
  font-size: 13px;
  font-family: Cambria, Georgia, Times, 'Times New Roman', serif;
  line-height: 40px;
  text-align: right;
}

.gutter em strong { color: #b4b4b4; }
.gutter .buttons { margin-top: 5px; }

.gutter .buttons .button {
  background-color: #444;
  border-color: #3a3a2f;
  color: #6299c5;
  margin: 0;
  text-shadow: 0 -1px #000;
}

.gutter .buttons .button:hover {
  background-color: #646464;
  border-color: #555;
  color: #fff;
}

.gutter .buttons .button:active {
  background-color: #6299c5;
  border-color: #5382a8;
  color: #fff;
  text-shadow: 0 -1px rgba(0, 0, 0, .4);
}

/* =NAVIGATION */

#navigation {
  background: #4b9376 url("../images/bg_navigation.png") bottom center repeat-x;
  border-top: 1px solid #5b9f84;
  border-bottom: 1px solid #427f5e;
}

#navigation .phone {
  background: transparent url('../images/icons/dark_phone.png') 2.6em 8px no-repeat;
  color: #2e5945;
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 0px;
  padding: 5px 0;
  text-align: right;
}

/* =MENU =PRIMARY */

#menu_primary {
  padding: 9px 0;
}

#menu_primary ul {
  list-style-type: none;
  overflow: hidden;
}

#menu_primary ul li {
  float: left;
  margin-left: 20px;
}

#menu_primary ul li:first-child { /* This works for everything except IE6, which needs the last li to be targeted explicitly */
  margin-left: 0;
}

#menu_primary ul li a {
  border: 1px solid #4d9473;
  border-radius: 14px;
  -moz-border-radius: 14px;
  -webkit-border-radius: 14px;
  color: #dbeae3;
  display: block;
  font-size: 11px;
  font-weight: bold;
  padding: 4px 20px;
  text-align: center;
  text-transform: uppercase;
}

#menu_primary ul li a:hover {
  background: #417d64;
  border: 1px solid #417d64;
  color: #d9e5e0;
}

.home #menu_primary ul li.menu_home a,
.features #menu_primary ul li.menu_features a,
.tour #menu_primary ul li.menu_tour a,
.workspaces #menu_primary ul li.menu_workspaces a,
.transfers #menu_primary ul li.menu_transfers a,
.affiliates #menu_primary ul li.menu_affiliates a,
.support #menu_primary ul li.menu_support a,
.blog #menu_primary ul li.menu_blog a,
.blog_post #menu_primary ul li.menu_blog a,
.about #menu_primary ul li.menu_about a {
  background: #356751;
  border: 1px solid #356751;
  color: #fff;
}

/* =MENU =SECONDARY */

#menu_secondary { padding-top: 10px; }

#menu_secondary ul {
  list-style-type: none;
  overflow: hidden;
  width: 840px;
}

#menu_secondary ul li {
  float: left;
  margin-right: 20px;
}

#menu_secondary ul li a {
  border: 0;
  color: #828282;
  display: block;
  font-size: 11px;
  font-weight: bold;
  padding: 0 20px;
  text-transform: uppercase;
  text-shadow: 0 1px rgba(255, 255, 255, .5);
}

#menu_secondary ul li a:hover {
  background: transparent;
  color: #6299c5;
}

.features_index #menu_secondary ul li.menu_features_index a,
.features_hubs #menu_secondary ul li.menu_features_hubs a,
.features_user_home #menu_secondary ul li.menu_features_user_home a,
.features_details #menu_secondary ul li.menu_features_details a,
.affiliates_index #menu_secondary ul li.menu_affiliates_index a,
.affiliates_terms #menu_secondary ul li.menu_affiliates_terms a,
.affiliates_application #menu_secondary ul li.menu_affiliates_application a,
.about_index #menu_secondary ul li.menu_about_index a,
.team #menu_secondary ul li.menu_about_team a,
.news #menu_secondary ul li.menu_about_news a,
.careers #menu_secondary ul li.menu_about_careers a,
.contact #menu_secondary ul li.menu_about_contact a,
.about_media_kit #menu_secondary ul li.menu_about_media a,
.products.overview #menu_secondary ul li.menu_products_overview a,
.products.tour #menu_secondary ul li.menu_products_tour a,
.products.examples #menu_secondary ul li.menu_products_examples a,
.products.features #menu_secondary ul li.menu_products_features a,
.products.pricing #menu_secondary ul li.menu_products_pricing a {
  color: #000;
}

/* =LAYOUT */

#wrapper { background: #fff url("../images/bg_content.png") top center repeat-x; }

#header { position: relative; }

#highlight {
  position: absolute;
  right: 0;
  top: 60px;
}

/* =HEADINGS */

h1, h2 {
  letter-spacing: -.05em;
  line-height: 40px;
}

h1 {
  color: #000;
  font-size: 32px;
  font-weight: bold;
  margin-top: 30px;
}

h2 {
  color: #666;
  font-size: 28px;
  font-weight: normal;
  margin-bottom: 30px;
}

h3 {
  color: #59892f;
  font-size: 18px;
  margin-bottom: 20px;
}

h3.section, .blog_post .copy h4, h4.section {
  border-top: 1px solid #eee;
  clear: both;
  color: #888;
  font-size: .75em;
  margin: 0 0 20px 0;
  padding: 9px 0 10px 0;
  text-transform: uppercase;
}

h4, h5 {
  color: #3f5c26;
  font-size: 1em;
}

h3 span, h4 span, h5 span {
  font-weight: normal;
}

/* =LISTS */

.odd {
  background-color: #efefef;
}

/* =CONTENT */

hr {
  border: 0;
  border-top: 1px solid #eee;
  clear: both;
  height: 0;
  margin: 0;
}

q, .pullquote {
  color: #828282;
  font: italic 1em/20px Cambria, Georgia, Times, 'Times New Roman', serif;
}

cite {
  font-style: normal;
  font-weight: bold;
}

cite span {
  font-weight: normal;
}

#content p {
  margin-bottom: 20px;
}

.grid_4 p { font-size: 13px; }

#content ul h3 {
  font-size: 16px;
  margin-bottom: 0px;
}

#content ul p {
  color: #828282;
  font-size: 13px;
}

.bulleted li {
  font-size: 13px;
  list-style-type: disc;
  margin-left: 1em;
}

.newsletter .bulleted, .newsletter .numbered {
  margin-bottom: 20px;
}

.numbered li {
  list-style-type: decimal;
  margin-left: 20px;
}

.download {
  background: transparent url("../images/icons/download_16x16.png") left center no-repeat;
  padding-left: 20px;
}

a.download:hover, a.download:active {
  background-image: url("../images/icons/download_16x16.png");
  background-position: left center;
  background-repeat: no-repeat;
}

#learn_more {
  color: #b6db8c;
}

#learn_more a:link, #learn_more a:visited {
  background-color: #f4f4f4;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  color: #777;
  display: block;
  font-size: 18px;
  line-height: 19px;
  margin: 40px 0;
  padding: 20px;
  text-align: center;
  width: 900px;
}

#learn_more a:visited {
  color: #b4b4b4;
}

#learn_more a:hover, #learn_more a:active {
  background-color: #e7f3d9;
  color: #59892f;
}

/* =BANNER */

#banner {
  background: #86c340 url("../images/bg_banner.png") top center repeat-x;
  border-top: 1px solid #6cbd92;
  padding: 30px 0;
}

#banner .pitch {
  color: #fff;
  font-size: 30px;
  font-weight: normal;
  display: block;
  letter-spacing: -.05em;
  line-height: 40px;
  margin: 10px 10px 10px 10px;
}

#banner h1 {
  color: #304812;
  font-size: 30px;
  font-weight: normal;
  margin-bottom: 20px;
}

#banner h2 {
  font-size: 30px;
}

#banner p {
  color: #304812;
}

#banner label {
  color: #304812;
  display: block;
  font-weight: bold;
  margin-bottom: 10px;
}

#banner input {
  background: #e2f1cf;
  border: 1px solid #649636;
  width: 208px;
}

#banner input:focus {
  background: #fff;
  border: 1px solid #649636;
}

#banner #signup_4 .buttons { /* OH TODO: Deprecated; we're removing the screencasts, and this declaration now only gets used there - the tour pages no longer use the banner id */
  margin-top: 15px;
  margin-bottom: 35px;
}

/* =PRODUCTS =BUTTONS =UBER */

.products .uber_button {
  float: right;
  margin: 8px 10px;
}

.products .uber_button a:link, .products .uber_button a:visited {
  background-color: #24686e;
  border: 1px solid #2d5c63;
  font-size: 1.2em;
  float: right;
  padding: 8px 0 12px 0; /* OH TODO: The products banner uber button is offset, so I hacked a fix for it, but it really shouldn't need to be fixed like that. Something's causing the offset. */
  width: 145px;
}

.products .uber_button a:hover, .products .uber_button a:active {
  background-color: #406d72;
  border: 1px solid #2d5c63;
}

.products #banner #hero a {
  line-height: 0;
  margin: 0;
  padding: 0;
  background-color: transparent;
}

/* =MESSAGING */

.message {
  margin-bottom: 20px;
  padding: 20px;
  position: relative;
}

.grid_12.message {
  width: 660px;
}

.message { /* Safari */
  -webkit-border-radius: 5px;
}

.message, x:-moz-any-link, x:default { /* Firefox 3 */
  -moz-border-radius: 5px;
}

.info {
  background-color: #ecf8fa;
}

.alert {
  background-color: #fbe3e4;
}

.caution {
  background-color: #fffcde;
}

.subtle_button {
  background-color: #efefef;
  border-top: 1px solid #ddd;
  padding: 10px 0;
}

.subtle_button a.button:link, .subtle_button a.button:visited {
  background-color: transparent;
  border-color: transparent;
}

.buttons.message {
  padding: 10px 20px;
}

#content .message p {
  margin: 0;
}

#errorExplanation {
  background-color: #fbe3e4;
  border: 1px solid #fbc2c4;
  margin: 20px;
  padding: 10px;
}

#errorExplanation h3 {
  color: #191919;
  margin-bottom: 10px;
}

#errorExplanation p {
  margin-bottom: 10px;
}

#errorExplanation ul {
  margin-bottom: 10px;
}

#errorExplanation ul li {
  float: none;
  margin-bottom: 0;
  padding: 0;
}

/* =SCREENSHOTS */

.screenshots {
  margin-bottom: 20px;
  overflow: hidden;
}

.screenshots a {
  background: #eff5f9;
  border: 1px solid #6299c5;
  display: block;
  padding: 4px;
}

.screenshots a img { display: block; }

.screenshots a:hover {
  background-color: #693;
  border-color: #693;
}

.screenshot {
  display: block;
  border: 1px solid #e2e2e2;
  padding: 9px;
}

.grid_4 .screenshot { width: 280px; }

/* =QUOTES */

blockquote { clear: both; }
q { line-height: 30px; }
p.who cite, p.who span { color: #646464; }

p.who {
  color: #b4b4b4;
  line-height: 20px;
  margin-bottom: 10px !important;
  padding: 10px 0;
}

p.who a {
  display: block;
  font-size: .925em;
  margin-left: 12px;
}

/* =PUSH */

.push {
  clear: both;
  padding-bottom: 30px;
  overflow: hidden;
  text-align: left;
}

.push .buttons { margin-top: 5px; }

/* =PUSH =SIGN =UP */

.sign_up em {
  font-family: Cambria, Georgia, Times, 'Times New Roman', serif;
  line-height: 40px;
  margin-bottom: 0 !important;
}

/* =FEATURES =OVERVIEW */

#explore_userhome a, #explore_hub a {
  display: block;
  height: 500px;
  text-indent: -9999px;
  width: 460px;
}

#explore_hub a {
  background: transparent url('../images/features/hub_jump.png') left top no-repeat;
}

#explore_userhome a {
  background: transparent url('../images/features/user_home_jump.png') left top no-repeat;
}

#explore_userhome a:hover, #explore_hub a:hover {
  text-indent: 0;
}

#explore_userhome a:hover span, #explore_hub a:hover span {
  background-color: #6B8d94;
  border-radius: 14px;
  color: #fff;
  display: inline-block;
  font-weight: bold;
  margin: 180px 0px 0px 95px;
  opacity: .8;
  padding: 5px;
  text-align: center;
  width: 270px;
}

#explore_userhome a:hover span, #explore_hub a:hover span { /* Safari 3 */
  -webkit-border-radius: 14px;
}

#explore_userhome a:hover span, #explore_hub a:hover span, x:-moz-any-link span, x:default span { /* Firefox 3 */
  -moz-border-radius: 14px;
}

#explore-userhome-description {
  text-align: right;
}

#explore-hub-description img, #explore-userhome-description img {
  border: 5px solid #eee;
  margin-top: 5px;
}

#explore-hub-description a.thumbnail:hover, #explore-userhome-description a.thumbnail:hover {
  background-color: transparent;
}


#hub, #user_home {
  position: relative;
}

#hub .description, #user_home .description {
  position: absolute;
  left: 0;
  top: 420px;
}

/* =FEATURES =ANATOMY */

#anatomy-bottom-nav h3 {
  font-size: 1.1em;
  font-weight: bold;
}

#anatomy-bottom-nav h3, #anatomy-bottom-nav h3 a {
  color:#000;
}

#anatomy-bottom-nav .right h3 {
  margin-bottom: 18px;
}

#content p.anatomy-blurb {
  margin-top: 6px;
  margin-bottom: 10px;
}

/* =FEATURES =DETAILS */

.features_details #features-list img {
  border: 5px solid #eee;
  margin-top: 5px;
}

.features_details #features-list ul li#comprehensive_hub_management img {
  margin-bottom: 20px;
}

.features_details #features-list {
  clear: both;
}

.features_details #feature-list li {
  clear: both;
}

.features_details #features-list ul li {
  margin-bottom: 20px;
}

/* =EXAMPLES */

.examples #content { padding-bottom: 20px; }

/* =TERMS =PRIVACY */

.terms p em,
.privacy p em {
  color: #888;
  font-size: .925em;
  font-style: normal;
}

.privacy .copy ul {
  margin-bottom: 20px;
}

/* =NEWSLETTER */

.newsletter #content h2 {
  margin: 20px 0;
}

.newsletter #content h4 {
  margin: 20px 0;
}

div.section {
  clear:both;
  margin: 20px 0;
  overflow:hidden;
}

.newsletter #content img {
  background-color: #e7f3d9;
  border: 5px solid #e7f3d9;
  margin-bottom: 20px;
}

.newsletter #content .caption {
  display: block;
  margin-top: -20px;
  margin-bottom: 20px;
}

.newsletter blockquote {
  margin: 0 60px;
}

.newsletter .clipping p {
  min-height: 100px;
}

.blog_post #post .copy ul, .blog_post #post .copy ol {
  margin-bottom: 20px;
  padding-left: 20px;
}

.blog_post #post .copy ul, .solutions .copy ul {
  list-style-type: disc;
}

.blog_post #post .copy ol, .solutions .copy ol {
  list-style-type: decimal;
}

/* =NEWSLETTER =SIDEBAR */

.newsletter #sidebar {
  font-size: 12px;
}

.newsletter #sidebar h3 {
  color: #666;
  font-weight: normal;
}

.newsletter #sidebar #webcast_details h3 {
  margin-bottom: 10px;
}

.newsletter #sidebar #webcast_details li {
  margin-bottom: 5px;
}

.social_links #rss {
  font-size: 1em;
}

.social_links #rss, .social_links #rss a {
  padding: 0;
  text-align: left;
}

.social_links #twitter {
  background: transparent none;
  margin-bottom: 0;
}

.social_links {
  margin: 20px 0;
}

.social_links li, .social_links li#rss {
  font-size: 0.85em;
  margin: 10px 0;
}

.social_links li a:link, .social_links li a:visited, .social_links li#rss a {
  background-position: left center;
  background-repeat: no-repeat;
  border: 0;
  border-radius: 8px;
  display: block;
  line-height: 32px;
  padding: 0 0 0 40px;
  text-transform: uppercase;
}

.social_links li a, .social_links li#rss a { /* Safari 3 */
  -webkit-border-radius: 8px;
}

.social_links li a, .social_links li#rss a, x:-moz-any-link, x:default {
  -moz-border-radius: 8px;
}

.social_links #twitter a:link, .social_links #twitter a:visited {
  background-image: url("../images/icons/twitter.png");
  color: #3cf;
}

.social_links #twitter a:hover, .social_links #twitter a:active {
  background-color: #3cf;
}

.social_links #facebook a:link, .social_links #facebook a:visited {
  background-image: url("../images/icons/facebook.png");
  color: #3b5999;
}

.social_links #facebook a:hover, .social_links #facebook a:active {
  background-color: #3b5999;
}

.social_links li#twitter a:hover, .social_links li#twitter a:active, .social_links li#facebook a:hover, .social_links li#facebook a:active {
  color: #fff;
}

/* =BLOG =POST =CALLOUT */

.blog_post #post .copy .call_out {
  background-color: #e2f1cf;
  font-size: 12px;
  padding: 10px;
  text-align: center;
}

.blog_post #post .copy .call_out h5, .blog_post #post .copy .call_out h6 {
  border-bottom: 1px solid #8ac640;
  font-size: 14px;
  line-height: normal;
  padding-bottom: 5px;
}

.blog_post #post .copy .call_out ul {
  list-style: none;
  margin: 10px 10px 0 10px;
  padding: 0px;
  text-align: left;
}

.blog_post #post .copy .call_out li {
  list-style-image: url("../images/icons/tick.png");
  list-style-position: outside;
  margin-left: 20px;
}

/* =REMINDERS */

.reminders #content ul, .reminders #content ol {
  margin-bottom: 20px;
}

/* =MEDIA =KIT */

.media_kit #logos img, .media_kit #screenshots img {
  background-color: #e2f1cf;
  border: 5px solid #e2f1cf;
}

.media_kit #logos ul, .media_kit #screenshots ul {
  overflow: hidden;
  width: 100%;
}

.media_kit #logos li, .media_kit #screenshots li {
  float: left;
  overflow: hidden;
  width: 33.3%;
}

.media_kit #screenshots li, .media_kit #logos li {
  margin-top: 10px;
  margin-bottom: 10px;
}

.media_kit #logos, .media_kit #screenshots, .media_kit #tour, .media_kit #documents {
  margin-bottom: 40px;
}

.media_kit h3.section, .media_kit h4.section {
  margin-bottom: 0px;
}

.media_kit #media_kit_download {
  background-image: url("../images/icons/hdd-down.png");
  background-position: 10px center;
  background-repeat: no-repeat;
  margin: 0 auto;
  padding-left: 36px;
  width: 220px;
}

/* =PRODUCTS */

/* =PRODUCTS =MENU =SECONDARY */

.products #menu_secondary {
  margin-top: 0px;
  padding-top: 0;
}

.products #menu_secondary li { padding-top: 19px; }

.products.overview .menu_products_overview, .products.tour .menu_products_tour, .products.examples .menu_products_examples, .products.features .menu_products_features, .products.pricing .menu_products_pricing { background: transparent url('../images/products_interior_pointer.png') center top no-repeat; }

/* =PRODUCTS =OVERVIEW */

#columns { margin-top: 20px; }
#columns .alpha { margin-left: 10px; }
#columns h4 { color: #000; }

#columns ul.bulleted {
  color: #7f7f7f;
  margin: 20px 0;
}

/* =FEATURES */

#feature {
  margin-right: 0;
  width: 720px;
}

#feature, #sidebar { margin-top: 30px; }

#feature_banner {
  background: #fff center center no-repeat;
  border: 1px solid #e5e5e5;
  height: 258px;
  overflow: hidden;
  position: relative;
  width: 698px;
}

.access #feature_banner {
  padding: 10px;
  height: 260px;
  width: 680px;
}

.notifications #feature_banner, .user_management #feature_banner {
  background-color: transparent;
  border-top: 0 none;
  border-right: 0 none;
  border-left: 0 none;
  height: 259px;
  width: 700px;
}

.notifications #feature_banner img, .user_management #feature_banner img { border: 0 none; }

.features #feature h3 {
  color: #000;
  font-size: 20px;
  margin: 30px 0 20px 0;
}

.features #feature #description {
  font-size: 16px;
  margin-right: 10px;
}

.features #feature h3 {
  margin-top: 10px;
}

.features #feature #description {
  color: #666;
  font-size: 18px;
  margin-top: 20px;
  margin-bottom: 30px;
}

#feature ul {
  margin-top: 20px;
  margin-bottom: 20px;
  overflow: hidden;
}

#feature ul li {
  margin-bottom: 20px;
}

#feature ul li p, #feature ul li ul {
  margin-top: 0px;
  margin-bottom: 0px;
}

#feature ul.bulleted {
  margin: 0;
}

#feature ul.bulleted li {
  margin-bottom: 0;
}

.files #feature span.grid_6 {
  margin-top: 40px
}

.access #feature ul {
  margin-top: 0;
}

.access #feature ul li {
  background: transparent none left 4px no-repeat;
  margin-bottom: 20px;
  padding-left: 24px;
}

.access #feature ul li#notifications {
  background-image: url('../images/icons/bell.png');
}

.access #feature ul li#hub_access {
  background-image: url('../images/icons/layout_go.png');
}

.access #feature ul li#enhanced_security {
  background-image: url('../images/icons/lock.png');
}

.wiki #feature {
  padding-bottom: 40px; /* OH TODO - This is a little hacky, and should be resolved properly */
}

/* =PRODUCTS =FEATURES =SIDEBAR */

.features #sidebar {
  background: transparent url("../images/bg_sidebar_gradient.png") bottom left no-repeat;
  font-size: 13px;
  padding-bottom: 140px;
  text-align: right;
}

.features #sidebar ul {
  border-left: 1px solid #e4e4e4;
}

.features #sidebar a:link, .features #sidebar a:visited {
  background: transparent url('../images/features_subnav_pointer.png') 10px 13px no-repeat;
  color: #6b6b6b;
  display: block;
  font-weight: normal;
  padding: 10px;
}

.features #sidebar a:active, .features #sidebar a:hover {
  color: #6299c5;
  background: transparent url('../images/features_subnav_pointer.png') 10px -27px no-repeat;
}

.features #sidebar .active a:link, .features #sidebar .active a:visited {
  background: #eaeaea url("../images/features_subnav_pointer.png") 10px -67px no-repeat;
  color: #000;
  font-weight: bold;
}

#feature ul a {
  white-space: nowrap;
}

/* =PRODUCTS =TRANSFERS */

.beta #banner label {
  display: none;
  visibility: hidden;
}

.beta .fieldset {
  position: relative;
}

.beta .message { margin-top: -20px; }

/* =FOOTER */

.bg_footer { background: #191919; }

.footer {
  color: #828282;
  font-size: .925em;
  padding: 20px 0;
}

.footer hr { display: none; }

.footer h3 {
  color: #59892f;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 20px;
}

.footer .suggestions {
  border-top: 1px solid #333;
  margin-top: 10px;
  padding-top: 9px;
}

.footer .suggestions .support { margin-top: 20px; }
.footer .suggestions .support strong { color: #646464; }
.footer .suggestions .support a { display: block; }

.footer .suggestions .support em {
  color: #693;
  font-style: normal;
}

.footer .runner {
  border-top: 1px solid #333;
  clear: both;
  color: #444;
  margin-top: 20px;
  padding-top: 19px;
}

.footer img { display: block; }
.footer .runner p { line-height: 26px; }
.footer .pitch { text-align: right; }
.footer .runner a { color: #646464; }
.footer .runner a:hover { color: #693; }