body {
  color: #000;
  text-align: left;
  padding: 0;
  margin: 0;
  background: #C4C4B5 url(/images/main/content-bg-1-col.gif) repeat-y 0 48px;
}

body, p, ol, ul, td {
  font: small "Trebuchet MS", Arial, Helvetica, sans-serif;
}

h2, h3, h4 {
  text-transform: uppercase;
  color: #000;
}

h3 {
  display: block;
  color: #fff;
  margin-top: 0;
  border-bottom: 1px dashed #fff;
  font: bolder 1.3em "Book Antiqua", Georgia, "Times New Roman", serif; letter-spacing: 3px;
  line-height: 1.5em;
}

h3 span {
/*  float: left; */
}

h3 a {
  display:  inline;
  float: right;
  margin-right: 9px;
  font: bold 75% "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; letter-spacing: 1px;
  text-transform: uppercase;
  margin-top:  -16px;
  border: 0;
  color: #fff;
}

h3 a.text-link {
  margin: 0 9px -4px 0;
}

h3 span a {
  color: #fff;
}

h4 {
  text-align: left;
  font: bold 1.1em "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; letter-spacing: 1px;
  line-height: 1.2em;
  margin: 18px 0 7px 0;
}

h4 em {
  font: italic 1.0em Georgia, "Times New Roman", serif; 
  letter-spacing: 0;
}

h5 {
  text-align: left;
  text-transform: uppercase;
  font: bold 0.9em "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; letter-spacing: 1px;
  line-height: 1.1em;
}

h4 a, h5 a, .read-more a, .details a {
  border: 0;
}

a { color: #000; text-decoration: none; border-bottom: 1px dotted #666;}
a:visited { color: #000; }
a:hover { color: #fff; }

table {
  border-collapse: collapse;
}

img {
  border: 0;
} 

input {
  border: 1px solid #486563;
  background-color: #E3E4DA;
}

textarea {
  border: 1px solid #486563;
  background-color: #E3E4DA;
}

fieldset {
  margin-top: 15px;
  padding: 10px;
  border: 1px dashed #fff;
}

label {
  text-transform: uppercase;
}

div.warn {
  color: #ff0000;
}

.inline-link a {
  display:  inline;
  float: right;
  font-weight: bold;
  font: bold inherit "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; letter-spacing: 1px;
  text-transform: uppercase;
  margin: 0 4px 2px 0;
  border: 0;
  color: #000;
}

/* ---------------------------- page divisions ------------------------ */

div#container   {
  position: absolute; 
  top: 0;
  left: 0;
  width: 900px;
  padding: 0;
  background: #C4C4B5 url(/images/main/top-texture.gif) no-repeat 0 0;
}

div#inner-container {
  background: transparent;
  margin: 0;
  padding: 0;
}

.two-col {
  background: #C4C4B5 url(/images/main/content-bg-2-col.gif) repeat-y 0 48px;
}

.one-col {
  background: #C4C4B5 url(/images/main/content-bg-1-col.gif) repeat-y 0 48px;
}

div#masthead    {
  margin: 48px 0 0 0;
  width: 900px;
  height: 70px;
  border-top: 7px solid #486563;
  border-bottom: 7px solid #fff;
  background-color: #5E838B;
/*  background: #5E838B url(/images/main/masthead.gif) 30px 23px no-repeat;*/
}

div#masthead img {
  float: left;
/*  padding: 0 10px 0 23px;*/
  padding: 20px 10px 0 23px;
}
#footer {
  clear: both; 
  background-color: #C4C4B5;
  border-top: 1px dashed #fff;
  height: 50px;
  margin: 0 0 0 82px;
  padding: 10px 30px 10px 0;
  width: 593px;
  text-align: right;
}

#footer p {
  font: normal 0.8em Georgia, "Times New Roman", serif;
}

.booyah {
  display: none;
}

/* ---------------------------- navigation ----------------------------*/

div#nav    {
  width: 82px;
  float: left;
  display: inline;
  padding: 0;
  border-right: 2px solid #fff;
  background-color: transparent; /* #5E838B; */
  font: bold .9em Helvetica, Arial, sans-serif; letter-spacing: 3px;
  color: #fff;
/*  voice-family: "\"}\"";
  voice-family: inherit;*/
  width: 80px;
  margin-top: 1px;
}

