/* TABLE OF CONTENTS
---------------------------------------
1. Columns
2. Common
3. Navigation
4. Carousel
5. Listing
6. Ratings
7. Music Centre
	7.1 Music homepage
	7.2 Artist info
8. Downloads
	8.1 Downloads homepage
	8.2 Downloads info
---------------------------------------*/

/* 1. Columns
---------------------------------------*/
#wide-col { padding:10px 10px 20px 0; float:right; width:760px }
#main-col { padding:0 5px; float:left; width:440px }
#secondary-col { float:right; width:300px }
#sidebar { padding:10px; float:left; width:190px }

/* 2. Common
---------------------------------------*/
#downloads-content h1 { font-size:21px }
	#downloads-content h1 span { font-weight:normal; color:#999 }
	#downloads-content h2 { margin:0 0 10px 0; font:normal 18px/18px Arial, Helvetica, sans-serif; color:#090 }
	#downloads-content #leavecomment h2, #downloads-content .review-tabs h2 { margin:0; font:bold 12px/25px Verdana, Arial, Helvetica, sans-serif; color:#FFF }
	#downloads-content #breadcrumb { margin:0 0 10px 0; padding:0 0 3px 0; color:#666; border-bottom:1px solid #e5e5e5 }	
	#downloads-content .section-heading h2 { margin:0 0 3px 0 }

#main #main-col #comments { padding:0 }
	#main #main-col #comments .comment-container { width:440px }
	#main #main-col #comments .comment-container .name { width:125px }
	#main #main-col #comments .comment-container .comment { width:295px; background-image:url(/i/x/music-centre/comment-top-bg.png); background-position:0 0 }
	#main #main-col #comments .comment-container .comment .comment-content { background-image:url(/i/x/music-centre/comment-bottom-bg.png) }

#main-col .box-listing img { margin:0 10px 0 0; float:left }

#secondary-col h2.tabbed-heading { margin:0; font:bold 10px Verdana, Arial, Helvetica, sans-serif }

#subcategories { margin:0 0 15px 0; padding:7px 0 0 0; border-bottom:1px dotted #e5e5e5; color:#666 }
	#subcategories li { padding:7px 0pt 7px 22px; float:left; width:168px; background:url(/i/x/m/icon-folder.gif) no-repeat 0 50%; border-top:1px dotted #e5e5e5 }

