/* -------------------------------------------------------- Artist stylesheet Website: Country Music Performers Created by: First Beat Media Filename: css/artist.css -------------------------------------------------------- */ /* -------------------------------------------------------- Presentation -------------------------------------------------------- */ /* Content - General -------------------------------------------------------- */ /* Main Content - For Inverse Content */ div#main_content { width: 645px; float: right; padding-right: 25px; } div#side_menu { margin-right: 10px; float: right; } /* Content - Artists Listing -------------------------------------------------------- */ div#main_content div.top_rated_col { background-color: #f3f3f3; padding: 10px 10px 20px 10px; float: left; width: 191px; } div#main_content div.top_rated_item { overflow: hidden; width: 100%; margin-bottom: 7px; } div#main_content div.top_rated_item div.top_rated_image { float: left; width: 52px; } div#main_content div.top_rated_item div.top_rated_infos { font-size: 13px; padding-top: 5px; } div#main_content div.top_rated_item div.top_rated_infos h3 { font-size: 13px; margin-bottom: 3px; } div#main_content div.top_rated_item div.top_rated_infos h3 a { color: #a74700; text-decoration: none; } div#main_content div.top_rated_item div.top_rated_infos h3 a:hover { color: #000; } div#main_content div.top_rated_item div.top_rated_infos p { font-size: 12px; margin-bottom: 0px; line-height: 1.2em; } div#main_content div.top_rated_item div.top_rated_infos img { vertical-align: middle; } div#main_content h2.all_other { border-bottom: 1px solid #dfdcce; margin: 15px 0 10px 0; padding-bottom: 5px; } div#main_content div#all_other_artists { background: url("../images/artists/all_other_artists_bg.gif") repeat-y; border-bottom: 1px solid #dfdcce; padding: 10px 0 5px 0; margin-bottom: 12px; } div#main_content div#all_other_artists div.all_other_col { float: left; width: 211px; } div#main_content div#all_other_artists ul li { padding: 0 0 10px 10px; } div#main_content div#all_other_artists ul li a { color: #a74700; text-decoration: none; } div#main_content div#all_other_artists ul li a:hover { color: #000; } div#main_content p.browse_name_top { border-bottom: 1px solid #dfdcce; padding-bottom: 10px; } div#main_content p.browse_name { font-size: 12px; padding-left: 10px; margin-bottom: 0px; } div#main_content p.browse_name a { margin: 0 5px; } div#main_content p.browse_name a.browse_name_active { text-decoration: none; color: #5c4440; } /* Content - New Releases -------------------------------------------------------- */ div.new_releases_col { background-color: #f3f3f3; padding: 10px 10px 20px 10px; float: left; width: 299px; } div.new_releases_col div.artist_discography_item { overflow: hidden; width: 100%; margin-bottom: 18px; } div.new_releases_col div.artist_discography_item div.discography_item_image { float: left; width: 110px; } div.new_releases_col div.artist_discography_item div.discography_item_infos { float: left; width: 189px; } div#main_content div.new_releases_col div.artist_discography_item div.discography_item_infos h2 { margin-bottom: 5px; letter-spacing: 0px; } div.new_releases_col div.artist_discography_item div.discography_item_infos h2 a { font-size: 13px; text-decoration: none; } div.new_releases_col div.artist_discography_item div.discography_item_infos ul li { padding-bottom: 5px; } div.new_releases_col div.artist_discography_item div.discography_item_infos ul li a { color: #5c4440; } div.new_releases_col div.artist_discography_item div.discography_item_infos ul li a:hover { color: #a74700; } div.new_releases_col div.artist_discography_item div.discography_item_infos ul li img { vertical-align: middle; } div.last_week_col { float: left; width: 205px; padding-right: 9px; } div.last_week_col ul li { padding: 8px 0 8px 5px; } div.last_week_col ul li a { font-weight: bold; text-decoration: none; } div.last_week_col ul li a.last_week_image { float: left; margin-right: 8px; border: 1px solid #202020; } div.last_week_col ul li p { margin-left: 53px; } /* Content - Artist Profile -------------------------------------------------------- */ div#main_content h1 { font-size: 30px; color: #3F1710; padding-bottom: 3px; border-bottom: 1px solid #e1ded5; letter-spacing: -1px; margin-bottom: 15px; } div#main_content div.artist_content_box h2 { font-size: 20px; color: #752409; padding-bottom: 3px; border-bottom: 1px solid #e1ded5; letter-spacing: -1px; margin-bottom: 15px; } div#main_content div.artist_content_box h2 span { font-size: 12px; letter-spacing: 0px; } div#main_content div.artist_content_box { padding-bottom: 10px; } div#main_content div.artist_content_box p { line-height: 1.4em; margin-bottom: 10px; } /* Artist Header */ div#featured_artist { margin-bottom: 10px; } div#featured_artist_inner { } div#featured_left { float: left; width: 467px; } div#featured_side { float: right; width: 159px; padding: 8px 8px 4px 8px; background-color: #f3f3f3; } div#featured_left div#featured_photo_rate { float: left; width: 198px; padding-bottom: 20px; } div#featured_left div#featured_photo_rate div.featured_photo { margin-bottom: 10px; } div#featured_left div#featured_photo_rate div.featured_photo img { border: 5px solid #202020; } div#featured_left div#featured_photo_rate div.featured_rate { width: 171px; height: 50px; padding: 10px 0 0 10px; background: url("../images/general/rate_bg.png") no-repeat; margin-bottom: 4px; } div#featured_left div#featured_photo_rate div.featured_rate h3 { width: 163px; height: 10px; background: url("../images/general/title_rate_artist.gif") no-repeat; text-decoration: none; margin-bottom: 8px; } div#featured_left div#featured_photo_rate div.featured_rate h3#rate_album { width: 163px; height: 10px; background: url("../images/general/title_rate_album.gif") no-repeat; text-decoration: none; margin-bottom: 8px; } div#featured_left div#featured_photo_rate div.featured_rate h3#rate_song { width: 163px; height: 10px; background: url("../images/general/title_rate_song.gif") no-repeat; text-decoration: none; margin-bottom: 8px; } div#featured_left div#featured_info { float: left; width: 261px; } div#featured_left div#featured_info h2 { float: left; font-size: 24px; color: #752409; line-height: 1.3em; padding-right: 8px; letter-spacing: -1px; } div#featured_left div#featured_info h2 a { text-decoration: none; } div#featured_left div#featured_info h3 { font-size: 20px; color: #752409; margin-bottom: 10px; } div#featured_left div#featured_info ul { padding-bottom: 8px; margin-bottom: 8px; width: 230px; } div#featured_left div#featured_info ul li { padding-bottom: 5px; } div#featured_left div#featured_info ul li a { color: #6b685c; } div#featured_left div#featured_info ul li a:hover { color: #a74700; } div#featured_left div#featured_info ul li.download_ringtones { padding-top: 8px; background: url("../images/general/icon_ringtones.gif") no-repeat 0 8px; padding-left: 15px; font-weight: bold; } div#featured_left div#featured_info ul li.download_ringtones a { font-weight: bold; text-decoration: none; color: #a74700; } div#featured_left div#featured_info ul li.download_ringtones a:hover { color: #000; } p#featured_add_favs, p#featured_send_friend { font-size: 11px; font-weight: bold; margin-left: 10px; } p#featured_add_favs a, p#featured_send_friend a { text-decoration: none; color: #752409; display: block; padding: 8px 0 4px 20px; } p#featured_add_favs a:hover, p#featured_send_friend a:hover { color: #000; } p#featured_add_favs a { background: url("../images/homepage/featured_icon_favorites.gif") no-repeat 0px 7px; } p#featured_send_friend a { background: url("../images/homepage/featured_icon_send_friend.gif") no-repeat 0px 8px; } div#featured_side ul li { padding-bottom: 4px; background: url("../images/artists/artist_side_link_bg.gif") no-repeat; } div#featured_side ul li a { text-decoration: none; display: block; padding: 4px 0 6px 21px; } div#featured_side ul li a.side_active { color: #000; font-weight: bold; } /* Artist Discography */ div.discography_item { width: 320px; float: left; padding-bottom: 10px; } div.discography_item div.discography_image { float: left; width: 66px; } div.discography_item div.discography_infos { float: left; width: 244px; } div.discography_item div.discography_infos h3 { font-size: 13px; } div#main_content div.discography_item div.discography_infos p { margin-bottom: 0px; } div.discography_item div.discography_infos a { color: #5c4440; } div.discography_item div.discography_infos a:hover { color: #a74700; } div.discography_item div.discography_infos img { vertical-align: middle; } /* Artist Videos */ div#artist_videos div.discography_item div.discography_image { width: 140px; } div#artist_videos div.discography_item div.discography_infos { width: 170px; padding-top: 6px; } /* Artist DVDs */ div#artist_dvd div.discography_item div.discography_image { width: 103px; } div#artist_dvd div.discography_item div.discography_infos { width: 207px; } /* Artist Ringtones */ table.ringtones_list_header { width: 630px; margin: 0 0 3px 7px; } table.ringtones_list_header th { background-color: #f3f3f3; color: #752409; padding: 7px; } table.ringtones_list_header th.row_song { width: 245px; } table.ringtones_list_header th.row_type { width: 76px; } table.ringtones_list_header th.row_preview { width: 96px; } table.ringtones_list_header th.row_price { width: 78px; } table.ringtones_list_header th.row_buy { width: 93px; } div.ringtones_list_overflow { overflow: auto; width: 637px; height: 161px; } table.ringtones_list { width: 607px; margin: 0 0 3px 7px; } table.ringtones_list td { padding: 10px 7px; color: #888473; border-bottom: 1px solid #f2f0e9; font-size: 12px; } table.ringtones_list td.row_song { width: 245px; } table.ringtones_list td.row_type { width: 76px; } table.ringtones_list td.row_preview { width: 96px; } table.ringtones_list td.row_price { width: 78px; } table.ringtones_list td.row_buy { width: 64px; text-align: center; } table.ringtones_list td.row_buy a { padding-right: 3px; } /* Artist Pictures */ div#artist_pictures ul { overflow: hidden; width: 100%; margin-bottom: 8px; } div#artist_pictures ul li { float: left; padding: 0 4px 2px 0; } /* Artist News */ div#artist_news h2, div#artist_news h3 { color: #3f1710; font-size: 16px; margin-bottom: 5px; } div#artist_news h2 span, div#artist_news h3 span { font-size: 12px; } div#main_content div#artist_news p { margin-bottom: 6px; } div#main_content div#artist_news p.read_more { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #f2f0e9; } /* Artist Links */ div#artist_links ul { overflow: hidden; width: 100%; margin-bottom: 10px; } div#artist_links ul li { float: left; width: 200px; padding: 0 10px 5px 0; } div#artist_links form input { border: 2px solid #dfdcce; font-size: 13px; padding: 3px; width: 300px; } div#artist_links table td { padding-right: 5px; } /* Content - Artist Biography -------------------------------------------------------- */ div#main_content div#artist_biography_page p { margin-bottom: 15px; } div#artist_biography_page h3 { color: #141414; font-size: 16px; margin-bottom: 5px; } div#artist_biography_page p a { color: #5c4440; } div#artist_biography_page p a:hover { color: #a74700; } /* Content - Artist Discography -------------------------------------------------------- */ div#artist_discography_page div.artist_discography_item { overflow: hidden; width: 100%; margin-bottom: 18px; } div#artist_discography_page div.artist_discography_item div.discography_item_image { float: left; width: 140px; } div#artist_discography_page div.artist_discography_item div.discography_item_infos { float: left; width: 315px; } div#artist_discography_page div.artist_discography_item div.discography_item_infos h2 { font-size: 22px; margin-bottom: 10px; } div#artist_discography_page div.artist_discography_item div.discography_item_infos ul li { padding-bottom: 5px; } div#artist_discography_page div.artist_discography_item div.discography_item_infos ul li a { color: #5c4440; } div#artist_discography_page div.artist_discography_item div.discography_item_infos ul li a:hover { color: #a74700; } div#artist_discography_page div.artist_discography_item div.discography_item_infos ul li img { vertical-align: middle; } /* Content - Artist Discography - Album Details -------------------------------------------------------- */ div#artist_discography_details table { width: 630px; margin: 0 0 15px 7px; } div#artist_discography_details table th { background-color: #f3f3f3; color: #252525; padding: 7px; } div#artist_discography_details table th img { padding-left: 2px; vertical-align: middle; } div#artist_discography_details table th span { font-weight: normal; font-size: 11px; } div#artist_discography_details table th.row_song, div#artist_discography_details table td.row_song { width: 490px; } /* div#artist_discography_details table th.row_lyrics, div#artist_discography_details table td.row_lyrics { width: 102px; } */ div#artist_discography_details table th.row_buy, div#artist_discography_details table td.row_buy { width: 62px; text-align: center; } div#artist_discography_details table td.row_buy { text-align: center; } div#artist_discography_details table td { padding: 10px 7px; color: #5c4440; border-bottom: 1px solid #f2f0e9; font-size: 12px; } div#artist_discography_details table tr:hover { background-color: #faf8f2; } /* div#artist_discography_details table th.row_lyrics span { padding-left: 9px; } div#artist_discography_details table td.row_lyrics { font-weight: bold; font-size: 11px; } */ div#artist_discography_details table td.row_buy a { padding-right: 3px; } /* For Songs Listing Page */ div#artist_discography_details table th.row_song_list, div#artist_discography_details table td.row_song_list { width: 218px; } div#artist_discography_details table td.row_song_list img { vertical-align: middle; } div#artist_discography_details table th.row_album, div#artist_discography_details table td.row_album { width: 150px; } div#artist_discography_details table th.row_ringtones, div#artist_discography_details table td.row_ringtones { width: 100px; text-align: center; } div#artist_discography_details a.buy_ringtones { font-size: 11px; background: url("../images/general/download_ringtones_bg.gif") no-repeat; width: 69px; height: 17px; padding-top: 2px; margin-left: 18px; font-weight: bold; text-decoration: none; text-align: center; display: block; } div#artist_discography_details table td.row_song_list img { vertical-align: middle; } /* Content - Artist Discography - Lyrics -------------------------------------------------------- */ div.photo_rate_disco { padding: 12px 8px 8px 8px; background-color: #f3f3f3; } div.song_video { text-align: center; margin-bottom: 10px; } div.song_video_inner { padding: 8px 8px 8px 8px; background-color: #f3f3f3; width: 425px; margin: 0 auto; } div.song_video_inner div.video_image { text-align: center; } div.video_rate { width: 171px; height: 50px; padding: 10px 0 0 10px; background: url("../images/general/rate_bg.png") no-repeat; margin: 0 auto 15px auto; } div.video_rate h3 { width: 163px; height: 10px; background: url("../images/general/title_rate_artist.gif") no-repeat; text-decoration: none; margin-bottom: 8px; } div.video_rate h3#rate_video { width: 163px; height: 10px; background: url("../images/general/title_rate_video.gif") no-repeat; text-decoration: none; margin-bottom: 8px; } /* div#artist_lyrics div.song_lyrics { float: left; width: 437px; padding-left: 10px; } */ div.song_lyrics p { text-align: center; padding: 0 30px; font-size: 12px; color: #5c4440; } p.no_lyrics { padding-top: 15px; border-top: 1px solid #e1ded5; font-weight: bold; margin-bottom: 15px; } /* Content - Artist DVD -------------------------------------------------------- */ div#artist_dvd_page div.artist_discography_item { overflow: hidden; width: 100%; margin-bottom: 18px; } div#artist_dvd_page div.artist_discography_item div.discography_item_image { float: left; width: 103px; } div#artist_dvd_page div.artist_discography_item div.discography_item_infos { float: left; width: 347px; } div#artist_dvd_page div.artist_discography_item div.discography_item_infos h2 { font-size: 22px; margin-bottom: 10px; } div#artist_dvd_page div.artist_discography_item div.discography_item_infos ul li { padding-bottom: 5px; } div#artist_dvd_page div.artist_discography_item div.discography_item_infos ul li a { color: #5c4440; } div#artist_dvd_page div.artist_discography_item div.discography_item_infos ul li a:hover { color: #a74700; } div#artist_dvd_page div.artist_discography_item div.discography_item_infos ul li img { vertical-align: middle; } /* Content - Artist Videos -------------------------------------------------------- */ div#artist_videos_page div.artist_discography_item { overflow: hidden; width: 100%; margin-bottom: 18px; } div#artist_videos_page div.artist_discography_item div.discography_item_image { float: left; width: 140px; } div#artist_videos_page div.artist_discography_item div.discography_item_infos { float: left; width: 310px; } div#artist_videos_page div.artist_discography_item div.discography_item_infos h2 { font-size: 22px; margin-bottom: 10px; } div#artist_videos_page div.artist_discography_item div.discography_item_infos ul li { padding-bottom: 5px; } div#artist_videos_page div.artist_discography_item div.discography_item_infos ul li a { color: #5c4440; } div#artist_videos_page div.artist_discography_item div.discography_item_infos ul li a:hover { color: #a74700; } div#artist_videos_page div.artist_discography_item div.discography_item_infos ul li img { vertical-align: middle; } /* Content - Artist Pictures -------------------------------------------------------- */ div#main_content p.pictures_enlarge { margin-bottom: 12px; } div#main_content h3.more_pictures { font-size: 16px; letter-spacing: -1px; margin-bottom: 10px; } div#main_content h3.more_pictures a { color: #3f1710; } div#main_content h3.more_pictures a:hover { color: #a74700; } div#main_content ul.more_pictures_list { overflow: hidden; width: 100%; margin-bottom: 12px; } div#main_content ul.more_pictures_list li { float: left; padding: 0 4px 2px 0; }