/* -------------------------------------------------------- General -------------------------------------------------------- */ * { margin: 0; padding: 0; } h1 {color:#A37B22;} body { background: url("bg000000.gif") repeat-x; background-attachment: fixed; background-color: #202020; font: 80% Arial, Verdana, Helvetica, sans-serif; color: #6b685c; margin: 0; padding: 0; text-align: center; } body { behavior:url("csshover.htc"); } hr, .hide { display: none; } div.clearer { clear: both; height: 0px; overflow: hidden; } div.container_clearer { overflow: hidden; width: 100%; } a, a:hover, a:visited { color: #a37b22; } a:hover { color: #000; } p { line-height: 1.3em; } input, select, textarea { font: 12px Arial, Verdana, Helvetica, sans-serif; padding: 2px; color: #222; } select { padding: 1px; } ul { list-style: none; } /* -------------------------------------------------------- Presentation -------------------------------------------------------- */ div#container { width: 940px; margin: 0 auto; text-align: left; } /* Header -------------------------------------------------------- */ div#header_title h1, div#header_title h2 { background: url("header_m.gif") no-repeat; text-indent: -9999px; text-decoration: none; width: 940px; height: 124px; } div#header_title h1 a:link, div#header_title h1 a:visited, div#header_title h2 a:link, div#header_title h2 a:visited { display: block; width: 535px; height: 109px; margin-left: 207px; text-decoration: none; outline: none; -moz-outline-style: none; } /* Content - General -------------------------------------------------------- */ div#content { background: url("content_.gif") repeat-y; padding-bottom: 20px; overflow: hidden; width: 100%; } div#content_inner { padding-left: 15px; } /* Main Menu */ div#main_menu ul { height: 40px; overflow: hidden; } div#main_menu ul li { float: left; } div#main_menu ul li a { background: url("header_n.gif") no-repeat top left; height: 28px; padding-top: 12px; text-align: center; font-size: 14px; font-weight: bold; font-family: Helvetica, Arial, Verdana, sans-serif; text-transform: uppercase; color: #a37b22; display: block; text-decoration: none; } div#main_menu ul li#menu_home a { width: 121px; } div#main_menu ul li#menu_artists a { width: 154px; background-position: -121px 0; } div#main_menu ul li#menu_videos a { width: 123px; background-position: -275px 0; } div#main_menu ul li#menu_lyrics a { width: 122px; background-position: -398px 0; } div#main_menu ul li#menu_ringtones a { width: 153px; background-position: -520px 0; } div#main_menu ul li#menu_forum a { width: 92px; background-position: -673px 0;color:#e7d61c; } div#main_menu ul li#menu_releases a { width: 145px; background-position: -765px 0; } div#main_menu ul li a:hover { color: #000; } div#main_menu ul li#menu_home a:hover, div#main_menu ul li#menu_home a.home_active { background-position: 0 -40px; color: #000; } div#main_menu ul li#menu_artists a:hover, div#main_menu ul li#menu_artists a.artists_active { background-position: -121px -40px; color: #000; } div#main_menu ul li#menu_videos a:hover, div#main_menu ul li#menu_videos a.videos_active { background-position: -275px -40px; color: #000; } div#main_menu ul li#menu_lyrics a:hover, div#main_menu ul li#menu_lyrics a.lyrics_active { background-position: -398px -40px; color: #000; } div#main_menu ul li#menu_ringtones a:hover, div#main_menu ul li#menu_ringtones a.ringtones_active { background-position: -520px -40px; color: #000; } div#main_menu ul li#menu_forum a:hover, div#main_menu ul li#menu_forum a.forum_active { background-position: -673px -40px; color: #000; } div#main_menu ul li#menu_releases a:hover, div#main_menu ul li#menu_releases a.releases_active { background-position: -765px -40px; color: #000; } /* Google Ads */ div#header_google_ad { text-align: center; padding: 7px 0 8px 0; } div.main_content_small_banner { text-align: center; margin: 10px 0 15px 0; } /* Main Content and Side Menu */ div#main_content { float: left; width: 655px; } div#side_menu { float: left; width: 245px; } /* Page Num */ p.page_num { margin: 20px 0 0 7px; } p.page_num a { font-size: 12px; border: 1px solid #f2f0e9; padding: 2px 5px 3px 5px; text-decoration: none; font-weight: bold; color: #888473; } p.page_num a:hover, p.page_num a.page_num_active { background-color: #a37b22; color: #fff; } /* Side Menu -------------------------------------------------------- */ div.side_menu_box { background-color: #f2f0e9; margin-bottom: 10px; padding: 10px; } div.side_menu_box h3 { font-size: 20px; color: #1f1f1f; padding-bottom: 3px; border-bottom: 1px solid #e1ded5; letter-spacing: -1px; margin-bottom: 15px; } div.side_menu_btn { margin-bottom: 10px; } /* Search + User Box */ div#side_search form { padding-bottom: 1px; } div#side_search form p { margin-bottom: 8px; } div#side_search form input#search_field { width: 130px; height: 20px; background: url("side_sea.gif") no-repeat; margin: 0px; border: 0px; } /* User Logged - Info */ div#side_search div#user_logged_info { overflow: hidden; width: 100%; padding-bottom: 10px; } div#side_search div#user_logged_info div#user_logged_image { float: left; padding-right: 5px; } div#side_search div#user_logged_info div#user_logged_image img { border: 1px solid #e2ddcb; } div#side_search div#user_logged_info p { padding-top: 8px; color: #141414; } div#side_search div#user_logged_info p a { text-decoration: none; color: #141414; } div#side_search ul { border-top: 1px solid #e1ded5; margin-bottom: 15px; } div#side_search ul li { border-bottom: 1px solid #e1ded5; } div#side_search ul li a { text-decoration: none; display: block; padding: 8px 0 8px 30px; } /* User - Not Logged */ div#side_search ul li#user_login { background: url("side_ico.gif") no-repeat 8px 7px; } div#side_search ul li#user_register { background: url("side_icp.gif") no-repeat 7px 8px; } /* User - Logged */ div#side_search ul li#user_favorites { background: url("side_icq.gif") no-repeat 7px 9px; } div#side_search ul li#user_account { background: url("side_icq.gif") no-repeat 7px 9px; } div#side_search ul li#user_logout { background: url("side_icq.gif") no-repeat 6px 7px; } div#side_search ul li#user_bookmark { background: url("side_icq.gif") no-repeat 7px 7px; } /* Upcoming Albums */ div#side_upcoming ul { margin-bottom: 2px; } div#side_upcoming ul li { padding: 0 0 8px 20px; background: url("side_icr.gif") no-repeat 0px 0px; } div#side_upcoming ul li a { color: #888473; text-decoration: none; } div#side_upcoming ul li a:hover { color: #a37b22; } div#side_upcoming p { margin-bottom: 10px; } /* Top Unsigned Artists */ div#side_unsigned div.top_unsigned_artist { overflow: hidden; width: 100%; border-bottom: 1px solid #e1ded5; padding-bottom: 10px; margin-bottom: 10px; } div#side_unsigned div.top_unsigned_artist h4 { font-size: 13px; padding-top: 4px; } div#side_unsigned div.top_unsigned_artist div.unsigned_artist_image { float: left; margin-right: 8px; } /* Top Artists */ div#side_top_artists ul { margin-bottom: 2px; } div#side_top_artists ul li { padding: 0 0 8px 4px; } div#side_top_artists ul li a { text-decoration: none; color: #888473; } div#side_top_artists ul li a:hover { color: #a37b22; } div#side_top_artists p { margin-bottom: 10px; } /* Google Ads */ div#side_menu_google_ad { text-align: center; padding: 10px 0; } /* Footer -------------------------------------------------------- */ div#footer { background: url("content0.gif") no-repeat top left; padding: 40px 15px; text-align: center; color: #686868; font-size: 95%; } div#footer p { padding-bottom: 12px; line-height: 1.6em; } div#footer a { color: #686868; } div#footer a:hover { color: #a37b22; } div#footer p#footer_fbm_logo { padding-top: 10px; } /* Main Content */ div#main_content { margin-right: 10px; } /* News and Gossips */ div#news_big_box { overflow: hidden; width: 100%; margin-bottom: 20px; } div.left { width: 50%; float: left; } div.right { width: 50%; float: right; } div#news_gossips { float: left; width: 345px; margin-right: 10px; } div.news_tab { background-color: #f2f0e9; padding: 7px; } div.news_tab ul { border-top: 1px solid #e3e0d3; border-bottom: 1px solid #e3e0d3; } div.news_tab ul li { padding: 6px 6px 6px 10px; background-color: #FFFFFF;} div.news_tab ul li a { color: #6B685C; } div.news_tab ul li.row_colored { background-color: #f2f0e9; } div#ad_big_box { float: left; width: 300px; } /*news_big_box news_gossips ad_big_box side_menu side_search search_field side_top_artists side_menu_google_ad footer news_tab_2 container header_title content content_inner main_menu menu_home menu_artists menu_videos menu_lyrics menu_ringtones menu_forum menu_releases header_google_ad main_content*/ /* side_menu_bo side_menu_box news_tab side_menu_btn row_colored module dn-whole dn-each nib dn-date nib2 dn-title dn-introtext dn-read_more home_active */