/* CSS Document */


#pagetitle {
    margin:0 auto 20px;
    width:930px;
    height:360px;
    background:url(../images/i_pagetitle_bg.png) no-repeat left top;
    padding:10px;
}

/* The Nivo Slider styles */
#slider {
	position:relative;
	background:#fff url("../images/loading.gif") no-repeat 50% 50%;
    width:930px;
    height:310px;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
    display:none;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}

.artistsearch {
    width:910px;
    height:40px;
    background:url(../images/artistsearch_bg.png) no-repeat left top;
    margin-top:10px;
    padding:0 10px;
    font-size:14px;
    line-height:1;
    font-weight:bold;
    letter-spacing:0px;
}

.artistsearch h2 {
    float:left;
    display:inline;
    border-right:1px solid #999;
    padding-right:9px;
    margin:10px 9px 10px 0;
    letter-spacing:1px;
    font-size:18px;
    line-height:1;
    font-weight:bold;
    color:#000033;
}


/* Alphabet */
table.alphabet {
    border-collapse:collapse;
    display:inline;
    color:#70B0F0;
}

table.alphabet a {
    color:#000033;
    text-decoration:none;
}

table.alphabet a:hover {
    color:#1882D3;
    text-decoration:underline;
}

table.alphabet td {
    text-align:left;
    padding-right:10px;
    font-size:14px;
    font-weight:bold;
    line-height:1;
    vertical-align:middle;
    height:34px;
}

table.alphabet td.last {
    padding-right:0;
}


/* Genre */
.genre {
    float:right;
    display:inline;
}


#selectgenre { 
    display: block;
    margin: 7px 0;
    padding: 0;
    position: relative;
    width:235px;
}

#selectgenre li {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
    position: relative;
    font-size:14px;
    letter-spacing:1px;
}

#selectgenre li a {
    display: block;
    padding: 4px 20px 0;
    text-decoration: none;
    height:21px;
    width:195px;
}

#selectgenre ul {
    display: none;
    position: absolute;
    left: 0;
    margin: 0;
    width:235px;
}

#selectgenre ul a {
    width:195px;
    padding: 4px 20px 0;
    height:21px;
    vertical-align:top;
}

* html #selectgenre ul { line-height: 21px; } /* IE6 "fix" */
#selectgenre ul a { zoom: 1; } /* IE6/7 fix */

#selectgenre ul li { float: none; }
#selectgenre ul ul { top: 0; }
     
#selectgenre a { 
    background:url(../images/genre_title_bg.gif) no-repeat left top;
    color: #000033;
    font-weight:bold;
}

#selectgenre li a.hover { 
    background:url(../images/genre_title_bg_on.gif) no-repeat left top;
    color: #3592CF;
    font-weight:bold;
}

#selectgenre ul { top: 25px; }

#selectgenre ul li a { 
    background:url(../images/genre_genre_bg.gif) no-repeat left top;
    color: #000033;
    font-weight:normal;
}

#selectgenre ul a.hover {
    background:url(../images/genre_genre_bg_on.gif) no-repeat left top;
    color: #fff;
}

#selectgenre ul a { border-bottom: none; } /* for IE6/7 */




#main {
    clear:both;
    width:950px;
    margin:0 auto;
    min-height:500px;
}



#left {
    width:665px;
    padding:0 20px 0 0;
    margin:0;
    float:left;
    display:inline;
}

#right {
    width:265px;
    padding:0;
    margin:0;
    float:right;
    display:inline;
}



/*
	Accessible News Slider : Plugin Specific
-----------------------------------------------------------------------------------------*/

.accessible_news_slider {
	position: relative;
	overflow: hidden;
}
.accessible_news_slider .javascript_css {
	position: relative;
	z-index: 3;
	padding: 20px;
	background: #fffcd3;
}
.accessible_news_slider .skip_to_news {
	position: absolute;
	top: 0;
	left: -9999px;
}
.accessible_news_slider .back {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 2;
    font-weight:bold;
}
.accessible_news_slider .back a,
.accessible_news_slider .next a {
    font-weight:bold;
	display: none;
	outline: none; /* This is optional, and is arguably less accessible. */
}
.accessible_news_slider .next {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 2;
    font-weight:bold;
}
.accessible_news_slider ul {
	position: relative;
	left: 0;
	width: auto;
	margin: 0;
	padding: 0;
	list-style-type: none;
	overflow: hidden;
	z-index: 1;
}
.accessible_news_slider li {
	float: left;
	display: inline;
	width: 215px;
}

.accessible_news_slider a:link {
    color:#ffffff;
	text-decoration:underline;
}

.accessible_news_slider a:visited {
    color:#ffffff;
	text-decoration:underline;
}

