@import url("reset.css");
@import url("basic.css");
@import url("type.css");

p.more {
margin: 0;
padding: 0 7px;
font-size: 1em;
line-height: 23px;
text-transform: uppercase;
background: url(../img/gray50.png);
}

p.more a {
border: none;
}

p.back a {
padding: 3px 5px 3px 20px;
text-transform: uppercase;
background: #5c8bff url(../img/icon-arrows.gif) no-repeat 0 -62px;
border: none;
}

p.feed {
line-height: 1.2;
margin: 0;
}

p.feed a {
display: block;
padding: 0 0 0 15px;
border: none;
color: #111;
background: url(../img/icon-feed.gif) no-repeat 0 2px;
font-weight: normal;
}

p.feed a:hover {
color: #fff;
background-position: 0 -19px;
}

/* Tooltip */

div.tooltip {
position: absolute;
background: url(../img/tooltip-arrow.png) no-repeat 10px 0;
padding: 10px 0 0;
margin: 10px 0 0 -30px;
}

div.tooltip-i {
padding: 0 10px;
font-weight: bold;
text-transform: uppercase;
background: #dedede;
color: #404040;
line-height: 2;
}

div.tooltip p {
margin: 0;
}

/* Columns */

div.columns {
margin: 0 0 1.5em;
}

div.columns div.column {
float: left;
overflow: hidden;
}

div.columns div.column-1 {
width: 595px;
margin: 0 30px 0 0;
}

div.columns div.column-2 {
width: 355px;
}

/* Brightcove */

div.full-width div.brightcove {
width: 966px;
}

div.brightcove {
margin: 0 0 1.2em;
border: 7px solid #fff;
}

div.brightcove img,
div.brightcove object {
display: block;
}

/* Filter */

div.filter {
background: #383838;
font-size: 1em;
padding: 8px 0 0 8px;
overflow: hidden;
margin: 0 0 15px;
}

div.filter div.section {
float: left;
display: inline;
margin: 0 10px 0 0;
}

div.filter .js-active div.search label,
div.filter .js-active div.search select,
div.filter .js-active div.label label,
div.filter .js-active div.label select,
div.filter .js-active div.format label,
div.filter .js-active div.format select,
div.filter .js-active div.genre label,
div.filter .js-active div.genre select,
div.filter .js-active div.sort select,
div.filter .js-active input.button {
display: none;
}

div.filter div.label {
width: 170px;
}

div.filter div.format {
width: 100px;
}

div.filter div.sort {
margin: 0;
padding: 10px 0;
}

div.filter div.genre {
margin: 8px 0 0 -8px;
width: 972px;
padding: 0 0 0 8px;
background: #292a2b;
}

div.filter label,
ul.radiobuttons {
float: left;
margin: 0;
font-size: 1em;
font-weight: bold;
line-height: 1;
text-transform: uppercase;
color: #8b8b8b;
}

div.filter label {
margin: 0 15px 0 0;
}

ul.radiobuttons li {
float: left;
padding: 0 0 0 15px;
margin: 0 15px 0 0;
cursor: pointer;
background: url(../img/radio-button.gif) no-repeat;
}

ul.radiobuttons li.sel {
color: #fff;
background-position: 0 -10px;
}

div.filter div.search input.field {
width: 205px;
padding: 9px 10px 6px;
border: none;
color: #ddd;
background: url(../img/dropdown-bg.gif) no-repeat;
font-size: 12px;
}

div.js-dropdown {
position: relative;
width: 100%;
background: url(../img/dropdown-bg.gif) no-repeat;
}

div.js-dropdown p {
margin: 0 1px 0 0;
padding: 0 30px 0 9px;
font-size: 1.2em;
line-height: 30px;
color: #ddd;
background: url(../img/dropdown-arrow.gif) no-repeat 100% 50%;
cursor: pointer;
}

div.js-dropdown ul {
position: absolute;
top: 30px;
left: 0;
font-size: 1.2em;
background: #666;
width:100%;
max-height:150px;
overflow:auto;
}

div.js-dropdown ul li {
cursor: pointer;
padding:1px 5px;
}

div.js-dropdown ul li.over {
background: #333;
}

