﻿/*  
Theme Name: Wordpress Rap Teması
Theme URI: http://www.rapindir.us/
Description: Wordpress için yapılmış rap indirme için kullanılabilecek kaliteli tema.
Version: v1.0
Author: Sait ERGÜN & Selim ÖZMEN
Author URI: http://www.rapindir.us/
*/

/* araçlar */

* {
	margin:0; padding:0; 
}
body {
	background:#373737;
	font: normal 10px tahoma;
	color: #d0d075;
}

a {
	color: #fc0;
}

a:hover {
	color: #ffc;
}

img {
	border: none;
} 

ul {
	padding:0;
	margin:0;
	list-style: none;
}

	.cl {
		clear: both;
	} 

	.fl {
		float: left
	}

	.fr {
		float: right;
	}

/* üst taraf */
#header {
	width: 900px;
	margin:0 auto;
}

	.logo {
		float:left;
		width: 300px;
		margin: 10px 0 10px 0;
		text-decoration:none;
	}
	 
	.logo a {
		text-decoration: none;
	}

	.logo {
		font:bold 28px Arial Narrow;
		letter-spacing: 1px;
		color:#ffa;
		text-shadow: #CACA8B 0 0 1px;
		margin-left: 10px;
	}

	.logo span {
		text-shadow: none;
		font:normal 9px tahoma;
		color: #ffe;
	}

	.logo_yan {
		float:right;
		width: 280px;
		margin: 10px 0 10px 10px;
		font-size: 9px;
		line-height: 14px;
	}
	
	.logo_yan ul li {
		list-style: none;
		display:inline;
		margin-right:8px;
		
	}
#duyuru {
margin:0 auto;
width: 900px;
height: 40px;
padding: 0;
text-align:center;
font-size:15px;
}

/* menu */

#menu {
	margin:0 auto;
	width: 900px;
	background: #222;
	height: 23px;
	padding: 0;
	border-bottom: 3px solid #111;
	margin-bottom: 5px;
}


#menu ul {
	float: left;
	list-style: none;
	margin: 0 0 0 1px;
	padding: 0;
}

#menu li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	border-right: 1px solid #ddd;
}

#menu ul li {
	margin: 0 0 0 -1px;
	padding: 0;
	list-style: none;
	border-right: 1px solid #111;
}

#menu li a, #menu li a:link, #menu li a:visited {
	margin: 0;
	padding: 4px 8px 4px 8px;
	color: #ffa;
	display: block;
	font-size: 13px;
	text-decoration: none;
}

#menu li a:hover, #menu li a:active {
	background: #111;
	margin: 0;
	padding: 4px 8px 4px 8px;
	color: #ffa;
	display: block;
	text-decoration: none;
	border-bottom: none;
}

#menu li li a, #menu li li a:link, #menu li li a:visited {
	background: #222;
	width: 130px;
	float: none;
	margin: 0;
	padding: 4px 8px 4px 8px;
	color: #ffa;
	margin-left:1px;
	border-bottom:1px solid #111;
}

#menu li li a:hover, #menu li li a:active {
	background: #111;
	color: #ffa;
	padding: 4px 8px 4px 8px;
}

#menu li ul {
	z-index: 9999;
	position: absolute;
	height: auto;
	width: 155px;
	margin: 0;
	padding: 0;
	left: -999em;
}

#menu li li {
	border: none;
}

#menu li ul a {
	width: 120px;
}

#menu li ul a:hover, #menu li ul a:active {
}

#menu li ul ul {
	margin: -29px 0 0 156px;
	border: none;
}

#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li.sfhover ul ul, #menu li.sfhover ul ul ul {
	left: -999em;
}

#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul {
	left: auto;
}

#menu li:hover, #menu li.sfhover {
	position: static;
}

	.ara {
		float:right;
		padding: 3px 8px 4px 8px;
	}

	.ara .s {
		width: 110px;
		height: 11px;
		padding:2px;
		margin:0;
		background:#222;
		border:1px #333 solid;
	}

	.ara .s {
		color: #777;
		font: normal 9px tahoma;
	}

	.ara .q {
		display:none;
	}

#ads1 {
	display:none;
	width: 900px;
	height:60px;
	margin:0 auto;
	margin-bottom: 10px;
	background:#222;
	border-bottom:1px #151515 solid;
}

/* ana sayfa gövde */

#govde {
	width: 900px;
	margin:0 auto;
	margin-bottom: 10px;
}

	.govdesol {
		float:left;
		width: 590px;
	}

	.govdesag {
		float:left;
		width: 300px;
	}

