body {
    background: #000 url(../images/red/bg.jpg) 50% 0 no-repeat;
}

.clear-fix {
    clear: both;
    visibility: hidden;
}

a:link,
a:visited, ul li {
    color: #eeeeee;
    text-transform: none;
}

.item-page ul {
    margin-left: 19px;
}

.item-page ul li {
    list-style: disc outside;
}

div#header {
    background: url(../images/red/head_bg.png) repeat-x;
}

div#emblem {
    background: url(../images/red/emblem.png) 50% 0 no-repeat;
}

span#logo {
    background: url(../images/red/logo.png) 0 0 no-repeat;
}

div#searchbox {
    background: url(../images/red/search.png) 0 0 no-repeat;
}

a.large .button {
    background: url(../images/red/font_l.png);
}

a.small .button {
    background: url(../images/red/font_s.png);
}

a.default .button {
    background: url(../images/red/font_m.png);
}

div#menubar {
    background: url(../images/red/menu_bg.png) 0 0 repeat-x;
}

div#menubar .bolts_l {
    background: url(../images/red/menu_bolts.png) 0 0 no-repeat;
}

div#menubar .bolts_r {
    background: url(../images/red/menu_bolts.png) 100% 0 no-repeat;
}

#submenu {
    background: url(../images/red/submenu_bg.png) 0 100% repeat-x;
}

a.mainlevel:link,
a.mainlevel:visited {
    background: url(../images/red/submenu_bullet.png) 0 50% no-repeat;
}

div.moduletable h3 {
    background:  url(../images/red/module_head.png) no-repeat;
    color: #cccccc;
}

div.moddivider {
    background: url(../images/red/mod_div2.png) 0 0 repeat-x;
}

div#footer {
    background: url(../images/red/footer_bg.png) repeat-x;
    font-style: italic;
    font-size: 11px;
    padding-top: 8px;
    text-align: center;
    color: #666;
}

div#footer a {
    color: #666;
}
div#footer a:hover {
    color: #eee;
    border-bottom: 1px dotted #eeeeee;
}
.contentheading {
    color: #CC0000;
}

h2 {
    color: #FBB100;
    font-weight: normal;
}

h3 {
    color: #ccc;
}

blockquote {
    border-left: 5px dotted #CC0000;
}

/* NEW STYLE JWN */

:focus {
    outline-color: -moz-use-text-color;
    outline-style: none;
    outline-width: 0;
}

table {
    border-collapse: collapse;
}


.page-nav {
    margin: auto;
    width: 300px;
    margin-bottom: 15px;
}
.page-nav.top {
    margin: 30px auto 15px auto;
    border-radius: 5px 0;
    text-align: center;
    width: 130px;
}

.prev-nav {
    float: left;
}
.next-nav {
    float: right;
}
.page-nav .next, .page-nav .prev, .page-nav.top .next a, .page-nav.top .prev {
    padding-right: 0!important;
}
.page-nav.top .next a, .page-nav.top .prev a {
    background: none;
}
.prev a, .next a, .related-link a {
    display: inline;
    padding: 1px 0px 2px 0px;
    margin-right: 10px;
}

.tools-side {
    width: 100% ;
    margin-top: 15px;
}
.side-button {
    margin-left: 5px;
    position: fixed;
    top: 300px;
    background-color: #2c2c2c;
    text-transform: uppercase;
    padding: 2px 13px;
    border: 1px solid #444;
    font-size: 14px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    font-weight: lighter;
}
.side-button:hover, #side-button-reviews:hover, #side-button-playlists:hover {
    cursor: pointer;
}

.btn-website, #side-button-playlists, #side-button-reviews {
    float: right;
}

/* home page */


table.content-home {
    margin-top: 20px;
}
.content-home p {
    line-height: 16px;
    padding-left: 0!important;
    text-align: justify;
}

.content-home a {
    color: #FBB100;
    text-shadow: 2px 2px 2px #000;
}