ul.genres {
float: left;
margin: 0;
font-size: 1em;
font-weight: bold;
line-height: 30px;
color: #555;
text-transform: uppercase;
}

ul.genres li {
float: left;
margin: 0 10px 0 0;
cursor: pointer;
}

ul.genres li.sel {
color: #ddd;
}

ul.genres li.level-1 {
font-size: 1.6em;
}

ul.genres li.level-2 {
font-size: 1.3em;
}

ul.genres li.level-3 {
font-size: 1em;
}

/* Buy music */

ul.buy {
padding: 5px 4px 5px 5px;
background: url(../img/gray50.png);
}

ul.buy li {
float: left;
margin: 0 1px 0 0;
}

ul.buy li a {
border: none;
}

ul.buy li a img {
display: block;
}

/* Article function */

ul.functions {
overflow: hidden;
margin: 0 -7px;
list-style: none !important;
}

ul.functions li {
float: left;
border-left: 1px solid #2d2d2d !important;
position: static !important;
width: auto !important;
height: auto !important;
min-height: 0 !important;
margin: 0 0 0 -1px !important;
padding: 0 7px !important;
background: none !important;
overflow: visible;
}

ul.functions li a {
float: left;
display: inline;
padding: 0 0 0 20px !important;
background: url(../img/icon-comment.png) no-repeat !important;
color: #b5b5b5 !important;
border: none;
}

ul.functions li a:hover {
background-position: 0 -16px !important;
}

ul.functions li.likes a {
background-image: url(../img/icon-like.png) !important;
}

ul.functions li.buy a {
background-image: url(../img/icon-buy.png) !important;
}

ul.functions li.spotify a {
background-image: url(../img/icon-spotify.png) !important;
}

ul.functions li span {
position: absolute;
top: -999px;
left: -999px;
height: 0px;
width: 0px;
overflow: hidden;
}

/* Tags */

ul.tags {
margin: 0;
}

ul.tags li {
display: inline;
}

ul.tags li:after {
content: ", ";
}

ul.tags li:last-child:after {
content: "";
}

/* Date list */

dl.dated dt {
float: left;
margin: 0 4px 0 0;
color: #b5b5b5;
font-weight: bold;
text-transform: uppercase;
}

dl.dated dd {
margin: 0 0 0.7em;
}

dl.dated dd a {
border: none;
padding: 1px 4px;
color: #fff;
}

dl.dated dd a:hover {
background: #f23267;
}

/* Releases - compact */

ul.covers-compact {
margin: 0 0 1px;
padding: 5px 0 0 5px;
background: #383838;
}

ul.covers-compact li {
float: left;
border-right: 5px solid #383838;
border-bottom: 5px solid #383838;
}

ul.covers-compact li a {
border: none;
}

ul.covers-compact li a img {
display: block;
}

/* Releases */

ul.covers {
width: 1000px;
margin: -10px 0 10px;
font-size: 1em;
}

ul.covers li {
float: left;
position: relative;
width: 210px;
padding: 0 10px 10px;
margin: 10px 20px 0 0;
background: url(../img/gray50.png);
}

ul.covers li a {
border: none;
}

ul.covers li a img {
display: block;
margin: 0 -10px 10px;
border: 7px solid #fff;
}

ul.covers li p.date {
position: absolute;
top: 180px;
left: 0;
background: #fff;
color: #333;
line-height: 2;
padding: 0 12px;
}

ul.covers li ul.functions li.likes {
float: right;
border: none !important;
}

ul.covers li ul.functions li.buy a,
ul.covers li ul.functions li.spotify a {
padding: 0 !important;
width: 16px;
height: 16px;
text-indent: -999em;
overflow: hidden;
}

/* List hues */

ul.calendar li,
ul.generic li {
background: #383838;
}

ul.calendar li.hue-2,
ul.generic li.hue-2 {
background: url(../img/gray75.png);
}

ul.calendar li.hue-3,
ul.generic li.hue-3 {
background: url(../img/gray50.png);
}

ul.calendar li.hue-4,
ul.generic li.hue-4 {
background: url(../img/gray25.png);
}

ul.calendar li.hue-5,
ul.generic li.hue-5 {
background: url(../img/gray13.png);
}

