@charset "utf-8";
/* CSS Document */

body {background-color:#2f4f4e; font-size:14px; color:#4e4e4e; font-family:Arial, Geneva, sans-serif; padding:0px; margin:0px;}

h1 {font-size:16px;}
h1 a {color:#194E84; text-decoration:none; font-size:16px;}
h1 a:hover {color:#990033;}

h2 {font-color:14px;}

a {color:#BF1B7A; text-decoration:none;}
a:hover {color:#9d2e2c;}

#main {background-color:#ffffff; width:976px; padding:5px 3px; margin:5px auto; border-radius:4px;}

#top_sitemap {height:80px; background-color:#4682b4; font-size:16px; padding-left:10px; margin-bottom:10px; padding-top:10px; text-align:right;}
#top_sitemap a{font-weight:bold;text-decoration:none;color:#ffffff;}
#top_sitemap a:hover{color:#2B3E42;}
#top_sitemap > .form_search{margin-right:5px;width:240px;}
#top_sitemap > .form_search >.search_text{padding:2px; border:1px solid #FFF; width:180px; text-align:right;}

#legend {height:32px; text-align:left; margin-top: 14px;}
#legend a{padding:4px 9px; margin:0px 3px; -moz-border-radius: 5px 2px / 2px 5px; border-radius: 5px 2px / 2px 5px; background-color:#ffffff; color:#000000; display: inline-block; height: 20px; font-weight:normal;} 
#legend a:hover{background-color:#E0F4FF;} 

#top_menu{list-style: none outside none; float:right; padding:0px; margin:3px 0px; font-weight:bold; color:#ffffff;}
#top_menu > li{display:inline;padding-right:4px;border:none;}
#top_menu > li a{color:#ffffff; text-decoration:none;}
#top_menu > li a:hover{color:#71c42b; text-decoration:underline;}

#header {height:90px;padding:1px;}
#header > .left {text-align:left;}

#footer {width:970px;padding:3px 0px; clear:both;height:31px; text-align:center; font-size:11px; border-top:1px solid #cccccc;}
#footer > a {margin-left:20px;}

#content {background-color:#ffffff; overflow:auto;}
#sidebar_right {float:right; width:300px; margin:4px 5px;}
#content_left {float:left; width:650px; padding:10px 0px 10px 10px;}


.paginatie {margin-top:5px;}
.paginatie a{color:#b80028;    text-decoration:none; font-weight:bold;    border:1px solid #3B6B9C; padding:2px 4px;}
.paginatie a:hover{color:#60BB22; text-decoration:none;    border:1px solid #b80028;}

.clear { clear: both; display: block; height: 0; overflow: hidden; visibility: hidden; width: 0;}
.clearfix:before, .clearfix:after { content: " "; display: block; height: 0; overflow: hidden; visibility: hidden; width: 0;}
.clearfix:after { clear: both;}
.clearfix {}

.left { display: inline; float: left; text-align:left;}
.right { display: inline; float: right;}

#search_btn {background: url("../img/search_icon.png") no-repeat scroll center center #FFFFFF; border: 0 none; height: 24px; left: auto; overflow: hidden; padding: 0; right: 8px; text-indent: -2000em; top: 8px; width: 29px;}

.read_more{ width:100px; text-align:right; margin:2px 20px 0px 0px; height:25px;}
.read_more a { border-style: solid; border-width : 1px 2px 2px 1px; text-decoration : none; padding : 4px 4px 4px 8px; font-weight:bold; color:#f60; border-color : #F60 #F60 #F60 #F60; -moz-border-radius: 5px; border-radius: 5px;}
.read_more a:hover { border-color: #710; color:#ffffff; background-color:#710; }

.left_box_top {border-style:solid; border-color:#dda0dc; background-color:#dda0dc; -moz-border-radius:5px 5px 0px 0px; border-radius:5px 5px 0px 0px; padding:3px; font-weight:bold; color:#ffffff; font-size:17px;}
.left_box {border-left:2px solid #dda0dc;border-right:2px solid #dda0dc; padding:4px 4px 0;}
.left_box b {color: #85007f;font-size: 16px;font-weight: normal;}
.left_box ul{ margin:2px 12px; padding:2px 7px;}
.left_box> a{ font-size:15px; color:#4e4e4e;line-height:18px;}
.left_box> a:hover{color:#85007F;}
.left_box_bottom {border-style:solid; border-color:#dda0dc; background-color:#fff; -moz-border-radius:0px 0px 10px 10px; border-radius:0px 0px 10px 10px; padding:0px; font-weight:bold; color:#fff; height:5px; border-top:none;margin-top: -4px;}

#top_letters {text-align:left;}
#top_letters> a{display:block-inline; font-weight:bold; margin:2px; padding:1px; font-size:14px; width:10px; height:17px; text-align:center; color:#228b22;}
#top_letters>.letter_separator {color:#4b99d4;}

.albums {overflow:auto; border-bottom:2px dashed #d4d4d4; font-size:120%;}
.albums h1 {margin-bottom:2px; padding-bottom:0px; padding-left:10px;}
.albums h2 {margin-bottom:2px; padding-bottom:0px; padding-left:10px; font-size:18px;}
.albums h3 {margin:0px; padding:0px; font-size:12px; font-weight:100; font-style:italic;}
.albums > img {width:300px;height:240px;}
.albums a{font-size:15px; line-height:24px; margin-left:10px;font-size:95%;}


.song_div{background-color: #fff4f0;border: 2px solid #fde6e0;border-radius: 5px;color: #2f4f4e;float: left;font-size: 13px;height: 135px;line-height: 16px;margin-bottom: 10px;margin-left: 15px;overflow: hidden;padding: 5px 8px;width: 290px;}
.content_news_list{float:right; width:475px; min-height:120px; margin:4px 2px 0px 0px;}
.uptitle_article{width: 625px; height: 82px; line-height:18px; margin-right: 10px; float: right; text-align:justify; overflow:hidden;}
.container_bottom_article{margin: 10px 5px; padding: 5px; border-top: 2px dashed #9e9e9e; width: 625px; clear: both; float: left;}

.pagination {margin-top: 10px; padding:10px 10px 5px; font-size:18px; overflow:auto;}
.pagination > .backbtn {background-color: #fbfbfb; border: 1px solid #fbfbfb; border-radius: 3px; color: #acacac; display: block; float: left; margin: 0 5px 5px 0; padding: 3px 8px; text-align: center; text-decoration: none;}
.pagination > .forward {background-color: #fbfbfb; border: 1px solid #fbfbfb; border-radius: 3px; color: #acacac; display: block; float: left; margin: 0 5px 5px 0; padding: 3px 8px; text-align: center; text-decoration: none;}
.pagination > a {background-color: #fbfbfb; border: 1px solid #fbfbfb; border-radius: 3px; color: #acacac; display: block; float: left; margin: 0 5px 5px 0; padding: 3px 8px; text-align: center; text-decoration: none;}
.pagination > a:hover {border:1px solid #dedede;}
.pagination > .current_pg{background-clip: padding-box; background-color: #f2f2f2; background-image: -moz-linear-gradient(center bottom , rgba(0, 0, 0, 0.05) -17%, rgba(255, 255, 255, 0.05) 117%); border: 1px solid rgba(0, 0, 0, 0.2); color: #808080; opacity: 0.7; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.15);}
.pagination > .is_paging_logo {float:right; margin-bottom:4px;padding:0px;border:none;}
.pagination > .is_paging_logo:hover {border:none;}

.title_26{font-size:26px;}
.title_16{font-size:16px;}

.homepage {padding:0px !important;}
.homepage>.top_header_text {color: #4e4e4e;font-size: 15px;margin: 0 10px 5px 20px;text-align: justify;}
.homepage>.songs_list{padding:10px 10px 10px 0px; overflow:auto; width:100%;}

.news_box{overflow:auto; margin:4px 0px;}
.news_box>.upptitle_article>h1{text-align:center; color:#B80028; margin:3px; padding:2px; font-size:18px;}
.news_box>.container_bottom_article>.img_box{margin: 3px 6px 1px 0px; padding: 2px; float: left;}

.short_news_box {overflow:auto; margin:4px 0px 4px 0px; padding-bottom:5px; border-bottom:1px dotted #aeaeae;}
.short_news_box>h1 {padding-top:0px;margin-top:3px; margin-bottom:5px;}
.short_news_box>p  {margin-top:6px;}
.short_news_box>.img_box{float:left; margin: 3px 6px 1px 0px; padding:1px;}
.short_news_box>.img_box>a{font-size: 20px; color:#0E63A1;}
.content_news_list>h1{text-align:left; color:#B80028; margin:1px; padding:1px; font-size:14px; line-height:20px;}
.content_news_list>h1>a{font-size: 20px; color:#0E63A1;}
.content_news_list>.short_description{text-align:justify; margin:5px 2px;}

.artist_letter_list {font-size:15px; line-height:20px;}

.albums>img{float:left; margin:5px;}
.albums>.list_of_songs{float:left; width:465px; margin-left:10px;margin-top:5px; margin-bottom:10px;}
.albums>.list_of_songs>h3{text-align:justify; opacity:0.75;margin:0 0 10px;font-size:14px;}

.content_artist>.top_message{margin:15px 10px 5px 10px;}

.google_vertical_left_160_600 {width:160px; height:600px; float:left; margin-right:10px; padding:5px; margin-top:5px;}
.google_box_300_250 {margin:10px auto; width:300px; height:250px;}
.google_box_336_280 {margin:10px auto; width:336px; height:280px;}
.google_vertical_600_300 {margin:10px auto; width:300px; height:600px;}
.google_top_left_responsive_01 {display:none; height:100px; margin:15px 5px;}

.error_body_404 {width:710px; margin:200px 0px; padding:5px; color:#00477F; font-size:24px; text-align:center; vertical-align:middle;}
.search_body {padding:0px !important;}
.search_form_container {float:left; width:95%; height:40px; margin-left:15px; margin-bottom:10px; padding-left:5px;}
.search_term_box {padding:5px; border:1px solid #4e4e4e; width:280px; text-align:right;}
.search_title_summary {float:left; width:95%; height:20px; margin-left:15px; margin-bottom:10px;}

.paginatie>.numbers_container {width:450px; height:30px; text-align:right; float:right; margin-right:20px; padding-top:5px;}
.paginatie>.numbers_container>a {border:none;}
.paginatie>.next_prev_container {float:left; width:175px; height:30px; text-align:center; font-weight:bold; font-size:16px; padding-top:5px;}
.paginatie>.next_prev_container>a {border:none;}

.latest_news {border-left:none; border-right:none;}
.latest_news>.article_separator {height:1px; border-top:1px dashed #CCC; margin:2px 0px;}
.latest_news>.view_all {text-align:right; padding-right:8px; margin-top:5px;}
.latest_news>.view_all> a {color:#228b22; font-size:15px;}

.top_10_lyrics {border-left:none; border-right:none;}
.top_10_lyrics>a {font-size:15px; line-height:18px;}

.is_rich_embed{border-left:none; border-right:none; padding-left:0px;text-align: center;}
.content_inside_lyric {font-size:14px;}

.content_inside_artist {padding-top:4px !important;}
.content_inside_artist>.artist_list {float:left; width:610px;}
.content_inside_artist>.artist_list>.each_artist_line {padding:3px 7px; background-color:#E5E6FA; margin-bottom:3px;}
.content_inside_artist>.artist_list>.each_artist_line:hover {background-color:#D7BFD7;}

/* Google ads slots */
.adslot_1 { display:inline-block;width:160px;height:600px;}
/* end Google ads slots */

.is_pc {display:block;}
.is_tablet{display:none;}

.mobile_menu{display:none;}

.sidebar_top10_lyrics { padding:3px 2px; border-bottom:1px dotted #e1e1e1; }
.sidebar_top10_lyrics> b { font-size:14px; min-width:27px; display:inline-block;}
.sidebar_top10_lyrics> a {  }

@media (min-width:1200px){
    body {font-size:14px;}
    #main {width:1180px;}
    #sidebar_right {width:360px;}
    #content_left {width:800px;}
    
    .song_div {font-size:14px; width:360px; height:120px;}
    
    .container_bottom_article {width:780px;}
    .news_box > .upptitle_article > h1{font-size:24px;}
    
    .content_news_list {padding-right: 13px;width: 615px;}
}

@media (min-width: 993px) and (max-width: 1199px){
    #legend a {height:19px; font-size:15px;}
    #sidebar_right{width:336px; margin:4px 5px 4px 0;}
    #content_left {padding:10px 0;width:630px;}
    .homepage > .top_header_text {margin: 0 10px 5px 5px;}
    .homepage > .songs_list {padding: 10px 10px 10px 0;}
    .song_div{padding:5px;margin-left:5px;}
    .content_inside_artist > .artist_list{width:442px;}
    .albums > img{width:260px; height:auto; }
    .albums>.list_of_songs{float:left; width:340px;}
    .content_news_list{width:457px;}
    .container_bottom_article{width:610px;}
}

@media (min-width: 768px) and (max-width: 992px){
    #main{width:764px;padding:5px 0;}
    #content_left{width:416px;}
    #sidebar_right{width:338px;}
    .homepage > .top_header_text {font-size: 15px;margin: 0 7px 5px 10px;}    
    #footer{width:764px;}
    .song_div {height: 105px;margin-left: 5px;width: 385px;}
    .content_inside_lyric{width:405px !important;font-size:13px;}
    .content_inside_news{width:405px !important;}
    .content_inner_article{width:405px  !important;}
    .content_news_list {min-height: 148px;width: 269px;}
    .content_artist{width:405px !important;}
    .uptitle_article{width:405px;height:102px;}
    .container_bottom_article{width:405px;margin:10px 0;padding:0px;}
    .news_box > .container_bottom_article > .img_box {text-align: center;width: 390px;}
    .google_vertical_left_160_600{display:none;}
    .content_inside_lyric>.google_vertical_left_160_600{display:block;}
    .content_inside_artist > .artist_list{width:403px;}
    .content_inside_artist {width: 405px !important;}
    .albums > img {margin: 5px 5px 5px 25px;}
    .albums > .list_of_songs {margin-bottom:15px;}
    #legend {height:28px;}
    #legend a{font-size: 13px;height: 17px;margin:0 1px;}
    .short_news_box > h1 {line-height:16px;}
    
    .pagination{font-size:14px; padding:10px 0 5px 0;}
    .pagination > a{padding:2px 5px;}
}

@media (max-width: 767px){
    .is_tablet{display:none;}
    .is_pc{display:block;}
    
    .mobile_menu {display:block; float:right; margin-right: 15px; width: 32px; cursor:pointer;}
    
    #top_sitemap>.left{margin-bottom:6px; width:100%;}
    
    #main{width:100%;padding:0;margin:0px;}
    #top_sitemap{padding:2px 2px 0px;font-size:14px;height:auto; overflow:auto;padding-bottom:4px;}
    #top_sitemap > .form_search{clear:both;}
    #legend {margin-top:4px;height:auto; overflow:auto; display:none; clear:both;}
    #legend a {margin-top:4px; height:18px; display:block;}
    .title_26{font-size:20px;}
    
    #content_left{width:100%;clear:both;padding:10px 0;}
    .news_box { box-sizing: border-box;overflow:hidden;}
    .homepage > .top_header_text{margin:0 10px 5px;}
    .homepage > .songs_list {padding:10px 0;}
    .song_div{margin-left: 0.8%; margin-right: 0.8%; width: 44.2%;}
    #sidebar_right {clear:left;float: left;margin: 4px 0;padding: 0;width: 100%;}
    .left_box_top{margin:0px 8px;}
    .left_box{margin:0px 8px;}
    .left_box_bottom{margin:0px 8px;}
    .content_inside_artist > .artist_list {min-width:340px;width:66%;min-width: 290px;width: 61%;}
    
    .content_artist {width: 100% !important; padding:5px;}
    .albums > .list_of_songs {width:auto; margin-right:10px;}
    .content_inside_lyric {width: 100% !important; padding:5px;}
    .content_inside_news{width: 100% !important; padding:5px;}
    .container_bottom_article{width:100% !important; box-sizing: border-box;}

    .pagination {font-size: 14px;padding: 10px 5px 5px;}
    .pagination > a{padding:3px 7px;}
    
    #footer {width: 100%;height:auto;}
}

@media (max-width: 479px) {
    #main{min-width:340px;}
    .homepage > .top_header_text {margin: 0 5px 5px;}
    .homepage > .songs_list{padding-top:2px;}
    .song_div {height: auto;margin-left: 1.5%;margin-right: 1.5%;width: auto;}
    .content_inside_artist > .artist_list{width:100%;}
    
    .google_vertical_left_160_600{display:none;}
    .google_top_left_responsive_01{display:block;}
    .adslot_1 {display:none;}
}

.add_content_vertical_top { min-width: 310px; height:100px; width:100%;}
@media(min-width: 500px) { .add_content_vertical_top { height: 60px; } }
@media(min-width: 800px) { .add_content_vertical_top { height: 90px; } }