#popana {
	margin-left: 10px;
}

	.analist {
		width: 590px;
		float:left;
		border:1px #151515 solid;
		margin-bottom:5px;
	}

	.analist h2 {
		padding-left:5px;
		height:18px;
		border-bottom:1px #151515 solid;
		font: bold 12px tahoma;
		background:#222;
		cursor: default;
		line-height:18px;
	}

	.dis{
		margin-top:10px;
		float:left;
		width:110px;
		height:140px;
		margin-left:6px;
		margin-bottom:7px;
		text-align:center;
	}

	.konu {
		border:1px solid #333;
		width:110px;
		height:110px;
		overflow:hidden;
	}

	
	.klipdis{
		margin-top:10px;
		float:left;
		width:139px;
		height:140px;
		margin-left:6px;
		margin-bottom:7px;
		text-align:center;
	}

	.klip {
		border:1px solid #333;
		width:139px;
		height:110px;
		overflow:hidden;
	}

	.klip:hover {
		border:1px solid #111;

	}

	.konu:hover {
		border:1px solid #111;
	}

	.adi a{
		color:#fc0;
		font-size:11px;
		text-decoration:none;
	}

	.adi a:hover{
		color:#ffc;
	}
	
/*   ------------------      */

	#sekana_sol {
		width: 290px;
		float:left;
		border:1px #151515 solid;
		margin-bottom:5px;
	}
	
	#sekana_sag {
		width: 290px;
		float:right;
		border:1px #151515 solid;
		margin-bottom:5px;
	}
	
	.babalist h2 {
		padding-left:5px;
		height:18px;
		border-bottom:1px #151515 solid;
		font: bold 12px tahoma;
		background:#222;
		line-height:18px;
	}

	.babalist ul {
		padding-top: 2px;
		padding-bottom: 5px;
	}
	.babalist ul li {
		color:#555;
		padding: 0 0 1px 5px;
	}

	.babalist ul li a {
		color:#fb0;
		text-decoration: none;
		font-size: 12px;
	}

	.babalist ul li a:hover {
		color:#ffa;
		text-decoration:underline;
	}

	.babalist .dinlenme {
		color:#ffa;
		font: normal 9px tahoma;
	}

	
/* sidebar */

#sidebar {
		width:300px;
		float:right;
		border:1px #151515 solid;
		margin-bottom:5px;
}

	#sidebar h2 {
		padding-left:5px;
		height:18px;
		font: bold 12px tahoma;
		background:#222;
		line-height:18px;
		border:1px #151515 solid;
	}

	.sideblok p {
		padding: 5px;
	}


/* tekil sayfa */

	.baslik {
	padding: 0px 0 3px 4px;
	font: bold 12px tahoma;
	background:#222;
	}

	.reklam1 {
		width: 170px;
		float:left;
		border:1px #151515 solid;
		margin-bottom:5px;

	}

	.reklam1 h2 {
		padding: 0px 0 3px 4px;
		border-bottom:1px #151515 solid;
		font: bold 12px tahoma;
		background:#222;
		height:15px;
		line-height:15px;
	}
#singcephe {
	width: 588px;
	float:right;
	border:1px #151515 solid;
	margin-bottom:5px;
}

	.singcephe h2 {
		padding: 0px 0 3px 4px;
		font: bold 12px tahoma;
		background:#222;
		height:15px;
		line-height:20px;
	}

	
	.sing_icerik {
		color:#c0bcbc;
		font-size:12px;
		padding: 0px 3px 0px 3px;
margin-top:3px;

	}
	
	.sing_resim_sag{
		display:block;
		float:right
	}
	
	.sing_resim_sol{
		display:block;
		float:left;
	}
	
#mp3bilgi {
	float:left;
	width: 590px;
	margin:0 auto;
	padding: 0 0 10px 0;
	border:1px #151515 solid;
}

	.mp3bilgi h2 {
		padding: 1px 0 3px 4px;
		border-bottom:1px #151515 solid;
		font: bold 12px tahoma;
		background:#222;
		height:15px;
		line-height:15px;
	}

	.mp3bilgi .bilgi {
		padding: 4px;
		line-height: 15px;
		color: #999;
		font-size:11px;
	}

	.mp3bilgi .bilgi strong {
		font-size:11px;
		color: #777;
	}
	
	.mp3bilgi .bilgi a {
		text-decoration: none;
		color: #999;
	}
	
	.mp3bilgi .bilgi a:hover {
		color: #ffa;
		text-decoration: underline;
	}
	