/* Calendar */

ul.calendar {
font-size: 1em;
}

ul.calendar li {
margin: 0 0 1px;
padding: 7px 10px 10px;
}

ul.calendar li h3 {
margin: 0 0 0.5em;
}

ul.calendar li ul {
margin: 0;
}

ul.calendar li ul li {
margin: 0;
padding: 0;
background: none;
}

/* Generic list */

ul.generic {
margin: 0;
font-size: 1em;
}

ul.generic li {
float: left;
position: relative;
width: 237px;
height: 60px;
padding: 7px 0 7px 85px;
margin-bottom: 1px;
overflow: hidden;
}

ul.generic li img {
position: absolute;
top: 2px;
left: 2px;
}

ul.generic li span.number {
position: absolute;
top: 2px;
left: 2px;
width: 2em;
background: #fff;
color: #333;
line-height: 2;
text-align: center;
z-index: 100;
}

ul.generic li p {
margin: 0 0 0.5em;
}

ul.generic ul.functions {
float: right;
margin: -2em 0 0;
font-size: 1em;
}

div.column-2 ul.generic li {
width: 270px;
}

/* Discography */

ul.discography {
font-size: 1em;
}

ul.discography li {
position: relative;
float: left;
margin: 0 0 15px;
padding: 0 0 0 205px;
width: 390px;
min-height: 181px;
}

ul.discography li.dvd {
padding: 0 0 0 150px;
width: 445px;
}

ul.discography img {
position: absolute;
top: 0;
left: 0;
border: 7px solid #fff;
}

ul.discography h4 {
float: left;
margin: 0 8px 0 0;
}

ul.discography p {
margin: 0 0 5px;
text-transform: uppercase;
}

ul.discography p.performer {
margin: 0 0 15px;
text-transform: none;
}

ul.discography ul.functions {
margin: 20px 0 15px;
padding: 15px 0 0;
border-top: 1px solid #2d2d2d;
}

ul.discography ul.functions li.spotify {
border: none !important;
}

ul.discography ul.functions li.likes {
float: right;
border: none !important;
}

ul.discography p.more {
clear: both;
}

/* Tabs */

ul.tabs {
margin: 0;
font-weight: bold;
color: #fff;
}

ul.tabs li {
float: left;
margin: 0 2px 2px 0;
padding: 0 10px;
line-height: 24px;
text-transform: uppercase;
}

ul.tabs li.sel {
margin-bottom: 0;
padding-bottom: 2px;
}

ul.tabs li a {
border: none;
color: #fff;
}

ul.tabs li.hue-1 {
background: #f23267;
}

ul.tabs li.hue-2 {
background: #b5254d;
}

ul.tabs li.hue-3 {
background: #791934;
}

ul.green li.hue-1 {
background: #6cae1b;
}

ul.green li.hue-2,
ul.green li.hue-3 {
background: #41641a;
}

ul.blue li.hue-1 {
background: #5c8bff;
}

ul.blue li.hue-2,
ul.blue li.hue-3 {
background: #3d5690;
}

/* More artists */

ul.more-artists {
margin: 10px 0 20px;
}

ul.more-artists li {
float: left;
margin: 0 10px 0 0;
}

ul.more-artists li a {
border: none;
}

ul.more-artists li a img {
display: block;
}

/* Employees */

ul.employees {
font-size: 1em;
}

ul.employees li {
position: relative;
min-height: 182px;
margin: 0 0 15px;
padding: 0 0 15px 200px;
border-bottom: 1px solid #2d2d2d;
}

ul.employees li img {
position: absolute;
top: 0;
left: 0;
border: 7px solid #fff;
}

ul.employees li h4 {
margin-top: 2em;
}

ul.employees li ul li {
margin: 0 0 5px;
padding: 0;
min-height: 0;
border: none;
}

ul.employees li ul li a {
border: none;
color: #ddd;
padding: 1px 4px;
}

ul.employees li ul li a:hover {
background: #f23267;
}

ul.employees li ul.functions {
position: absolute;
top: 0;
right: 0;
}

/* Generic box */

dl.box,
div.box {
padding: 13px 15px 6px;
background: url(../img/gray50.png);
}

