.ph
{
    background: #c03 !important;
    opacity: .1;
}
.li
{
    color: #c03 !important;
}

/* =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;
}
a:link.tool_tip, a:visited.tool_tip
{
    border-bottom: 1px dotted #6b8d94;
}
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("http://onehub.com/images/bg_gutter.png") bottom left repeat-x;
    padding: 20px 0;
}
.gutter .logo a
{
    background: transparent url("images/logos.png") no-repeat;
    border: 0;
    display: block;
    height: 58px;
    width: 224px;
}

.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;
    height: 31px;
    width: 87px;
}

.gutter .buttons .button
{
    background-color: #444;
    border-color: #3a3a2f;
    color: #6299c5;
    margin: 0;
    text-shadow: 0 -1px #000;
    width: 63px;
}

.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("http://onehub.com//images/bg_navigation.png") bottom center repeat-x;
    border-top: 1px solid #5b9f84;
    border-bottom: 1px solid #427f5e;
}

#navigation #phone
{
    background: url("http://onehub.com//images/icons/dark_phone.png") left center no-repeat;
    color: #2e5945;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 0px;
    padding: 5px 0;
    text-align: right;
    width: 143px;
}

/* =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; 
}

#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-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, .about_team #menu_secondary ul li.menu_about_team a, .about_news #menu_secondary ul li.menu_about_news a, .about_press #menu_secondary ul li.menu_about_news a, .about_careers #menu_secondary ul li.menu_about_careers a, .about_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.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("http://onehub.com//images/bg_content.png") top center repeat-x;
}

.home #wrapper
{
    padding-top: 20px;
}

#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;
}

/*#content h2 {
  color: #59892f;
  letter-spacing: 0;
  line-height: 18px;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
}*/

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; 
}

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;
}

.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("http://onehub.com/images/icons/download_16x16.png") left center no-repeat;
    padding-left: 20px;
}

