/*
	Bu CSS dökümanı Tayfun Erbilen tarafından kodlanmıştır.
*/

body{margin: auto; font: 12px Sans-serif; color: #333333; background-color: #373737;}
img {border: 0;}
a {text-decoration: none;}
table, tr, td, input {margin: 0; padding: 0;}
:focus {outline: 0;}

/* Genel */
#genel {width: 960px;}

/* Menu */
#menu {padding: 7px; text-align: right; color: #fff;}
#menu a {color: #fff; padding: 5px;}
#menu a:hover {text-decoration: underline;}

/* Header */
#header {text-align: left; background: url(../images/header.jpg) no-repeat; width: 960px; height: 100px;}

.header {padding: 18px 10px;}

	/* Arama */
	.arama {background:transparent; width: 305px; height: 46px; border: 0; color: #fff; padding-left: 20px;}
	.ara {background:transparent; width: 49px; height: 46px; border: 0;}

/* Sağ */
#sag {float: right; width: 240px; margin-left: 10px; margin-top: 10px;}

	#baslik {background: url(../images/baslik-bg.jpg); width: 700px; height: 33px; color: #fff; text-align: left; letter-spacing: 1px;}
	.baslik {padding: 10px;}
	#baslik2 {background: url(../images/baslik3-bg.jpg); width: 240px; height: 33px; color: #fff; text-align: left; letter-spacing: 1px;}
	.baslik2 {padding: 10px;}
	.alt {background: url(../images/esev-alt.jpg) no-repeat bottom center; width: 700px; height: 4px; font-size: 0;}
	.alt2 {background: url(../images/kategoriler-alt.jpg) no-repeat bottom center; width: 240px; height: 3px; margin-top: -1px; font-size: 0; margin-bottom: 10px;}
	
	/* Kategoriler */
	#kategoriler {background: url(../images/kategoriler-bg.jpg); width: 240px; text-align: left;}
	.kategoriler {padding: 0 2px;}
	.kategoriler a {display: block; padding: 5px 25px; color: #333333; background: url(../ortak/ok.jpg) no-repeat 5px; border-bottom: 1px dotted #686868;}
	.kategoriler a:hover {background: url(../ortak/ok.jpg) no-repeat 10px;  padding: 5px 30px;}
	
	/* Son Yorumlar */
	#syorumlar {background: url(../images/kategoriler-bg.jpg); width: 240px; text-align: left;}
	.syorumlar {padding: 5px 10px;}
	input.ad {float:left;padding: 3px; width: 194px; height: 26px; border: 1px solid #333333; background: url(../ortak/input.png); color: #fff; border: 0;}
	textarea.yorum {float:left;border: 1px solid #bababa; padding: 3px; width: 394px; height: 94px; font: 12px Tahoma; background: url(../ortak/textarea.png); color: #fff;}
	.gonder {background: url(../ortak/yorum-gonder.png); width: 110px; height: 31px; border: 0;}
	.sifirla {background: url(../ortak/sifirla.png); width: 57px; height: 31px; border: 0;}
	.syorumlar a {color: #2c2c2c; font-weight: bold; font-size: 13px;}
	
	/* Etiketler */
	#etiketler {background: url(../images/kategoriler-bg.jpg); width: 240px; text-align: left;}
	.etiketler {padding: 5px 10px;}
	.etiketler a {color: #8c8c8c; padding: 3px;}
	.etiketler a:hover {text-decoration: underline;}
	
	/* Video Bilgileri */
	#video-bilgileri {background: url(../images/kategoriler-bg.jpg); width: 240px; text-align: left;}
	.video-bilgileri {padding: 0 2px;}
	.embed {padding: 6px; background: url(../ortak/ekleyen.gif) no-repeat 5px; padding-left: 28px; border-bottom: 1px dotted #686868;}
	.link {padding: 6px; background: url(../ortak/link.gif) no-repeat 5px; border-bottom: 1px dotted #686868; padding-left: 27px;}
	.ekleyen a {color: #ac570b;}
	.tarih {padding: 6px; background: url(../ortak/tarih.gif) no-repeat 3px; padding-left: 27px; border-bottom: 1px dotted #686868;}
	.puan {padding: 6px; background: url(../ortak/puan.png) no-repeat 5px; padding-left: 27px; border-bottom: 1px dotted #686868;}
	.sure {padding: 6px; background: url(../ortak/sure.png) no-repeat 5px; padding-left: 27px; border-bottom: 1px dotted #686868;}
	.kategori {padding: 6px; background: url(../ortak/kategori.png) no-repeat 5px; padding-left: 27px; border-bottom: 1px dotted #686868;}
	.kategori a {color: #ac570b;}

/* Sol */
#sol {float: left; width: 700px; margin-top: 10px;}

	/* En Son Eklenen Videolar */
	#esev {background: url(../images/esev-bg.jpg) #fff; width: 700px;}
	.esev {padding: 10px 10px 5px 25px;}
	.esev img {border-color: #34401c;}
	.esev a:hover {color: #333333; font-weight: bold;}
	.esev a:hover img {border-color: #bababa;}
	#viewer {float:left; height:100px; width:700px; clear:both; overflow:hidden; border:0px solid #e5e5e5;}
	#viewerFrame{float: left; height:150px; width: 505px; margin-right: 15px; -margin-right: 5px; margin-bottom: 10px;}
	#viewer img {width: 140px; float:left; height: 100px; padding: 4px; -padding: 2px; background-color: #eee; border: 1px solid #ddd;}
	#viewer a {float:left; width:150px; height:100px;}
	
	.video {float: left; height:150px; width: 150px; margin-right: 15px; -margin-right: 5px; margin-bottom: 10px;}
	.video img {width: 140px; float:left; height: 100px; padding: 4px; -padding: 2px; background-color: #eee; border: 1px solid #ddd;}
	.video a {color: #61696e; padding: 3px 0;}
	.video-ac {text-align: left; font-size: 9px; color: #868686; padding: 0 5px;width:150px;}
	
	.video-flv {height:420px; width: 600px;}
	/* En Çok İzlenen Videolar */
	#eciv {background: url(../images/esev-bg.jpg) #fff; width: 700px;}
	.eciv {padding: 10px 10px 5px 25px;}
	.eciv img {border-color: #ddd;}
	.eciv a:hover {color: #333333; font-weight: bold;}
	.eciv a:hover img {border-color: #bababa;}
	
/* Footer */
#footer {background: url(../images/footer.jpg) no-repeat; width: 960px; height: 60px; color: #fff; text-align: left;}
.footer {padding: 9px;}
.footer a {color: #fff;}
.footer a:hover {font-weight: bold;}

.sayfalama {float:left;text-align:center;width:100%; height:20px;margin-top:15px;-margin-top:0px;}
.sayfalama a{color:#000;margin-left:2px;padding:6px;padding-top:0px;padding-bottom:0px;background:#bababa;}
.sayfalama a:hover{background:#ececec;}