.accessible_news_slider a:hover {
    color:#ffcc00;
	text-decoration:none;
}

/*
	Accessible News Slider : Plugin Specific : Theme [ New Releases ]
-----------------------------------------------------------------------------------------*/

.featured_releases_title {
    width:635px;
    height:25px;
    font-size:16px;
    font-weight:bold;
    padding:0 0 0 10px;
    background:url(../images/title_bg_dotted.png) repeat-x left top;
}

.featured_releases  {
	width: 645px;
	margin: 0 0 30px 0;
}

.featured_releases .View_all {
	border-bottom: 1px dotted #585875;
	margin: 0;
	padding: 10px;
	text-align: center;
    font-weight:bold;
}

.featured_releases ul {
	width: 645px;
    padding-left:0px;
}

.featured_releases li {
	padding: 10px 0 15px 0;
	overflow: hidden;
	width: 215px;
}

.featured_releases li p.title {
    margin-bottom:5px;
    width:215px;
}

.featured_releases li p.title a{
    font-weight:bold;
}

.featured_releases li .jacket {
	float: left;
	display: inline;
    width:92px;
}

.featured_releases li p.buttons {
	float: left;
	display: inline;
	margin-left:10px;
	width: 113px;
}

.featured_releases li p.buttons img {
    margin-bottom:6px;
}




/* Videos-------------------------------------------------------------- */

#videos {
    width:645px;
}

#videos p.title {
    width:635px;
    height:25px;
    font-size:16px;
    font-weight:bold;
    padding:0 0 0 10px;
    background:url(../images/title_bg_dotted.png) repeat-x left top;
    margin-bottom:15px;
}

#videos table.videos {
    width:645px;
    border-collapse:collapse;
    margin:0 0 40px 0;
}

#videos table.videos td {
    width:225px;
    text-align:left;
}

#videos table.videos td.right {
    width:195px;
}

#videos table.videos td p.videotitle {
    margin-bottom:5px;
}

#videos table.videos td p.videotitle a {
    font-weight:bold;
}

#videos img {
    margin-bottom:5px;
}




/* News-------------------------------------------------------------- */

#news {
    width:645px;
}

#news p.title {
    width:635px;
    height:25px;
    font-size:16px;
    font-weight:bold;
    padding:0 0 0 10px;
    background:url(../images/title_bg_dotted.png) repeat-x left top;
    margin-bottom:20px;
}

#news table.news {
    width:645px;
    border-collapse:collapse;
}

#news table.news td {
    width:205px;
    padding:0 15px 0 0;
    color:#000033;
}

#news table.news td a {
    color:#000033;
}

#news table.news td.right {
    width:205px;
    padding:0;
    color:#000033;
}

#news table.news td p.date, #news table.news td.right p.date {
    width:191px;
    background:#fff;
    padding:7px 7px 5px;
    background:url(../images/i_news_bg_top.png) no-repeat left top;
}

#news table.news td img, #news table.news td.right img {
    width:195px;
    background:#fff;
    padding:0 5px;
}

#news table.news td h3, #news table.news td.right h3 {
    width:191px;
    font-size:14px;
    font-weight:bold;
    line-height:1.2;
    background:url(../images/i_news_bg_bottom.png) no-repeat left bottom;
    padding:7px;
    margin-bottom:20px;
    height:60px;
}

#news p.morenews {
    text-align:right;
    font-weight:bold;
}




/* right colomun-------------------------------------------------------------- */

.top_myspace {
    margin:10px 0;
}

div.marrock {
    background:url(../images/marrock_bg.png) repeat-y;
    width:235px;
    padding:0 15px 5px 15px;
    line-height:1.2;
}

.marrock_bottom {
   background:url(../images/marrock_bg_bottom.png) no-repeat left top;
   width:265px;
   height:10px;
   margin-bottom:10px;
}

div.martrax {
    background:url(../images/martrax_bg.png) repeat-y;
    width:235px;
    padding:0 15px 5px 15px;
    line-height:1.2;
}

.martrax_bottom {
   background:url(../images/martrax_bg_bottom.png) no-repeat left top;
   width:265px;
   height:10px;
   margin-bottom:10px;
}


div.otherwebsite,div.otherwebsite_bottom {
    width:265px;
    margin:10px 0;
    clear:both;
}

div.otherwebsite {
    border-bottom:1px dotted #585875;
    padding-bottom:10px;
}

div.otherwebsite p.left,div.otherwebsite_bottom p.left{
    float:right;
    display:inline;
    width:166px;
}

div.otherwebsite p.right,div.otherwebsite_bottom p.right {
    float:left;
    display:inline;
    width:89px;
    margin-right:10px;
}