/* Wideox.Net */

/* Genel */
#genel {width: 995px; margin: 0px auto}

/* Header */
#header {}

	/* Reklam 2 */
	.reklam2 {float: right; margin: 15px 0}
	
/* Arama */
#arama {float: right; margin: 5px 10px}
.arama {background: url(../images/arama-input.png); width: 171px; height: 15px; padding: 5px}

/* Menü */
#menu {background: url(../images/menu-bg.png); width: 980px; height: 46px; margin-bottom: 10px; padding-left: 15px}
#menu a {display: block; float: left; color: #fff; font-size: 20px; width: 111px; height: 24px; text-align: center; padding-top: 10px}
#menu a:hover, #menu a.aktif {background: url(../images/hover.png); width: 111px; height: 24px}
#menu img {float: left; margin-top: 2px; margin-right: 2px; margin-left: 2px}

/* Sağ */
#sag {float: right; width: 270px}

	.sag-ust {background: url(../images/sag-ust.png); width: 270px; height: 6px; font-size: 0px}
	.sag-alt {background: url(../images/sag-alt.png); width: 270px; height: 5px; font-size: 0px; margin-bottom: 10px}
	
	/* Kategoriler */
	.kat-bas {background: url(../images/video-kategorileri.png); width: 270px; height: 33px; text-indent: -9999px}
	.kat {border: 1px solid #e4faff; border-top: none; border-bottom: none; background-color: #fff; padding:5px}
	.kat ul li {width: 129px; float: left}
	.kat ul li a {background: url(../images/ok.png) no-repeat 10px; display: block; padding: 2px 30px; color: #525252}
	.kat ul li a:hover {background: url(../images/ok.png) no-repeat 15px; padding: 2px 35px}
	
		/* Kategoriler2 */
	.kat2-bas {background: url(../images/film-kategorileri.png); height: 33px; text-indent: -9999px}
	.kat2 {border: 1px solid #e4faff; border-top: none; border-bottom: none; background-color: #fff; padding:5px}
	.kat2 ul li a {background: url(../images/ok.png) no-repeat 10px; display: block; padding: 2px 30px; color: #525252}
	.kat2 ul li a:hover {background: url(../images/ok.png) no-repeat 15px; padding: 2px 35px}
	
	/* Benzer Videolar */
	.benzer-bas {background: url(../images/benzer.png); width: 270px; height: 33px; text-indent: -9999px}
	.bv {border: 1px solid #e4faff; border-top: none; border-bottom: none; background-color: #fff; padding: 10px; font-family: Trebuchet MS}
		.bv-resim {float: left; margin-right: 10px; width: 87px; height: 65px}
		.bv a {display: block; color: #173e5f; font-weight: bold; padding: 5px 0; overflow: hidden}
		
	
	/* Reklam */
	.reklam {text-align: center; margin-bottom: 10px}
	
	/* Etiket Bulutu */
	.etiket-bas {background: url(../images/etiket-bulutu.png); width: 270px; height: 33px; text-indent: -9999px}
	.etiket-bulutu {border: 1px solid #e4faff; border-top: none; border-bottom: none; background-color: #fff; padding: 5px 10px}
	.etiket-bulutu a {color: #525252; padding: 3px}
	.etiket-bulutu a span {font-weight: bold}
	
	/* Son Yorumlar */
	.yorum-bas {background: url(../images/yorum-bas.png); width: 269px; height: 33px; text-indent: -9999px}
	.yorumlar {border: 1px solid #e4faff; border-top: none; border-bottom: none; background-color: #fff; padding: 5px 10px}
	.syorum {font: 12px Trebuchet MS; color: #173e5f; border-bottom: 1px dotted #173e5f; padding-bottom: 5px; margin-bottom: 5px}
	
/* Sol */
#sol {float: left; width: 699px; margin-left: 7px}

	/* Slider */
	#slider {background: url(../images/slider-bg.png); width: 681px; height: 289px; margin-bottom: 10px; padding: 10px}
		.slide-sira {float: right; width: 243px}
			.sira {width: 231px; height: 45px; background: url(../images/buton-sprite.png); padding: 6px}
			.sira:hover {background-position: 0 -57px; cursor: pointer}
			.sira-resim {width: 58px; height: 43px; border: 1px solid #fff; margin-right: 5px; float: left}
			.sira a {display: block; font-family: Trebuchet MS; color: #173e5f; font-weight: bold; padding-top: 5px}
			span.izlenme2 {font-size: 9px; color: #fff}
			.sira:hover a {color: #fff}

	.sol-bas {background: url(../images/sol-baslik.png); width: 679px; height: 19px; color: #fff; font-size: 16.5px; padding: 10px}
	.ok {float: right; margin-top: -2px}
	.ok a {margin-left: 10px}
	.sol-ic {padding: 5px 0}
	
	/* Video */
	.video {background: url(../images/video-bg.png); width: 128px; height: 137px; overflow: hidden; font: 12px Trebuchet MS; float: left; margin-left: 10px}
	.play {margin-top: -60px; display: block; margin-left: 40%; padding-bottom: 15px}
	.video a {display: block; padding: 5px; color: #173e5f; font-weight: bold}
	.video a.vbas {height: 17px; overflow: hidden}
	span.oy {margin-top: -1px; padding-left: 5px; display: block; float: left}
	span.izlenme {float: right; color: #173e5f; font-size: 9px; margin-top: -3px; padding-right: 5px}
	
/* Footer */
#footer {background: url(../images/footer-bg.png) center; height: 36px; margin-top: 20px}
.footer {width: 975px; margin: 0px auto; color: #fff; font-weight: bold; padding-top: 10px}

/********************************** İZLEME SAYFASI **************************************/
.sol-sag {float: right; font: 12px Trebuchet MS; padding: 2px}
span.izlenme3 {background: url(../images/icon.png) no-repeat 4px; padding-left: 25px; padding-right: 10px}
.sol-alt {background: url(../images/sol-alt.png); width: 697px; height: 5px; font-size: 0px; margin-bottom: 10px}

	.izleme {background-color: #fff; border: 1px solid #dcf9ff; border-top: none; border-bottom: none; padding: 9px; color: #adafaf; font-family: Trebuchet MS}
	.izlenme input {color: #848484}
	
	.partlar {padding: 5px 0}
	a.part1 {display: block; width: 98px; height: 23px; background: url(../images/part1.png) no-repeat; color: #173e5f; float: left; position: relative; z-index: 8; text-align: center; padding-top: 3px}
	a.part1:hover, a.part1.aktif {background: url(../images/part1-hover.png); color: #fff}
		a.part2:hover, a.part3:hover, a.part4:hover, a.part5:hover, a.part6:hover, a.part7:hover, a.part8:hover {background: url(../images/part-hover.png); color: #fff}
	a.part2.aktif, a.part3.aktif, a.part4.aktif, a.part5.aktif, a.part6.aktif, a.part7.aktif, a.part8.aktif {background: url(../images/part-hover.png); color: #fff}
	a.part2 {display: block; width: 97px; height: 23px; background: url(../images/part.png) no-repeat; color: #173e5f; float: left; margin-left: -14px; position: relative; z-index: 7; text-align: center; padding-top: 3px}
	a.part3 {display: block; width: 97px; height: 23px; background: url(../images/part.png) no-repeat; color: #173e5f; float: left; margin-left: -14px; position: relative; z-index: 6; text-align: center; padding-top: 3px}
	a.part4 {display: block; width: 97px; height: 23px; background: url(../images/part.png) no-repeat; color: #173e5f; float: left; margin-left: -14px; position: relative; z-index: 5; text-align: center; padding-top: 3px}
	a.part5 {display: block; width: 97px; height: 23px; background: url(../images/part.png) no-repeat; color: #173e5f; float: left; margin-left: -14px; position: relative; z-index: 4; text-align: center; padding-top: 3px}
	a.part6 {display: block; width: 97px; height: 23px; background: url(../images/part.png) no-repeat; color: #173e5f; float: left; margin-left: -14px; position: relative; z-index: 3; text-align: center; padding-top: 3px}
	a.part7 {display: block; width: 97px; height: 23px; background: url(../images/part.png) no-repeat; color: #173e5f; float: left; margin-left: -14px; position: relative; z-index: 2; text-align: center; padding-top: 3px}
	a.part8 {display: block; width: 97px; height: 23px; background: url(../images/part.png) no-repeat; color: #173e5f; float: left; margin-left: -14px; position: relative; z-index: 1; text-align: center; padding-top: 3px}
	
	/* Video Detay */
	.vd {background: url(../images/video-detay.png); width: 700px; height: 39px}
	
	/* Yapılan Yorum */
	.yyorum {background-color: #fff; border: 1px solid #dcf9ff; padding: 10px; margin-bottom: 10px; margin-bottom: 10px}
	.avatar {float: left}
	.yyorum-sag {float: right; width: 590px; font-family: Trebuchet MS; color: #173e5f;}
	.yyorum-sag a {color: #173e5f; font-weight: bold}
	
	/* Yorum Yap */
	.input {background: url(../images/input-bg.png); width: 184px; height: 20px; padding: 3px 5px}
	.textarea {background: url(../images/textarea-bg.png); width: 392px; height: 67px; overflow: auto; padding: 5px; font: 12px Tahoma}
	
/********************************** İLETİŞİM **************************************/
.il-bas {background: url(../images/iletisim.png); width: 699px; height: 39px}
#footer a {color: #fff}

/* Listeleme */
		.listeleme {text-align: right; padding-right: 25px; margin-bottom: 15px}
		.listeleme a {padding: 5px 8px; background-color: #bababa; color: #fff; margin-left: 2px}
		.listeleme span, .listeleme a:hover {padding: 5px 8px; background-color: #ccc; color: #000; margin-left: 2px}
