/*
	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;}
li, ul, table, tr, td, input {margin: 0; padding: 0;}
:focus {outline: 0;}

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

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

/* Header */
#header {text-align: left; background: url(images/header.png); width: 960px; height: 100px;}
.header {padding: 18px 10px;}

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

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

	#baslik {background: url(images/baslik-bg.png); width: 700px; height: 33px; color: #fff; text-align: left; letter-spacing: 1px;}
	.baslik {padding: 10px;}
	.baslik a {color: #f59845;}
	.baslik img {vertical-align: middle;}
	#baslik2 {background: url(images/baslik3-bg.png); width: 240px; height: 33px; color: #fff; text-align: left; letter-spacing: 1px;}
	.baslik2 {padding: 10px;}
	.alt {background: url(images/esev-alt.png) no-repeat bottom center; width: 700px; height: 4px; font-size: 0;}
	.alt2 {background: url(images/kategoriler-alt.png) no-repeat bottom center; width: 240px; height: 3px; margin-top: -1px; font-size: 0; margin-bottom: 10px;}
	
	/* Kategoriler */
	#kategoriler {background: url(images/kategoriler-bg.png); width: 240px; text-align: left;}
	.kategoriler {padding: 0 2px;}
	.kategoriler a {display: block; padding: 5px 25px; color: #333333; background: url(images/ok.png) no-repeat 5px; border-bottom: 1px dotted #686868;}
	.kategoriler a:hover {background: url(images/ok3.png) no-repeat 10px;  padding: 5px 30px; color: #ac570b;}
	
	/* Son Yorumlar */
	#syorumlar {background: url(images/kategoriler-bg.png); width: 240px; text-align: left;}
	.syorumlar {padding: 5px 10px;}
	.syorumlar a {color: #2c2c2c; font-weight: bold; font-size: 13px;}
	
	/* Etiketler */
	#etiketler {background: url(images/kategoriler-bg.png); 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.png); width: 240px; text-align: left;}
	.video-bilgileri {padding: 0 2px;}
	.ekleyen {padding: 6px; background: url(images/ekleyen.gif) no-repeat 5px; padding-left: 28px; border-bottom: 1px dotted #686868;}
	.ekleyen a {color: #ac570b;}
	.tarih {padding: 6px; background: url(images/tarih.gif) no-repeat 3px; padding-left: 27px; border-bottom: 1px dotted #686868;}
	.puan {padding: 6px; background: url(images/puan.png) no-repeat 5px; padding-left: 27px; border-bottom: 1px dotted #686868;}
	.sure {padding: 6px; background: url(images/sure.png) no-repeat 5px; padding-left: 27px; border-bottom: 1px dotted #686868;}
	.kategori {padding: 6px; background: url(images/kategori.png) no-repeat 5px; padding-left: 27px;}
	.kategori a {color: #ac570b;}

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

	/* En Son Eklenen Videolar */
	#esev {background: url(images/esev-bg.png); 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;}
	
	.video {float: left; width: 150px; margin-right: 15px; margin-bottom: 10px; text-align: left;}
	.video img {width: 140px; height: 100px; padding: 4px; 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;}
	
	/* En Çok İzlenen Videolar */
	#eciv {background: url(images/esev-bg.png); 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;}
	
	/* Oynatılan Video */
	#ovideo {background: url(images/esev-bg.png); width: 700px;}
	.ovideo {padding: 5px;}
	.izlenme {font-size: 18px; text-align: right; padding: 3px 3px 0 3px;}
	
	/* Yorum Yaz */
	#yorumlar {background: url(images/esev-bg.png); width: 700px; text-align: left;}
	.yorumlar {padding: 10px;}
	input.ad {padding: 3px; width: 194px; height: 26px; border: 1px solid #333333; background: url(images/input.png); color: #fff; border: 0;}
	textarea.yorum {border: 1px solid #bababa; padding: 3px; width: 394px; height: 94px; font: 12px Tahoma; background: url(images/textarea.png); color: #fff;}
	.gonder {background: url(images/yorum-gonder.png); width: 110px; height: 31px; border: 0;}
	.sifirla {background: url(images/sifirla.png); width: 57px; height: 31px; border: 0;}
	
	/* Yazılan Yorum */
	#yorum-baslik {background: url(images/yorum-baslik.png); width: 700px; height: 33px; color: #333333; text-align: left; letter-spacing: 1px;}
	.yorum-baslik {padding: 10px;}
	.yorum1 {background: url(images/bg.png); width: 700px; text-align: left;}
	.yorum {padding: 5px 5px 0 5px;}
	.yorum-alt {background: url(images/yorum-alt.png) no-repeat; width: 700px; height: 6px; font-size: 0; margin-bottom: 10px;}
	.y {padding: 5px;}
ul.sayfalama {
    margin:0 auto;
    width:530px;
    padding:10px 0 0 0;
    clear:left
}
ul.sayfalama li {
    font:bold 12px Tahoma, Geneva, sans-serif;
    color:#fff;
    float:left;
    list-style:none;
    margin:0 2px;
    background:#005689;
}
ul.sayfalama li span {
    padding:5px 8px;
    display:block
}
ul.sayfalama li a {
    font:bold 12px Tahoma, Geneva, sans-serif;
    color:#005689;
    text-decoration:none;
    background-color:#e2e2e2;
    padding:5px 8px;
    display:block
}
ul.sayfalama li a:hover {
    background-color:#005689;
    color:#e2e2e2;
}
	
/* Footer */
#footer {background: url(images/footer.png) no-repeat; width: 960px; height: 60px; color: #fff; text-align: left;}
.footer {padding: 9px;}
.footer a {color: #fff;}
.footer a:hover {font-weight: bold;}