div#nav ul {
  font: bold 0.8em Arial, sans-serif; letter-spacing: 3px;
}

div#banner img { 
	border: 0;
	margin: 0;
	padding: 0;
/*  background: #fff url(../images/main/banner.gif) 0 0 no-repeat;
  height: 264px;*/
}

div#banner a{
/*  display: none;*/
} 

.menu_vertical {
  padding: 0;
  margin: 0;
  list-style: none;
  width: 80px;
}

.menu_vertical li  {
  cursor: pointer ;
  float: none;
  min-height: 17px;
  line-height: 14px;
  padding: 3px;
  margin: 0;
  margin-top: -1px;
  background-color: #5E838B;
  color: #fff;
  border-top: 1px solid #A1B5B8; 
}
  
.menu_vertical li a {
  display: block;
  border: 0;
}

.level1 {
  position: relative; 
  text-align: right;
  background-color: #486563;
}

.level1 a {
  color: #FFF;
  margin-right: 8px;
}

.level1 li {
  background-color: #486563;
}

.level1 li.has_submenu {
  background-image: url(/images/bullet-nav.gif);
  background-position: 70px 6px;
  background-repeat: no-repeat;
}

.level2 {
  z-index: 50;
  position: absolute; 
  left: 82px;
  line-height: 13px;
  width: 120px;
  display: none;
  margin: -18px 10px 0 0;
  text-align: right;
  background-color: #fff;
  color: #000;
  border: 1px solid #000;
}

.level2 a {
  color: #000;
}

.level2 li {
  margin-top: -1px;
  border-top: 1px solid #000;
  background-color: #fff;
  background-image: none;
  color: #000;
  font-size: 1.2em;
}

.level2 li:hover,
.level2 li.over {
  background-color: #486563;
  color: #fff;
}

.level1 li:hover ul.level2,
.level1 li.over ul.level2 { 
  display: block;
}

.level2 li:hover ul.level3,
.level2 li.over ul.level3 {
  display: block;
}

 * html .menu_vertical li {
   height: 17px;
 }
 
 * html .menu_vertical li a {
   display: inline;
 }

.level1 li, .level2 li {
 behavior: url(/ieMenu.htc) ;
}

/* ---------------------------- end nav ---------------------------- */

div#content {
  display:  inline;
  float: right;
  width: 818px;
  margin: 0;
  padding: 0;
  border: 0;
  background-color: transparent; /* #C4C4B5; */
}

div#main   {
  float: left;
  display: inline;
  width: 623px;
  margin: 0;
  color: #333;
  background-color: transparent; /* #C4C4B5; */
}

div#catalog-browser h4 {
  display: inline;
}

div#catalog-browser ul {
  display: inline;
  list-style: none;
  padding-left: 7px;
}

div#catalog-browser ul li {
  display: inline;
  padding-right: 10px;
  color: #333;
}

div#column {
  float: left;
  display: inline;
  width: 623px;
  margin: 5px 0 10px 0;
/*  voice-family: "\"}\"";
  voice-family: inherit;*/
}

dl#more_sp dt {
	text-transform: uppercase;
	font-weight: bold;
}

dl#more_sp dd {
	padding-left: 0;
	margin: 0 0 5px 5px;
}

div#artist-list {
  float: left;
  display: inline;
  background-color: #C4C4B5;
  border-top: 1px dashed #fff;
/*  border-bottom: 1px dashed #fff;*/
  margin-top: 0;
  padding: 0 0;
/*  voice-family: "\"}\"";
  voice-family: inherit;*/
  width: 623px;
}

div#artist-list ol {
  font-size: 95%;
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}

div#artist-list p {
  font-size: 90%;
  list-style: none;
  padding: 0 0 0 5px;
  color: #000;
  font-weight: bold;
}
/*
div#artist-list ol ol li {
  height: 17px;
  clear: both;
  padding-left: 7px;
}
*/
div#artist-list h3 {
  border-bottom: none;
  width: 623px;
  margin: 0;
  font-size: 100%;
}

.artist_icons{
  clear: right;
  float: right;
  padding: 0 3px;
  margin: -12px 0 0 0;
}

.artist_icons img {}

#artist-feeds ol,ul {
  list-style: none;
  padding: 0;
}

div#column h3 {
  width: 623px;
  margin: 7px 0 0 0;
  font-size: 100%;
}