a.home-read-news {
    color: #dfca75;
}
.link-section.news {
    margin-top: 10px;
}
.link-section {
    color: #FBB100;
    padding: 2px 8px 4px 0;
    background: transparent url(../images/arrow-link-section.png) no-repeat scroll right center;
    text-align: right;
    font-size: 11px;
}

.content-home a img {
    padding-right: 5px;
}

.box-home-title {
    padding: 3px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
.home-news {
    padding: 5px 0;
    border-bottom: 1px dashed #4d4d4d;
}

.box-home {
    padding: 0 0 0 10px;
}
.box-home.padd {
    margin-bottom: 50px;
}
.box-partner {
    border-top: 1px dashed #444;
}

.box-partner a {
    padding: 5px;
}

div.home-picture {
    margin: 0 auto 5px auto;
    width: 100px;   
}

.home-strong {

}


/* links page  */

.note {
    color: #FBB100;
    font-size: 13px;
    font-weight: normal;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

.note a {
    border-bottom: 1px dashed #FBB100;
}

table.list-page img, .border-img, .interview-page img {
    border: 1px solid #333;
}

.interview-page img {
    margin: 5px;
}
table.list-page td, table.list-page.result-search {
    border-bottom: 1px dashed #333;
    padding: 10px;
    text-transform: uppercase;
}

table.list-page tr:hover, table.list-page.playlists td td:hover, td.playlist:hover {
    background: transparent url("../images/background-list-over.png") repeat scroll 0 0;
}

div.list-page {
    padding: 20px;
}

.list-page.links a {
    color: #FBB100;
}
.list-page.links a:hover {
    border-bottom: 1px dotted #FBB100;
}
.blue {
    color: #56A2F7;
}

/* playlist & reviewer page */


table.list-page.playlists {
    border-collapse: separate;
}

a.reviewer {
    color: #dddddd;
    border-bottom: 1px dotted #eee;
    font-weight: normal;
}
.reviewer-desc {
    margin-right: 20px;
    width: 470px;
}
.reviewer-desc, .reviewer-picture {
    float: left;
}
.reviewer-picture {
    width: 260px;
}
.reviewer-picture img {
    max-width: 273px;
    border: 1px solid #555;
    text-align: right;
}
h1.header-title {
    margin-bottom: 20px;
    float: left;
}

.album-title {
    text-transform: none;
}

td.playlist a.artist-name {
    color: #9999FF!important;
}
td.playlist a.artist-name:hover {
    border-bottom: 1px dotted #9999FF;
}

.content-reviewer ul li {
    padding-bottom: 10px;
    color: #f0f0f0;
}

.btn-email, .btn-website,  #side-button-playlists, #side-button-reviews, .page-nav .next, .page-nav .prev, .page-nav.top .next, .page-nav.top .prev {
    background-color: #2C2C2C;
    margin: 20px 5px 0px 0px;
    text-transform: uppercase;
    padding: 2px 13px;
    border: 1px solid #444;
    font-size: 11px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    font-weight: lighter;
}

.btn-email a, .btn-website a {
    text-transform: uppercase;
}

td.playlist {
    text-transform: none!important;
    text-decoration: none;
    color: #9999FF!important;
    width: 50%;
    padding-left: 20px!important;
}

table.list-page.playlists tr:hover {
    background: none;
}

.playlists-reviewers, .label-col-playlist.current {
    color: #f0f0f0;
}
div.playlist-xs {
    padding: 10px 0 5px 10px;
    line-height: 15px;
}
.xs-col {
    width:200px;
    margin-left: 30px;
}

.label-col-playlist, .label-col-playlist-xs {

    padding: 5px 0 5px 10px!important;
    background: transparent url("../images/background-list-over.png") repeat scroll 0 0;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    /*background-color: #560707;*/
    color: #ccc;
    font-style: italic;
    font-size: 13px;
    text-transform: none!important;
    border-bottom: none!important;
}

table.list-page.playlists, td.playlists-reviewers {
    border: none 0!important;
}

#playlists-reviewers {
    font-size: 1.5em;
    padding-top: 20px!important;
}
/*reviews page */


