html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
table,tbody,tfoot,thead,tr,th,td {
margin: 0;
padding: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
}
body {
line-height: 1;
}
ol,ul {
list-style: none;
}
blockquote,q {
quotes: none;
}
blockquote:before,blockquote:after,q:before,q:after {
content: '';
content: none;
}
:focus {
outline: 0;
}
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
body {
padding-top: 30px!important;
}
.net-bar {
clear: both;
text-align: left;
margin: 0;
width: 100%;
color: white;
position: relative;
z-index: 10000;
font-family: Arial,Helvetica,FreeSans,sans-serif;
}
.network-bar-shadow {
width: 100%;
height: 5px;
z-index: 10;
background: url(/styles/sbn/images/netbar-sprites.png) repeat-x bottom left;
margin-bottom: -5px;
}
#network_bar {
background: #272727 url(/styles/sbn/images/netbar-sprites.png) 0 -270px repeat-x;
position: absolute;
top: 0;
left: 0;
}
.net-bar .col-last {
float: right;
padding-left: 0;
}
hr.section,.hidden {
display: none;
}
.net-bar p {
padding: 0 10px 0 10px;
margin: 0;
font-weight: bold;
}
.net-bar a,.net-bar a:link,.net-bar a:visited {
color: #fff;
display: block;
padding: 0 10px;
text-decoration: none;
}
.net-bar a:hover,.net-bar a:active {
color: #FFF279;
text-decoration: none;
background: #151515;
}
.net-bar span {
float: left;
line-height: 30px;
font-size: 11px;
padding: 0;
background: url(/styles/sbn/images/netbar-sprites.png) top right no-repeat;
color: #fff;
display: block;
min-height: 30px;
font-weight: bold;
margin: 0;
}
.col-last span a {
padding: 0 15px;
}
.net-bar .nb-profile {
text-transform: none;
font-size: 11px;
}
.net-bar .nb-profile img,.net-bar .nb-return img {
vertical-align: middle;
height: 18px;
background: #fff;
padding: 1px;
border: solid 1px #ccc;
margin-right: 5px;
margin-top: 4px;
float: left;
}
.net-bar .nb-return img {
padding: 0;
border: 0;
height: 22px;
margin-right: 8px;
}
.net-bar .nb-dashlink img {
vertical-align: middle;
margin-top: -2px;
width: 18px;
height: 16px;
}
.net-bar .nb-dashlink a,.net-bar .nb-dashlink a:visited {
display: block;
line-height: 30px;
}
.net-bar .col-last span {
background-position: 0 -90px;
}
.net-bar img.b {
height: 30px;
width: 1px;
vertical-align: middle;
margin: 0;
}
#network_bar span.nb-sbn-logo {
width: 120px;
display: block;
padding-left: 10px;
background: none;
}
#network_bar .nb-sbn-logo a,#network_bar .nb-sbn-tagline a {
text-indent: -9000px;
background: url(/styles/sbn/images/netbar-sprites.png) 2px -334px no-repeat;
display: block;
width: 120px;
padding: 0;
}
#network_bar .nb-sbn-tagline a {
background-position: -138px -334px;
width: 180px;
}
#network_bar .nb-hover-link {
padding: 0 15px;
position: relative;
z-index: 50;
}
#network_bar .nb-blogs-nav {
background: url(/styles/sbn/images/netbar-sprites.png) 70px -120px no-repeat;
padding-right: 22px;
}
#network_bar .nb-log-out a {
background: url(/styles/sbn/images/netbar-sprites.png) no-repeat scroll 67px -59px;
padding-right: 35px;
}
#network_bar .nb-blogs-nav:hover,#network_bar .nb-log-out a:hover {
background: #222;
cursor: hand;
cursor: pointer;
}
.net-bar .nb-alert span,.net-bar .nb-alert a,.net-bar .nb-alert a:link,.net-bar .nb-alert a:visited {
display: block;
text-transform: none;
font-weight: normal;
float: none;
font-size: 11px;
color: #ccc;
line-height: 30px;
padding: 0 15px;
}
.net-bar .nb-alert span {
display: inline;
padding: 0;
}
.net-bar .nb-alert {
font-size: 11px;
font-weight: normal;
padding: 0 10px;
margin-right: 15px;
line-height: 30px;
}
.net-bar .linked-alert {
padding: 0;
margin-right: 0;
}
.net-bar .nb-alert span {
color: #c0c0c0;
background: none;
font-weight: bold;
margin-right: 5px;
line-height: 30px;
}
.net-bar .nb-alert span.network_alert {
color: #de211b;
}
.net-bar .nb-alert span.new_feature,.net-bar .nb-alert span.new_blog {
color: #3e990d;
}
.net-bar .nb-alert span.network_message {
color: #dbaf4d;
}
.net-bar .nb-remember input,.net-bar .nb-openid-remember input {
background: none;
padding: 0;
vertical-align: middle;
}
.nb-username input,.nb-password input,.nb-openid input {
width: 140px;
}
.net-bar .nb-submit input,.net-bar .nb-openid-submit input {
background: #bb1d18;
border: solid 1px #921612;
border-top: solid 1px #c7332e;
border-left: solid 1px #c7332e;
padding: 2px 5px;
color: #fff;
font-size: 9px;
font-weight: bold;
text-transform: uppercase;
line-height: 13px;
}
.nb-submit input:hover,.nb-openid-submit input:hover {
background: #c7332e;
}
.net-bar input {
font-size: 10px;
padding: 2px;
line-height: 16px;
border: 0;
background: #eee;
text-transform: none;
}
.nb-hover-menu {
background-color: #232323;
color: #ccc;
border: 1px solid #333;
border-top: 0;
padding: 0;
width: 250px;
position: absolute;
top: 29px;
left: -1px;
z-index: 50;
filter: alpha(opacity=98);
-moz-opacity: .98;
opacity: .98;
}
.nb-hover-link:hover {
cursor: hand;
cursor: pointer;
}
#blogs_nav_menu .blog-nav-item,#blogs_nav_menu .more-link {
background: url(/styles/sbn/images/netbar-sprites.png) 0 -150px repeat-x;
}
#blogs_nav_menu .blog-nav-fave {
background-color: #292C30;
}
#blogs_nav_menu .blog-nav-item:first-child {
background: none;
}
#blogs_nav_menu .blog-nav-item:hover,#blogs_nav_menu .blog-nav-item h4 a:hover,#blogs_nav_menu .more-link:hover,#blogs_nav_menu .more-link a:hover,#blogs_nav_menu .blog-nav-item:first-child:hover {
background-color: #151515;
background-position: 0 -210px;
}
#blogs_nav_menu span {
font-size: 10px;
line-height: 12px;
color: #999;
min-height: 12px;
display: inline;
background: none;
text-transform: none;
height: 10px;
float: none;
}
#blogs_nav_menu p {
font-weight: normal;
}
#blogs_nav_menu .nb-dashlink {
display: block;
width: 16px;
float: right;
display: inline;
padding: 4px 5px 0 5px;
background-repeat: no-repeat;
}
#blogs_nav_menu .nb-dashlink-ed {
margin-right: 10px;
}
#blogs_nav_menu a {
display: block;
padding: 5px 5px 3px 5px;
}
#blogs_nav_menu .new-alert {
padding: 0 0 2px 45px;
margin: 0;
line-height: 10px;
}
#blogs_nav_menu .new-alert span {
font-size: 10px;
}
#blogs_nav_menu .nb-dashlink a,#blogs_nav_menu .nb-dashlink a:visited {
display: block;
width: 16px;
height: 16px;
margin: 0 8px 0 -4px;
padding: 0;
}
#blogs_nav_menu .nb-dashlink img {
width: 16px;
height: 16px;
margin-top: 3px;
vertical-align: top;
}
#blogs_nav_menu h4 {
padding: 0;
margin: 0;
background: 0;
font-size: 11px;
text-transform: none;
font-weight: bold;
line-height: 1.4em;
}
#blogs_nav_menu h4 img {
vertical-align: middle;
margin-right: 4px;
border: 0;
padding: 0;
}
#blogs_nav_menu .more-link a {
display: block;
font-size: 10px;
text-align: right;
padding: 3px 10px 3px 5px;
}
#blogs_nav_menu .more-link {
padding: 0;
line-height: 1.25em;
text-transform: none;
font-weight: bold;
}
#blogs_nav_menu .more-link .feedback-link {
float: left;
padding-left: 10px;
}
#login_link_menu {
left: auto;
right: -1px;
width: 170px;
padding-bottom: 5px;
min-height: 190px;
}
#login_link_menu a {
padding: 0;
line-height: 14px;
background: none;
}
#login_link_menu span {
float: none;
padding: 0;
display: inline;
background: none;
}
#login_link_menu span.nb-submit {
margin-right: 5px;
}
#login_link_menu label {
display: block;
font-size: 11px;
text-transform: none;
line-height: 21px;
margin: 5px 0 0 3px!important;
color: #ccc;
}
#login_link_menu p {
margin-bottom: 5px;
font-size: 12px;
line-height: 16px;
}
#login_link_menu p.nb-openid {
margin-top: 25px;
}
table {
border-color: #aaa;
border-spacing: 1px;
margin: 8px auto;
}
td,th {
vertical-align: middle;
padding: 3px;
}
th {
background: #d4d4d4;
font-weight: bold;
}
sup {
font-size: 10px;
vertical-align: top;
font-weight: bold;
}
.errorExplanation,.notice,.note,.error {
font-size: 12px;
background: #fff7d7 url(http://cdn0.sbnation.com/images/globals/icon.exclam.27x27.v1128.gif) 20px 10px no-repeat;
color: #555;
padding: 15px 60px;
margin: 5px 0 10px 0;
border: solid 1px #efe3b3;
clear: both;
}
.notice {
color: green;
background: #BFF8B8 url(http://cdn2.sbnation.com/images/icons/tick.v1599.png) 23px 13px no-repeat;
border-color: #8BF77D;
}
.note h2,.error h2,.errorExplanation h2,.notice h2 {
padding-top: 0;
margin-top: 0;
font-size: 18px;
line-height: 1em;
margin-bottom: 5px;
}
.errorExplanation li,.notice li {
list-style: inside disc;
padding-left: 15px;
}
.note a,.error a,.notice a,.errorExplanation a {
font-weight: bold;
}
.note ul,.error ul,.notice ul,.errorExplanation ul,.note p,.error p,.notice p,.errorExplanation p {
padding-bottom: 0;
margin-bottom: 0;
}
#body-modal {
font-family: Arial,verdana,sans-serif;
font-size: 12px;
background: #fff;
text-align: left;
}
#body-modal .modal-content {
position: relative;
overflow: auto;
padding: 10px 30px 5px;
}
#control_overlay {
background-color: #000;
position: fixed!important;
}
#modal_container {
padding: 0;
background-color: #fff;
border: solid 8px #c52126;
font-family: Arial,Helvetica,Verdana;
font-size: 12px;
color: #333;
text-align: left;
overflow: hidden;
}
#modal_container h3 {
margin-top: 0;
}
#modal-close {
position: absolute;
top: 0;
right: 0;
font-weight: bold;
font-size: 18px;
z-index: 5;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
border-bottom-left-radius: 5px;
padding: 0;
background: #c52126;
}
#modal-close a,#modal-close a:visited {
padding: 0 5px 4px 8px;
display: block;
text-decoration: none;
color: #fff;
}
.modal-content {
padding: 15px;
font-family: Arial,sans-serif;
overflow: auto;
z-index: 2;
text-align: left;
}
.modal-content label {
display: block;
margin-bottom: 2px;
margin-top: 15px;
text-transform: uppercase;
color: #696867;
font-size: 11px;
font-weight: bold;
}
.modal-content-pad {
padding: 15px;
position: relative;
}
.modal-content .form-wide .textfield,.modal-content .form-wide textarea {
width: 600px;
padding: 3px;
}
.modal-content .form-wide textarea {
height: 100px;
border: solid 1px #999;
}
.jump-links li,.entries .jump-links li {
float: left;
list-style: none;
margin: 0 12px 0 0;
font-size: 11px;
font-weight: bold;
}
.jump-links {
border-bottom: solid 1px #ddd;
margin-bottom: 0;
padding: 5px;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
font-size: 0;
}
.clearfix {
display: inline-block;
}
/* Hides from IE-mac \*/ * html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
/* End hide from IE-mac */