a.download:hover, a.download:active
{
    background-image: url("http://onehub.com/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
{
    /*  border: 1px solid rgba(0,0,0,.07);*/
    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: #59892f;*/ /* Dark Green */
    background-color: #e7f3d9;
    color: #59892f; /*#fff;*/
}

/* =BANNER */

#banner
{
    background: #86c340 url("http://onehub.com/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;
}

/*
.transfers #banner #beta {
  color: #324c1f;
  display: block;
  font: 14px Cambria, Georgia, Times, 'Times New Roman', serif;
  margin: 10px 10px 10px 0;
  font-style: italic;
}

.transfers .uber_button a:link, .transfers .uber_button a:visited {
  clear: none;
  margin-right: 10px;
  width: 175px;
}

.transfers #banner input {
  color: #b4c0a5;
  width: 190px;
}

.transfers #banner .buttons {
  clear: none;
  margin: 10px 0;
  width: 80px;
}

.transfers #banner .buttons button[type] {
  line-height: 15px;
}

.transfers #banner input:focus {
  color: #333;
}

.transfers #banner .buttons {
  margin-bottom: 0;
}*/

/* =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;
}

.important
{
    margin-bottom: 0;
}

.important p
{
    font-size: 1.15em;
}

#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: 12px;
}

.screenshot
{
    width: 180px;
}

/* =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;
}

/* =PUSH =FEATURES */

/* =FEATURES =OVERVIEW */

#explore_userhome a, #explore_hub a
{
    display: block;
    height: 500px;
    text-indent: -9999px;
    width: 460px;
}

#explore_hub a
{
    background: transparent url('http://onehub.com/images/features/hub_jump.png') left top no-repeat;
}

#explore_userhome a
{
    background: transparent url('http://onehub.com/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;
}

/* =SUPPORT */

#help
{
    font-size: .75em;
    text-align: right; 
}

#help a
{
    background: url("http://onehub.com/images/icons/help.png") right center no-repeat;
    border: 0;
    color: #b4b4b4;
    display: block;
    line-height: 40px;
    padding-right: 50px;
}

#help a:hover
{
    background-image: url("http://onehub.com/images/icons/help_hover.png");
    color: #e15a38;
}

.three-bigbuttons
{
    margin-bottom: 20px;
    overflow: hidden;
}

.three-bigbuttons .bigbutton
{
    cursor: pointer;
    float: left;
    margin: 15px 20px 15px 0;
    width: 300px;
}
.three-bigbuttons .bigbutton a
{
    background-color: #eee;
    background-position: 245px 50%;
    background-repeat: no-repeat;
    border-raiuds: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    float: left;
    line-height: 40px;
    padding: 20px;
    width: 260px;
}
.three-bigbuttons .last
{
    float: right;
    margin-right: 0;
}

.three-bigbuttons .bigbutton-newissue a
{
    background-image: url("http://onehub.com/images/icons/bigbtnicon-newissue.gif");
}
.three-bigbuttons .bigbutton-discussions a
{
    background-image: url("http://onehub.com/images/icons/bigbtnicon-requests.gif");
}
.three-bigbuttons .bigbutton-knowledgebase a
{
    background-image: url("http://onehub.com/images/icons/bigbtnicon-discussions.gif");
}

.bigbutton h2
{
    font-size: 11px;
    margin: 0;
}

.bigbutton h2 a
{
    letter-spacing: 0;
    text-decoration: none; 
}

.bigbutton h2 a
{
    color: #59892f;
}

.bigbutton h2 a:hover
{
    color: #444;
}

.bigbutton p
{
    color: #666;
    margin: 0;
}

.screencasts li.alpha
{
    clear: left;
}

.screencasts .thumbnail a
{
    background: #e7f3d9;
    border-bottom: 1px solid #cfe7b3;
    display: block;
    padding: 5px 5px 4px 5px;
}

.screencasts .thumbnail a:hover
{
    background: #59892f;
}

.screencasts .thumbnail img
{
    display: block;
}

.screencasts p
{
    font-size: .925em;
}

/* =BLOG */

.blog #next_steps
{
    margin-bottom: 70px;
}

#rss
{
    font-size: .75em;
    margin-top: 20px;
    text-align: right;
    
}

#rss a
{
    background: url("http://onehub.com/images/icons/feed_icon_hover.png") right center no-repeat;
    border: 0;
    color: #f60;
    display: block;
    line-height: 32px;
    padding: 0;
    padding-right: 40px;
}

#rss a
{
    border-radius: 6px;
}

#rss a
{
    /* Safari 3 */
    -webkit-border-radius: 6px;
}

#rss a, x:-moz-any-link, x:default
{
    /* Firefox 3 */
    -moz-border-radius: 6px;
}

#rss a:hover
{
    background-color: #f60;
    background-image: url("http://onehub.com/images/icons/feed_icon_hover.png");
    color: #fff;
}

.rss_link.grid_2, #highlight.grid_2
{
    width: 110px;
}

#post_form .helper, #contact_form .helper
{
    position: absolute;
    bottom: 107px;
    left: 370px;
}

#post_form input, #post_form textarea
{
    background-color: #fff;
}

#post_form input, #contact_form input
{
    width: 288px;
}

#post_form .comment_entry label
{
    line-height: 40px;
}

.navigate_posts.grid_2, #highlight.prefix_2
{
    width: 80px;
}

/* =BLOG =ARCHIVES */
.rss_link.prefix_2
{
    padding-left: 90px;
}

.rss_link
{
    margin-top: 64px;
}

/* OH TODO: Update the code on the main blog list to be more consistent with the rest of the blog so that this declaration is unnecessary */
#highlight .rss_link
{
    margin-top: 4px;
}

.rss_link h3
{
    margin-bottom: 0;
}

.blog #blog_highlights .featured_1
{
    margin-left: 0;
}

.blog #blog_highlights .featured_3
{
    margin-right: 0;
}

#posts .post
{
    clear: both;
    margin-bottom: 20px;
}

#posts .post .comments
{
    background: url("http://onehub.com/images/icons/comment.png") left 2px no-repeat;
    font-size: .925em;
    padding-left: 20px;
}

#posts .post .comments a:link
{
    color: #888;
    font-weight: normal;
}

#posts .post .comments a:hover
{
    color: #fff;
}

#posts .post h6 a:link
{
    color: #59892f;
}

#posts .post h6 a:hover
{
    background: #59892f;
    color: #fff;
}

#posts .post .summary
{
    font-size: .925em;
}

#intro
{
    color: #888;
    font: italic 1em/20px Cambria, Georgia, Times, 'Times New Roman' , serif;
    float: right;
}

.blog #signup_4 p
{
    font-size: .923em;
}

#digg #digg-widget-container
{
    font-size: .925em;
}

#digg #digg-widget-container .digg-count
{
    display: none;
}

#digg #digg-widget-container ul
{
    margin-left: 1em;
}

#digg #digg-widget-container ul li
{
    list-style-type: disc;
}

#digg #digg-widget-container ul li a:link, #digg #digg-widget-container ul li a:visited
{
    font-weight: bold;
    text-decoration: none;
}

#digg #digg-widget-container ul li a:link
{
    color: #6b8d94;
}

#digg #digg-widget-container ul li a:visited
{
    color: #666;
}

#digg #digg-widget-container ul li a:hover, #digg #digg-widget-container ul li a:active
{
    background: #6b8d94;
    border-color: #6b8d94;
    color: #fff;
}

/* =BLOG =POST */
.blog_post #post #header
{
    margin: 0;
}

.blog_post #post h2
{
    margin-bottom: 0;
}

.blog_post #post h3, .blog_post #post h4
{
    font-weight: normal;
}

.blog_post .copy
{
    margin-top: 40px;
}

.blog_post .copy ol li
{
    margin-bottom: 20px;
}

.blog_post .copy blockquote
{
    clear: both;
    margin: 0 60px;
}

.blog_post .copy img
{
    background: #eee;
    border-bottom: 1px solid #d4d4d4;
    display: block;
    margin: 0 0 20px 0;
    padding: 5px 5px 4px 5px;
}

.blog_post .copy .noborder img, .features #content img.noborder
{
    /* OH TODO: Find a better solution for this */
    background-color: transparent;
    border: 0 none;
    padding: 0;
}

.blog_post .copy pre
{
    background-color: #191919;
    clear: both;
    color: #828282;
    font-size: .925em;
    margin: 20px 0;
    overflow: auto;
    padding: 10px;
}

.blog_post .copy table
{
    border: 1px solid #d4d4d4;
    margin-bottom: 20px;
    width: 100%;
}

.blog_post .copy table tr
{
    border-top: 1px solid #d4d4d4;
}

.blog_post .copy table tr th
{
    background-color: #eee;
    text-align: left;
}

.blog_post .copy table tr th, .blog_post .copy table tr td
{
    padding: 8px 9px 9px 9px;
}

.blog_post .navigate_posts
{
    margin-top: 90px;
    margin-bottom: 20px;
    overflow: hidden;
    text-align: center;
}

.blog_post .navigate_posts ul
{
    text-align: center;
}

.blog_post .navigate_posts ul li
{
    float: left;
    margin-right: 10px;
}

.blog_post .navigate_posts ul li a
{
    display: block;
    height: 22px;
    text-indent: -9999px;
    width: 22px;
}

.blog_post .navigate_posts ul li.previous a
{
    background: url("http://onehub.com/images/icons/previous_22x22.png") 0 0 no-repeat;
}

.blog_post .navigate_posts ul li.next a
{
    background: url("http://onehub.com/images/icons/next_22x22.png") 0 0 no-repeat;
}

.blog_post .navigate_posts ul li a:hover
{
    background-position: 0 -22px;
}

.blog_post #blog_highlights
{
    clear: both;
    margin-top: 120px;
    padding-top: 50px;
    border-top: 1px solid #eee;
}

.blog_post #blog_highlights h4
{
    margin-bottom: 20px;
}

/* =BLOG =COMMENTS */

ol#comment_form
{
    overflow: hidden; /* Float clearing for good browsers */
}

#comments
{
    margin-bottom: 20px;
}

#comments h3
{
    margin-bottom: 10px;
}

#comments .gravatar, #comments .comment_body, #post_form, #contact_form
{
    background: #f6f6f6;
    border-bottom: 1px solid #e6e6e6;
}

#comments .gravatar
{
    padding: 3px 3px 2px 3px;
    position: absolute;
    height: 54px;
    width: 54px;
}

#comments h4
{
    font-size: .925em;
    margin-left: 120px;
}

#comments h4 a:link
{
    color: #59892f;
}

#comments h4 a:hover
{
    background: #59892f;
    color: #fff;
}

#comments h4 em
{
    color: #b4b4b4;
    font-style: normal;
    font-weight: normal;
}

#comments .comment_bubble
{
    background: url("http://onehub.com/images/bg_bubble.png") 2px 10px no-repeat;
    margin-bottom: 40px;
    margin-left: 80px;
    padding-left: 20px;
}

#comments .comment_body
{
    font-size: .925em;
    padding: 10px 20px 9px 20px;
}

#comments .comment_body p
{
    margin-bottom: 20px;
}

#comments .odd
{
    background: none;
}

#post_form, #contact_form, #box_signup_form
{
    margin-bottom: 20px;
    position: relative;
}

#post_form li, #contact_form li
{
    float: left;
    margin-bottom: 20px;
    padding: 0 20px 0 20px;
}

#post_form li.alpha, #contact_form li.alpha, #box_signup_form li.alpha
{
    clear: both;
}

#post_form li.omega, #contact_form li.omega
{
    padding-right: 10px;
}

#post_form .comment_entry
{
    margin-left: 0;
    padding: 0 20px 19px 20px;
}

#post_form label, #contact_form label, #box_signup_form label
{
    display: block;
    line-height: 20px;
}

#post_form .comment_entry label
{
    line-height: 40px;
}

#post_form input, #post_form textarea, #contact_form input, #contact_form textarea, #box_signup_form input, #box_signup_form textarea
{
    border: 1px solid #d4d4d4;
    font: normal 1em Helvetica;
    margin: 0;
    padding: 9px;
}

#post_form input, #contact_form input
{
    margin: 5px 0 0 0;
    width: 288px;
}

#post_form textarea, #contact_form textarea, #box_signup_form textarea
{
    border: 1px solid #d4d4d4;
    font: normal 1em Helvetica;
    height: 180px;
    margin: 0;
    width: 638px;
}

#post_form abbr, #contact_form abbr, #box_signup_form abbr
{
    border: 0pt none;
    color: #99CCCC;
    cursor: help;
    font-size: 1.2em;
    font-style: normal;
    line-height: 14px;
    vertical-align: baseline;
}

#post_form .helper, #contact_form .helper
{
    color: #828282;
    font-size: .925em;
    position: absolute;
    bottom: 107px;
    left: 370px;
}

#post_form .helper abbr, #contact_form .helper abbr, #box_signup_form .helper abbr
{
    font-size: 1.6em;
}

#post_form .buttons, #contact_form .buttons
{
    margin: 0 0 20px 20px;
}

/* =BLOG =ARCHIVES */

#archives #archives_list li ul.months
{
    margin-bottom: 20px;
}

#archives #archives_list li ul li .month a:link
{
    color: #59892f;
}

#archives #archives_list li ul li .month a:hover
{
    background-color: #59892f;
    color: #fff;
}

#archives #archives_list li ul li ul
{
    margin: 0 0 20px 1em;
}

#archives #archives_list li ul li ul li
{
    font-size: .925em;
    list-style-type: disc;
}

#archives #tags
{
    margin-bottom: 20px;
}

#archives #tags li
{
    display: inline;
    float: left;
    margin: 0;
    width: 240px;
}

#archives #tags li a
{
    line-height: 40px;
}

#archives #tags li .tag_count
{
    background: #e2e2e2;
    padding: 0 10px 2px 10px;
}

#archives #tags li .tag_count
{
    /* Safari */
    -webkit-border-radius: 8px;
}

#archives #tags li .tag_count, x:-moz-any-link, x:default
{
    /* Firefox 3 */
    -moz-border-radius: 8px;
}

#archives #tags li .tag_count em
{
    color: #828282;
    font-size: .85em;
    font-style: normal;
    font-weight: bold;
}

/* =ABOUT =SHARED */

#investors img, #team_members img
{
    background: #eee;
    border-bottom: 1px solid #d4d4d4;
    margin-bottom: 20px;
    padding: 5px 5px 4px 5px;
}

#investors h3, #team_members h4
{
    margin-right: 10px;
    margin-left: 10px;
}

/* =ABOUT =OVERVIEW */

#investors p, #customers p
{
    font-size: .925em;
}

/* =ABOUT =TEAM */

#team_members #onehubbers h5
{
    display: table-cell;
    height: 100px;
    vertical-align: middle;
}

#team_members h5 .title
{
    font-weight: normal;
    color: #888;
}

#team_members p
{
    clear: both;
    font-size: .925em;
}

#team_members #hcard-Laurel-Moudy, #team_members #hcard-Matthew-Anderson, #team_members #hcard-Ron-McKown
{
    clear: both;
}

/* =ABOUT =NEWS */

#media_inquiries
{
    font-size: .75em;
    text-align: right;
    
    margin: 0;
}

#media_inquiries a
{
    background: url("http://onehub.com/images/icons/mail.png") right center no-repeat;
    border: 0;
    color: #b4b4b4;
    display: block;
    line-height: 40px;
    padding-right: 50px;
}

#media_inquiries a:hover
{
    background-image: url("http://onehub.com/images/icons/mail_hover.png");
    color: #6b8d94;
}

#media_contact
{
    font-size: .925em;
    text-align: right;
}

.about_news #press_releases p, .about_news #testimonials p
{
    font-size: .925em;
}

.press .copy ul
{
    margin-bottom: 20px;
}

.supporting
{
    color: #888;
    font: italic 1em/20px Cambria, Georgia, Times, 'Times New Roman' , serif;
}

/* =ABOUT =CAREERS */

.current_openings
{
    overflow: hidden;
}

.current_openings p
{
    font-size: .925em;
}

.current_openings .buttons
{
    margin-bottom: 0;
}

.skills
{
    font-size: .925em;
    margin-bottom: 20px;
}

/* =ABOUT =CONTACT */

.about_contact .map
{
    margin-bottom: 20px;
}

.about_contact .map img
{
    border: 5px solid #eee;
    display: block;
}

.about_contact .vcard .other, .about_contact .vcard .buttons
{
    margin-top: 20px;
}

/* =AFFILIATES */

/* =AFFILIATES =INDEX */

.affiliates .bulleted
{
    margin-bottom: 20px;
}

.affiliates_index .omega img
{
    border: 5px solid #e7f3d9;
    margin-bottom: 20px;
}

table#affiliate_info
{
    margin-bottom: 20px;
    width: 100%;
}

table#affiliate_info, table#affiliate_info th, table#affiliate_info .odd.omega, table#affiliate_info .odd.omega td.rate
{
    /* The second row is for any tr.odd rows; we want to overwrite those border declarations */
    border-bottom: 1px solid #cfe7b3;
}

table#affiliate_info th, table#affiliate_info td
{
    font-size: 0.925em;
    padding: 20px 0 20px 20px;
    text-align: left;
    width: 50%;
}

table#affiliate_info td
{
    border-left: 1px solid #cfe7b3;
}

table#affiliate_info th
{
    border-left: 0 none;
    border-top: 0 none;
}

table#affiliate_info td
{
    padding-bottom: 10px;
    padding-top: 10px;
}

table#affiliate_info th h4
{
    color: #444;
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 0;
}

table#affiliate_info .odd
{
    background-color: #f9f9f9;
    border-bottom: 1px solid #f1f1f1;
    border-top: 1px solid #f1f1f1;
}

table#affiliate_info th.rate h4
{
    color: #000;
    font-size: 24px;
}

table#affiliate_info th.rate, table#affiliate_info td.rate
{
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
}

table#affiliate_info th.rate
{
    background-color: #e7f3d9;
    border: 1px solid #cfe7b3;
}

table#affiliate_info td.rate
{
    background-color: #f9f9f9;
    border-right: 1px solid #cfe7b3;
    font-size: 1.075em;
    font-weight: bold;
}

table#affiliate_info .odd td.rate
{
    background-color: #efefef;
    border-bottom: 1px solid #eaeaea;
    border-top: 1px solid #eaeaea;
}

/* =AFFILIATES =APPLICATION */

.affiliates_application h1, #affiliate_application
{
    margin-bottom: 20px;
}

#affiliate_application
{
    padding-top: 2px;
}

#affiliate_application p
{
    margin-bottom: 0;
}

#affiliate_application .buttons
{
    margin: 10px 0 20px 0;
}

#affiliate_application .buttons button
{
    margin-bottom: 5px;
}

#affiliate_application li
{
    margin-bottom: 20px;
    position: relative;
}

#affiliate_application li.grid_8 input
{
    width: 448px; /* Width of grid_8 minus the padding and borders (12px) */
}

#affiliate_application .disclaimer
{
    font-size: 0.925em;
    margin-bottom: 10px;
}

#affiliate_application .helper strong:after, #affiliate_application .helper a:after
{
    content: "";
}

#affiliate_application li label.error
{
    position: absolute;
    bottom: -15px;
    left: 0;
}

.affiliates_application span#requirements
{
    padding: 12px 0;
}

/* =AFFILIATES =TERMS */

.affiliates_terms ol.numbered
{
    margin-bottom: 20px;
}

/* =AFFILIATES =THANKS */
.affiliates.thanks #content p
{
    margin-bottom: 200px;
}

/* =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;
    
}

.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("http://onehub.com/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("http://onehub.com/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("http://onehub.com/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("http://onehub.com/images/icons/hdd-down.png");
    background-position: 10px center;
    background-repeat: no-repeat;
    margin: 0 auto;
    padding-left: 20px;
    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_secondary ul li.menu_products_overview {
  background: transparent url('/images/products_overview_pointer.png') center top no-repeat;
}*/

.products.overview #menu_secondary ul li.menu_products_overview, .products.tour #menu_secondary ul li.menu_products_tour, .products.features #menu_secondary ul li.menu_products_features, .products.pricing #menu_secondary ul li.menu_products_pricing
{
    background: transparent url('/images/products_interior_pointer.png') center top no-repeat;
}

/* =PRODUCTS =OVERVIEW */

/*.overview #hero {
  line-height: 0;
  position: static;
}*/

#columns
{
    margin-top: 20px;
}

#columns .alpha
{
    margin-left: 10px;
}
/*
#columns .heading {
  background: #fff;
  border: 1px solid #e5e5e5;
  overflow: hidden;
  padding: 5px;
  position: relative;
  line-height: 0;
  margin-bottom: 20px;
}

#columns .heading h3, #columns .heading h3 {
  background: transparent url('/images/bg_column_heading.png') 0 0 repeat-x;
  color: #fff;
  display: block;
  font-size: 14px;
  line-height: 20px;
  margin: 0;
  padding: 10px 40px 10px 10px;
  position: absolute;
  left: 5px;
  bottom: 5px;
  width: 238px;
}*/

#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;
}

/*.features #content #feature_banner img {
  background: transparent;
  border: 0 none;
  border-bottom: 0 none;
  padding: 0;
}*/

.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("http://onehub.com/images/bg_sidebar_gradient.png") bottom left no-repeat;
    font-size: 13px; /*  margin-left: 0;*/
    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("http://onehub.com/images/features_subnav_pointer.png") 10px -67px no-repeat;
    color: #000;
    font-weight: bold;
}

/*.features #content img {
  background: #eee;
  border-bottom: 1px solid #d4d4d4;
  display: block;
  padding: 5px 5px 4px 5px;
}*/

#feature ul a
{
    white-space: nowrap;
}

/* =PRODUCTS =TRANSFERS */
/*.transfers #banner h1 {
  margin-bottom: 20px;
}*/

.beta #banner label
{
    display: none;
    visibility: hidden;
}

.beta .fieldset
{
    position: relative;
}

.beta .message
{
    margin-top: -20px; /*  border-radius: 0;   -moz-border-radius: 0;   -webkit-border-radius: 0;*/ /*position: absolute;*/ /*top: 130px;   left: 0;*/ /*width: 260px;*/
}

/* =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 .altYazi
{
    border-top: 1px solid #333;
    clear: both;
    color: #444;
    margin-top: 20px;
    padding-top: 19px;
}

.footer img
{
    display: block;
}
.footer .altYazi p
{
    line-height: 26px;
}
.footer .pitch
{
    text-align: right;
}
.footer .altYazi a
{
    color: #646464;
}
.footer .altYazi a:hover
{
    color: #693;
 }
.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("http://onehub.com/images/features_subnav_pointer.png") 10px -67px no-repeat;
  color: #000;
  font-weight: bold;
}

/*.features #content img {
  background: #eee;
  border-bottom: 1px solid #d4d4d4;
  display: block;
  padding: 5px 5px 4px 5px;
}*/

#feature ul a {
  white-space: nowrap;
}

/* =PRODUCTS =TRANSFERS */
/*.transfers #banner h1 {
  margin-bottom: 20px;
}*/

.beta #banner label {
  display: none;
  visibility: hidden;
}

.beta .fieldset {
  position: relative;
}

.beta .message {
  margin-top: -20px;
/*  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;*/
  /*position: absolute;*/
  /*top: 130px;
  left: 0;*/
  /*width: 260px;*/
}

/* =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 .altYazi {
  border-top: 1px solid #333;
  clear: both;
  color: #444;
  margin-top: 20px;
  padding-top: 19px;
}

.footer img { display: block; }
.footer .altYazi p { line-height: 26px;
    width: 432px;
}
.footer .pitch { text-align: right; }
.footer .altYazi a { color: #646464; }
.footer .altYazi a:hover { color: #693; }