table.reviewer-quote {
    margin-top: 20px;
    border-collapse: separate;
    font-size: 11px;
}

.quote {
    /*background-color: #201D1F;*/
    color: #40c840;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-transform: lowercase;
    text-align: center;
}
.quote.live {
    background: none 0;
}
.artist-name, .list-page.result-search th, .reviewer-title, .album-title.detail {
    text-transform: uppercase!important;
    color: #FBB100!important;
    font-weight: normal;
}

a.artist-name:hover {
    border-bottom: 1px dotted #FBB100;
}
.artist-name.purple {
    color: #CCCCFF!important;
}
.artist-name.purple:hover {

    border-bottom: 1px dotted #CCCCFF;
}
.reviewer-award {
    font-size: 18px!important;
}
.news-title, .reviewer-award, .reviewer-award a {
    text-transform: uppercase!important;
    color: #CCCCFF!important;
    font-size: 15px;
    float: left;
}

a.reviewer-award.details {
    border-bottom: 1px dotted #CCCCFF;
}
.artist-label {
    color: #FF6666;
    text-transform: none;
}

.artist-style {
    color: #33ccff;
    text-transform: none;
}


/* Album Detail page */

.block-bg {
    margin-bottom: 20px;
}

.album-title.detail {
    font-size: 17px;
    width: 315px;
}

.artist-label.detail, .artist-style.detail {
    font-weight: normal;
    font-size: 14px;
}

.thumb-skeleton {
    width: 90%;
}

a.label-url {
    color: #999;
    border-bottom: 1px dotted #999;
}
a.label-url:hover {
    text-decoration: none;
}
.reviewer.album-detail {
    margin-right: 10px;
    color: #ffffff;
}

.reviewer-note {
    vertical-align: top;
}

.reviewer-note.quote {
    font-size: 15px !important;
}

.note.killing-song {
    vertical-align: top;
    font-size: 15px !important;
}

.album-review a, a.link-yellow {
    color: #FBB100;
}
.album-review a:hover, a.link-yellow:hover {
    border-bottom: 1px dotted #FBB100;
}
.album-detail.info {
    margin-top: 10px;
}
.quote.simple {
    font-size: 12px;
    text-transform: none!important;
    color: #ccc;
    background: none;
    text-align: right;
}
.list-page.no-pad td {
    padding: 10px 0;
}

a.readers-voted {
    color: #FBB100;
}

select #user-vote-selector {
    background-color: #fbb100;
}

.message.average span {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 10px;
}

.message.average .quote {
    border: none!important;
    background: none!important;
}

.message.average span.error {
    background: transparent url("../images/background-list-red.png") repeat scroll 0 0!important;
}
.score.text {
    padding: 5px;
}
.score.text a {
    padding: 10px;
    color: #FBB100;

}
/* classics page */

.switch-link.current-reviews {
    background: transparent url("../images/sprite-current-reviews.jpg") no-repeat scroll left 0;
    width: 170px;
    height: 136px;

}

.switch-link.current-reviews:hover {
    background: transparent url("../images/sprite-current-reviews.jpg") no-repeat scroll -170px 0;
    width: 170px;
    height: 136px;
}
.switch-link.classics {
    background: transparent url("../images/sprite-classics.jpg") no-repeat scroll left 0;
    width: 188px;
    height: 136px;

}

.switch-link.classics:hover {
    background: transparent url("../images/sprite-classics.jpg") no-repeat scroll -188px 0;
    width: 188px;
    height: 136px;

}

.switch-link.playlists {
    background: transparent url("../images/sprite-playlists.jpg") no-repeat scroll left 0;
    width: 200px;
    height: 136px;

}

.switch-link.playlists:hover {
    background: transparent url("../images/sprite-playlists.jpg") no-repeat scroll -200px 0;
    width: 200px;
    height: 136px;
}