div#column1 {
  float: left;
  display: inline;
  width: 369px;
  margin: 5px 0 10px 0;
/*  voice-family: "\"}\"";
  voice-family: inherit;*/
}

div#column1 h3 {
  width: 369px;
  margin: 7px 0 0 0;
  font-size: 100%;
}

div#column2 {
  display:  inline;
  float: right;
  width: 251px;
  margin: 5px 0 10px 0; 
/*  voice-family: "\"}\"";
  voice-family: inherit;*/
}

#image-top {
  z-index: 2;
}

#image-bottom {
  z-index: -1;
/*  margin-top: -251px; */
}

div#column2 h3 {
  width: 251px;
  margin: 7px 0 0 0; 
  font-size: 100%
}

div.section  {
  font-size: 90%;
  line-height: 1.4em;
  margin: 10px 9px;
  text-align: justify;
}

div.section p,div.section td, div.section ol, div.section ul, div.section li {
  font-size: inherit;
  line-height: 1.4em;
  text-align: inherit;
}

ul.section li {
  font-size: 90%;
  line-height: 1.4em;
  text-align: inherit;
}

div.section img {
  display:  inline;
  margin: 4px 0 3px 7px;
  float: right;
}

div.section.product img {
  display:  inline;
  margin: 4px 7px 3px 0;
  float: left;
}

div.section div#image-container img {
  margin: 0 0 5px 0;
}

div.block {
  display: block;
}

/*div.section:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}*/

div.section h4 {
  margin-top: 15px;
  clear: both;
}

.content-title {
  padding-top: 8px;
}

#faq .details {
  display: none;
}

.catalog1 {
  margin-top: 5px;
  font-size: 105%;
  font-weight: bold;
}

.catalog0 {
  font-size: 95%;
  font-weight: normal;
}

.catalog li {
  padding-left: 5px;
}

.read-more {
  text-align: right;
  text-transform: uppercase;
  font: bold 0.9em "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; letter-spacing: 1px;
}

div#aboutus img {
  margin-bottom: 11px;
}

/* Hides from IE-mac \*/
* html .section {height: 1%;}
/* End hide from IE-mac */

div#releases h5 {
  clear: left;
  margin: 7px 0;
}

div#releases div p {
  margin-top: 0;
}

div#releases div {
 /* font-size: 95%;*/
  text-align: left;
}

div#releases img {
  float: left;
  display: inline;
  margin: 6px 15px 3px 0;
}

div#releases .buy {
  clear: both;
  padding-bottom: 10px;
}

div#releases .buy form{
  display: inline;
}

div#releases .buy span {
  font-size: 90%;
  font-weight: bolder;
}

div.skinny {
  width: 150px;
  float: left;
  padding: 15px;
}

/* TODO overlay for releases?  try it out here */
div.overlay {
  top: 0;
  left: 0;
  right: 0;
  background: transparent url(/pink.png) repeat top left;
  content: " ";
}

.vcard dt {
  display: block;
  text-transform: uppercase;
  font-weight: bold;
  margin-top: 15px;
  color: #000;
}

.vcard dd {
  margin-left: 10px;
}

ul.links {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

ul.links li {
  padding: 5px;
}

.inline {
  display: inline;
}

.byline {
  font-size: 80%;
  color: #fff;
  font-weight: bold;
}

div#sidebar   {
  display:  inline;
  float: right;
  width: 193px;
  margin: 5px 0 10px 0;
  /*font: 80% "Trebuchet MS",Verdana,Arial,sans-serif;*/
  color: #000;
  background-color: transparent; /* #E3E4DA; */
  font-size:  95%;
}

div#sidebar h3 {
  width: 193px;
  margin: 7px 0 0 0;
  font-size: 100%;
}

div#sidebar h4 {
  margin: 0;
}

div#sidebar.section {
  text-align: left;
}

div#sidebar p,div#sidebar ul,div#sidebar li {
  font-size: 100%;
  text-align: left;
}

div#sidebar input {
  display: inline;
  float: right;
  background-color: #fff;
}

div#sidebar label {
  display: block;
  text-align: right;
  float: left;
  display: inline;
}

div#sidebar br {
  clear: both;
}

form#browse_by_artist h5 {
  margin-bottom: 3px;
}

select#artist_select_list {
  border: 1px solid #666;
  width: 170px;
  background-color: #fff;
  color: #666;
  font-size: 100%;
}

