﻿/*
bjkdinle.Com
Coded By bjkdinle
URL: http://www.bjkdinle.com
*/

/***********************************************************/
*{margin:0; padding:0;}
body{
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background:#949494 url(images/bg.gif) no-repeat top center;
	background-attachment: fixed;
	color : #005A87;
	text-align: center;
	margin:0;
	padding:0;
	scrollbar-arrow-color: #000;
	scrollbar-face-color: #FF0000;
	scrollbar-3dlight-color: #121212;
	scrollbar-darkshadow-color: #121212;
	scrollbar-highlight-color: #121212;
	scrollbar-shadow-color: #121212;
	scrollbar-track-color: #121212;
}
/***********************************************************/

/***********************************************************/
/*Gövde Yapısı*/
#wrap{
	margin:0 auto;
	width:933px;
}
/*Page (Sayfa Yapısı)*/
#page{
	margin:0 auto;
	overflow:hidden;
	background:url(images/cerceve.png) repeat-y;
	width:933px;
}
/***********************************************************/

/***********************************************************/
/*Header*/
#header{
	background:url(images/banner.gif) no-repeat;
	height:399px;
	width:933px;
}
/***********************************************************/

/***********************************************************/
/*Arama Formu*/
#aramaform{
	float:left;
	padding:333px 0px 0px 85px;
	overflow:hidden;
}
#aramaform input{
	overflow:hidden;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size:20px;
	font-weight:bold;
	color:#004861;
	background:url(images/ara_bg.png) no-repeat;
	padding:4px 2px 2px 2px;
	border:none;
	height:34px;
	width:181px;
}
/***********************************************************/

/***********************************************************/
/*Menu*/
#menu{
	height:121px;
	width:933px;
}
/***********************************************************/

/***********************************************************/
/*Son Zamazingolar*/
#son_zamazingolar{
	margin:5px 0px 0px 0px;
	padding:0;
}
#son_zamazingolar_ust{
	background:url(images/zamazingo_ust.gif) no-repeat;
	height:74px;
	width:933px;
}
#son_zamazingolar_orta{
	background:url(images/zamazingo_orta.gif) no-repeat;
	height:241px;
	width:933px;
}	
#son_zamazingolar_alt{
	background:url(images/zamazingo_alt.gif) no-repeat;
	height:35px;
	width:933px;
}
/*Son Eklenen*/
.son_eklenen{
	overflow:hidden;
	float:left;
	text-align:left;
	width:270px;
	height:240px;
	margin-left:25px;
	padding:0;
}
.son_eklenen ul{
	margin:0;
	padding:0;
}
.son_eklenen ul li{
	padding:0;
	margin:0;
	list-style:none;
	border-bottom:1px solid #9e2b0e;
}
.son_eklenen ul li a{
	display:block;
	background:url(images/icon/yuklenen.png) no-repeat left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFF;
	text-decoration:none;
	padding:4px 4px 4px 20px;
}
.son_eklenen ul li a:hover{
	background:#5e1400 url(images/icon/yuklenen.png) no-repeat left;
}

/*Rastgele*/
.rastgele_rap{
	overflow:hidden;
	float:left;
	text-align:left;	
	width:270px;
	height:240px;
	margin-left:35px;
	padding:0;
}
.rastgele_rap ul{
	margin:0;
	padding:0;
}
.rastgele_rap ul li{
	padding:0;
	margin:0;
	list-style:none;
	border-bottom:1px solid #004861;
}
.rastgele_rap ul li a{
	display:block;
	background:url(images/icon/rastgele.png) no-repeat left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFF;
	text-decoration:none;
	padding:4px 4px 4px 20px;
}
.rastgele_rap ul li a:hover{
	background:#002d3d url(images/icon/rastgele.png) no-repeat left;
}

/*En Çok Dinlenen*/
.en_cok_dinlenen{
	overflow:hidden;
	float:left;
	text-align:left;	
	width:270px;
	height:240px;
	margin-left:36px;
	padding:0;
}
.en_cok_dinlenen ul{
	margin:0;
	padding:0;
}
.en_cok_dinlenen ul li{
	padding:0;
	margin:0;
	list-style:none;
	border-bottom:1px solid #d3d600;
}
.en_cok_dinlenen ul li a{
	display:block;
	background:url(images/icon/dinlenen.png) no-repeat left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFF;
	text-decoration:none;
	padding:4px 4px 4px 20px;
}
.en_cok_dinlenen ul li a:hover{
	background:#6f7100 url(images/icon/dinlenen.png) no-repeat left;
}
/***********************************************************/