/* Interview page */


.item-interview {
    text-transform: none!important;
}

.date.news, .date, .year {
    float: right;
}
.date.news, .date, .year, .album-detail.info {
    color: #999;
    padding-bottom: 10px;
    font-size: 12px;
}
.interviewer {
    font-style: italic;
    color: #cd2f0b;
    padding-right:  4px;
    text-transform: none;

}

.normal-italic-text {
    text-transform: none;
    color: #CCCCCC;
    font-style: italic;
}


/* Interview details */

.interview-detail.header,.interview-detail.footer {
    font-size: 14px;
    margin-top: 10px ;
    margin-bottom: 10px;
    padding: 20px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
.interview-detail.question {
    color: #CCCCFF;
    letter-spacing: 1px;
    padding: 0 0 0 6px;
    padding: 20px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

/* news page */

table.list-page.news td div.block-news, .interview-detail.answer, .content-artist, .content-reviewer, .box-awards-details, .block-bg, .message.average span {
    background: transparent url("../images/background-list-over.png") repeat scroll 0 0;
    padding: 20px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

table.list-page.news tr:hover {
    background: none 0;
}
table.list-page.news {
    margin-top: 20px!important;;
}
table.list-page.news td {
    text-transform: none;
    border-bottom: 0!important;
}
.thread-news {
    color: #ccc;
    margin-bottom: 15px;
}

.list-page.news p {
    padding-left: 0!important;
}

.tools-news-left, .read-more {
    font-size: 11px;
}

.news-content img {
    margin: 5px;
}

.news-content a, .tools-news-left a, .interviewer  {
    color: #9999FF;
}

.news-content a:hover, .tools-news-left a:hover, .read-more a:hover {
    border-bottom: 1px dotted #9999FF;
}
.end-news {
    margin-top: 10px;
    font-style: italic;
}
.read-more {
    float: right;
    padding-top: 15px;
    color: #843470!important;
}

.read-more a {
    color: #9999FF;
    font-style: italic;

}

.tools-news-left {
    float: left;
    color: #CCCCFF;
}

.related-link {
    margin-top: 4px;
}

/* awards page */

.awards-title {
    color: #CCCCFF;
    font-size: 36px;
    margin: 10px 0;
    text-transform: uppercase;
}

.sep {

    border-top: 1px dashed #333;
    width: 80%;
    margin:  40px auto auto auto;
    padding: 0px 20px ;
}

.read-more.center {
    padding-top: 0!important;
}

td.reviewer-award.center {
}
td.reviewer-award.center, td.reviewer-award.center a {
    float: none!important;
    text-align: center;
    padding-top: 20px;
    letter-spacing: 1px;
}
.box-awards-details li {
    line-height: 18px;
    margin-bottom: 15px;
}
.box-awards-details img, .block-bg img {
    border: 1px solid #333;
    padding: 0px!important;
}

.box-awards-details a img:hover {
    padding: 0px!important;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 12px -3px rgba(0, 0, 0, 0.4);
}

/* search layout */

.no-result {
    margin-top; 20px;
    text-align: center;
    padding: 10px;
    background-color: #2D2B2D;
    font-size: 14px;
    width: 725px;
    margin: auto;
    border: 1px solid #333;

}

table.search {
    width: 80%;
}

table.search input, ul li.form-line input, .form-line button[type="submit"], .form-line textarea {
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    background-color: #2d2b2d;
    border: 1px solid #333;
    color: #ccc;
    font-weight: lighter;
    padding: 4px;
    font-size: 13px;
}
.form-line button[type="submit"] {
    margin-top: 10px;
}

.form-line label.form-label {
    font-size: 13px;
    color: #f0f0f0;
}
.form-line textarea {
    max-width: 400px;
}
.form-line input {
    width: 328px;
}
table.search input:focus, ul li.form-line input:focus, .form-line textarea:focus {
    border: 1px solid #444;
}

table.search input[type="submit"], table.search input[type="button"], a.btn-band-link, .form-line button[type="submit"] {
    border: 1px solid #444;
    font-size: 12px;
    padding: 3px!important;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    font-weight: lighter;
    cursor: pointer;

}

table.search  select {
    width: 200px;
    height: 102px;
}

.btn-band-link {
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    background-color: #2d2b2d;
    border: 1px solid #333;
    color: #ccc!important;
    font-weight: lighter;
    padding: 5px!important;
    font-size: 13px;
}

table.search input[type="submit"]:hover, table.search input[type="button"]:hover, a.btn-band-link:hover, .btn-email:hover,.btn-website:hover, .side-button:hover, #side-button-reviews:hover, #side-button-playlists:hover, .form-line button[type="submit"]:hover, .page-nav .next:hover, .page-nav .prev:hover, .page-nav.top .next:hover, .page-nav.top .prev:hover  {
    background: #611808;
    border: 1px solid #611808;
    text-decoration: none;
}

table.search td {
    text-align: left;
}

.search.note {
    vertical-align: middle!important;
}
.search-quote, .skeleton {
    float: right;
}

.search-quote span {
    vertical-align: middle!important;
    padding-left: 5px;
}
table.search td span {
    vertical-align: top;
}

.search.label, .label-quote, .label-skeleton {
    font-size: 12px;
    text-transform: uppercase;

}

.label-quote, .label-skeleton {
    padding-right: 5px;
}

.list-page.result-search {
    margin-top: 50px!important;
}

table.list-page.result-search thead tr {
    background: transparent url("../images/background-list-over.png") repeat scroll 0 0;
}

.year {
    font-size: 14px!important;
    padding-bottom: 0!important;
}


.result-number {
    font-style: italic;
}
/* all bands search */

.all-bands {
    color: #CCCCFF;
    padding: 10px 0 10px;
}
.all-bands a {
    color: #9999FF;
    letter-spacing: 1px;
    padding: 0 0 0 6px;

}

/* One BAND */

.content-artist {
    padding: 10px 10px 30px 23px;
    margin-bottom: 30px!important;
}

.content-artist .spacer {
    margin: 20px 0 10px 0;
}

/* CONTACT page - DONATION page */


.contact-form ul.form-list {
    margin-left: 0;
    padding-left: 0;;
}
ul li.form-line {
    list-style: none outside;
    line-height: 24px;
    padding-top: 15px;
}

.thanks, .donation {
    font-size: 15px;
    padding: 20px;
    width: 300px;
    margin: auto;
    background: transparent url("../images/background-list-over.png") repeat scroll 0 0;
}

.donation p {
    padding: 0px!important;
}

/** ERROR PAGE **/

#outline {
    padding-top: 25px!important;
}
#errorboxheader {
    background: none;
    height: 50px;
    border-bottom: none;
}

#errorboxheader  span {
    font-size: 20px!important;
    color: #FBB100;
}
#errorboxoutline {
    background: transparent url("../images/background-list-over.png") repeat scroll 0 0!important;
    border: none;
}

.error #outline {
    background: transparent url("../images/background-list-over.png") repeat scroll 0 0;
}

.error #outline {
    margin-top: 50px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.error * {
    font-family: "century gothic", "trebuchet Ms", "sans serif";
    font-size: 14px!important;
    line-height: 25px;
    color:#fbb100;
    font-weight: normal;
    font-size: 12px;
}
.error-details, .no-result, .note, #system-message-container, #system-message-container .notice.message ul li {
    font-size: 11px!important;
    color: #FBB100!important;
    font-size: 12px !important;
    font-weight: normal;
    font-style:italic;
    letter-spacing: 1px;
}
.error #errorboxoutline li {
    list-style: disc;
}

.error #errorboxoutline a {
    color: #FBB100;
    border-bottom: 1px dotted #FBB100;
    text-decoration: none;
}

.padding-20b {
    padding-bottom: 20px;
}