select#artist_select_list option {
  padding-left: 10px;
/*  background-color: #C4C4B5;
  color: #000;*/
}

ul.products {
  margin-left: 4px;
  padding-left: 10px;
}

ul.products li {
  list-style: url(/images/bullet-sidebar.gif); 
  padding-left: 0;
  margin-left: 0;
}

ul.tour_dates {
  list-style: none;
  padding-left: 0;
  font-size: 90%;
  line-height: 1.1em;
  margin: 9px 0 0 0;
}

ul.downloads {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

ul.downloads img {
  padding-left: 0;
  margin: 1px 0 0 0;
}

ul.downloads li.track, ul.downloads li.enclosure {
/*  height: 2.5em;*/
  margin-bottom: 5px;
}

.dltype {
  display: block;
  padding-top: 0;
  font-weight: bolder;
}

.dlposted {
  font-size: 80%;
}

.dlasset {
/*  clear:  both;*/
  display: block;
  font-weight: normal;
  text-align: left;
}

.dlasset a {
  color: #666;
  display:  inline;
}

span.dlasset img {
  float: left;
  display: inline;
  margin:  2px 0 0 0;
}

span.ratethis {
  display:  block;
  margin: 0 0 0 5px;
/*  text-align: right;*/
  text-transform: uppercase;
  font-size: 80%;
}

span.ratethis img {
  display: inline;
  float:  none;
  padding: 0 2px;
  margin: 0;
  font-family: Helvetica;
}

.details .ratethis {
  margin: 5px 0;
}

.details img.icon {
  float: none;
  margin: 0 0 -2px 0;
  padding: 0 0 0 6px;
}


.details h5 {
  margin: 0;
  padding: 2px;
}

li.vevent {
  display: block;
  padding: 5px;
  margin: 0;
  width: 241px;
}

li.vevent p {
  display: inline;
  font-size: 100%;
  margin: 0;
  padding: 0;
}

li.vevent-wide {
  display: block;
  padding: 5px;
  margin: 0;
  width: 359px;
}

.odd {
  background-color: #D6D9C8;
}

.even {
  background-color: #C5C5B6;
}

.dtstart {
/*  color: #FFF;*/
}

.location {
  font-weight: bold;
}

#masthead h1 {
  display: none;
}

#main p {
  text-align: justify;
}

#column2 p {
  text-align: left;
}

#search {
  display:  inline;
  margin-top: 2px;
  padding: 21px 15px 0 0;
  float: right;
}

#search p {
  display: inline;
  margin: 0;
  padding: 0;
  font-size: 80%;
  color: #000;
}

#slogan {
  margin-top: 33px;
  float: left;
  display: inline;
/*  font-size: 8px ! important;
  text-transform: uppercase;
  color: #000; */
}

buttonsubmit {
  border: 1px solid #333;
}

ol.tracklist {
/*  list-style: none;*/
  padding: 5px 0 0 25px;
  margin-left: 5px;
  text-align: left;
  font-size: 95%;
  line-height: 1.6em;
}

ul.release-list {
  margin: 0;
  padding: 0;
}

ul.release-list li {
  padding: 3px 0; border-bottom: 1px dotted #fff;
  text-align: left;
}

ul.release-list li a {
  border: 0;
}

ul.release-list li span {
  font-size:120%; color: #fff;
}

/* ---------------------------- account ---------------------------- */

div.orders
{
  color: #000;
}

div.orders td{
  vertical-align: top;
}

div.orders table{
  margin-bottom: 1em;
}

td.order_detail_header {
  text-align: right;
}


/* ---------------------------- checkout ---------------------------- */

div.checkout_form {
/*  width: 40em;
  margin-left: auto;
  margin-right: auto; */
}

div#loginform label {
  float: left;
  display: inline;
  width: 7em;
}

div#loginform p {
  clear: both;
  padding: 10px 0 0 5px;
  font-size: 95%;
  margin: 0;
}

div#loginform p input.primary {
  margin-left: 9em;
} 

div.checkout_form label
{
  width: 10em;
  float: left;
  display: inline;
  text-align: right;
  margin: 0 1em 10px 0;
  clear: both 
}

div.form_row
{
  margin: 0 1em 20px 0;
}

div.fieldWithErrors input
{
  background-color: #fdd;
}


