@charset "utf-8";
/* CSS Document */

body{ margin:0; background:#000000 url(/images/background-transition.jpg) left top repeat-x; }

#site-header{ background:#33363B; }
#container #site-header #runnerboard{ text-align:left; }
#container #site-header #runnerboard a{ color:#b8b8b8; }
#container #site-header #runnerboard a img{ width:auto; height:auto; }
#container #site-header a.logo{ top:60px; }



div.module.newsocial{ position:relative; background:#FD8200; height:60px; box-sizing:border-box; padding:0 10px; text-transform:uppercase; font-weight:bold; color:#fff; border-radius:5px; }
div.module.newsocial p{ float:left; font-size:1.1em; }

/*  common : social links
/* ------------------------------------ */
.social-links { float: right; position: relative; padding-top: 2px; }
.social-links li { display: inline-block; margin-left: 8px; line-height: 16px; font-size: 0; }
.social-links li a { display: block!important; position: relative; text-align: center; }
.social-links .social-tooltip { color: #fff; color: rgba(255,255,255,0.7); font-size: 24px; display: inline; position: relative; z-index: 98; }
.social-links .social-tooltip:hover { color: #fff; text-decoration: none; }
.social-links .social-tooltip:hover:after { top: -36px; background: #fff; font-size: 14px; color: #666; content: attr(title); display: block; right: 0; padding: 5px 15px; position: absolute; white-space: nowrap;