dl.box {
padding: 7px 10px 1px;
}

/* Generic box rss-box */


div.box-rss a {
text-transform: none;
}

dl.box,
div.box-rss {
padding: 13px 15px 6px;
background: url(../img/gray50.png);
}

dl.box {
padding: 7px 10px 1px;
}

/* Accented list */

ul.accented li {
background: none !important;
line-height: 1.45;
margin: 0 0 2px;
}

ul.accented li a {
border: none;
color: #fff;
background: #f23267;
padding: 1px 4px;
}

ul.accented li.hue-2 a {
background: #bc2e55;
}

ul.accented li.hue-3 a {
background: #602434;
}

ul.twitter li a {
background: #5c8bff;
}

/* Articles */

div.articles {
width: 606px;
}

div.articles img {
border: 7px solid #fff;
margin: 0 0 10px;
}

div.articles h3 {
color: #fff;
font: 2em/1.2 Arial, Helvetica, sans-serif;
text-transform: none;
margin: 0 0 0.33em;
}

div.articles div.article {
float: left;
width: 100%;
margin: 0 11px 20px 0;
}

div.articles div.highlighted {
color: #000;
background: #f0f1e4;
}

div.articles div.highlighted div.article-i {
padding: 0 20px 10px;
}

div.articles div.highlighted h3 {
color: #242424;
}

div.articles div.highlighted img {
margin-right: -20px;
margin-left: -20px;
}

div.articles div.highlighted p.more {
background: none;
padding: 0;
}

div.articles div.highlighted p.more a {
color: #5c8bff;
}

div.articles div.highlighted p a {
color: #242424;
}

div.articles div.span-1 {
width: 191px;
}

div.articles div.span-1 h3 {
font-size: 1.4em;
font-weight: bold;
}

div.articles div.span-1 p {
font-size: 1.1em;
}

div.articles div.span-2 {
width: 393px;
}

div.articles p {
font-size: 1.2em;
}

div.articles div.article p.more {
font-size: 1em;
}

div.articles div.span-clear {
clear: left;
}

/* Social icons */

ul.social li {
float: left;
margin: 0 2px 0 0;
}

ul.social li a {
float: left;
width: 27px;
height: 27px;
background: url(../img/icon-social.gif);
border: none;
text-indent: -999em;
overflow: hidden;
}

ul.social li.facebook a {
width: 26px;
background-position: -27px 0;
}

ul.social li.youtube a {
width: 26px;
background-position: -53px 0;
}

ul.social li.myspace a {
background-position: -79px 0;
}

ul.social li.twitter a {
width: 26px;
background-position: -106px 0;
}

/* Videos & Artist list*/

ul.artists,
ul.videos {
width: 995px;
margin: 0 0 15px;
font-size: 1em;
}

ul.artists li,
ul.videos li {
float: left;
position: relative;
width: 170px;
padding: 0 7px 7px;
margin: 0 15px 0 0;
background: url(../img/gray50.png);
cursor: pointer;
overflow: visible;
}

ul.artists li a ,
ul.videos li a {
color: #b5b5b5;
border: none;
}

ul.artists li a img,
ul.videos li a img {
display: block;
border: 7px solid #fff;
margin: 0 -7px 5px;
}

ul.artists li h3,
ul.videos li h3 {
height: 4.5em;
}

ul.artists ul.functions,
ul.videos ul.functions {
position: absolute;
right: 7px;
bottom: 7px;
}

ul.artists li.over,
ul.videos li.over {
background: #5c8bff;
}

ul.artists li.over a,
ul.videos li.over a {
color: #fff !important;
}

ul.artists li.over ul.functions li,
ul.videos li.over ul.functions li {
border-color: #a9c2ff;
}

ul.videos li a span.bc-fix {
display: block;
overflow: hidden;
width: 170px;
height: 96px;
border: 7px solid #fff;
margin: 0 -7px 5px;
}

ul.videos li a span.bc-fix img {
width: 170px;
margin: 0;
border: none;
}

/* Artist list specific */

ul.artists {
width: 609px;
margin: -17px 0 17px;
}

ul.artists li {
width: 172px;
margin: 17px 17px 0 0;
}