div.form_controls
{
  text-align: right;
  margin: 10px 0 20px 0;
  clear: both;
}

#the-buy-button {
  margin: 20px;
  padding: 5px;
}

h4.checkout_section
{
  background-color: #89A7AE;
  padding: 5px;
  clear: both;
  margin: 0;
}

h4.checkout_section a
{
  float: right;
}

div.select_address
{
  float: left;
  display: inline;
  margin: 5px;
  width: 290px;
}

div.select_address p
{
  margin: 0;
  padding-left: 10px;
}

div.select_address h5
{
  margin: 3px;
}

div.address-link
{
/*  clear: both;*/
  float: right;
  margin: 7px 5px 0 0;
  text-transform: uppercase;
}

div.address-link a
{
  color: #90c;
}

div.select_credit_card
{
  float: left;
  display: inline;
  margin: 5px;
  width: 290px;
}

div.select_credit_card p
{
  margin: 0;
  padding-left: 10px;
}

div#payment_method table
{
  margin: 15px;
}

div#payment_method th
{
  padding-top: .5em;
  padding-bottom: .5em;
  padding-right: 3em;
}

div#payment_method td
{
  padding: .25em;
}

div#payment_method
{
}

div#order_details table
{
  width: 100%;
}

div#order_details td
{
  padding: .25em;
  text-align: right;
  font-size: 90%;
}

div#order_details hr
{
  border: 1px solid #000;
}

div#default_address
{
}

/* ---------------------------- shopping cart ---------------------------- */

div#cart {
  margin: 10px 0;
}

div#cart img {
  margin: 0;
  padding: 0 5px;
  float: none;
  display: inline;
}

div#cart ul {
  margin: 0 0 13px 0;
  padding: 0;
}

#login {
  margin: 10px 0;
}

#login p {
  clear: both;
}

#login label {
  float: left;
  display: inline;
}

#login input {
  display:  inline;
  float: right; 
/*  margin-top: -5px;*/
}

.signup {
  margin: 10px 0;
}

.signup p {
  clear: both;
  padding: 5px;
}

.signup label {
  float: left;
  display: inline;
  width: 12em;
}

.signup input {
  display:  inline;
  float: right; 
  margin-top: -5px;
  margin-right: 40px;
}

input.button {
  margin-top: 10px;
}

input.submit_image {
  background-color: #5E838B;
  border: 0;
  padding: 0 0 0 7px;
  margin: 0 0 -3px 0;
}

div#shopping_controls
{
  float: right;
  display:  inline;
  width: 20em;
}

form.buybox {
/*  clear: both;
  float:left; */
/*  padding-top: 10px;*/
  display: inline;
  font-size: 90%;
  font-weight: bolder;
/*  text-align: right;*/
}

.buybox label {
/*  float: left; */
  display: inline;
/*  text-align: left;*/
/*  padding-right: 10px;*/
}

.buybox label img {
/*  float:none;*/
  margin: 0 0 -2px 0;
  padding: 0 0 0 7px;
}

.buybox input {
/*  float:right;*/
/*  border-left: 2px solid #fff;*/
}

.buybox input.buybox-button {
/*  float:right;*/
  margin-bottom: -3px;
  border: 0;
  padding: 0 5px 0 10px;
  background: transparent;
}

.inline-buybox {
  font-size: 90%;
  display: inline;
}

.inline-buybox input.buybox-button {
  border: 0;
  padding: 0 5px 0 5px;
  background: transparent;
}

.buybox p,.inline-buybox p {
  display: inline;
  font-size: 90%;
  font-weight: bolder;
  margin: 0;
  padding: 0;
}

/* ----------------------------- footer ---------------------------------- */
/*
h5 {
  color: #000;
  font-size: 1em;
  font-weight: normal;
  font-variant: small-caps;
  text-transform: lowercase;
  letter-spacing: .15em;
  padding: 0;
  margin: auto 0;
}
*/

a.home  {
  width: 45px;
  height: 28px;
  display: inline;
  float: right;
  text-indent: -9999px;
  text-decoration: none;
  background: transparent url(../images/subpop_logo.gif) no-repeat 0 0;
}

/* ----------------------------- search ---------------------------------- */

.search_section
{
  background-color: #ee8;
  padding: 5px;
  clear: both;
  margin: 0;
}

