body, .t-a, .t-b, .t-c, .t-d, p, .ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button, .t-a h3, .t-a h4, .t-a h5, .t-a h6, .t-b h3, .t-b h4, .t-b h5, .t-b h6, .t-c h3, .t-c h4, .t-c h5, .t-c h6, .t-d h3, .t-d h4, .t-d h5, .t-d h6 {font-family: 'Open Sans', sans-serif;}
.syntaxhighlighter a, .syntaxhighlighter div, .syntaxhighlighter code, .syntaxhighlighter table, .syntaxhighlighter table td, .syntaxhighlighter table tr, .syntaxhighlighter table tbody, .syntaxhighlighter table thead, .syntaxhighlighter table caption, .syntaxhighlighter textarea, .t-d #code .box .syntaxhighlighter {font-family: monospace;}
body #header {background: #414143; width:940px; margin: 12px auto 10px; clear:both; height:74px;}
#en-logo-replace a {text-indent:-9999em; background: url(/new/img/logo.png) center center no-repeat; height:54px;
                      padding:10px 0 10px 20px; width:262px; display: block;}
#en-logo-replace {width:300px; margin-left: 20px; float:left;}
#header div.nav {float:left; width:460px; margin: 0 0 0 150px;}
#header div.nav a {
display: block;
line-height: 20px;
color: #F0F0F0;
font-size: 17px;
width: 70px;
text-align: left;
margin-left: 40px;
float: left;
font-weight: 600;
}
#header div.nav a:hover {text-decoration: none; color:#FFFFFF}

#header div.nav.top-row {padding-top: 12px;}
#header div.nav.bottom-row {padding-top: 5px;}


body {background: #FFF;}/*#dbdbdd;}*/
#content .box {border: none; background: transparent;}
.main h2 {background: transparent; padding:0;}
dd {margin-left: 0;}
.summary, .details {background: transparent; border: none; margin-bottom:0;}
.main h3 {background: transparent; padding:0;}

div.footer {margin: 10px auto 20px; width:940px;}

div.footer .row {
padding: 15px 0;
color: #888;
margin-left: -20px;
float: left;
}
.span1, .span2, .span7 {float: left; margin-left: 20px;}
.span1 {width:60px;}
.span2 {width:140px;}
.span7 {width:540px;}
div.footer .bar {
background: #414143;
height: 17px;
border-bottom: 1px solid #D0D0D2;
float: left; clear: both;
width: 100%;
}
div.footer ul {
margin: 0 auto;
display: block;
text-align: center;
font-size: 0;
padding: 5px 0;
color: #333;
clear: both;
}
div.footer li:first-child {
border-left: none;
}
div.footer li {
display: inline-block;
text-decoration: none;
border-left: 1px solid #DDD;
line-height: 17px;
height: 17px;
}
div.footer li:first-child a {
padding-left: 0;
}
div.footer li a {
color: #868686;
padding: 0 2px;
font-size: 12px;
line-height: 17px;
}

div.footer {
font-size: 13px;
line-height: 18px;
}

.label-en, .label.active, .echonest-menubar .label:hover {
background: #00ACEB;
}
.label {
padding: 1px 4px 2px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.label, .badge {
font-size: 10.998px;
font-weight: bold;
line-height: 14px;
color: white;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
white-space: nowrap;
vertical-align: baseline;
background-color: #999;
}
.label-en, .label.active, .echonest-menubar .label:hover {
background: #00ACEB;
}
.label {
text-shadow: none;
font-size: 12px;
font-weight: 400;
line-height: 16px;
padding-top: 3px;
padding-bottom: 3px;
}

div.footer span.social-icon {
height: 28px;
width: 29px;
background: url(/img/socialicons.png) top left no-repeat;
display: block;
float: left;
margin-top: -5px;
}
div.footer span.social-icon.twitter {
background-position: top right;
}
div.footer a.social-link {color: #08C;text-decoration: none; float: left; margin: 0 0 0 3px;display:block;}
.social-wrapper {float: right;}
html { overflow-y: scroll; }