/* Artist compact */

ul.artists-compact {
margin: 0;
}

ul.artists-compact li {
line-height: 25px;
margin: 0 0 1px;
background: url(../img/gray50.png);
}

ul.artists-compact li a {
display: block;
padding: 0 8px;
width: 339px;
color: #b5b5b5;
border: none;
}

ul.artists-compact li.alt {
background: url(../img/gray25.png);
}

/* Paging & Alphabetical sorting */

ul.alpha,
ul.paging {
font-size: 1em;
text-transform: uppercase;
margin: 0 -5px 0 0;
}

ul.alpha li,
ul.paging li {
float: left;
margin: 0 5px 0 0;
}

ul.alpha li a,
ul.paging li a {
border: none;
}

/* Module */

div.module {
margin: 0 0 20px;
}

div.module ul.paging {
float: right;
margin-right: 2px;
line-height: 23px;
}

div.module div.head {
margin: 0 0 10px;
}

div.module div.head h2 {
float: left;
margin: 0 10px 0 0;
}

div.module div.head p.feed {
float: left;
margin: 0.45em 0 0;
}

div.module div.footer {
background: url(../img/gray50.png);
}

div.module div.footer p.more {
background: none;
}

div.module div.footer ul.alpha,
div.module div.footer ul.paging {
float: right;
margin-right: 2px;
line-height: 23px;
}

div.module div.footer ul.alpha {
float: left;
padding: 0 0 0 7px;
}

/* Module - Article */

div.article div.meta {
margin: 0 0 2em;
}

div.article div.meta h3 {
float: left;
clear: left;
margin: 0 8px 0 0;
}

div.article div.meta p {
float: left;
margin: 0 0 0.5em;
}

div.article div.meta ul.tags {
float: left;
}

div.article div.meta ul.functions {
float: right;
}

div.related {
border-top: 1px solid #2d2d2d;
padding: 15px 0 0;
margin: 0 0 2em;
}

div.related h3 {
color: #ddd;
font-size: 1.4em;
text-transform: none;
margin: 0 0 0.6em;
}

div.document img {
border: 7px solid #fff;
}

div.document div.document-head h2 {
float: left;
}

div.document div.document-head ul.functions {
margin: 0;
padding: 1em 0 0;
}

div.comment,
div.comment div.compose {
border-top: 1px solid #2d2d2d;
padding: 10px 0 0;
}

div.comment div.compose {
margin: 0 0 30px;
}

div.comment div.compose h3 {
padding: 0 0 0 16px;
margin: 0 0 20px;
background: url(../img/icon-arrows.gif) no-repeat;
}

div.comment div.compose label {
display: block;
margin: 0 0 5px;
color: #b5b5b5;
font-size: 1.1em;
font-weight: bold;
text-transform: uppercase;
}

div.comment div.compose div.textarea {
width: 595px;
height: 100px;
margin: 0 0 15px;
background: url(../img/textarea-bg.jpg) no-repeat;
}

div.comment div.compose div.textarea textarea {
width: 575px;
height: 80px;
padding: 10px;
background: none;
border: none;
}

div.comment div.compose div.buttons p.status {
float: left;
}

div.comment div.compose div.buttons .fb-login,
div.comment div.compose div.buttons input.submit {
float: right;
}

/* Fredrik edits */
div#competition-form div {
margin-bottom: 4px;
}

div#competition-form div.success {
font-size: 1.3em;
}

input.input-field {
width: 200px;
border: 1px solid #333;
}

textarea.text-field {
width: 240px;
height: 80px;
border: 1px solid #333;
}

input.submit-button {
}
/* */

div.comment ol {
font-size: 1em;
}

/* Eric edits */
div.comment ol {
list-style: none;
margin-left: 0px 0px 1em;
}

div.comment ol.comments-js-active li {
border: none;
padding: 0;
height: 0;
width: 0;
overflow: hidden;
}

div.comment ol.comments-js-active li.active,
div.comment ol li {
float: left;
border-top: 1px solid #2d2d2d;
padding: 15px 0;
height: auto;
width: 595px;
}