#sing_sol {width: 290px;
	float:left;
}

	.yorumcephe {
		width: 290px;
		margin:0 auto;
		margin-top: 5px;
		border:1px #151515 solid;
	}
	
	.yorumcephe h2 {
		padding: 1px 3px 3px 4px;
		border-bottom:1px #151515 solid;
		font: bold 10px tahoma;
		background:#222;
	}
	
	.yorum {
		padding: 5px;
	}
	
	.yorum h3 {
		color:#999;
		font: bold 10px tahoma;
		padding: 0 0 2px 2px;
	}

	.yorum ol {
		list-style:none;
	}
	
	.yorum ol li {
		background:#292929;
		border:1px #262626 solid;
		margin: 0 0 3px 0;
		padding: 1px 3px 3px 3px;
	}
	
	.yorum .fn {
		font:normal normal 10px georgia;
		color: #fc0;
		padding: 0 0 2px 0;
	}
	
	.yorum .says, .commentmetadata {
		display:none;
	}
	
	.yorum p {
		color:#ADADAD;
	}
	
	.yorum small {
		margin-left: 5px;
		font:normal 9px tahoma;
		color: #666;
	}
	
	.yorum input {
		width: 150px;
		background:#333;
		border:1px #222 solid;
		padding: 2px;
		margin: 0 0 3px 0;
		color:#999;
		font:normal 10px tahoma;
	}
	
	.yorum textarea {
		width: 200px;
		height: 70px;
		background:#333;
		border:1px #222 solid;
		padding: 2px;
		margin: 0 0 3px 0;
		color:#eee;
		font:normal 10px tahoma;
	}
	
	.yorum #submit {
		width: 70px;
		background:#252525;
		border:1px #181818 solid;
		padding: 2px;
		margin: 0 0 3px 0;
		font:normal 9px tahoma;
	}
	
#respond  {
	background:#292929;
	border:1px #262626 solid;
	padding: 3px;
	margin: 0 0 10px 0;
}

#respond p {
	margin: 2px 0 3px 0;
	color:#888;
}

#respond a {
	text-decoration: none;
	color: #999;
}

#sing_sag {
	width: 290px;
	float:right;
	margin:5px 0 0 5px;
	
}

	.singlist {
		width: 290px;
		float:right;
		border:1px #151515 solid;
	}
	
	.singlist h2 {
		padding: 1px 0 3px 4px;
		border-bottom:1px #151515 solid;
		font: bold 10px tahoma;
		background:#222;
	}
	
	.singlist ul {
		padding-top: 2px;
		padding-bottom: 5px;
	}
	
	.singlist ul li {
		padding: 0 0 1px 5px;
	}
	
	.singlist ul li a {
		text-decoration: none;
		font-size: 9px;
	}
	
	.singlist ul li a:hover {
		text-decoration: underline;
	}

/* arama sonuçları */
#arsiv { }

	.arsiv {
		padding: 6px 8px 0 8px;
		margin: 3px 0 3px 0;
	}
	
	.arsiv .s {
		width: 200px;
		height: 17px;
		padding:2px 2px 2px 5px;
		margin:0;
		margin-bottom: 5px;
		background:#222;
		border:1px #111 solid;
	}
	
	.arsiv .s {
		color: #777;
		font: normal 9px tahoma;
	}
	
	.arsiv .q {
		display:none;
	}

/* page | sayfa */
#pagecephe {
	width: 900px;
	margin:0 auto;
	margin-top: 10px;
}
	.pagecephe h1 {
		padding: 4px 0 4px 7px;
		background:#222;
		border-bottom:1px #151515 solid;
		font: bold 14px tahoma;
	}
	
	.page_icerik {
		width: 450px;
		margin-top: 5px;
		padding: 9px;
		border-top:1px #191919 solid;
		background:#252525;
		font:normal 11px tahoma;
		line-height: 16px;
	}

	.page_icerik a {
		color: #ffc;
		text-decoration: none;
	}
	
	.page_edit {
		text-align: right;
		margin: 3px;
	}

	.page_edit a {
		text-decoration: none;
	}

	.page_edit a:hover {
		text-decoration: underline;
		color: #f03;
	}
	
	#tummp3ler {
		width: 284px;
	}
	
	#tummp3ler h1 {
		font-size: 10px;
	}
	.tum_ads {
		float:left;
		width: 170px;
		text-align: center;
		margin-left:10px;
		border:1px #151515 solid;
	}
	
	.tum_ads h2 {
		font: bold 10px tahoma;
		background:#222;
		text-align: left;
		padding: 3px 0 5px 7px;
	}
	
	#sanatcilar {
		width: 284px;
		padding:0 0 5px 0;
	}
	
	#sanatcilar h1 {
		font-size: 10px;
	}
	
	#sanatcilar ul li {
		width: 85px;
		float:left;
	}
	
/* - footer - */

#footer {
	width: 900px;
	margin:0 auto;
	border:1px #151515 solid;
}

.footer h2 {
padding: 1px 0 3px 4px;
border-bottom:1px #151515 solid;
color: #555
font: bold 10px tahoma;
background:#222;
}

.footer_keywords, .footer_keywords a { color: #555; line-height: 15px; text-decoration: none; }
.footer p { padding: 5px; font-size: 9px }
.copirayt { width: 900px; margin:0 auto; margin-top: 10px; }
.copirayt a { color: #ffd; text-decoration: none } 
.copirayt a:hover { text-decoration: underline }