.download-link { padding:2px 0 2px 22px; background:url(/i/x/m/icon-download.gif) no-repeat 0 50%; font-weight:bold; color:#090 }
.explicit, #downloads-listing .hdr .icons img { margin: 0 0 0 3px; vertical-align:middle }
.genre { color:#666 }

.highlight-msg { margin:0 0 15px 0; padding:10px; background:#f5f5f5; border:1px solid #e5e5e5 }

/* 3. Navigation
---------------------------------------*/
#channel-nav { margin:0 0 10px 0; width:190px; font-size:10px }
	.nav-toggler { padding:5px 10px; background:#9C3 url(/i/x/m/main-category-collapse.png) no-repeat 100% 50%; border:1px solid #7ebf00; border-bottom:none; font-weight:bold; font-size:10px; text-transform:uppercase; cursor:pointer }
	.nav-toggler, .nav-toggler a { color:#d9f2aa; text-decoration:none }
	.expand-nav, .nav-toggler:hover, .nav-toggler:hover a { color:#FFF }
	.expand-nav { margin:0; background-image:url(/i/x/m/main-category-expand.png) }
	.nav-content .categories { padding:3px 0 0 0; background:#f0f0f0 url(/i/x/m/main-category-shadow.png) repeat-x; border:1px solid #d9d9d9; border-top-color:#7ebf00 }
	.nav-content h4, .nav-content li li { padding:5px 0 5px 10px; border-bottom:1px solid #FFF; background:#f0f0f0 }
	.nav-content li li { padding-left:20px; background:#FFF url(/i/x/music-centre/bullet-green.gif) no-repeat 10px 9px }
	.nav-content li li ul { margin:5px 0 -5px 0 }
	.nav-content li li li { padding-left:10px; background-position:0 10px }
	.nav-content li.active { background-color:#ebf9cf }
	.nav-content .last { border:none }
	.subnav-toggler { margin:-1px 7px 0 0; float:right; width:15px; height:15px; font:bold 14px Arial, Helvetica, sans-serif; text-align:center; cursor:pointer; color:#06C }

/* 4. Carousel
---------------------------------------*/
#carousel { margin:0 0 15px 0; padding:0 0 6px 0; width:440px; background:url(/i/x/music-centre/carousel-btm.gif) no-repeat 0 100% }
	#carousel .panel { position:relative; height:160px; border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9 }
	#carousel .panel-top { padding:1px 0 0 0; height:40px; background:url(/i/x/music-centre/carousel-top.gif) no-repeat }
	#carousel .panel-top h2, #downloads-content #carousel .panel-top h1 { padding:10px 12px 10px 12px; float:left; font:bold 11px Verdana, Arial, Helvetica, sans-serif; border-right:1px solid #d9d9d9; color:#666 }
	#carousel .panel-top .carousel-nav { float:left }
	#carousel .panel-top .carousel-nav a { padding:4px 0; float:left; display:block; width:33px; font:normal 21px Arial, Helvetica, sans-serif; border-right:1px solid #d9d9d9; color:#999; text-align:center; text-decoration:none; cursor:pointer; line-height:25px }
	#carousel .panel-top .carousel-nav a:hover { background:#ebf9cf; border-bottom:1px solid #d9d9d9 }
	#carousel .panel-top .carousel-nav a.selected, #carousel .carousel-nav a.selected:hover { padding-bottom:10px; background:url(/i/x/music-centre/carousel-button-active.gif) no-repeat 50% 100%; color:#FFF; border:none }
	#carousel .slide { padding:5px 15px 0 15px; position:absolute; width:408px; background:#FFF }
	#carousel .slide .panel-copy { float:left; width:285px; background:#FFF }
	#carousel .slide .panel-copy h3 { font:normal 21px/24px Arial, Helvetica, sans-serif; background:#FFF }
	#carousel .slide .panel-copy p { margin:5px 0 0 0; line-height:14px }
	#carousel .slide .panel-image { float:right; width:110px; text-align:center }
	#carousel .slide .panel-image img { margin:0 0 7px 0 }

/* 5. Listing
---------------------------------------*/
#downloads-listing { width:100% }
	#downloads-listing th { padding:6px 10px; background:#f2ffe3; text-align:center; color:#090 }
	#downloads-listing thead th, #downloads-listing tfoot th { border-top:1px solid #bff2a5; border-bottom:1px solid #bff2a5 }
	#downloads-listing td { padding:10px; border-top:1px dotted #CCC; vertical-align:top; text-align:center }
	#downloads-listing h2 { font-size:16px; font-weight:bold }
	#downloads-listing .first-row td { border-top:none }
	#downloads-listing .description { text-align:left }
	#downloads-listing .description strong, #downloads-listing td.statistics, #downloads-listing td.user-rating, #downloads-listing .sample-bar span { font-size:10px; color:#666 }
	#downloads-listing .description .hdr { position:relative }
	#downloads-listing .description .hdr .icons { position:absolute; top:0; right:0 }
	#downloads-listing .description .listing-album, #downloads-listing .description .listing-screenshot { margin:0 10px 0 0; float:left; width:85px }
	#downloads-listing .description .listing-screenshot { width:130px }
	#downloads-listing .description .artist-info { float:left; width:400px; line-height:15px }
	#downloads-listing .description .artist-info p { margin:0 0 5px 0 }
	#downloads-listing .description .artist-info strong { font-weight:normal; text-transform:uppercase }
	#downloads-listing .description .artist-info .er { color:#C00 }
	#downloads-listing .description .download-info { float:none; width:auto }
	#downloads-listing .description .sample-bar a { font-weight:bold }
	#downloads-listing .statistics, #downloads-listing .user-rating { width:100px; border-left:1px dotted #CCC; vertical-align:middle }
	#downloads-listing .statistics p { margin:0 0 10px 0 }
	#downloads-listing .statistics .dlThiWk strong, #downloads-listing .statistics .totalDL strong { font:bold 16px Arial, Helvetica, sans-serif; color:#090 }
	#downloads-listing .user-rating a { font-weight:bold }
	/*#downloads-listing .user-rating .rating p { margin:2px 0 8px 0 }*/
	#downloads-listing .user-rating .rating div { margin:0 0 15px 0 }
	#downloads-listing .user-rating .rating img { margin:4px 0 }

#downloads-listing-bottom { padding:15px 0 0 0 }
	#downloads-listing-bottom #google { float:left; width:430px }
	#downloads-listing-bottom #mpu { margin:10px 0; float:right; width:300px }

.downloads-nav { margin:10px 0 }
	.downloads-nav .results { float:left; color:#666 }
	.downloads-nav .pages { margin:0; float:right }
	#downloads-listing .alt-row td { background-color:#f2f2f2 }

#listing-head { background:#d8f5b8 url(/i/x/music-centre/listing-head-crn-r.gif) no-repeat 100% 0; font-size:10px }
	#listing-head .wrap { padding:5px 10px; background:url(/i/x/music-centre/listing-head-crn-l.gif) no-repeat }
	#sort-menu { width:300px }
	#sort-menu, #sort-menu p, #sort-menu select { margin:0 5px 0 0; float:left }
	#sort-menu p, .sort-stream-all { padding:2px 0 0 0 }
	.sort-stream-all { float:right }

/* 6. Ratings
---------------------------------------*/
.star-rating, .star-rating a:hover, .star-rating a:active, .star-rating a:focus, .star-rating .current-rating { background:url(/i/x/music-centre/star-rating.gif) repeat-x 0 -1000px }
	.star-rating { position:relative; width:85px; height:14px; overflow:hidden; background-position:0 0 }
	.star-rating li { display:inline }
	.star-rating a, .star-rating .current-rating { position:absolute; top:0; left:0; text-indent:-1000em; height:14px; line-height:14px; outline:none; overflow:hidden; border:none }
	.star-rating a:hover, .star-rating a:active, .star-rating a:focus { background-position:0 100% }
	.star-rating a.one-star { width:20%; z-index:6 }
	.star-rating a.two-stars { width:40%; z-index:5 }
	.star-rating a.three-stars { width:60%; z-index:4 }
	.star-rating a.four-stars { width:80%; z-index:3 }
	.star-rating a.five-stars { width:100%; z-index:2 }
	.star-rating .current-rating { z-index:1; background-position:0 50% }	
	.small-star { width:50px; height:10px }
	.small-star, .small-star a:hover, .small-star a:active, .small-star a:focus, .small-star .current-rating { background-image: url(/i/x/music-centre/star-rating-small.gif); line-height:10px; height:10px }

/* 7.1 Music homepage
---------------------------------------*/
#features li { margin:0 0 15px 0; padding:0 0 15px 0; position:relative; border-bottom:1px solid #e5e5e5; line-height:15px; min-height:110px }
	#features img { position:absolute }
	#features h3 { font:bold 14px/16px Arial, Helvetica, sans-serif }
	#features h3, #features p { padding:0 0 0 120px }

#box-popular-music img { margin-bottom:5px }

/* 7.2 Artist info
---------------------------------------*/
#artist-hdr {  }
	#artist-pic { float:left; width:110px }
	#artist-pic img { margin:0 0 7px 0 }
	#artist-info { float:right; width:635px }
	#artist-info img { vertical-align:middle }
	#artist-info .filed-under { margin:3px 0 10px 0; color:#666 }
	#artist-info .col { float:left; width:315px }
	#artist-info .col .row { margin:0 0 5px 0; padding:0 0 5px 0; border-bottom:1px solid #e5e5e5; line-height:14px; min-height:18px }
	#artist-info .col .row .title { float:left; width:105px; font-weight:bold; }
	#artist-info .col .row .info { padding:0 10px 0 0; float:left; width:200px }
	#artist-info .col .row .info span { margin:0 0 0 4px; font-size:10px; color:#666 }
	#artist-info .col .l { border:none }
	#artist-info .star-rating { float:left }

#playlist { margin:0 0 15px 0; position:relative; background:url(/i/x/music-centre/playlist-bg.png) repeat-y }
	#playlist h2 { padding:15px; padding-bottom:5px; background:url(/i/x/music-centre/playlist-top.png) no-repeat }
	#playlist #play-all { position:absolute; top:0; right:0; background:url(/i/x/music-centre/play-all-bg.png) no-repeat 100% 0 }
	#playlist #play-all a { padding:5px 20px 5px 42px; display:block; background:url(/i/x/music-centre/play-all-end.png) no-repeat; color:#960; font-weight:bold }
	#playlist #play-all a span { padding:4px 0 4px 28px; display:block; background:url(/i/x/music-centre/play-all-btn.gif) no-repeat }
	#playlist-content { padding:15px; padding-top:0; background:url(/i/x/music-centre/playlist-btm.png) no-repeat 0 100% }
	#playlist-content .playlist-item { margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:1px solid #e5e5e5; color:#666 }
	#playlist-content .song-details { float:left; width:285px }
	#playlist-content .song-details h3 span { font-weight:normal }
	#playlist-content .song-details p { margin:3px 0 5px 0 }
	#playlist-content .song-details .star-rating { margin:1px 5px 0 0; float:left }
	#playlist-content .song-details .total-votes { font-size:10px }
	#playlist-content .listening-options { width:115px; float:right }
	#playlist-content .listening-options img { margin:0 0 0 7px; float:right }
	#playlist-content .l { margin:0; padding:0; border:none }

#editors-review, #biography { line-height:14px }
	#biography, #artist-bio p { margin:0 0 10px 0 }
	.short #artist-bio { margin:0 0 10px 0; height:165px; overflow: hidden }
	.short .less, .long .more { display:none }
	.long #artist-bio { margin:0 0 10px 0; min-height:165px }
	#artist-bio-shell .less, #artist-bio-shell .more { font-weight:bold; background:none }

#box-related-artists .box-listing .similar-copy img { margin:3px 0; float:none; vertical-align:middle }
	#box-related-artists .similar-copy { float:left; width:210px; font-size:10px }
	#box-related-artists .similar-copy .votes { color:#666; font-weight:normal }

/* 8.1 Downloads homepage
---------------------------------------*/
#carousel #downloads-carousel .panel-copy { width:265px }
	#carousel #downloads-carousel .panel-image { width:130px }
	#carousel .download-link { line-height:28px }

#most-popular ol { float:left; width:210px }
	#most-popular ol.col2 { float:right }
	#most-popular li { padding:8px 0; background:url(/i/x/m2/dot-h-grey.png) repeat-x 0% 100%; line-height:14px; color:#808080 }
	#most-popular li a { font-weight:bold }
	#most-popular .index { margin:0 0 10px 0; float:left; width:30px; font:normal 18px Georgia, 'Times New Roman', Times, serif; color:#805000 }

#box-tag-cloud .box-content { line-height:18px; text-align:center }

/* 8.2 Downloads info
---------------------------------------*/
#main-col .numbered-list li { background-position:0 0; border-bottom:1px dotted #D9D9D9 }

#downloads-category { line-height:15px }
	#downloads-category h1, #downloads-category .download-now, #downloads-category p { margin:0 0 15px 0 }

#download-screenshot { margin:0 0 10px 0; padding:9px; background:#f5f5f5; border:1px solid #E8E8E8 }
	#download-screenshot li.thumb { margin:5px 10px 0 0; float:left }
	#download-screenshot li.l { margin:0 }

#download-specs { border-top:1px solid #E8E8E8 }
	#download-specs li { border-bottom:1px solid #E8E8E8 }
	#download-specs img { vertical-align:middle }
	#download-specs .row { background-color:#f5f5f5 }
	#download-specs .title, #download-specs .details { padding:6px 0; float:left; display:block; font-size:10px }
	#download-specs .title { padding:6px 10px; width:135px; font-weight:bold }
	#download-specs .details { width:275px }
	#download-specs .reliability img { margin:0 0 0 3px; vertical-align:text-bottom }
	#download-specs #showYouSay .star-rating { margin:7px 0 4px 0 }

#download-tools li { margin:0 10px 10px 0; float:left }

#publishers-description ul { margin-left:16px; list-style:disc }
	#publishers-description .story-img { margin:0 0 10px 15px; float:right }

#shopping-results .box-listing img { margin:0; float:none }
	#shopping-results .product-img, #shopping-results .description { float:left; margin:0 10px 0 0 }
	#shopping-results .description { width:260px }
	#shopping-results .buy-now { float:right; width:100px; text-align:center }
	#shopping-results .pricing { margin:0 0 7px 0; font-weight:bold; color:#C00 }

.download-now .dl-link { font-weight:bold; font-size:1.2em }
	.download-now img { margin:0 8px 0 0; float:left }
	.download-now span { color:#666; font-size:10px }

* html #new-releases li { height:165px }
* html #features li { height:110px }