@import url('crumbs.css');
/* color scheme
 * http://colorschemedesigner.com/#2L31T1BsOw0w0
 * base #147200;
 */
html { padding: 1em 2em; background-color: #444; margin: 0; padding: 0; }
body { font-family: helvetica, arial, sans-serif; line-height: normal; border: 5px solid #333; border-top: none; border-bottom: none; background-color: #fff; padding: 0; max-width: 800px; margin: 0 auto; }

p { margin-right: 7em; line-height: 1.6em; }
.lyrics { min-height: 180px; margin-bottom: 2em; }
.lyrics h3 { margin-bottom: .5em; }
.lyrics p { line-height: 1.4; font-family:    Courier, 'MS Courier New', Prestige, 'Everson Mono', monospace; }
.lyrics p:first-child { margin-top: 0; }
.lyrics img { float: left; margin: .5em 1em; border: 1px solid #333; padding: 12px; }
#lyric { padding: 0 1em; }

a { color: #147200; }
a:hover { color: #44a220; }
.js .widget h2, .js #artists li:hover, .js #releases li:hover { cursor: pointer; }

.crumbs + h1 { margin-bottom: 0; }
.nav { margin: .5em 0; padding: 0 .3em; }
h1 + .nav a { margin-right: 1em; background: #efe; border: 1px solid #393; padding: 3px 5px; text-decoration: none; line-height: 1.2; }
/*
h1 + .nav a:before { content: ' - ' }
*/

.widget .nav { border: 1px solid #ccc; border-top: none; margin: 0; background-color: #f6f6f6; padding: .3em .8em; }
.widget .nav a { text-decoration: none; margin-right: .3em; }
.widget .nav a:hover { text-decoration: underline; }

#suggest { position: absolute; left: 290px; top: 50px; width: 375px; height: 275px; padding: 10px; background: #f6f6f6; border: 1px solid #ccc; }
#suggest h4 { margin: 0 0 .5em .2em; color: #666; }
#suggest .summary { padding: 10px 20px 20px; background: #f0f0f0; margin-bottom: 5px; }
.progress { display: block; text-align: center; font-size: 180%; color: #ccc; margin: 95px auto auto; height: 225px; }
.progress:before { content: '\0266B \020'; font-size: 120%; }

.reviews .source a { text-decoration: none; } 
.reviews .date { font-weight: normal; font-size: 90%; }
.reviews li { margin-bottom: 2em; }
.reviews p { margin: .5em 0; }
.reviews cite { font-size: small; font-style: normal; }

h2:after { content: ' close \2B06 '; float: right; font-size: 60%; padding-top: .2em; color: #999; }
h2:hover:after { color: #666; }
h2.closed:after { content: ' open \2B07 '; }
h2:before, #albums h2:before, a[href='#albums']:before { content: '\0266B \020 '; }
h2 small { margin-left: 1.4em; }
.profile h3 { margin: 0; }
.bio h2:before, a[href='#bio']:before { content: '\2604 \020 '; }
.audio h2:before, a[href='#audio']:before { content: '\260A \020 ' ; }
.reviews h2:before, a[href='#review']:before { content: '\2630 \020 '; font-size: 80%; }
#news h2:before, a[href='#news']:before { content: '\2637 \020 '; font-size: 80%; }
#events h2:before, a[href='#events']:before { content: '\2615 \020 '; font-size: 100%; }
.results h2:before, a[href='#results']:before { content: '\2315 \020 '; font-size: 115%; }
#info { margin-top: 2em; }
#info h2:before, a[href='#info']:before { content: '\2606 \020 '; font-size: 80%; }
.follow:before { content: ' \2316 '; font-size: 200%; letter-spacing: .1em; }
.email:before { content: '@ \020 '; }
.phone:before { content: '\2706 \020 '; font-size: 120%; }
.info:before { content: '\24d8 \020 '; font-size: 120%; }
a[rel='external']:after { content: ' \020 \2FFB'; font-size: smaller; }
/*
 * .videos { 25A2 }
 * .contact.phone { 2706 telephone location sign}
 * .tracks h2 { 2707 tape drive }
#events h2:before { content: '\2302 \020 '; font-size: 120%; }
a[rel='external']:after { content: '\2197 \020 '; }
*/
/* 0FC2 circle guy w/ arms */
#artists .bio, .profile { padding-left: 1em; margin-top: 1em; }
.widget h2, .results h2, #albums h2, .bio h2, .audio h2, #news h2, .reviews h2 { margin-bottom: 0; }
.widget ol, #albums #releases, .bio .biography, .audio ol, #news ol, .reviews ul { max-height: 350px; overflow-y: auto; margin-top: 0; margin-bottom: 0; padding-top: 1em; padding-bottom: 1em; border: 1px solid #ccc; border-top: none; }
#albums ol#releases { max-height: none; }
.bio .biography { padding-top: 0; padding-bottom: 0; }
#results ol { max-height: none; border: none; margin-top: 0; }
#events ol, #news ol, .reviews ul { max-height: none; border: none; padding-top: 0; padding-bottom: 0; }
#audio ol { padding: .5em auto; }
.scrollable.horizontal, .scrollable.vertical { width: auto; float: none; }
.section { position: relative; }
#albums .section { padding: .5em 0 0 1em; border: 1px solid #ccc; border-top: none; }
#albums .section .actions { padding: 0 1em 1em; border: none; }
#albums .scrollable.horizontal #releases.items { border: none; padding-left: 0; }
#events address { display: block; font-style: normal; }
.scrollable.vertical .items { width: auto;  }
.scrollable.horizontal { border: none; background: none; }
.scrollable.horizontal .items { height: auto; }
.scrollable.horizontal .items div { border-bottom:none; font-size:inherit; height:auto; margin:auto; padding:0; }
.scrollable.horizontal .items img { -moz-border-radius: inherit; background-color: inherit; border: none; cursor: pointer; float: none; height: auto; margin: 0; margin-right: 0; padding: inherit; }
.scrollable.horizontal .items h3 { color:inherit; font-size:inherit; font-weight:bold; margin:inherit; }
#events .items { width: 285px; }
#news .items, .reviews .items { width: auto; }
#news .scrollable.vertical { height: 200px; }
#events .scrollable.vertical { height: 370px; }
.reviews .scrollable.vertical { height: 400px; }
.section .actions { width: auto; padding: 1em; border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
#events .actions a, #news .actions a, #albums .actions a, .reviews .actions a { cursor: pointer; }
#events .scrollable, #news .scrollable, #albums .scrollable, .reviews .scrollable { border-top: none; }
#events li, #news li, .reviews li { margin-bottom: 1em; border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: .5em; }
#audio li { margin-bottom: 0; }
#events li.active, #news li.active, .reviews li.active { border: none; background: #eee; border-top: 1px solid #ccc; border-bottom: 1px solid #ddd; }
.image { float: left; width: 252px; border: 1px solid #333; padding: 12px; overflow: hidden; }
.image + .bio { padding-left: 295px; }
.bio .biography p { display: block; padding: 0; margin: 1em 1.5em; }
#albums #releases { padding-top: 0; }
#news p { margin-right: 0; }
#news li, .reviews li { margin-right: 1.5em; padding: .5em 1em; }
#news .source, #events li { margin-right: 0; }
#news cite { font-style: normal; font-size: 90%; }
#news p span { font-weight: bold; text-decoration: underline; }
#news ol p:before { content: '...'; }
#map { position: absolute; top: 49px; right: 20px; border: 1px solid #020; width: 400px; height: 335px; }
#map img { -moz-border-radius: 0; background-color: transparent; float: none; cursor: auto; }

#providers { text-align: center; margin-top: 2em; margin-bottom: 2em; }
#providers #logos { width: 534px; margin: 0 auto; }
#providers p { text-align: center; margin: .2em .5em; }
#providers a { display: block; float: left; width: 82px; height: 52px; background: url('/img/logos_providers.png') no-repeat 0 0; border: 1px solid #147200; text-indent: -99999px; margin-right: 5px; }
#providers a:hover { border-color: #44a220; }
#providers a.cs { background-position: 0 0; }
#providers a.cs:hover { background-position: 0 -52px; }
#providers a.lfm { background-position: -82px 0; }
#providers a.lfm:hover { background-position: -82px -52px; }
#providers a.ten { background-position: -164px 0; }
#providers a.ten:hover { background-position: -164px -52px; }
#providers a.mb { background-position: -246px 0; }
#providers a.mb:hover { background-position: -246px -52px; }
#providers a.bit { background-position: -328px 0; }
#providers a.bit:hover { background-position: -328px -52px; }
#providers a.cl { background-position: -410px 0; }
#providers a.cl:hover { background-position: -410px -52px; }
#providers a:active, #providers a:focus { outline: none; }

/*
fieldset input[type='submit'] { background-color: #147200; color: #ded; }
*/

#layout { padding: 0; position: relative; }
/* header */
#head { background-color: #eee; border-bottom: 1px solid #999; padding: .5em 1em; position: relative; }
#logo { display: block; float: left; }
#logo img { border: none; }
#banner { float: right; width: auto; position: absolute; top: 0; right: 0; }
#banner h1 { margin: 0; }
#hnav { padding: 0 0 0 1em; margin: 0; float: none; background: #fff url('/img/bg_hnav.png') no-repeat bottom left; border-bottom: 1px solid #404040; border-left: 1px solid #404040; }
#hnav li { display: block; float: left; padding: .2em 1em .2em 0; margin: 0; }
#hnav a { text-decoration: none; }
#hnav a:hover { text-decoration: underline; }
#search { display: block; float: none; margin: 0; padding: 0; background-color: #e9e9e9; border-bottom: 1px solid #999;}
#searches h3 { margin-bottom: .5em; }
#searches ol { list-style-type: none; padding-left: 0; margin-top: 0; }
#searches li { display: inline; margin-right: 5px;  margin-bottom: 5px; line-height: 35px; }

#home_search { display: block; width: 361px; margin: 2em auto; }
#home_search legend { display: block; float: right; font-size: 85%; margin: 0; padding: 7px 20px 0 5px; color: #999; }
#home_search fieldset { padding: 0; margin: 0; }
#home_search fieldset.types { position: relative; }
#home_search fieldset.types label { display: block; float: left; padding: 0;  margin-right: 5px; margin-bottom: 0; font-size: 90%; position: relative; }
#home_search fieldset.types a { display: block; padding: 5px 10px 2px 10px; color: #090; background: #f6f6f6; border: 1px solid #ddd; border-bottom: none; margin-top: 2px; outline: none; text-align: center; }
#home_search fieldset.types label.active a { background: #f9f9f9; border-bottom-color: #f9f9f9; z-index: 10; position: relative; left: 0; bottom: -1px; text-decoration: none; padding-top: 5px; padding-bottom: 4px; margin-top: 0; }
#home_search fieldset.types input { display: none; }
#home_search fieldset.search { border: 1px solid #ddd; background: #f9f9f9; padding: 10px; }
#home_search fieldset.search input { display: block; float: left; border: 1px solid #ccc; margin: 0; padding: 5px; }
#home_search fieldset.search input[name='search']:focus { border-color: #44a220; outline: none; }
#home_search fieldset .actions { display: block; float: left; margin: 0; padding: 2px 0 0 10px; }
#home_search fieldset .actions input { display: inline; font-size: 72%; border: 1px solid #333; }

a.twitter { background: url('/img/t_mini-g.png') no-repeat 0 0; padding-left: 20px; }

/* content area */
#content { padding: 1em 1em 2em 1em; margin: 0; }
#content h2 { background: #f3f3f3; border: 1px solid #ccc; padding: .2em .5em .15em .5em; color: #111; }

/* footer */
#footer { margin: 0; padding: 1em 2em 5em; background-color: #ddd; border-top: 1px solid #aaa; clear: both; }
#footer ol { list-style-type: none; margin-bottom: 2em; width: 190px; height: 270px; overflow: auto; }
#footer li { margin-bottom: 1em; line-height: 1.3; }
#footer li a { text-decoration: none; }

.jump { display: block; margin: 0; position: fixed; bottom: 9em; margin-left: 825px; background: transparent; /*border: 1px solid #000;*/ text-align: center; padding: 0 0 0 0; opacity: .3; }
.jump:hover { opacity: .8; }
.jump a:link, .jump a:visited, .jump a:hover, .jump a:active { color: #999; background: #fff; display: block; text-decoration: none; font-size: 500%; padding: 10px 5px; margin: 0; line-height: 1; outline: none; border: 1px solid #000; border-bottom-color: #fff; }
.jump a:hover { color: #147200; }
.jump div { background: #fff; margin: 0; padding: 10px 0 0 0; border: 1px solid #000; border-top: none; border-bottom: none; }
.jump .down, .jump .up { padding: 10px;  }
.jump .up { border-bottom: none !important; }
.jump .down { margin-bottom: 0px; border-top: none !important; border-bottom-color: #000 !important; padding-bottom: 20px !important; }

h4 { margin: .5em 1em 0 0; }
.relation-list ul { margin: .5em 1em .5em 0; padding: 0; list-style-type: square; }
.relation-list ul li { line-height: 1.2; margin-bottom: .5em; margin-top: 1em; margin-left: 2em; }
#artist-rels ul { list-style-type: none; padding-right: 0; padding-bottom: 1em; }
#artist-rels li { float: left; width: 7em; overflow-y: auto; overflow-x: hidden; display: block; margin-left: 2em; margin-top: 1em; border: none; }
#artist-rels a { display: block; }
.release .summary h4 { clear: none; }
#summary #artist-rels { font-size: 78%; }
#summary #url-rels { font-size: 90%; }
#summary #artist-rels li { margin-left: 1em; margin-top: .5em; width: 8em; }
fieldset { margin: 0; padding: .5em 1em; border: none; }
fieldset input, fieldset select { font-size: 1em; margin: 0 .5em 0 0; border: 1px solid #333; padding: .2em .5em; width: auto; }
/*
fieldset input[type='submit'] { font-size: 95%; background-color: #147200; color: #ded; }
*/

#searches:after, .crumbs:after, .summary:after, #logos:after, #pager:after, .clfx:after { display: block; content: '.'; clear: both; visibility: hidden; height: 0; font-size: 0; }

#relation-list { font-size: 1em; padding: 0; margin-top: 1em; height: auto; overflow: hidden; }
.relation-list { float: none; }
#url-rels, #artist-rels { width: auto; margin-bottom: 1em; background: #f6f6f6; border: 1px solid #aaa; padding: 0; }
#relation-tabs { list-style-type: none; margin: 0 0 -1px 0; padding: 0; }
#relation-tabs li { width: auto; float: left; background-color: #eee; color: #666; border: 1px solid #aaa; padding: .3em .5em 0 .5em; margin: 4px .6em 0 0; }
#relation-tabs li.active { background-color: #f6f6f6; color: #000; margin-bottom: 0px; margin-top: 4px; z-index: 100; border: 1px solid #aaa; padding-bottom: 1px; border-bottom: none; }
#relation-tabs > li:first-child { margin-left: 1.2em; }
#artist-rels, #url-rels { display: none; }

ol#artists { list-style-type: none; padding-left: 1em; }
ol#artists > li { float: left; width: 10em; height: 9em; overflow: auto; margin: 0 .5em .5em 0;  padding: .5em; border: 1px solid #ccc; background-color: #f6f6f6; }
ol#artists > li:hover { background-color: #f9f9f9; border-color: #44a220; }
ol#artists li li { float: none; font-size: small; }

ol#releases { list-style-type: none; padding-left: 1em; }
ol#releases > li { float: left; width: 19.8em; height: 13em; overflow: auto; margin: 1em 1em 0 0em;  padding: 1em; border: 1px solid #ccc; background-color: #f6f6f6; }
ol#releases > li:hover { background-color: #f9f9f9; border-color: #44a220; }
#suggest.release h3, ol#releases h3 { margin-top: 0; margin-bottom: 0; line-height: 1.1; max-height: 5.5em; overflow: hidden; }
ol#releases li li { float: none; font-size: small; }
ol#releases.SCM > li { width: 20em; height: 13em;}
ol#releases.SCT { font-size: 80%; }
ol#releases.SCT > li { width: 16.5em; height: 13em; }
ol#releases.SCT ol { max-height: 4em; overflow: hidden; }
ol#releases.SCT h3 { max-height: 3.3em; overflow: hidden; }
.rating { display: block; margin: .3em .5em .3em 11em; width: 96px; height: 16px; background: transparent url('/img/icons_rating.png') no-repeat 0 0; line-height: 16px; text-indent: -9999px; }
#release .rating { margin: .2em 0 .5em 0em; }
 .avg_no { background-position: 0 0; }
 .avg_0 { background-position: 0 -16px; }
 .avg_1 { background-position: 0 -32px; }
 .avg_2 { background-position: 0 -48px; }
 .avg_3 { background-position: 0 -64px; }
 .avg_4 { background-position: 0 -80px; }
 .avg_5 { background-position: 0 -96px; }
 .avg_6 { background-position: 0 -112px; }
 .avg_7 { background-position: 0 -128px; }
 .avg_8 { background-position: 0 -144px; }
 .avg_9 { background-position: 0 -160px; }
 .avg_10 { background-position: 0 -176px; }

h1 + .nav a, .buy, .submit { display: inline-block; margin: .5em .5em 0 0; width: auto; border: 1px solid #060; background-color: #393; color: #cfc; text-decoration: none; padding: .3em .5em; line-height: 1.2; font-size: .9em; text-align: center; text-transform: capitalize; }
h1 + .nav a:hover, .buy:hover, .submit:hover { background-color: #0c0; color: #cfc; }

#release { border: none; padding: 0; line-height: 1.2; margin: 0; }
#release h1 { width: 13em; text-justify: justify; line-height: 1.1; margin-top: .2em; margin-bottom: 0; padding: 0; }
#release h2 { margin-top: 0;  margin-bottom: 0; }
#summary { float: left; width: 25em; }
#tag-list { font-size: 120%; margin: .5em auto; }
#tag-list em { font-style: normal; color: #999; background-color: inherit; }
#tags_link { margin: 1em 0; }
#tags_form { margin: 1em 0 0 0; padding: 0; }
#tags_form fieldset { margin: 0 .5em 0 .5em; padding: 0; }
.release h4 { clear: both; }
.release .cover, .release .no-image { display: block; float: left; margin-right: 1em; text-align: center; text-transform: uppercase;  border: 1px solid #666; }
.release .no-image { text-transform: capitalize; font-family: verdana, sans-serif; position: relative; background: #eee url('/img/icon_unavailable.png') no-repeat 0 0; color: #828282; border-color: #999; }
.release .SCM { width: 160px; height: 160px; }
.release .SCT { width: 75px; height: 75px; }
.release .no-image small { margin-top: 55px; display: block; text-indent: -9999px; }
.SCT .release .no-image { background-image: url('/img/icon_unavailable_small.png'); }
.release .cover img.SCM { min-width: 160px; min-width: 160px; border: none; display: block; }
.release .cover img.SCT { min-width: 75px; min-width: 75px; border: none; display: block; }

#track-list { width: 100%; clear: both; float: none; border: none; margin: 1em 0 2em 0; border-collapse: collapse; }
#track-list caption { color: #000; font-weight: bold; text-align: left; background-color: inherit; padding: .5em .5em .2em 0; margin: 0; }
#track-list td, #track-list th { border: 1px solid #999; }
#track-list thead { background-color: #ccc; color: #000; }
#track-list th { padding: .2em .4em; }
#track-list th { text-align: left; }
#track-list td { padding: .3em .4em .2em .4em; margin: 0; line-height: 1.2; }
#track-list tbody tr.alt { background-color: #f6f6f6; }
#track-list tbody tr:hover { background-color: #eee; }
#track-list a { text-decoration: none; display: block; }

#find { clear: left; padding: 0; margin: 0 0 1em 0; background-color: inherit; border: none; }
#find .tor { margin-left: .5em; }
#find .tor a { color: #fff; }
#find .tor a:hover { color: #eee; cursor: default; }

.track, .track img { border: 1px solid #333; display: block; width: 20em; height: 20em; margin-bottom: 1em; }
.track { float: left; margin-right: 1em; border: none; }

/* a[rel='external']:after { content: ' \27A6 '; font-size: smaller; } */
#footer a[rel='external']:after { content: ''; }

.save_success { background-color: #cfc; border: 1px solid #090; padding: .5em 1em; }
#pager { margin: 1em; }
#pager small { float: right; font-style: normal; }
.pager { text-align: left; padding: 0 1em; margin: 1.5em 0em; }
h2 + .pager { text-align: right; padding: 0 2em; margin: 0; }
.pager a { display: inline-block; margin: auto .5em auto 0; }
.pager span { display: inline-block; border: 1px solid #333; background-color: #ddd; color: #333; width: 1em; text-align: center; margin: auto .5em auto 0; line-height: 1em; padding: .2em; }