/***********************************************************/
/*Rap Liste*/
#rap_list{
	margin:5px 0px 5px 0px;
	padding:0;
}	
#list_ust{
	height:62px;
	width:901px;
}
#r_list_ust{
	background:url(images/r_list_ust.gif) no-repeat;
	height:62px;
	width:901px;
}
#r_list_alt{
	background:url(images/r_list_alt.gif) no-repeat;
	height:23px;
	width:901px;
}	
#r_list_orta{
	overflow:hidden;
	background:url(images/r_list_orta.gif) no-repeat;
	height:593px;
	width:901px;
}
.raper_list{
	height:593px;
	overflow:auto;
	margin:0px 16px 0px 16px;
	padding:0;
}	
.raper_list ul{
	margin:0;
	padding:0;
}
.raper_list ul li{
	float:left;
	list-style:none;
	border:1px solid #9f9f9f;
	width:163px;
	margin:0px 5px 5px 0px;
}	
.raper_list ul li a{
	display:block;
	color:#FFFFFF;
	font-weight:bold;
	font-size:14px;
	text-align:center;
	text-decoration:none;
	padding:2px 0px 2px 0px;
	background:#9e2b0e;
}	
.raper_list ul li a:hover{
	display:block;
	background:#000000;
	color:#FFFFFF;
}	
.raper_list ul li:hover{
	border:1px solid #9e2b0e;
}



.pop_raper_list{
	height:593px;
	overflow:auto;
	margin:0px 16px 0px 16px;
	padding:0;
}	
.pop_raper_list ul{
	margin:0;
	padding:0;
}
.pop_raper_list ul li{
	float:left;
	list-style:none;
	border:1px solid #9f9f9f;
	width:408px;
	margin:0px 5px 5px 0px;
}	
.pop_raper_list ul li a{
	display:block;
	color:#FFFFFF;
	font-weight:bold;
	font-size:14px;
	text-align:center;
	text-decoration:none;
	padding:2px 0px 2px 0px;
	background:#9e2b0e;
}	
.pop_raper_list ul li a:hover{
	display:block;
	background:#000000;
	color:#FFFFFF;
}	
.pop_raper_list ul li:hover{
	border:1px solid #9e2b0e;
}
/***********************************************************/

/***********************************************************/
.rap_sayisi{
	margin-left:50px;
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
	float:left;
	width:270px;
}
.rap_sayisi span{color:#f14221;}
.toplam_rap span{color:#008db8;}
.toplam_dinleme span{color:#d5d501;}
.toplam_rap{
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
	float:left;
	width:270px;
}
.toplam_dinleme{
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
	float:left;
	width:270px;
}
/***********************************************************/

/***********************************************************/
/*Single Parça Dizilimi*/
.single_parca{
	margin:0;
	padding:0;
	text-align:left;
	width:895px;
	font-size:16px;
	font-weight:bold;
}
.single_parca ul{
	margin:0;
	padding:0;
}
.single_parca ul li{
	margin:0;
	padding:0;
	list-style:none;
	border-bottom:1px solid #9e2b0e;
}
.single_parca ul li a{
	display:block;
	background:url(images/icon/rapper.png) no-repeat left;
	padding:0px 0px 0px 30px;
	color:#FFFFFF;
	text-decoration:none;
}
.single_parca ul li a:hover{
	background:#5e1400 url(images/icon/rapper.png) no-repeat left;
}
.rap_yok{
	background:url(images/rap_yok.png) no-repeat;
	height:149px;
	width:383px;
}
.rap_link{
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	border:1px solid #000;
	padding:2px 2px 2px 2px;
	width:700px;
	font-size:14px;
	font-weight:bold;
}
.rap_link:hover{
	border:1px solid #a02911;
}
.rap_link_bilgi{
	margin:5px 0px 0px 0px;
	border:1px solid #333333;
	padding:5px 0px 5px 10px;
	-moz-border-radius:4px;
	font-weight:bold;
	font-size:14px;
	width:875px;
	background:#004861 url(images/icon/rap_link.png) no-repeat left;
	color:#FFFFFF;
} 
	
/***********************************************************/

/***********************************************************/
/*Playist*/
#playist{
	margin:5px 0px 5px 0px;
	padding:0;
}
#playist_ust{
	background:url(images/playist_ust.gif) no-repeat;
	height:52px;
	width:901px;
}	
#playist_orta{
	background:url(images/playist_orta.gif) repeat-y;
	width:901px;
}	
#playist_alt{
	background:url(images/playist_alt.gif) no-repeat;
	height:42px;
	width:901px;
}	
#playist_ust h2{
	text-align:left;
	padding:18px 0px 0px 50px;
	font-size:22px;
	font-weight:bold;
	color:#FFFFFF;
}
/***********************************************************/