div.comment ol li div.picture {
float: left;
width: 50px;
margin: 0 20px 0 0;
overflow: hidden;
}

div.comment ol li div.picture a {
border: none;
}

div.comment ol li div.text {
float: left;
width: 525px;
overflow: hidden;
}

div.comment ol li h3 {
font-size: 1.2em;
font-weight: normal;
margin: 0 0 0.5em;
}

div.comment ol li h3 span.name {
font-size: 0.9em;
font-weight: bold;
padding: 0 0 0 10px;
}

div.comment ol li p {
margin: 0;
font-size: 1.2em;
}

.fb-login a {
border: none;
}

p.comments-paging-title {
float: left;
margin: 0 10px 0 0;
}

ul.comments-paging {
height: 1.5em;
}

ul.comments-paging li {
float: left;
margin: 0 5px 0 0;
}

ul.comments-paging li a {
font-weight: normal;
}

ul.comments-paging li.sel a {
font-weight: bold;
}

/* Module - Product */

div.product h2 {
font: bold 2.8em/1.33 Arial, Helvetica, sans-serif;
text-transform: none;
border-bottom: 1px solid #2d2d2d;
margin: 0 0 20px;
}

div.product p.back {
float: right;
margin: -43px 0 0;
}

div.product div.details,
div.product div.meta,
div.product div.information {
margin: 0 0 15px;
padding: 0 0 15px;
border-bottom: 1px solid #2d2d2d;
}

div.product div.details div.cover {
float: left;
width: 374px;
margin: 0 20px 0 0;
}

div.product div.details div.cover img {
border: 7px solid #fff;
display: block;
}

div.product div.text {
float: left;
width: 200px;
}

div.product div.text ol {
list-style: decimal inside;
}

div.product div.meta h3,
div.product div.meta p {
float: left;
}

div.product div.meta h3 {
float: left;
margin: 0 10px 0 0;
}

div.product div.meta p {
float: left;
margin: 0 20px 0 0;
}

div.product div.meta ul.functions {
float: right;
}

div.product div.meta ul.functions li.likes {
border: none !important;
}

div.product div.meta ul.functions li.buy {
margin-right: 30px !important;
}

div.product div.meta p {
float: left;
margin: 0 20px 0 0;
}

/* Module - Contact */

div.contact div.box {
padding-bottom: 1px;
}

div.contact div.column {
float: left;
width: 50%;
}

div.contact p {
margin: 0 0 1.5em;
}

/* Module - Banner */

div.banner img,
div.banner object {
/*display: block;*/
}

div.banner a {
border: none;
}

/* Module - Release archive */

div.release-archive ul.generic {
width: 988px;
margin: 0 0 7px;
}

div.release-archive ul.generic li {
margin: 7px 7px 0 0;
}

/* Module - Archive */

div.archive ul {
font-size: 1.2em;
margin: 0 0 5px;
}

div.archive ul li a {
padding: 0 0 0 16px;
border: none;
background: url(../img/icon-arrows.gif) no-repeat;
color: #aaa;
}

div.archive ul li ul {
font-size: 1em;
padding: 0 0 0 13px;
}

/*div.archive ul li ul li a {
background-position: 0 -16px;
}

div.archive ul li ul li ul {
font-size: 0.9em;
line-height: 1.8;
}

div.archive ul li ul li ul li a {
background: none;
color: #ddd;
padding: 1px 4px;
}

div.archive ul li ul li ul li a:hover {
background: #f23267;
}

div.archive ul.js-active li a {
background-position: 0 -32px;
}

div.archive ul.js-active li.open a {
background-position: 0 0;
}*/

div.archive ul li ul li a {
background: none;
color: #ddd;
padding: 1px 4px;
}

div.archive ul li ul li a:hover {
background: #f23267;
}

div.archive ul.js-active li ul,
div.archive ul.js-active li.open ul li ul {
display: none;
}

div.archive ul.js-active li.open ul,
div.archive ul.js-active li.open ul li.open ul {
display: block;
}

div.archive ul.js-active li.open ul li a {
background-position: 0 -48px;
}

div.archive ul.js-active li.open ul li.open a {
background-position: 0 -16px;
}

/* Module - Search results */

