/* LISTENABLE CSS */



/* *** INIT **************************************** */

* {

margin: 0;

padding: 0;

}



body {

color: #000000;

background-color: #000000;

font-size: 10px;

text-align: center;

font-family: Verdana, Arial, Helvetica, sans-serif;

}



.colorRed {

font-size: 10px;

font-weight: bold;

color: #880000;

background-color: transparent;

}



.smallTxt {

font-size: 0.9em;

font-weight: bold;

}



.verysmallTxt {

font-size: 9px;

}



/* ************************************************* */



/* *** IMAGE + ROLLOVERS FX ************************ */

img {

display: block;

border: none;

}



a:link { text-decoration: none; color: #CC0000; background-color: transparent; }

a:visited { text-decoration: none; color: #CC6666; background-color: transparent; }

a:hover { text-decoration: underline; color: #CC0000; background-color: transparent; }

a:active { color: #CC0000; background-color: transparent; }

/* ************************************************* */



/* *** LIST **************************************** */

ul { list-style-image: url(list_square.png); }

ul li { margin: 5px 0; }

/* ************************************************* */



/* *** TABLES *************************************** */

.table01 { width: 100%; border-style: none; font-size: 9px; }

.table02 { width: 100%; border-style: none; font-size: 10px; }

caption { color: #660000; font-size: 10px; font-weight: bold; background-color: transparent; }

tr td { width: 100%; border-style: none; vertical-align: top; padding: 5px 0; }



.table03 { border: none; }

.table03 td { width: 78px; }



.table04 {  border: none; }

.table04 td { width: auto; padding: 5px 5px 10px 5px; font-size: 9px; }

.table04 img { float: left; padding: 5px; }

/* ************************************************* */



hr {

display: block;

border: 0;

padding: 0;

height: 1px;

margin: 7px !important; /* FIREFOX */

margin: 0;

color: #A39F9F;

background-color: #A39F9F;

}



.mainContener {

width: 779px;

position: relative;

margin: auto;

text-align: left;

color: #000000;

background-color: #A39F9F;

}



.flashMenu {

width: 779px;

height: 118px;

color: #000000;

background-color: #A39F9F;

}



/* ************************************************* */

/* ***** LEFT SIDE ********************************* */

/* ************************************************* */

.leftSide {

float: left;

width: 526px;

overflow: auto;

color: #000000;

background-color: #A39F9F;

}



.bandAd, .roster, .artistLineUp, .mediaVault, .onTheRoad, .catalog, .catalog_shop,.comingsoon, .comingsoon_shop, .contact, .contact2 {

width: auto !important; /* FIREFOX */

width: 514px;

margin: 0 0 0 12px;

color: #000000;

background-color: #CCCCCC;

background-repeat: no-repeat;

border: solid;

border-color: #666666;

border-width: 0 1px 1px 0;

}


.bandAd {

background-color: #A39F9F;

border: none;

}



.roster {

background-image: url(listenable_roster.png);

background-color: #CCCCCC;

color: #000000;

padding: 38px 5px 10px 5px !important; /* FIREFOX */

padding: 33px 5px 10px 5px;

/* ==================== */

}



.comingsoon {

background-color: #CCCCCC;

color: #000000;

padding: 38px 5px 10px 5px !important; /* FIREFOX */

padding: 33px 5px 10px 5px;

}

.comingsoon_shop {

background-color: #CCCCCC;

color: #000000;

padding: 0px 0px 0px 0px !important; /* FIREFOX */

padding: 0px 0px 0px 0px;

}
.shopmenu {
background-image: url(store_menu.png);
background-color: #CCCCCC;

color: #000000;

padding: 38px 5px 10px 5px !important; /* FIREFOX */

padding: 33px 5px 10px 5px;

}


.mediaVault {

background-image: url(listenable_mediaVault.png);

padding: 40px 5px 10px 5px;

}



.onTheRoad {

background-image: url(listenable_ontheroad.png);

padding: 40px 5px 10px 5px;

}



.catalog {

background-image: url(listenable_catalog.png);

padding: 40px 5px 10px 5px;

}

.catalog_shop {

background-image: url(store_items_list.png);

padding: 40px 5px 10px 5px;

}



.news, .videoRama, .bio {

width: 503px !important; /* FIREFOX */

width: 514px;

overflow: auto;

margin: 12px 0 0 12px;

padding: 25px 5px 10px 5px;

font-size: 10px;

color: #000000;

background-color: #CCCCCC;

background-repeat: no-repeat;

/* ==================== */

border: solid;

border-color: #666666;

border-width: 0 1px 1px 0;

}



.news {

background-image: url(listenable_news.png);

}



.videoRama {

background-image: url(listenable_videorama.png);

}



.bio {

background-image: url(biography.png);

}



.contact {

background-image: url(listenable_contact.png);

padding: 38px 5px 10px 5px !important; /* FIREFOX */

padding: 33px 5px 10px 5px;

text-align: center;

}

.contact2 {

background-image: url(listenable_newhot.png);

padding: 38px 5px 10px 5px !important; /* FIREFOX */

padding: 33px 5px 10px 5px;

text-align: center;

}

.videoA, .videoB, .videoC {

width: auto;

height: auto;

float: left;

overflow: auto;

font-size: 9px;

padding: 5px;

color: #000000;

background-color: #CCCCCC;

/* ==================== */

border: solid;

border-color: #A39F9F;

border-width: 1px;

}



.videoB, .videoC {

margin-left: 25px;

}

/* ************************************************* */

     

/* ************************************************* */

/* ***** RIGHT SIDE ******************************** */

/* ************************************************* */

.rightSide {

float: right;

width: 253px;

overflow: auto;

color: #000000;

background-color: #A39F9F;

}



.featuredItems, .featuredArtists, .featuredMP3, .featuredRelease, .newhot, .theater, .chooseArtist, .storeItems, .shopmenu {

width: 219px !important; /* FIREFOX */

width: 229px;

margin: 0 0 0 12px;

padding: 25px 5px 5px 5px;

font-size: 9px;

overflow: auto;

color: #000000;

background-color: #CCCCCC;

background-repeat: no-repeat;

/* ==================== */

border: solid;

border-color: #666666;

border-width: 0 1px 1px 0;

}



.album {

display: block;

color: #000000;

background-color: #CCCCCC;

}



.albumIMG {

float: left;

padding: 0 5px 0 0;

text-align: left;

}



.newhot {

display: block;

text-align: center;

margin: 12px 0 0 12px;

padding: 15px 5px 5px 5px;

background-image: url(newhot.png);

}



.featuredItems {

background-image: url(featured_items.png);

}



.featuredRelease {

background-image: url(featured_release.png);

}



.featuredArtists {

color: #000000;

margin: 12px 0 0 12px;

background-image: url(featured_artists.png);

}



.theater {

background-image: url(listenable_theater.png);

padding: 40px 5px 5px 5px;

font-size: 9px;

}



.chooseArtist {

background-image: url(choose_artist.png);

}



.storeItems {

background-image: url(store_items.png);

text-align: center;

}



.featuredMP3 {

margin: 12px 0 0 12px;

background-image: url(featured_mp3.png);

}



.listMP3 {

margin: 0 0 0 20px;

background-color: transparent;

}



.listMP3 li a:link { text-decoration: none; color: #000000; background-color: transparent; }

.listMP3 li a:hover { text-decoration: underline; color: #660000; background-color: transparent; }

.listMP3 li a:visited { color: #666666; background-color: transparent; }

.listMP3 li a:active { color: #000000; background-color: transparent; }

/* ************************************************* */



/* ************************************************* */

/* ***** FOOTER ************************************ */

/* ************************************************* */

.footer {

clear: both;

width: 755px !important; /* FIREFOX */

width: 779px;

padding: 12px 12px;

color: #000000;

background-color: #A39F9F;

}



.animatedGIF {

width: 468px;

height: 60px;

color: #000000;

background-color: #666666;

}



.advertise {

color: #FFFFFF;

font-size: 10px;

letter-spacing: 5px;

background-color: #A39F9F;

}



.advertise a:link { text-decoration: none; color: #CCCCCC; background-color: transparent; }

.advertise a:hover { text-decoration: underline; color: #FFFFFF; background-color: transparent; }

.advertise a:visited { color: #FFFFFF; background-color: transparent; }

.advertise a:active { color: #000000; background-color: transparent; }



.mailingList {

width: 275px;

float: right;

margin: -60px 0 0 0;

color: #000000;

background-color: #A39F9F;

/* ==================== */

border: solid;

border-color: #666666;

border-width: 0 1px 1px 0;

}



/* *** MAILING LIST FORM ************************* */

.form {

clear: both;

width: 275px;

height: auto;

text-align: center;

color: #000000;

background-color: #CCCCCC;

}



.fieldA {

height: 17px;

width: 155px;

border: 1px solid #AAAAAA;

color: #000000;

background-color: #EEEEEE;

/*vertical-align: middle;*/

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 10px;

text-align: left;

margin-bottom: 2px !important;

margin-bottom: 0;

}



.fieldB {

height: 17px;

width: 155px;

margin-left: 1px;

border: 1px solid #AAAAAA;

color: #000000;

background-color: #EEEEEE;

/*vertical-align: middle;*/

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 10px;

text-align: left;

}



.radio {

margin-top: 4px !important;

margin-top: 0;

vertical-align: sub !important;

vertical-align: middle;

}



.submit {

vertical-align: middle;

}



.credits {

width: 779px;

height: 50px;

margin: 0;

padding: 1px 0 0 0;

font-size: 10px;

text-align: center;

background-color: #000000;

color: #CCCCCC;

}



.W3C {

float: left;

font-size: 9px;

margin: -11px 1px 0 0;

padding: 0px;

color: #666666;



border: solid;

border-color: #666666;

border-width: 1px;

}



/* ************************************************ */