/***********************************************************/
/*Playist*/
#yorum{
	margin:5px 0px 0px 0px;
	padding:0;
}
#yorum_ust{
	background:url(images/yorum_ust.gif) no-repeat;
	height:52px;
	width:901px;
}	
#yorum_orta{
	overflow:hidden;
	background:url(images/yorum_orta.gif) repeat-y;
	width:901px;
}	
#yorum_alt{
	background:url(images/yorum_alt.gif) no-repeat;
	height:42px;
	width:901px;
}	
#yorum_ust h2{
	text-align:left;
	padding:18px 0px 0px 50px;
	font-size:22px;
	font-weight:bold;
	color:#FFFFFF;
}
.yorum_list{
	color:#FFFFFF;
	text-align:left;
	width:885px;
	margin:0;
	padding:0;
}
.yorum_list span{
	background:url(images/icon/yorum.png) no-repeat left;
	padding:0px 0px 0px 25px; 
	color:#000000;
	font-weight:bold;
}
.yorum_list ul{
	margin:0;
	padding:0;
}	
.yorum_list ul li{
	background:#9c2b0b;
	margin:5px 0px 5px 0px;
	padding:2px 5px 2px 5px;
	list-style:none;
	border:1px solid #333333;
	-moz-border-radius:5px;
}	
.yorum_list ul li:hover{
	background:#008db8;
}	
.yorumyap{
	background:url(images/yorumyap.png) no-repeat;
	float:left;
	margin:0px 0px 0px 10px; 
	height:44px;
	width:158px;
}
/***********************************************************/

/***********************************************************/
/*Sözler & Raper Diğer Parçalar*/
#soz_playist{
	overflow:hidden;
	margin:5px 0px 5px 0px; 
	padding:0;
}
#soz{
	float:left;
	width:444px;
	margin:0px 0px 0px 16px;
	padding:0;
}	
#soz_ust{
	background:url(images/soz_ust.png) no-repeat;
	height:64px;
	width:444px;
}
#soz_orta{
	background:url(images/soz_orta.png) repeat-y;
	height:300px;
	width:444px;
}	
#soz_alt{
	background:url(images/soz_alt.png) no-repeat;
	height:11px;
	width:444px;
}	
#diger{
	float:right;
	width:444px;
	margin:0px 16px 0px 0px;
	padding:0;
}	
#diger_ust{
	background:url(images/diger_ust.png) no-repeat;
	height:64px;
	width:444px;
}	
#diger_orta{
	background:url(images/diger_orta.png) repeat-y;
	height:300px;
	width:444px;
}	
#diger_alt{
	background:url(images/diger_alt.png) no-repeat;
	height:11px;
	width:444px;
}
/*Diger Parcalar*/
.diger_parcalar{
	overflow:auto;
	float:left;
	text-align:left;	
	width:418px;
	height:300px;
	margin:0px 0px 0px 12px;
	padding:0;
}
.diger_parcalar ul{
	margin:0;
	padding:0;
}
.diger_parcalar ul li{
	padding:0;
	margin:0;
	list-style:none;
	border-bottom:1px solid #9e2b0e;
}
.diger_parcalar ul li a{
	display:block;
	background:url(images/icon/dinlenen.png) no-repeat left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFF;
	text-decoration:none;
	padding:4px 4px 4px 20px;
}
.diger_parcalar ul li a:hover{
	background:#5e1400 url(images/icon/dinlenen.png) no-repeat left;
}
/*Lirik*/
.lirik{
	text-align:left;
	width:420px;
	height:300px;
	overflow:auto;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
}	
/***********************************************************/

/***********************************************************/
/*Reklam*/
#rklm{
	margin:0;
	padding:0;
}	
#rklm_ust{
	background:url(images/rklm_ust.gif) no-repeat;
	height:14px;
	width:903px;
}	
#rklm_orta{
	overflow:hidden;
	background:url(images/rklm_orta.gif) repeat-y;
	width:903px;
}	
#rklm_alt{
	background:url(images/rklm_alt.gif) no-repeat;
	height:16px;
	width:903px;
}		
/***********************************************************/

/***********************************************************/
/*Footer*/
#footer{
	height:100px;
	width:933px;
}
.footertext{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.footertext a{
	color:#a4a4a4;
}		
.footerbaslik {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#FFF;
}
#copy a{
	text-decoration:none;
	font-size:10px;
	color:#CCCCCC;	
}
/***********************************************************/