div.search-results h3 {
font-size: 1em;
line-height: 2;
border-top: 1px solid #2d2d2d;
border-bottom: 1px solid #2d2d2d;
margin: 0 0 15px;
}

div.search-results h3 strong {
color: #fff;
}

div.search-results ul {
color: #b5b5b5;
font-weight: bold;
text-transform: uppercase;
font-size: 1em;
}

div.search-results ul li {
margin: 0 0 20px;
}

div.search-results ul li ul {
font-size: 1.2em;
text-transform: none;
}

div.search-results ul li ul li {
margin: 0;
}

/* Module - Slideshow */

div.slideshow img,
div.slideshow object {
border: 7px solid #fff;
}

/* Module - Artist search */

div.artist-search div.filter {
background: none;
padding: 0;
margin: 0;
}

div.artist-search div.section {
width: 339px;
background: #383838;
padding: 8px;
margin: 0;
}

div.artist-search div.filter div.search {
margin: 0 0 1px;
}

div.artist-search div.filter div.search input.field {
width: 319px;
}

div.artist-search div.filter div.genre {
background: #292a2b;
}

div.artist-search div.filter ul.genres {
line-height: 18px;
}

div.artist-search ul.alpha {
background: #383838;
padding: 0 0 0 8px;
line-height: 25px;
margin: 0 0 1px;
}

div.artist-search ul.alpha li {
margin: 0;
float: none;
display: inline;
letter-spacing: 0.12em;
}

/* Module - Discography */

div.artists div.filter,
div.releases div.filter,
div.discography div.filter {
padding-top: 0;
}

div.artists div.filter label,
div.releases div.filter label,
div.discography div.filter label {
display: none;
}

/* Module - Top lists */

div.top-lists {
width: 984px;
}

div.top-list {
float: left;
width: 322px;
margin: 0 6px 0 0;
}

div.top-list p em {
color: #999;
font-size: 0.9em;
}

/* Module - Related information */

div.related-information ul.generic {
margin: 0 0 20px;
}

/* Layout */

body {
background: #333 url(../img/bg.gif);
color: #ddd;
}

div#wrapper {
position: relative;
width: 980px;
padding: 0 20px;
margin: 0 auto;
}

div#header {
padding: 35px 0 0;
margin: 0 0 35px;
height: 75px;
overflow: hidden;
}

div#header h1 {
float: left;
}

div#header h1 a {
display: block;
width: 142px;
height: 75px;
background: url(../img/universal-white.gif);
border: none;
text-indent: -999em;
overflow: hidden;
}

/* Navigation */

ul#navigation {
float: left;
display: inline;
width: 473px;
margin: 23px 0 0 151px;
}

ul#navigation li {
float: left;
display: inline;
position: relative;
margin: 0 15px 0 0;
}

ul#navigation li a {
float: left;
width: 38px;
height: 20px;
border: none;
background: url(../img/menu.gif) no-repeat;
text-indent: -999em;
overflow: hidden;
}

ul#navigation li.sel a,
ul#navigation li a:hover {
background-position: 0 -15px;
}

ul#navigation li#m-artister a {
width: 59px;
background-position: -39px 0;
}

ul#navigation li.sel#m-artister a,
ul#navigation li#m-artister a:hover {
background-position: -39px -15px;
}

ul#navigation li#m-releaser a {
width: 61px;
background-position: -99px 0;
}

ul#navigation li.sel#m-releaser a,
ul#navigation li#m-releaser a:hover {
background-position: -99px -15px;
}

ul#navigation li#m-video a {
width: 40px;
background-position: -161px 0;
}

ul#navigation li.sel#m-video a,
ul#navigation li#m-video a:hover {
background-position: -161px -15px;
}

ul#navigation li#m-blogg a {
width: 45px;
background-position: -202px 0;
}

ul#navigation li.sel#m-blogg a,
ul#navigation li#m-blogg a:hover {
background-position: -202px -15px;
}

ul#navigation li#m-spellistor a {
width: 72px;
background-position: -248px 0;
}

ul#navigation li.sel#m-spellistor a,
ul#navigation li#m-spellistor a:hover {
background-position: -248px -15px;
}

