/* @override http://local.muzic.com/css/muzic-2.css http://localhost/muzic/htdocs/muzic/css/muzic-2.css http://stage.muzic.com/css/muzic-2.css */ /* muzic.css Provides muzic-centric stuff & overrides copyright 2008-2009 kollective intelligence */ /* general ===========================================================================*/ body { font-size:11.5px; } /* ===================================================================================*/ /* header ============================================================================*/ #header_left img#logo { margin-top: 1px; margin-right:4px; } /* ===================================================================================*/ /* index muzic header ================================================================*/ #muzic_hdr_box { background-color: #D6ECF9; margin:0; padding:0; width:100%; text-align:center; overflow:hidden; } #muzic_hdr_cont { margin:11px auto 8px auto; padding:0; width:790px; overflow:hidden; } #muzic_hdr_r { float:right; display:inline; width:490px; padding:0; margin:0; text-align:left; } #muzic_hdr_l { float:left; display:inline; width:280px; padding:0; margin:0; } #muzic_hdr_r h1 { margin:-2px 0 6px 0; padding:0; font-size:32px; color: #333; } #muzic_hdr_r h2 { margin:0; padding:0; font-size: 20px; color: #999; font-weight:normal; } #muzic_hdr_btn { margin:-64px 0 0 0; padding:0; width:475px; text-align:right; } #muzic_hdr_btn img { vertical-align:top; } /* ===================================================================================*/ /* index muzic intel =================================================================*/ #intel_headline { width:100%; display:block; margin:0; padding:0; height:30px; border:0; border-bottom:1px solid #99cc00; background:#333; text-align:center; } #intel_headline_cont { width:980px; margin:0 auto; padding:0; overflow:hidden; font-size:13px; font-weight:bold; } #intel_headline_r { float:right; text-align:right; display:inline; width:6px; margin:0; padding:0; color:#fff; } #intel_headline_l { float:left; display:inline; width:288px; margin:0; padding:0; padding-top:8px; text-align:left; color:#d6ecf9; text-transform:uppercase; font-weight: bold; } #intel_headline_r ul { width:692px; height:30px; float:right; margin:0; padding:0; border:0; border-left:1px solid #000; } #intel_headline_r li { font-size:13px; list-style-type: none; display:inline; text-align:center; text-transform:uppercase; color:#fff; float:left; width:229px; height:30px; margin:0; padding:0; border:0; border-right:1px solid #000; } #intel_headline_r li.current { background:#99cc00; } #intel_box { background: transparent url(../images/muzic_intel_bg.jpg) top left repeat-x; height:200px; margin:0 0 12px 0; padding:0; width:100%; border-top:1px solid #333; border-bottom:1px solid #333; text-align:center; overflow:hidden; } #intel_carousel { width: 980px; margin: 0 auto; } .intel_cont { background: transparent; max-height:200px; margin: 0 auto; width:980px; padding:0; overflow:hidden; } .intel_title { padding: 8px 0 0 10px; margin:0; width: 980px; text-align:left; font-size: 15px; font-weight:bold; text-transform: uppercase; color:#fff; } .intel_panel { padding:0 0 0 42px; margin:0; width:938px; overflow:hidden; } .intel_panel ul { width: 938px; padding:10px 0 0 0; margin:0; overflow:hidden; } .intel_panel li { float:left; display:inline; width:200px; height:176px; background:#333; border:1px solid #333; margin:0 28px 0 0; overflow:hidden; } .intel_panel_txt { padding: 3px 0 0 6px; color:#fff; font-weight:normal; font-size:14px; text-align:left; } .intel_panel_txt a:link { color:#fff; text-decoration:none; } .intel_panel_txt a:visited { color:#fff; text-decoration:none; } .intel_panel_txt a:hover { color:#fff; text-decoration:underline; } .intel_panel_txt a:active { color:#fff; text-decoration:none; } .artist_cloud { padding: 1em; margin-top: 4px; font-size: .7em; } .artist_cloud a { color:#88B8DD; margin-right:0.25em;} /* ===================================================================================*/ /* index muzic header loggedIn =======================================================*/ #log_hdr_cont { margin:12px auto 0 auto; padding:0; width:718px; overflow:hidden; } #log_hdr_r { float:right; display:inline; width:600px; padding:0; margin:0; text-align:left; } #log_hdr_l { float:left; display:inline; width:95px; padding:0; margin:0; } #log_hdr_r h1 { margin:-2px 0 6px 0; padding:0; font-size:25px; color: #333; } #log_hdr_r h2 { margin:0; padding:0; font-size: 20px; color: #999; font-weight:normal; } #log_hdr_bar { width: 600px; height: 32px; padding:2px 0 0 0; margin:0; background: url(../images/log_hdr_bar_bg.gif) bottom left no-repeat; font-size:12px; font-weight:bold; text-transform:uppercase; overflow:hidden; } #log_hdr_bar img { vertical-align: middle; } #log_hdr_bar_r { float:right; display:inline; width:165px; padding:7px 15px; margin:0; text-align:left; } #log_hdr_bar_l { float:left; display:inline; width:400px; padding:0; margin:0; } #log_hdr_bar_l ul { float:left; width:400px; padding:10px 0; margin:0; } #log_hdr_bar_l li { list-style-type:none; display:inline; padding:0; margin:0 20px 0 20px; } #log_hdr_bar_l li #current { list-style-type:none; display:inline; padding:0; margin:0; color:#333; } #log_hdr_img { width: 85px; height: 65px; padding: 5px; background-color: #fff; } #log_hdr_img_btm { width: 95px; height: 3px; padding:0; margin:0 0 14px 0; background: transparent url(../images/img_shadow.png) top left no-repeat; overflow:hidden; } /* ===================================================================================*/ /* rounded corners shared content ====================================================*/ .shared_content_bl {background: url(../images/shared_bl.gif) 0 100% no-repeat} .shared_content_br {background: url(../images/shared_br.gif) 100% 100% no-repeat} .shared_content_tl {background: url(../images/shared_tl.gif) 0 0 no-repeat} .shared_content_tr {background: url(../images/shared_tr.gif) 100% 0 no-repeat; padding:20px 0px; overflow: hidden; } /* ===================================================================================*/ /* rounded corners muzic index ======================================================*/ .muzic_index_tl {background: url(../images/muzic_index_tl.jpg) 0 0 no-repeat; z-index: 3; } /* ===================================================================================*/ /* muzic index blog pulse ===========================================================*/ #muzic_index_bg { margin:0; padding:0; width:640px; background: url(../images/muzic_index_bg.jpg) no-repeat; } #muzic_pulse_full { position: relative; margin:0; padding:0; width:630px; clear: both; overflow: hidden; } #muzic_blog_full { margin:0; padding:0; width:640px; height:60px; clear: both; background: url(../images/muzic_forest_btm.png) no-repeat; overflow: hidden; } #muzic_blog_l { float:left; width: 278px; height: 35px; margin: 11px 0 0 0; padding: 10px 0 0 12px; font-size:15px; font-weight:bold; color:#fff; text-align:left; text-transform:uppercase; } #muzic_pulse { width: 610px; margin:10px 15px 20px 15px;*/ text-align:left; } /* id is no longer referenced in html #muzic_pulse_btm { position: relative; width: 640px; height: 10px; margin: 0 0 20px 0; padding:0; background: url(../../images_pulse_btm_2.jpg) repeat-y; } */ /* ===================================================================================*/ /* transparent container =============================================================*/ #trans_cont_top { position:relative; height:10px; margin:15px 15px 0 15px; width:610px; background: url(../images/trans_cont_top.png); background-repeat: no-repeat; } #trans_cont { position: relative; margin:0 15px 0 15px; width:610px; background: url(../images/trans_cont_bg.png); background-repeat: repeat-y; overflow:hidden; } #trans_cont_btm { position:relative; height:10px; margin:0 15px 4px 15px; width:610px; background: url(../images/trans_cont_btm.png); background-repeat: no-repeat; } #trans_cont_l { float:left; margin: 0 0 0 10px; padding:0; width: 284px; display:inline; } #trans_cont_r { float:right; margin:0 15px 0 0; padding:0; width: 284px; display:inline; } .trans_cont_title { position:relative; width:284px; margin:0; padding: 3px; border-bottom: 1px solid #9c0; font-size:1em; font-weight:bold; color:#fff; text-align:left; } .trans_cont_panel { position:relative; height:43px; width:290px; margin:6px 0 0 0; padding:0 0 4px 0; border-bottom: 1px dotted #e7e7e7; text-align:left; } .trans_cont_panel img { vertical-align:middle; border:1px solid #444; } .trans_cont_panel .blog_title { font-size:15px; color:#fff; font-weight: bold; } /* ===================================================================================*/ /* music message people ==============================================================*/ .music_msg { width:320px; margin: 0 0 30px 0; padding:0; overflow:hidden; } .music_msg p { font-size:12px; margin:0; padding:0; } .music_msg h1 { font-size:18px; font-weight:bold; margin:0 0 12px 0; padding:0; } .music_msg a:link { color:#333; font-size:11px; font-weight:bold; text-transform: uppercase; text-decoration:none; } .music_msg a:active { color:#333; font-size:11px; font-weight:bold; text-transform: uppercase; text-decoration:none; } .music_msg a:visited { color:#333; font-size:11px; font-weight:bold; text-transform: uppercase; text-decoration:none; } .music_msg a:hover { color:#333; font-size:11px; font-weight:bold; text-transform: uppercase; text-decoration:underline; } /* ===================================================================================*/ /* sidebar spotlight bloggers / artists ==============================================*/ .sidebar_spot_blog { margin:0 0 20px 0; padding:0; width:320px; background: #d6ecf9; } .sidebar_spot_artist { margin:0 0 20px 0; padding:0; width:320px; background: #c7e667; } .sidebar_spot_blog_bl { background: url(../images/sidebar_blog_bl.gif) 0 100% no-repeat; } .sidebar_spot_blog_br { background: url(../images/sidebar_blog_br.gif) 100% 100% no-repeat; } .sidebar_spot_blog_tl { background: url(../images/sidebar_blog_tl.gif) 0 0 no-repeat; z-index: 3; } .sidebar_spot_blog_tr { background: url(../images/sidebar_blog_tr.gif) 100% 0 no-repeat; padding:0; } .sidebar_spot_artist_bl { background: url(../images/sidebar_artist_bl.gif) 0 100% no-repeat; } .sidebar_spot_artist_br { background: url(../images/sidebar_artist_br.gif) 100% 100% no-repeat; } .sidebar_spot_artist_tl { background: url(../images/sidebar_artist_tl.gif) 0 0 no-repeat; z-index: 3; } .sidebar_spot_artist_tr { background: url(../images/sidebar_artist_tr.gif) 100% 0 no-repeat; padding:0; } .sidebar_blog_cont { width: 300px; margin:0; padding:10px; overflow:hidden; } .sidebar_artist_cont { width: 300px; margin:0; padding:10px; overflow:hidden; } .sidebar_spot_hdr { width:300px; padding:0; margin:0 0 8px 0; text-align:left; text-transform:uppercase; font-size:15px; font-weight:bold; } .sidebar_spot_img { width:300px; height:125px; overflow:hidden; background:#666; margin:0; padding:0; } .sidebar_spot_img_hdr { width:288px; background: #333; padding:6px; margin:0px 0 15px 0; text-align:left; color:#fff; font-size:14px; font-weight:normal; } .sidebar_spot_img_hdr a:link { color:#fff; text-decoration:none; } .sidebar_spot_img_hdr a:visited { color:#fff; text-decoration:none; } .sidebar_spot_img_hdr a:hover { color:#fff; text-decoration:underline; } .sidebar_spot_img_hdr a:active { color:#fff; text-decoration:none; } .sidebar_spot_list { width: 284px; background: #fff; padding:0 8px 12px 8px; margin: 0 0 15px 0; overflow:hidden; } .sidebar_spot_none { height:12px; border-bottom:1px dotted #333; padding:0; margin:0; overflow:hidden; } .sidebar_spot_item { width: 280px; padding: 10px 2px; margin:0; border-bottom:1px dotted #333; overflow:hidden; } .sidebar_spot_item:hover { cursor:pointer; background-color: #d6ecf9; } .sidebar_spot_item_r { float:right; display:inline; width: 70px; padding:0; margin:0; font-size:12px; text-align:right; overflow:hidden; } .sidebar_spot_item_l { float:left; display:inline; width: 200px; padding:0; margin:0; font-size:14px; font-weight:bold; text-align:left; overflow:hidden; } .sidebar_spot_item_l a:link { color: #333; } .sidebar_spot_item_l a:visited { color: #333; } .sidebar_spot_item_l a:hover { color: #333; } .sidebar_spot_item_l a:active { color: #333; } .sidebar_spot_list_btn { width:300px; padding:0; margin:0; overflow:hidden; } /* ===================================================================================*/ /* muzic right column join buttons ==================================================*/ .join_btns { width:320px; margin: 0 0 20px 0; padding:0; overflow:hidden; } /* ===================================================================================*/ /* muzic index pulse ================================================================*/ #muzic_pulse_l { float:left; width: 150px; height: 268px; margin:0; padding:0; } #muzic_pulse_r { float: right; display: inline; width: 487px; margin:0; padding:0; } /* ===================================================================================*/ /* muzicSongcard =====================================================================*/ .song_title { font-size: 1.5em; color: #9c0; font-weight: bold; } .says a { color: #9c0; } .description a { color: #9c0; } .share_btns_label { background: url(../images/sc_muzic_artist_label.jpg) top left no-repeat; } .share_btns_label-Blog_Song { background: url(../images/sc_muzic_blog_label.jpg) top left no-repeat; } .share_btns_label-Muzic_Song { background: url(../images/sc_muzic_artist_label.jpg) top left no-repeat; } /* ====================================================================================*/ /* blog songcard more =================================================================*/ #sc_more { width: 600px; margin:0; padding:0; overflow:hidden; } #sc_more_r { float:right; display:inline; width:290px; overflow:hidden; } #sc_more_l { float:left; display:inline; width:290px; overflow:hidden; } .sc_more_title { width:290px; margin:0; padding:0 0 8px 0; font-size:14px; text-transform:uppercase; font-weight:bold; border-bottom:1px dotted #ccc; overflow:hidden; color:#333; } .sc_more_none { padding: 20px 4px; color:#ccc; font-size:22px; font-weight:bold; text-align:center; } .sc_more_box { width:290px; padding:0; margin:0; overflow:hidden; } .sc_more_cont { width:282px; padding:8px 4px; margin:0; border-bottom:1px dotted #ccc; overflow:hidden; } .sc_more_cont:hover { cursor:pointer; background-color: #d6ecf9; } .sc_more_thumb { float:left; display:inline; width:45px; height:45px; margin:0; padding:0; } .sc_more_thumb img { vertical-align:bottom; padding:0 ; border:1px solid #ccc; } .sc_more_info { display:inline; margin:0; padding:0 4px 2px 0px; font-size:12px; text-align:left; line-height:150%; } a.sc_more_songname { color: #333; font-size: 14px; font-weight: bold; } a.sc_more_songname:hover { text-decoration:none; } .sc_more_artist { font-size: 14px; font-weight: bold; color:#999; } .sc_more_text { float:left; display:inline; margin:0; padding:2px 4px 2px 4px; font-size:12px; text-align:left; line-height:140%; color:#333; } .sc_more_blog { font-size: 14px; font-weight:bold; } .sc_more_song { font-size: 14px; font-weight:bold; color:#999; } .sc_more_song a:link { color: #999; text-decoration:none; } .sc_more_song a:visited { color: #999; text-decoration:none; } .sc_more_song a:hover { color: #999; text-decoration:none; } .sc_more_song a:active { color: #999; text-decoration:none; } /* ====================================================================================*/ /* profile ===========================================================================*/ .profile_amount { color: #9c0; } /* ===================================================================================*/ /* artist func header =================================================================*/ .artist_func_header { margin:16px auto auto auto; width:980px; background-color: #fff; font-size: 1.3em; } .artist_func_objects ul{ margin:0; padding:0; list-style: none; overflow:hidden; } .artist_func_objects li{ float:right; display:inline; width: 245px; margin:0; } /* ====================================================================================*/ /* howItWorks =========================================================================*/ #how_2_col_body { margin:0 auto auto auto; width:980px; background: url(../images/bg_content_300.gif); background-repeat: repeat-y; } #how_menu { margin:0px auto 0 auto; padding:0; width:980px; font-size: 12px; overflow:hidden; } #how_menu ul, #how_submenu ul { list-style-type: none; text-align: left; margin:16px 0 0 0; padding:0; } #how_menu li{ display: inline; vertical-align:middle; margin:0 4px 0 0; } #how_menu li a{ font-size: 13px; font-weight:bold; width: 100%; background-color: #fff; padding: 10px 25px 10px 25px; } #how_menu li a:hover { text-decoration: none; background-color: #f3f3f3; color: #333; } #how_menu #active a { text-decoration: none; background-color: #333; color: #fff; } #how_menu a:link { color: #333; text-decoration: none; } #how_menu a:visited { color: #333; text-decoration: none; } #how_menu a:hover { color: #333; } #how_menu h1 { margin:20px 0 20px 0; padding:0; display:inline; text-transform:uppercase; } /* none of these id's are currently in use. Commenting out to prevent awstats & browsers from complaining about them as missing #how_submenu_1 { margin:0 auto 0 auto; padding:0; width:972px; height:66px; border: 4px solid #333; border-top:0; font-size: 12px; background: url(../images/how_submenu_1.gif) top left no-repeat; overflow:hidden; } #how_submenu_2 { margin:0 auto 0 auto; padding:0; width:972px; height:66px; border: 4px solid #333; border-top:0; font-size: 12px; background: url(../images/how_submenu_2.gif) top left no-repeat; overflow:hidden; } #how_submenu_3 { margin:0 auto 0 auto; padding:0; width:972px; height:66px; border: 4px solid #333; border-top:0; font-size: 12px; background: url(../images/how_submenu_3.gif) top left no-repeat; overflow:hidden; } */ #how_sub_txt_1, #how_sub_txt_2, #how_sub_txt_3 { display:inline; width:310px; min-height:66px; padding:17px 0 0 0; text-align:center; } #how_sub_txt_1 { float:left; width:310px; margin:0; } #how_sub_txt_2 { float:right; width: 322px; margin:0 2px 0 0; } #how_sub_txt_3 { float:right; display:inline; width: 330px; margin:0; } #how_wide_image { width: 972px; height: 314px; border: 4px solid #333; border-top: 0; } #how_content { margin:0 auto 0 auto; padding:0; width:980px; background-color: #fff; font-size: 12px; border-top: 4px solid #333; text-align:left; overflow:hidden; } #how_content_body { clear:both; display:block; width:920px; margin:0; padding:6px 30px 20px 30px; } #how_content_body h1 { font-size:26px; font-weight:bold; } #how_content_body h4 { font-size:18px; font-weight:normal; } #how_content_body_l { width:580px; padding: 0px 30px 20px 30px; margin:0; } #how_content_body_l h1 { font-size:26px; font-weight:bold; margin: 20px 0 15px 0; padding:0; } #how_content_body_l h2 { font-size:16px; font-weight:bold; margin: 0 0 5px 0; padding:0; } #how_content_body_l p { font-size:14px; font-weight:normal; margin:0 0 15px 0; padding:0; line-height: 130%; } #how_content_body_l p.indent { font-size:14px; font-weight:normal; margin:0 60px 15px 30px; padding:0; } #how_content_body_l p.indent_grey { color:#bbb; font-style:italic; font-size:16px; font-weight:bold; margin:0 30px 10px 15px; padding:0; } .blog_agg_list li { font-size: 14px; font-weight:normal; line-height: 150%; } .how_faq_bubble { background-color: #D6ECF9; width:590px; margin:0 0 16px 0; } .how_faq_bubble p { padding:0 40px 0 40px; } .how_faq_bubble_txt { width:550px; padding:0px 20px 0px 20px; margin:0; font-size: 14px; line-height:160%; } .how_faq_bubble_txt ul { list-style-type:none; margin:10px 0 0 0; padding:0; } .how_faq_bubble_txt li { padding:0 0 10px 15px; margin:0; } .faq_bubble_bl {background: url(../images/faq_bubble_bl.gif) 0 100% no-repeat; } .faq_bubble_br {background: url(../images/faq_bubble_br.gif) 100% 100% no-repeat; } .faq_bubble_tl {background: url(../images/faq_bubble_tl.gif) 0 0 no-repeat; } .faq_bubble_tr {background: url(../images/faq_bubble_tr.gif) 100% 0 no-repeat; padding:10px 0px; overflow: hidden; } #how_faq_cont { margin:0; padding:0; } #how_faq_cont h2 { font-size:16px; font-weight:bold; margin: 25px 0 15px 0; padding: 6px 8px 6px 40px; background: #f3f3f3 url(../images/faq_q.gif) 6px 5px no-repeat; } .how_faq_a_cont { margin:0; padding:0 0 0 40px; background: #fff url(../images/faq_a.gif) 6px 0px no-repeat; } .how_sidebar { border-bottom: 1px dotted #999; margin: 8px 0 20px 0; padding:0; overflow:hidden; } .how_sidebar p { font-size:12px; margin:0 0 30px 0; padding:0; } .how_sidebar h1 { color: #999; font-size:18px; font-weight:bold; margin:0 0 12px 0; padding:0; } .how_sidebar ul { list-style-type: none; margin: 10px 5px 20px 5px; padding:0; line-height: 150%; } .how_sidebar li { font-size:11px; color:#333; font-size:11px; font-weight:bold; text-transform: uppercase; } .how_sidebar li a:link { color:#333; text-decoration:none; } .how_sidebar li a:visited { color:#333; text-decoration:none; } .how_sidebar li a:hover { color:#333; text-decoration:underline; } .how_sidebar li a:active { color:#333; text-decoration:none; } .how_who_cont { width:580px; padding:0; margin:8px 0 20px 0; font-size: 15px; overflow:hidden; } .how_who_r { float:right; display:inline; width: 515px; padding:0; margin:0; } .how_who_r h4 { font-size: 12px; color: #999; margin: 4px 0 0 0; padding:0; } .how_who_l { float: left; display:inline; width: 55px; height: 55px; overflow:hidden; } .how_ctr_one { width: 97%; text-align: left; padding:0; margin: 0 auto; } .selected { font-weight: bold; } .how_txt_grey { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 1.16em; color: #4c443d; line-height: 170%; } .how_txt_grey a { font-size: 1.2em; } .how_ctr_one img { vertical-align: middle; } /* ====================================================================================*/ /* link to us =========================================================================*/ #link_content { margin: 0 auto auto auto; padding:0; width:930px; background-color: #fff; font-size: 1em; text-align:left; overflow:hidden; } #link_content h1 { font-size:26px; font-weight:bold; margin: 16px 0 10px 0; padding:0; } #link_content h2 { font-size:20px; font-weight:bold; margin: 0 0 20px 20px; padding:0; color:#333; } #link_content p { font-size:14px; font-weight:normal; margin:0; padding:0; line-height: 130%; } .link_cont { width: 900px; padding:0; margin:0 0 0 20px; overflow:hidden; } .link_cont ul { text-align:left; width: 900px; padding:0; margin:0; overflow:hidden; } .link_cont li { float:left; display:inline; width:290px; border:0px; margin:0 10px 0 0; overflow:hidden; } .link_img { padding:8px 0px; margin:0; } textarea.example-code { padding:0; margin:0; height:80px;min-width:280px; width:280px !important; width: 280px;font-size:12px; } .example-code { background-color:#fff4c8;border:1px dashed #ffcc00; padding:3px; margin:10px 0 0 0; width:272px; } .example-display { background-color:#ffffff; border:1px dashed #ffcc00; padding:3px; margin:10px; width:272px; } .separator {border-bottom:1px solid #cccccc} .separator {border-bottom:1px solid #cccccc} .link_ad_box { width: 900px; padding:0; margin:0 0 0 20px; overflow:hidden; } .link_ad_box img { margin: 0 0 8px 0; } /* ====================================================================================*/ /* join ===============================================================================*/ #join_content { margin:16px auto auto auto; width:750px; background-color: #fff; font-size: 1.3em; } #join_box { padding: 10px 30px; text-align:left; } .join_req { font-size:11px; font-weight:bold; text-transform: uppercase; color: #ff0000; } #join_content_error { margin:0px 30px 10px 30px; border:#FF0000 1px solid; text-align:center; color:#FF0000; line-height:50px; } /* ====================================================================================*/ /* start artist archive ==============================================================*/ .artists_artist_odd { width: 332px; float: left; display: inline; border: solid 1px #d3d8e4; background: #f5f5f5; margin: 0 0 4px 0; padding: 8px 0; } /* ====================================================================================*/ /* start popup window ================================================================*/ #popup_content { width: 100%; font-size: .8em; vertical-align: top; text-align: left; padding: 8px; } .popup_content a { color: #fff; } .how_win_close { width: 100%; background: #fff; font-size: 1em; font-weight: bold; text-align: right; vertical-align: middle; color: #000;padding: 10px;} .selected { font-weight: bold; } /* ====================================================================================*/ /* archive ===========================================================================*/ .content_song_odd:hover, .content_song_even:hover, .muzic_song_odd:hover, .muzic_song_even:hover { /* background-image: url('../images/row_bg-hover-muzic.gif'); */ background-image: none; background-color: #d6ecf9; cursor: pointer; } .archive_header { border-color: #9c0; } /* ====================================================================================*/ /* myMuzic.php - indexLoggedIn =======================================================*/ .index_text_box { width: 100%; font-size: .75em; font-weight: normal; line-height: 145%; margin: 0 0 16px 0; padding:0; } .index_grey_box { width: auto; font-size: .85em; font-weight: normal; line-height: 145%; margin: 0 0 16px 0; padding: 6px; border: 3px solid #d5d9e5; } .index_grey_box img { vertical-align: middle; } /* ====================================================================================*/ /* start indexLoggedIn userNav boxes =================================================*/ .srce_name { width: 171px; font-size: 1.2em; line-height: 1.9em; padding: 0 0 0 8px; text-align: left; } .srce_name a { font-weight: bold; font-size: 1.2em; padding: 0 0 .5em .0em; } /* ====================================================================================*/ /* artist summary on search page */ #summary { width: 600px; margin:0; padding:0; overflow:hidden; background-color: #333; color: #ddd;} #summary h2, #summary h3 { color: #ddd; } #summary_l, #summary_r { float:left; display:inline; width:290px; overflow:hidden; } #summary_r { float:right; } #summary img, #summary object { padding: 1em .5em 1em .5em; } #summary_pic { float: left; } #summary p { font-weight: normal; text-transform: none; font-size: 1.25em;} #songlist { width:610px; margin-top: 2em; } #songlist .row { border-top: solid 1px gray; } #songlist a { color: #0266ff; } #songlist .row { border-top: 1px dotted #d8dbdb; padding-left: 1em; padding-top: .5em; } #songlist h2 { font-size: 1.5em; background-color: gray; color: white; margin-bottom: 1em;} #songlist h3 { font-size: 1.25em; } #songlist li { display: inline; } /* ====================================================================================*/ /* start link-out iframe bar =========================================================*/ #blogbar { width: 100%; min-width: 760px; height: 33px; position: absolute; top: 0; overflow: hidden; z-index: 3; border-top: 1px solid #000; border-bottom: 3px solid #9c0; background: #666; color: white; text-align: left; font-size: .75em; } #left_side { float: left; } #right_side { float: right; } #blogbar h1, #blogbar h2 { display: inline; color: #ffffff; } #blogbar h2 { font-family: helvetica; font-size: 12px; } #dl_link { float: left; margin-top: 6px; } #closeframe { margin: 4px 10px 0 0; float: right; } .addthis_toolbox { margin: 8px 55px 0 0; float: left; } .addthis_toolbox ul { width: 245px; margin: 0; padding: 0; } .addthis_toolbox li { display: inline; margin: 0 0 0 10px; padding: 0; } a.addthis_button_expanded { text-transform: uppercase; font-weight: bold; font-size: 11px; float: right; padding-top: 3px; } .addthis_toolbox img { margin: 0 0 5px 0; vertical-align: middle; } .addthis_muzic a:link, .addthis_muzic a:hover { text-decoration: none; } /* important for removing the addthis icon */ .at300bs { background: none !important; height: 0 !important; width: 0 !important; } #blogbar .bb_song_name { font-size:10pt; text-transform:uppercase; font-weight:bold; } #blogbar .bb_artist_name { font-weight:normal; margin-right: 20px; } #blogbar .bb_blog_url a{ font-weight:normal; color: #99CC00; } #blogbar a { color: #ffffff; } #muzic_back { float:left; margin:4px 12px 0; width:91px; } #blogbar #song_info { display: inline; padding: 1px 45px 0 0; width: auto; } /* end link-out iframe bar =========================================================================*/ /* muzic index columns ===============================================================*/ #index_3_col { width:980px; margin:16px auto 50px auto; padding:0; background: url(../images/3_col_home_bg.gif) top left repeat-y; vertical-align:top; font-size:1.3em; overflow:hidden; } #index_3_col_body { width:980px; margin:0 auto 0 auto; padding:0; } #index_3_col_r { float:right; width:310px; margin:12px 5px 0px 0; padding:0; } #index_3_col_l { float:left; width:288px; min-height:550px; margin:0 0 20px 0; padding:0; background: #d6ecf9 url(../images/2_col_clouds_bg.png) top left no-repeat; } #index_3_col_ctr { margin:0 330px 0 298px; padding:0; text-align:left; } #index_3_col_ctr h1 { margin:0; padding:12px 0; text-transform:uppercase; font-size: 15px;} #index_3_col_ctr h1 a:link { color:#99cc00; text-decoration:none; } #index_3_col_ctr h1 a:visited { color:#99cc00; text-decoration:none; } #index_3_col_ctr h1 a:hover { color:#99cc00; text-decoration:underline; } #index_3_col_ctr h1 a:active { color:#99cc00; text-decoration:none; } /* ===================================================================================*/ /* rounded corners index 3 column ====================================================*/ .shared_3_col_tl {background: url(../images/3_col_clouds_tl.jpg) 0 0 no-repeat; z-index: 3; } .archive_3_col_tl {background: none;} .shared_3_col_bl {background: url(../images/muzic_sidebar_bl.gif) 0 100% no-repeat} .shared_3_col_br {background: url(../images/muzic_sidebar_br.gif) 100% 100% no-repeat} .shared_3_col_tr {background: url(../images/muzic_sidebar_tr.gif) 100% 0 no-repeat; padding:0; } /* ===================================================================================*/ /* rounded corners shared 3 column ===================================================*/ #shared_3_col { width:980px; margin:16px auto 50px auto; padding:0; background: url(../images/3_col_shared_bg.gif) top left repeat-y; vertical-align:top; font-size:1.3em; overflow:hidden; } #shared_3_col_body { width:980px; margin:0 auto 0 auto; padding:0; } #shared_3_col_l { float:left; width:170px; margin:0 0 20px 0; padding:0; background: #d6ecf9 url(../images/3_col_clouds_bg_2.png) top left no-repeat; } #shared_3_col_r { float:right; width:320px; margin:10px 0 0 0; padding:0; } #shared_3_col_ctr { margin:0 340px 0 180px; padding:0; text-align:left; } .shared_3_col-in { margin:0; padding:0; } .shared_3_col_clean { clear:both; height:1px; font-size:1px; border:none; margin:0; padding:0; background:transparent; } #shared_3_col_ctr h1 { margin:0; padding:12px 0; text-transform:uppercase; font-size: 15px;} #shared_3_col_ctr h1 a:link { color:#99cc00; text-decoration:none; } #shared_3_col_ctr h1 a:visited { color:#99cc00; text-decoration:none; } #shared_3_col_ctr h1 a:hover { color:#99cc00; text-decoration:underline; } #shared_3_col_ctr h1 a:active { color:#99cc00; text-decoration:none; } /* ===================================================================================*/ /* shared 3 column header ============================================================*/ .shared_3_col_hdr { width:300px; margin:0; padding:15px 10px 0 0; font-size:28px; text-align:left; color:#333; font-weight:bold; } .shared_3_col_hdr a:link { color: #9c0; } .shared_3_col_hdr a:visited { color: #9c0; } .shared_3_col_hdr a:hover { color: #d1ff47; text-decoration: none; } .shared_3_col_hdr a:active { color: #9c0; } /* ===================================================================================*/ /* rounded corners shared 2 column ===================================================*/ .shared_3_col_tl {background: url(../images/3_col_clouds_tl.jpg) 0 0 no-repeat; z-index: 3; } .shared_3_col_bl {background: url(../images/muzic_sidebar_bl.gif) 0 100% no-repeat} .shared_3_col_br {background: url(../images/muzic_sidebar_br.gif) 100% 100% no-repeat} .shared_3_col_tr {background: url(../images/muzic_sidebar_tr.gif) 100% 0 no-repeat; padding:0; } /* ===================================================================================*/ /* sidebar column ===================================================*/ #shared_3_col_l .sidebar_cont { margin:12px 0 0 0; padding:0; width:170px; overflow:hidden; background: #D6ECF9 url(../images/3_col_clouds_bg_2.png) no-repeat 0% 0%; } #shared_3_col_r .sidebar_cont { background-color: white; } #sidebar_blog_hdr { margin:0; padding:11px 25px 0 0; min-height:40px; #min-height: 40px; height:auto !important; #height: 40px; background: url(../images/sidebar_blog_hdr.png) top left no-repeat; font:14px bold Helvetica, Arial, sans-serif; text-transform:uppercase; text-align:right; color:#fff; } #sidebar_artist_hdr { margin:0; padding:11px 25px 0 0; min-height:40px; #min-height: 40px; height:auto !important; #height: 40px; background: url(../images/sidebar_artist_hdr.png) top left no-repeat; font:14px bold Helvetica, Arial, sans-serif; text-transform:uppercase; text-align:right; color:#fff; } .sidebar_list { width:120px; margin:0; padding:10px 25px; overflow:hidden; } .sidebar_item { width:120px; margin:0 0 25px 0; padding:0; text-align:center; font:12px Helvetica, Arial, sans-serif; overflow:hidden; } .sidebar_item h3 { margin:8px 0 4px 0; padding:0; font-weight:bold; font-size: 1.17em; height: auto; } /* ===================================================================================*/ /* songlist =========================================================================*/ #songlist_cont { margin:0 0 10px 0; padding:0; width:470px; overflow:hidden; text-align:left; overflow:hidden; } .songlist_item { margin:0; padding:0; border-top:1px dotted #666; overflow:hidden; } .song_top_cont { margin:0; padding:8px 4px 8px 0; overflow:hidden; } .song_top_r { float:right; display:inline; text-align:right; width:86px; vertical-align:top; } .song_top_l { float:left; display:inline; width:380px; vertical-align:top; font-size:12px; } .song_top_r ul { width:86px; margin:0; padding:0; list-style-type:none; } .song_top_r li { width:38px; margin:0 0 0 8px; padding:0; display:inline; text-align:right; } .song_top_img { float:left; display:inline; width:35px; margin:0; margin-left:5px; vertical-align:top; } .song_top_text { float:right; display:inline; margin:0; margin-left:5px; padding:0; vertical-align:top; /* min-width:320px; max-width:330px; */ } .song_top_l h2 { padding:0; margin:0; display:inline; font-size: 21px; } .song_top_l h2 a:link { color:#333; text-decoration:none; !important; } .song_top_l h2 a:visited { color:#333; text-decoration:none; !important; } .song_top_l h2 a:hover { color:#333; text-decoration:underline; !important; } .song_top_l h2 a:active { color:#333; text-decoration:none; !important; } .song_top_l h2 .song_artist_name { color:#999; !important; } .song_top_l h2 .song_artist_name a:link { color:#999; text-decoration:none; !important; } .song_top_l h2 .song_artist_name a:visited { color:#999; text-decoration:none; !important; } .song_top_l h2 .song_artist_name a:hover { color:#999; text-decoration:underline; !important; } .song_top_l h2 .song_artist_name a:active { color:#999; text-decoration:none; !important; } .song_top_l .song_genre { font-size:12px; } #song_btm_row { height:5px; display:block; width:100%; margin:0; padding:0; border-top:1px dotted #666; overflow:hidden; } /* ===================================================================================*/ /* songlist blog comments ===========================================================*/ .song_btm { width:470px; margin:0; padding:0; vertical-align:top; overflow:hidden; } .song_btm_r { float:right; display:inline; width:380px; margin:0; padding:0; overflow:hidden; } .song_btm_l { float:left; display:inline; width:65px; padding:0; margin:6px 0 0 25px; background: url(../images/notch.gif) top right no-repeat;overflow:hidden; border:0px solid black; } .song_btm_cont { clear:both; width:380px; margin:0 5px 20px auto; background:#f8f8f8; padding:0; vertical-align:top; overflow:hidden; } .song_btm_tl {background: url(../images/song_btm_tl.gif) 0 0 no-repeat; z-index: 3; } .song_btm_bl {background: url(../images/song_btm_bl.gif) 0 100% no-repeat} .song_btm_br {background: url(../images/song_btm_br.gif) 100% 100% no-repeat} .song_btm_tr {background: url(../images/song_btm_tr.gif) 100% 0 no-repeat; padding:0; } .song_btm_text { padding:5px 10px; margin:0; line-height:115%; overflow:hidden; } .song_blog_title { text-transform:uppercase; color:#999; font-size: 10px; font-weight:bold; } .song_blog_title a:link { text-transform:uppercase; text-decoration:none; font-size: 10px; !important; } .song_blog_title a:visited { text-transform:uppercase; text-decoration:none; font-size: 10px; !important; } .song_blog_title a:hover { text-transform:uppercase; text-decoration:underline; font-size: 10px; !important; } .song_blog_title a:active { text-transform:uppercase; text-decoration:none; font-size: 10px; !important; } .song_blog_desc { margin:5px 0 5px 0; padding:0; font-size: 12px; text-align:left; } .song_blog_desc a:link { font-size:11px; text-decoration:none; !important; } .song_blog_desc a:visited { font-size:11px; text-decoration:none; !important; } .song_blog_desc a:hover { font-size:11px; text-decoration:underline; !important; } .song_blog_desc a:active { font-size:11px; text-decoration:none; !important; } /* ===================================================================================*/ /*#shared_3_col_r .sidebar_cont_bl, .sidebar_cont_br, .sidebar_cont_tl, .sidebar_cont_tr { background: none; }*/ #shared_3_col_r .sidebar_spot_blog_bl, #shared_3_col_r .sidebar_spot_blog_br, #shared_3_col_r .sidebar_spot_blog_tl, #shared_3_col_r .sidebar_spot_blog_tr { background: none; } .song_top_links { position: relative;} .name_genre { text-align: left; width: 515px; margin-left: 10px;} .name_genre a { color: black; } .large_btns { width: 120px; height: 32px; padding: 0px; margin: 0; position: absolute; top: 0; right: 4px; } .large_btns li { display: inline; margin-left: 1em; background: none; } .large_btns li:hover { background: none; } .large_btns a { background-repeat: no-repeat; padding: 8px 15px; float: right; margin-left: 10px} #archive_search_form { padding: 30px 0 15px 20px; text-align: left; } #archive_search_form input { font-size: 1.5em; } #archive_search_form #submit { position: relative; top: 4px; } .archive_search_hdr { text-align:left; width:100%; font-size:16px; margin-bottom:8px; } .large_btns a:hover { text-decoration: none; } .large_btn-get_song { background-image: url(../images/list_get_song.gif); } .large_btn-get_song:hover { background-image: url(../images/list_get_song_over.gif); } .large_btn-fave_add { background-image: url(../images/list_fave.gif); } .large_btn-fave_add:hover { background-image: url(../images/list_fave_over.gif); } .large_btn-fave_remove { background-image: url(../images/pod_fave_remove_large.png); } .large_btn-fave_remove:hover { background-image: url(../images/pod_fave_remove-hilite_large.png); } #genre_accordion { text-align: left; } .muzic_row { background-color: #9C0; } .muzic_row a:link, .muzic_row a:visited { color: white; }