/* Template Name: Ozenyx Template URI: http://phpmelodytemplates.com/demo Description: Feature-packed template with a solid design and 2 color theme switcher... Designed by phpmelodytemplates. Version: 0.0.1 Author: Ozgur Coruhlu Author URI: http://phpmelodytemplates.com Template designed by phpmelodytemplates. See the project page for more info and updates */ .clear-float{clear:both} a{text-decoration:none; color:#B8205E} p{margin-bottom:10px} #sorting ul li{display:inline; padding:3px; border-left:solid 1px #ccc} #sorting ul li a:hover{color:#333} #sorting ul li a.selectedli{color:#333; font-weight:bold} .top-menu{text-align:right; padding-top:10px; padding-right:40px} .top-menu li{display:block; display:inline} .top-menu li a{color:#f0f0f0; text-decoration:none; margin-right:10px} .megamenu{-webkit-border-radius:5px} .megamenu ul{} .megamenu ul li{list-style-type:none; display:block; float:left} .megamenu ul li a{text-decoration:none; color:#666; float:left; font-size:1.2em; padding-right:10px; padding-left:5px; text-transform:uppercase; line-height:45px; text-align:center} .megamenu ul .downcategories a{background-color:#172222; width:120px; background-image:url(../images/arrow.gif); background-repeat:no-repeat; background-position:right center; text-shadow:1px 1px 1px #000} .megamenu ul .downcategories a:hover{color:#FFF; background-color:#172222} .megamenu ul li a:hover{color:#000} .categoriesdropped{display:none; text-align:left; position:absolute; background:#172323; z-index:999;left:0px; width:240px; border-bottom-right-radius:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; border-bottom-left-radius:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; border:1px solid #000; padding-top:10px; padding-right:20px; padding-bottom:20px; padding-left:20px; top:183px; margin:0px} #ul_categories li{list-style-type:none; float:none} #ul_categories li a{ background:none; display:block; float:none; color:#ccc; font-size:1.2em; margin:0; text-transform:none; font-weight:normal; padding-top:3px; padding-right:0px; padding-bottom:3px; padding-left:0px; line-height:14px; text-shadow:1px 1px 1px #000; text-align:left} #ul_categories li a:first-letter{ color:#fff; font-size:1,8em; font-weight:bold} #ul_categories li a:hover{color:#B8205E} #content #ul_categories li{list-style-type:none;float:none} #content #ul_categories li{border-bottom-color:#CAC9C6; border-bottom-style:dotted; border-bottom-width:1px; display:block; } #content #ul_categories li a{ background:none; display:block; float:none; color:#333; font-size:1em; margin:0; text-transform:uppercase; font-weight:normal; padding-top:3px; padding-right:0px; padding-bottom:3px; padding-left:5px; line-height:16px; text-shadow:none; text-align:left} #content #ul_categories li a:first-letter{color:#333; font-size:1em; font-weight:normal} #content #ul_categories li a:hover{color:#B8205E; font-weight:normal; background:#F5F5F5} #content #ul_categories ul li{border:none; display:block; } #content #ul_categories ul li a{ background:none; display:block; float:none; color:#333; font-size:1em; margin:0; text-transform:capitalize; font-weight:normal; padding-top:3px; padding-right:0px; padding-bottom:3px; padding-left:10px; line-height:14px; text-shadow:none; text-align:left} #page-wrap{width:960px; margin-top:0px; margin-right:auto; margin-bottom:0px; margin-left:auto; position:relative} #header{height:138px; background-image:url(../images/header-bg.jpg); background-repeat:no-repeat; background-position:left top; position:relative} #header .logo{height:120px; width:330px; position:absolute; left:0px; top:15px; display:block; text-indent:-9999px; background-image:url(../images/demologo.png); background-repeat:no-repeat; background-position:left top} body{background-image:url(../images/bodybg2.gif); background-repeat:repeat-x; background-position:left top; background-color:#eee; color:#666} .slider-buttons{padding-top:5px; padding-bottom:5px; background-color:#F1F1F1; border:1px solid #CCC} #player{margin-top:0px; background:#000; padding-bottom:10px; -moz-border-radius-bottomright:5px; -khtml-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomleft:5px; -khtml-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; border:1px solid #FFF} .video-bg{background-image:url(../images/videobottom_bg.jpg); background-repeat:no-repeat; background-position:center top; height:14px} #player #Playerholder{height:370px; margin-top:5px;background:#000;} #player h1{color:#B8205E; display:block; padding-left:10px; padding-top:10px; font-weight:bold; letter-spacing:-1px} #player span{color:#666; font-size:1.6em; padding-left:10px} #player span a{text-decoration:none; color:#fff} #content-top{} #content .mid-content-right{float:right; width:71%} #content .mid-content-left{width:28%; float:left} #footer-wrap{background-image:url(../images/footer-bg.gif); background-repeat:repeat-x; background-position:left top; height:150px; margin-top:10px} #footer-wrap .footer-content{width:960px; margin-top:0px; margin-right:auto; margin-bottom:0px; margin-left:auto; padding-top:30px; padding-bottom:20px; overflow:hidden} .footer-links{width:150px; float:left; padding:0px; border-right:solid 1px #000; margin-right:10px} .footer-links li{color:#666; padding:3px} .footer-links li a:link, .footer-links li a:visited{text-decoration:none; color:#666} .footer-links li a:hover{text-decoration:none; color:#B8205E} .footer-left{float:left; width:450px} .footer-left h3{font-size:1.8em; display:block; margin-bottom:5px; color:#B8205E; font-weight:bold; letter-spacing:-1px; text-shadow:#000 -1px 1px 1px} .copy-right{float:right; width:220px; color:#666} .copy-right a:link, .copy-right a:visited{text-decoration:none; color:#666} .copy-right a:hover{color:#B8205E; } .box, .login-box, .tag-cloud, .detail_player{padding:10px; border:1px solid #999; background:#fff; -moz-border-radius-bottomright:5px; -khtml-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomleft:5px; -khtml-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; margin-bottom:10px} .tag-cloud a{text-decoration:none; color:#999} .tag-cloud a:hover{color:#B8205E} .social-top{position:absolute; right:10px; height:45px; line-height:45px; display:block; top:138px} .social-top a{display:block; float:left; margin-right:5px; width:40px; text-indent:-9999px; font-size:1.4em; text-decoration:none; text-shadow:#000 -1px 1px 1px; text-align:center} .social-top em{font-weight:normal; color:#fff; width:180px; height:45px; position:absolute; top:-85px; left:-15px; text-align:center; padding:20px 12px 10px; font-style:normal; z-index:2; display:none; text-indent:0px} .social-top .tweet-button{background-image:url(../images/social-top-bg.gif); background-repeat:no-repeat; background-position:0px 0px} .social-top .facebook-button{background-image:url(../images/social-top-bg.gif); background-repeat:no-repeat; background-position:-48px 0px} .social-top .rss-button{background-image:url(../images/social-top-bg.gif); background-repeat:no-repeat; background-position:-96px 0px} .social-top .rss-button:hover{background-position:-96px -45px} .social-top .facebook-button:hover{background-position:-48px -45px} .social-top .tweet-button:hover{background-position:0px -45px} p{font-size:1.2em} #content h3.header, #actions{background-color:#e0e0e0; font-size:1.6em; line-height:2em; color:#333; border:1px solid #999; padding-right:5px; margin-bottom:10px; padding-left:10px; text-shadow:#fff -1px 1px 1px} #content{padding-top:10px} .suggestionList{background-color:#333; border:1px solid #333; color:#CCC; filter:alpha(opacity=80); font-family:Arial,Helvetica,sans-serif; font-size:11px; khtml-opacity:0.8; margin:0; moz-opacity:0.8; opacity:0.8; padding:0; position:absolute; width:205px; z-index:50} .suggestionList a{color:#FFF; display:block; text-decoration:none} .suggestionList li{border-bottom-color:#666; border-bottom-style:dotted; border-bottom-width:1px; cursor:pointer; display:block; list-style-type:none; padding-bottom:5px; padding-left:4px; padding-right:0; padding-top:5px} #suggestions #autoSuggestionsList li a .search_img{border:2px solid #FFF; float:left; height:50px; margin-right:5px; width:50px} #suggestions #autoSuggestionsList li a .search_pull{display:block; float:left; font-weight:700; text-decoration:none; width:140px} #suggestions #autoSuggestionsList li a .search_titlem{display:block; font-style:normal; font-weight:normal} #autoSuggestionsList li a .search_pull .search_artistm{display:block; font-style:normal; font-weight:700} .suggestionList li:hover{background-color:#B8205E; color:#FFF; display:block} #search_form, #search_form_articles{display:block; float:right; height:32px; padding-bottom:0px; padding-left:0; padding-right:0; padding-top:20px; position:absolute; right:10px; top:25px; width:320px} #search_form .search_bttn, #search_form_articles .search_bttn{background-image:url(../images/SEARCH-BG.gif); background-repeat:no-repeat; background-position:left center; background-color:#B8205E; color:#FFF; border:1px solid #DC3D69; padding-left:28px; cursor:pointer; height:32px; margin-top:0px; position:absolute; width:100px; font-size:1.3em} #search_form #search #inputString, #search_form_articles #search #inputString{background-color:#FFF; border:1px solid #DB397D; color:#E8E7E5; font-size:20px; height:24px; line-height:24px; margin-right:5px; padding:3px; width:200px} #search_form #search #inputString:focus, #search_form_articles #search #inputString:focus{background-color:#FFF; border:1px solid #77153F} ul.tabs{margin:0; padding:0; float:left; list-style:none; height:32px; border-bottom:1px solid #999; border-left:1px solid #999; width:100%} ul.tabs li{float:left; margin:0; padding:0; height:31px; line-height:31px; border:1px solid #999; border-left:none; margin-bottom:-1px; background:#e0e0e0; overflow:hidden; position:relative; font-size:1.2em; text-shadow:#fff -1px 1px 1px} ul.tabs li a{text-decoration:none; color:#000; display:block; font-size:1.2em; padding:0 20px; border:1px solid #fff; outline:none} ul.tabs li a:hover{background:#ccc} html ul.tabs li.active, html ul.tabs li.active a:hover{background:#fff; border-bottom:1px solid #fff} .tab_container{border:1px solid #999; border-top:none; clear:both; float:left; width:100%; background:#fff; -moz-border-radius-bottomright:5px; -khtml-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomleft:5px; -khtml-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px} .tab_content{font-size:1.2em; padding-top:10px; padding-bottom:10px} .tab_content ul{padding-left:5px} .tab_content h2{font-weight:normal; padding-bottom:10px; border-bottom:1px dashed #ddd; font-size:1.8em} .tab_content h3 a{color:#B8205E} #tab1 .item, #tab2 .item, #tab3 .item{width:215px; height:80px; float:left; overflow:hidden; position:relative; padding:5px} #detail_page .item{width:208px; height:80px; float:left; overflow:hidden; position:relative; padding:5px} #tab1 .item img, #tab2 .item img, #tab3 .item img, #detail_page .item img{width:90px; height:60px; padding:2px; border:1px solid #CCC; float:left; background-color:#FFF; margin-right:4px} .item .iteminfo h3{color:#B8205E; margin:0px; padding:0px} item .iteminfo{float:left; /* For IE 5-7 */filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80); /* For IE 8 */-MS-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; padding-top:3px} .iteminfo .artist_name, .iteminfo .artist_name_1{color:#B8205E; display:block; font-style:normal; font-size:12px; font-weight:bold; letter-spacing:-1px; padding-bottom:2px} .iteminfo .item_views{color:#FFF; display:block; position:absolute; font-size:10px; line-height:1em; font-style:normal; left:10px; top:20px; background-color:#000; border-top-width:1px; border-right-width:1px; border-bottom-width:1px; border-top-style:solid; border-right-style:solid; border-bottom-style:solid; border-top-color:#333; border-right-color:#333; border-bottom-color:#333; padding-top:3px; padding-right:3px; padding-bottom:3px; padding-left:20px; background-image:url(../images/view.gif); background-repeat:no-repeat; background-position:3px center} .iteminfo .song_name{font-style:normal; color:#666; display:block; padding-top:1px; font-size:10px} .item a{display:block; padding:5px; text-decoration:none; width:200px; background-color:#Fafafa; height:66px; border:1px solid #f0f0f0} .item a:hover{background-color:#f4f4f4; border-top-color:#CCC; border-right-color:#CCC; border-bottom-color:#CCC; border-left-color:#CCC; background-image:url(../images/item-play.gif); background-repeat:no-repeat; background-position:187px 53px} .loginim .inputtext{float:right; width:100px} .loginim span{display:block; float:left; width:70px} .loginim{display:block; height:30px} .remember .inputtext{float:right; width:100px} .remember span{display:block; float:left; width:155px} .remember{display:block; height:25px} #logged_menu{font-size:1em; padding:10px 0} #logged_menu li{padding:0} #logged_menu a, #logged_menu a:visited{color:#333; display:block; font-weight:normal; padding-left:25px; text-decoration:none; text-transform:uppercase; line-height:23px} #logged_menu a:hover{color:#B8205E; font-weight:normal; background:#F5F5F5} #logged_menu ul li{border-bottom-color:#CAC9C6; border-bottom-style:dotted; border-bottom-width:1px; display:block} #logged_menu ul .fav a{background-image:url(../images/fav.gif); background-position:left center; background-repeat:no-repeat} #logged_menu ul .suggestin a{background-image:url(../images/vid.gif); background-position:left center; background-repeat:no-repeat} #logged_menu ul .m_list a{background-image:url(../images/list.gif); background-position:left center; background-repeat:no-repeat} #logged_menu ul .edit_me a{background-image:url(../images/edit.gif); background-position:left center; background-repeat:no-repeat} #logged_menu ul .up_avatar a{background-image:url(../images/avat.gif); background-position:left center; background-repeat:no-repeat} #logged_menu ul .logout_me a{background-image:url(../images/out.gif); background-position:left center; background-repeat:no-repeat; color:red} #logged_menu a.admin_area{background-image:url(../images/admi.gif); background-position:left center; background-repeat:no-repeat; color:#333} .ad-top{padding:10px 10px 5px 49px} #lang_selector{float:right; height:30px; margin-right:8px; position:absolute; right:0px; top:5px} #lang_selector, .lang_selected, .lang_submenu{border:0; list-style:none; margin:0; padding:0; width:40px} .lang_selected span, .lang_selected_onclick span{display:block; padding:4px 2px 2px 4px} .lang_selected li{display:inline} .lang_selected span:hover, .lang_selected_onclick span{color:#f0f0f0; border-bottom:1px solid #333; border-right:1px solid #333} .lang_selected_onclick span{border-bottom:none} .lang_submenu{background:#000; border-bottom:1px solid #000; border-right:1px solid #000; display:none; position:absolute; width:39px; z-index:2} .lang_submenu a:link, .lang_submenu a:visited, .lang_submenu a:hover{display:block; font-size:11px; padding:4px 2px 2px 4px} .arrow{cursor:pointer; margin-left:3px} #lightsoff{display:block; float:left; margin-right:5px; width:30px} #lightsoff a{color:#525252; text-decoration:none} #lightsoff a:hover{color:#B8205E; text-decoration:underline} #taggei{border-top:dashed 1px #ccc; overflow:hidden; margin-top:10px} #taggei a{background-attachment:scroll; background-color:transparent; background-image:url(../images/tag.gif); background-position:left center; background-repeat:no-repeat; border-right-color:#2A2A2A; border-right-style:solid; border-right-width:1px} #taggei a.tag{color:#FFF; display:block; float:left; font-size:10px; height:17px; line-height:16px; margin-top:5px; padding-left:20px; padding-right:10px; text-decoration:none} .tagbg{background-color:#FFF; border:1px solid #D7D7D7; padding:5px} ul.video-info li{border-bottom-color:#CAC9C6; border-bottom-style:dotted; border-bottom-width:1px; display:block; line-height:23px} .detail_player h3.header{ } .detail_player h3.header span{font-size:0.7em; padding-left:5px; border-left:solid 1px #333; margin-left:10px} #detail_page .fav_bar .commi{background-image:url(../images/comme.gif); background-position:10px center; background-repeat:no-repeat; border-left-color:#CCC; border-left-style:solid; border-left-width:1px; display:block; float:left; font-size:12px; height:35px; line-height:35px; padding-left:10px} #detail_page .fav_bar .commi .comments_a{color:#B8205E; font-size:12px; line-height:35px; padding-left:30px; text-decoration:none} .detail_player .tag_featured{position:relative;} .detail_player .tag_featured .featured-vid{position:absolute;right:5px; bottom:-32px;border:solid 1px #000; font-size:1.4em;padding:5px;background:#333;color:#fff; } #detail_page .fav_bar{padding:3px} #detail_page div .book{height:40px; position:relative} #detail_page_video_links{overflow:hidden; padding-top:12px} #detail_page_video_links li{display:block; font-size:11px; line-height:18px} #detail_page_video_links .ul_title{color:#333; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:1.2em; font-weight:bold; text-transform:uppercase; display:block; margin-bottom:5px; letter-spacing:-1px; text-shadow:#fff -1px 1px 1px} #detail_page_video_links li a{background-color:#E5E5E5; border:1px solid #999; color:#B8205E; display:block; padding:3px; text-align:center; -moz-border-radius-bottomright:5px; -khtml-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomleft:5px; -khtml-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px} #detail_page_video_links li a:hover{background-color:#B8205E; border-bottom-color:#6E3341; border-left-color:#6E3341; border-right-color:#6E3341; border-top-color:#6E3341; color:#FFF} #detail_page_video_links .fl li{float:left; list-style-type:none; margin-right:6px; width:160px} #detail_page_share_link{background-color:#FFF; border:2px solid #FFFDF5; color:#B8205E; font-size:12px; font-weight:700; line-height:15px; padding:0; text-transform:uppercase; width:330px} #lightsoff-background{z-index: 999} #lightsoff{display:block; float:left; margin-right:5px; width:30px} #lightsoff a{color:#525252; text-decoration:none} #lightsoff a:hover{color:#F60; text-decoration:underline} #detail_page .rating_stars{border-left-color:#E8E8E8; border-left-style:solid; border-left-width:1px; float:left; padding-left:10px; padding-right:5px} .unit-rating{background:url('../images/star_rating.gif') top left repeat-x; height:20px; list-style:none; margin:0; padding:0; position:relative; width:100px} .unit-rating li{float:left; margin:0; padding:0; text-indent:-90000px} .unit-rating li a{display:block; height:20px; padding:0; position:absolute; text-decoration:none; text-indent:-9000px; width:20px; z-index:20} .unit-rating li a:hover{background:url('../images/star_rating.gif') left center; left:0; z-index:2} .unit-rating a.r1-unit{left:0} .unit-rating a.r1-unit:hover{width:20px} .unit-rating a.r2-unit{left:20px} .unit-rating a.r2-unit:hover{width:40px} .unit-rating a.r3-unit{left:40px} .unit-rating a.r3-unit:hover{width:60px} .unit-rating a.r4-unit{left:60px} .unit-rating a.r4-unit:hover{width:80px} .unit-rating a.r5-unit{left:80px} .unit-rating a.r5-unit:hover{width:100px} .unit-rating li.current-rating{background:url('../images/star_rating.gif') left bottom; display:block; height:21px; position:absolute; text-indent:-9000px; z-index:1} .shadetabs{margin:0px; padding:0px; height:90px} .shadetabs li{border-bottom-color:#CAC9C6; border-bottom-style:dotted; border-bottom-width:1px; display:block; line-height:16px} .shadetabs li a{color:#333; font-size:12px; font-weight:normal; display:block; padding:5px; display:block} .shadetabs li a:hover{color:#B8205E; font-weight:normal; background:#F5F5F5} .shadetabs li.selected{color:#fff; font-weight:normal; background:#172323} .shadetabs li.selected a{color:#fff; background:#172323; background:url('../images/arrow.gif') right center; background-repeat:no-repeat} .shadetabs li.selected a:hover{color:#fff; background:#333; background:url('../images/arrow.gif') right center; background-repeat:no-repeat} #video-list li img{width:60px; height:40px; padding:2px; border:1px solid #CCC; float:left; background-color:#FFF; margin-right:4px} #video-list li .item_views{color:#FFF; display:block; position:absolute; font-size:10px; line-height:1em; font-style:normal; left:5px; top:15px} #video-list li .item_views{color:#FFF; display:block; position:absolute; font-size:10px; line-height:1em; font-style:normal; left:5px; top:15px} #video-list li .item_views{color:#FFF; display:block; position:absolute; font-size:10px; line-height:1em; font-style:normal; left:5px; top:15px} #video-list li{width:235px; height:60px; float:left; overflow:hidden; position:relative; padding:5px} #video-list li a{width:223px; display:block; border:solid 1px #ccc; overflow:hidden; padding:5px; height:48px} #video-list li a:hover{background-color:#f4f4f4; border-top-color:#CCC; border-right-color:#CCC; border-bottom-color:#CCC; border-left-color:#CCC; background-image:url(../images/item-play.gif); background-repeat:no-repeat; background-position:210px 35px} #video-list .spyWrapper{ height:100%; overflow:hidden; position:relative} #video-list {height:350px;overflow:hidden;} #detail_show_more li.item img{width:60px; height:40px; padding:2px; border:1px solid #CCC; float:left; background-color:#FFF; margin-right:4px} #detail_show_more li.item .item_views{color:#FFF; display:block; position:absolute; font-size:10px; line-height:1em; font-style:normal; left:5px; top:15px} #detail_show_more .item{ width:95%;height:60px; float:left; overflow:hidden; position:relative; padding:5px} #detail_show_more{overflow:hidden} #detail_show_more li.item a{display:block; border:solid 1px #ccc; overflow:hidden; padding:5px; height:48px} #detail_show_more li.item a:hover{background-color:#f4f4f4; border-top-color:#CCC; border-right-color:#CCC; border-bottom-color:#CCC; border-left-color:#CCC; background-image:url(../images/item-play.gif); background-repeat:no-repeat; background-position:210px 35px} #detail_show_more ul{height:285px;overflow:auto;} #detail_show_more li.item em.song_name{display:block} #detail_show_more li.item em.artist_name{display:block; color:#333; font-size:12px; padding-top:2px} .form-row{margin-bottom:10px} .form-row label{margin-bottom:5px; display:block; font-weight:bold; font-size:12px} .form-row #image, .form-row #email{float:left; margin-right:5px} .form-row span{display:block; padding:5px 0} .form-row .small-warning{color:red} .form-row #msg{float:left; width:640px; border:solid 1px #ccc; padding:5px} .form-row .captcha{float:left; display:block; width:35px; height:35px; margin-right:10px} .inputtext, #c_username{border:solid 1px #ccc; height:22px; padding-top:3px; font-size:1.2em} .inputtextfull{border:solid 1px #ccc; height:22px; padding-top:3px; font-size:1.2em; width:99%} .textareafull{border:solid 1px #ccc; padding-top:3px; font-size:1.2em; width:99%} h2.sub-header{padding:5px 0; border-bottom:dashed 1px #ccc; margin-bottom:10px; color:#B8205E; font-weight:bold; letter-spacing:-1px; text-shadow:#ccc -1px 1px 1px} .avatar{padding:2px; border:solid 1px #ccc} .profile-info strong{font-weight:bold; display:block; width:150px; float:left} .profile-info div{padding:4px} .profile-info span{padding-left:10px} .notes{display:block; margin-bottom:10px} #detail_page_comments .form-row{margin-bottom:10px} #detail_page_comments label{margin-bottom:5px; display:block} #detail_page_comments .form-row #image{float:left} #detail_page_comments .form-row .captcha{float:left; display:block; width:35px; height:35px; margin-right:10px} .inputtext, #c_username{border:solid 1px #ccc; height:22px; padding-top:3px; font-size:1.2em} #c_comment_txt{border:solid 1px #ccc; padding:5px} .mycommentspan{color:red; line-height:14px; margin-bottom:10px; display:block; padding-left:14px; background-image:url(../images/error.gif); background-repeat:no-repeat; background-position:left center} .comment-head .avatar_img{float:right; padding:2px; border:1px solid #CCC; width:30px; height:30px} .comment-head .comment-user{float:left; border-right-width:1px; border-right-style:solid; border-right-color:#CCC; padding-right:5px} #comments_ol li{margin-bottom:10px; background-color:#fbf9f9; padding:5px; border:1px solid #CCC; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px} #preview_comment{margin-bottom:10px; font-size:1.2em; padding:5px; border:1px solid #CCC; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; color:#666} #preview_comment .comment-text{color:#666; border-top:1px solid #fff; padding-bottom:10px; padding-top:10px} #preview_comment .comment-author{font-size:1.4em; font-family:Helvetica,Arial,sans-serif; color:#B8205E; display:block} #preview_comment .comment-date{display:block; color:#999; padding-top:2px; padding-bottom:5px; font-size:0.8em} #preview_comment .comment-head{height:35px; padding-bottom:5px; margin-bottom:10px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#CCC} .comment-text{color:#666; border-top:1px solid #fff; padding-bottom:10px; padding-top:10px} .comment_box{margin-bottom:10px} .comment-head .comment-user .comment-author{font-size:1.4em; font-family:Helvetica,Arial,sans-serif; color:#B8205E; display:block} .comment-head{height:35px; padding-bottom:5px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#CCC} .comment-head .comment-user .comment-date{display:block; color:#999; padding-top:2px; padding-bottom:5px; font-size:1em} #comments_ol .pagination a, #comments_ol .pagination span{display:inline; padding:0 3px} #c_submit, .inputbutton{-moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; background:#B8205E; border:none; font-size:1.3em; color:#fff; padding:3px; margin:5px 0; text-shadow:1px 1px 1px #000} #c_submit:hover, .inputbutton:hover{background:#333; color:#fff} .error_msg{color:red; display:block; padding:10px 0} #ul_categories_articles a, #ul_categories_articles a:visited{color:#333; display:block; font-weight:normal; padding-left:5px; text-decoration:none; text-transform:uppercase; line-height:23px} #ul_categories_articles a:hover{color:#B8205E; font-weight:normal; background:#F5F5F5} #ul_categories_articles li{border-bottom-color:#CAC9C6; border-bottom-style:dotted; border-bottom-width:1px; display:block} #ul_categories_articles ul li{padding-left:5px; border:none; display:block} #ul_categories_articles li ul.hidden_li li a{text-transform:none; display:block; color:#999} #ul_categories_articles li ul.hidden_li li a:hover{color:#B8205E; font-weight:normal; background:none} #css_articles{padding-top:10px} #css_articles_list{margin-bottom:10px; padding-bottom:10px; border-bottom:dashed 1px #ccc} #css_articles_list h3, .articleContent h2{font-size:2em; margin-bottom:3px; color:#333} #css_articles_list h3 a:link{color:#333} #css_articles_list h3 a:visited{color:#666} #css_articles_list h3 a:hover{color:#B8205E} #css_articles_list .pubDate{margin-bottom:10px; color:#999} #css_articles_list #articleParagraph img{margin-right:10px; float:left; padding:3px; border:solid 1px #ccc; width:100px} #css_articles_list #articleParagraph{float:left; padding-bottom:10px; margin-bottom:10px; border-bottom:dashed 1px #ccc} #css_articles .page-no .pag, #css_articles .page-no .page-pagi{display:inline; float:left; margin-right:5px} #articleParagraph .shortcuts{display:block; padding:5px 0} #articleParagraph .shortcuts a{font-size:1.2em; border-right:solid 1px #ccc; padding:0 5px} #articleParagraph .shortcuts .increaseFont , #articleParagraph .shortcuts .resetFont , #articleParagraph .shortcuts .decreaseFont{border:none; padding:0} #css_articles .page-no .img-rss{float:right} #pm_resizer{padding:10px 0} #pm_resizer img{margin-left:10px; margin-bottom:5px; float:right; padding:3px; border:solid 1px #ccc} .relatedArticles li a{font-size:1.2em; padding:3px 10px; display:block; background-image:url(../images/artcls-icon.gif); background-repeat:no-repeat; background-position:left center} .relatedArticles li a:hover{color:#333} .articles-on-sidebar li a{display:block; color:#666; margin-bottom:10px} .articles-on-sidebar li a h2{color:#B8205E; margin-bottom:5px} .articles-on-sidebar li a:hover h2{color:#333} .articles-on-sidebar li a .img-crop{width:100px; display:block; overflow:hidden; float:left; margin-right:10px; border:1px solid #A9A9A9} .articles-on-sidebar li a p{font-size:1em; text-align:justify} .table-rows , .table-rows td{border:1px solid #ccc; border-collapse:collapse; font:100% "Verdana",Arial,Helvetica,sans-serif} .table-rows{border:1px solid #ccc; width:100%} .table-rows thead th{background-color:#B8205E; border:0; color:#fff; padding:1em; text-align:center; vertical-align:middle} .table-rows tbody th{ border-top:1px solid #ccc; font-weight:normal; padding:3px; text-align:center; vertical-align:middle} .table-rows tbody tr td.row-img{width:60px; padding:1px} .table-rows tbody tr td.row-img img{width:50px; border:solid 1px #ccc; padding:5px; background:#fff; display:block} .table-rows tbody tr td{padding:5px 10px; vertical-align:middle; font-size:1em; horizontal-align:left} .table-rows tfoot td, .table-rows tfoot th{ background-color:#B8205E; border-left:none; border-top:1px solid #ccc; color:#fff; padding:.75em} .table-rows span.artist_name{display:block; font-size:12px; color:#333; font-weight:bold; letter-spacing:-1px} .table-rows span.song_name{display:block; font-size:10px; color:#666} .sort-header{position:relative; padding:7px; background-color:#e0e0e0; font-size:1em; line-height:2em; color:#333; border:1px solid #999; margin-bottom:10px; text-shadow:#fff -1px 1px 1px} .no{font:2em "Helvetica",Arial,sans-serif; color:#ccc} .sort-header h2{width:435px} #sorting, .watch_all{position:absolute; top:8px; right:10px} #fav_list .table-rows .play-fav-img-td img{height:28px; width:40px; border:1px solid #999; padding:1px} #fav_list .table-rows .play-fav-img-td{width:45px} #fav_list .table-rows tbody tr td{vertical-align:middle; font-size:1em; horizontal-align:left; height:30px; padding-top:2px; padding-right:5px; padding-bottom:2px; padding-left:5px} #fav_list .table-rows .play-fav-td .play-fav{display:block; background-image:url(../images/fav-play.png); background-repeat:no-repeat; background-position:-29px 0px; height:28px; width:29px; margin-top:2px} #fav_list .table-rows .play-fav-td .play-fav:hover, #fav_list .table-rows tr:hover .play-fav{background-position:-29px -28px} #fav_list .table-rows .artist_name{display:block; color:#333; font-size:12px} #fav_list .table-rows .song_name{display:block; color:#999; font-size:10px} #fav_list .table-rows .delete-fav{display:block; background-image:url(../images/fav-play.png); background-repeat:no-repeat; background-position:0px 0px; height:28px; width:29px; margin-top:2px} #fav_list .table-rows .delete-fav:hover{background-image:url(../images/fav-play.png); background-position:0px -28px} #fav_list .table-rows .delete-fav-td{width:30px} #fav_list .table-rows .play-fav-td{width:32px; height:32px} #fav_list{padding:10px; border:1px solid #999; background:#fff; -moz-border-radius-bottomright:5px; -khtml-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomleft:5px; -khtml-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; margin-bottom:10px} .fav_share_link{float:right; font-size:10px} .fav_share_link .inputtext{background:#f0f0f0; padding-left:3px; color:#666} /* scrollable settings */ div.scrollable{border-top:1px solid #ccc; position:relative; overflow:hidden; height:350px; width:660px; padding-top:10px} div.scrollable div.items{position:absolute; height:20000em; width:660px} #fav_list .scrollable.vertical .items div{padding-right:0; padding-left:1px} .table-rows tr.row2{background-color:#fafafa; color:#101011} #memberslist .table-rows .share-link-members{background-image:url(../images/play.png); background-repeat:no-repeat; display:block; height:30px; width:30px; text-indent:-9999px} #memberslist .table-rows a img{border:1px solid #999; padding:2px; width:30px; height:32px} #memberslist .table-rows tbody tr td{vertical-align:middle; font-size:1em; horizontal-align:left; padding-top:2px; padding-right:5px; padding-bottom:2px; padding-left:5px; text-align:center} #memberlist_links{padding:10px 2px} #memberlist_links a:link, #memberlist_links a{padding:3px; font-size:12px; border:1px solid #CCC} #memberlist_links a:hover{color:#fff; background:#333; border:1px solid #CCC; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px} .table-rows tr:hover, .table-rows tr.row2:hover, .table-rows tr:hover th{background-color:#f0f0f0; color:#333} .table-rows tfoot tr:hover td, .table-rows tfoot tr:hover th, .table-rows thead tr:hover th{background-color:#B8205E; ; color:#fff} .table-rows a:link{color:#B8205E; text-decoration:none} .table-rows a:visited{color:#B8205E; text-decoration:none} .table-rows a:hover, table a:active{text-decoration:underline} .table-rows tr:hover a:link, .table-rows tr.row2:hover a:link{color:#333} .table-rows tr:hover a:visited, .table-rows tr.row2:hover a:visited{color:#333} #actions a{display:block; height:28px; width:29px; margin-top:2px; text-indent:-9999px; float:left} #actions a.nextPage{background-image:url(../images/fav-play.png); background-repeat:no-repeat; background-position:-60px 0px; cursor:pointer} #actions a.nextPage:hover{background-position:-60px -28px} #actions a.prevPage{cursor:pointer; background-image:url(../images/fav-play.png); background-repeat:no-repeat; background-position:-87px 0px} #actions a.prevPage:hover, #actions a.disabled{ background-position:-87px -28px} .table-rows a.play-row{width:40px; height:40px; display:block; background-image:url(../images/play.png); background-repeat:no-repeat; background-position:center center; text-indent:-9999px} div.pagination{width:auto; text-align:right; margin:5px; padding:3px; float:right} div.pagination a{font-weight:400; text-decoration:none; color:#747474; background-color:#eee; border:1px solid #bababa; font-size:0.9em; line-height:1.5em; margin:0 2px; padding:0 2px} div.pagination a:hover, div.pagination a:active{background-color:#B8205E; ; color:#FFF; text-decoration:none; border-color:#333} div.pagination span.current{font-weight:400; color:#FFF; border:1px solid #333; background-color:#B8205E; ; font-size:0.9em; margin:0 2px; padding:0 2px} div.pagination span.disabled{visibility:hidden} div.pagination a, div.pagination span.current, div.pagination span.disabled{-moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; padding:2px 4px} #pag{display:block; height:22px; font-size:11px; padding:5px} #pag a{font-weight:700; text-decoration:none; color:#fff; background-color:#666; padding:5px} #pag a:hover{color:#fff; background-color:#333} #tooltip{width:100px; background-color:#333333; padding:5px; font-size:11px} .slider li a { background:#f0f0f0; padding:10px; border:solid 1px #ccc; float: left; color:#333; display:block; position:relative; padding-bottom:30px; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } .slider li a:hover { background:#EAEAEA; } a.trigger{ background-image:url(../images/social-top-bg.gif); background-repeat:no-repeat; background-position:-144px 0px; } a.trigger:hover{ background-image:url(../images/social-top-bg.gif); background-repeat:no-repeat; background-position:-144px -45px; }