.result a img
{
  float :left;
  display: inline;
  margin: 10px 7px 3px 0;
}

/* ----------------------------- sIFR CLASSES ----------------------------- */

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
  visibility: visible !important;
  z-index: -1;
  margin: 0;
}

.sIFR-replaced {
  visibility: visible !important;
  z-index: -1;
}

span.sIFR-alternate {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
}


/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h3 span {
  display: block;
  visibility: hidden;
  letter-spacing: -2px;
  height: 18px;
  width: 180px;
  padding-left: 7px;
}

.sIFR-hasFlash .sidebarhead {
  display: block;
  visibility: hidden;
  letter-spacing: -2px;
  height: 18px;
  width: 150px;
  padding-left: 7px;
}

.sIFR-hasFlash #slogan {
  display: block;
  visibility: hidden;
  letter-spacing: -4px;
  height: 14px;
  width: 220px;
  padding-left: 7px;
}

/* -------------------------------------- next / previous  -------------------------------------- */

span.disabled
{
  color: #999;
}

span.previous
{
  float: left;
  display: inline;
}

span.next
{
  float: right;
}

/* -------------------------------------- channels  -------------------------------------- */

div.description img {
  float: left;
  display: inline;
  margin-left: 0;
/*  margin-right: 7px;*/
}

div#column div.description img {
  margin-right: 7px;
}

.post .excerpt img {
  float: left;
  display: inline;
  margin-left: 0;
  margin-right: 7px;
}

.post .details {
  margin-top: 15px;
  font: normal 1.0em Georgia, "Times New Roman", serif;
  letter-spacing: 1.5px;
  clear: both;
} 

.post h1,h2,h3,h4,h5 {
	clear: both;
}

.post ul {
  list-style: square;
  padding-left: 13px;
}

/* -------------------- in place editor stuff -------------------- */

.inplaceeditor-form {
}

.editor_field {
}

.editor_ok_button {
  margin-left: 5px;
}

.editor_cancel {
  margin-left: 5px;
}

/* --------------------- experimental columns --------------------- */

.artist-column {
  float: left;
  display: inline;
  margin: 0 1.5% 1em;
  padding: 10px 0;
  clear: none;
}

.thirds {
  width: 207px;
}

div.artist-column.thirds#middle-column {
  width: 209px;
}

div#artist-list div.artist-column.thirds {
  margin: 0;
  padding: 0;
}

div.artist-column.thirds ol#middle-list {
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}

div.artist-column.thirds ol li {
  padding: 3px 6px;
/*  font: normal 95% "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
  text-transform: uppercase;*/
  font-size: 90%;
}

ul.discography {
  padding: 0;
  margin: 10px 0;
}

ul.discography li { padding: 2px 6px;}

ul.discography li a {
  color: #333;
  font-weight: bold;
  text-decoration: none;
  border: 0;
}

ul.disc-groups li {
  display: inline;
  padding: 0px 6px;
}

ul.disc-groups li a {
  border: 0;
  color: #666;
}

ul.disc-groups li a:hover {
  color: #fff;
}

ul.discography li a:hover {
  color: #fff;
}

ul.artists {
  padding: 0;
  margin: 10px 0;
  width: 251px;
}

ul.artists li { padding: 2px;}

li.non-active a, .non-active {
  color: #666;
  border: 0;
}

li.non-active a:hover {
  color: #fff;
}

li.active a {
  border: 0;
}

#error {
  color: red;
}

#flash-message {
  color: green;
}

ul.recent-comments{
  padding-left: 0;
  margin-left: 0;
}

ul.recent-comments li {
  margin: 8px 0;
  color: #333;
  padding-left: 0;
}

ul.recent-comments li strong {
  color: #000;
}

/* tag cloudeded */

.tag-cloud a {
  text-decoration: none;
  padding: 4px;
  border: 0;
}

.nube1 {font-size: 1.0em}
.nube2 {font-size: 1.2em}
.nube3 {font-size: 1.4em}
.nube4 {font-size: 1.6em}
.nube5 {font-size: 1.8em}
.nube6 {font-size: 2.0em}

#preview {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
  background-color: black;
  opacity:0.7;
  filter:alpha(opacity=70);
  height: 50px;
  width: 100%;
  color: #fff;
  padding: 15px;
}

.ymp-skin {
  margin-top: -3px;
}