ul#navigation li#m-om-oss a {
width: 53px;
background-position: -321px 0;
}

ul#navigation li.sel#m-om-oss a,
ul#navigation li#m-om-oss a:hover {
background-position: -321px -15px;
}

ul#navigation li div  {
position: absolute;
left: 0;
top: 40px;
width: 900px;
}

ul#navigation li div ul {
display: inline;
margin: 0 -15px 0 0;
font: 1.1em/1 Arial, Helvetica, sans-serif;
text-transform: uppercase;
}

ul#navigation li ul li {
margin: 0 15px 0 0;
position: static;
}

ul#navigation li ul li a {
width: auto !important;
height: auto !important;
border: none;
background: none;
text-indent: 0;
color: #8e8e8d;
font-weight: normal;
}

ul#navigation li ul li.sel a,
ul#navigation li ul li a:hover {
color: #fff;
}

/*ul#navigation li#m-om-oss div {
left: auto;
right: 0;
}

ul#navigation li#m-om-oss div ul {
float: right;
}*/

/* Search */

div#search {
float: left;
width: 214px;
margin: 20px 0 0;
background: url(../img/search-field.png) no-repeat;
}

div#search input.field {
width: 204px;
height: 16px;
padding: 5px;
color: #fff;
border: none;
background: none;
font: 14px/1 Arial, Helvetica, sans-serif;
}

/* Extra navigation */

ul#extra-navigation {
clear: both;
position: absolute;
top: 0;
right: 20px;
padding: 6px 0;
font-size: 1em;
text-transform: uppercase;
background: #383838;
overflow: hidden;
}

ul#extra-navigation li {
float: left;
display: inline;
padding: 0 12px;
margin: 0 0 0 -1px;
line-height: 1;
border-left: 1px solid #444;
}

ul#extra-navigation li a {
border: none;
font-weight: normal;
color: #fff;
}

/* Footer */

div#footer {
position: relative;
background: url(../img/footer-bg.gif) repeat-x;
padding: 0 0 20px;
}

div#footer-i {
position: relative;
width: 980px;
margin: 0 auto;
padding: 30px 0 0;
}

div#footer h2 {
width: 100px;
height: 50px;
margin: 4px 0 20px 7px;
background: url(../img/universal2.gif);
text-indent: -999em;
overflow: hidden;
}

div#footer div.column {
float: left;
padding: 0 25px 0 0;
margin: 0 25px 0 0;
min-height: 190px;
border-right: 1px solid #333;
}

div#footer div.column-1 {
position: relative;
width: 285px;
padding-left: 30px;
overflow: hidden;
}

div#footer div.column-1 p {
font-size: 1em;
line-height: 1.6;
color: #727372;
}

div#footer div.column-1 h3 {
margin: 0 0 6px;
}

div#footer div.column-1 strong {
color: #a5a5a5;
text-transform: uppercase;
}

div#footer-social {
position: absolute;
top: 0;
right: 30px;
width: 142px;
}

div#footer div.column-2 {
width: 260px;
}

div#footer div.column-2 h3 {
color: #fff;
font-size: 1.4em;
line-height: 1.2;
margin: 0 0 0.5em;
}

div#footer div.column-2 ul {
font-size: 1em;
line-height: 1.6;
}

div#footer div.column-2 ul li {
float: left;
width: 50%;
}

div#footer div.column-3 {
border: none;
width: 303px;
padding: 0;
margin: 0;
}

div#footer p.share {
clear: both;
position: absolute;
top: -22px;
right: 0;
height: 21px;
margin: 0;
font: 1.2em/21px Arial, Helvetica, sans-serif;
}

div#footer p.share a {
float: left;
padding: 0 10px 0 22px;
border: none;
font-weight: normal;
color: #fff;
background: #4d4d4d url(../img/icon-plus.gif) no-repeat 8px 50%;
}

/* Start page */

div#start-artists-more ul {
padding: 10px 0 0;
margin: 0 0 20px;
border-top: 1px solid #2d2d2d;
font-size: 1em;
line-height: 1.6;
}

div#start-artists-more ul li {
float: left;
width: 25%;
}

.heading-colorul.tabs li.hue-1 { {
background-color: red;
}















/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */