/* ------------------------------------------------------------ *
	
	Project Name	: Umut ÖNCÜL
	Project URL		: http://www..com
	Coder 			: ORHAN ARIK 
	CSS				: OMER GOKSEL - omergoksel86@hotmail.com
	XHTML			: 04.12.2009

 * ------------------------------------------------------------ */
 *{
	orphans:inherit;
	margin: 0px;
	padding: 0px;
}
body ,html{	
	font-family:Verdana;
	font-size:11px;
	margin: 0px;
	padding: 0px;
	color:#666666;
	background:url(images/bg.jpg) repeat-x #e0eff7;
}
a{color:#666666; text-decoration:none;}
a:hover{color:#000000;}
img{border:none;}
form {
	margin: 0px;
	padding: 0px;
	clear:both;
}
input {
	font-family: Tahoma, Geneva, sans-serif;
}
#wrapper{
	margin:0px auto;
	width:960px;
}
/*----------------------------------
				HEADER
----------------------------------*/
#header{
	width:961px;
	height:271px;
	background:url(images/header.JPG) no-repeat left top;
	margin:0px;
}
#top-menu{
	width:961px;
	height:30px;
	font-size:13px;
	color:#FFFFFF;
	background:url(images/top_bg.JPG) left top;
	margin:0px;
}
#top-menu a:hover{
	color:#35cdff;
}
#top-menu #menu a{
	color:#FFFFFF;
}
#top-menu #menu:hover{
	background:url(images/gel_ust.PNG) no-repeat; 
	height:43px; 
	width:119px;
}
#top-menu #menu:hover a{
color:#35cdff;
}

#top-menu .m1{position:absolute; margin: 0px 0px 0px 0px; height:30px; width:119px; line-height:30px; text-align:center;}
#top-menu .m2{position:absolute; margin: 0px 0px 0px 120px; height:30px; width:119px; line-height:30px; text-align:center;}
#top-menu .m3{position:absolute; margin: 0px 0px 0px 220px; height:30px; width:119px; line-height:30px; text-align:center;}
#top-menu .m4{position:absolute; margin: 0px 0px 0px 340px; height:30px; width:119px; line-height:30px; text-align:center;}
#top-menu .m5{position:absolute; margin: 0px 0px 0px 460px; height:30px; width:119px; line-height:30px; text-align:center;}
#top-menu .m6{position:absolute; margin: 0px 0px 0px 580px; height:30px; width:119px; line-height:30px; text-align:center;}
#top-menu .m7{position:absolute; margin: 0px 0px 0px 700px; height:30px; width:119px; line-height:30px; text-align:center;}
#top-menu .m8{position:absolute; margin: 0px 0px 0px 821px; height:30px; width:119px; line-height:30px; text-align:center;}

#top-menu-alt{
background:url(images/gel_alt.PNG);
width:961px;
height:92px;
}
#top-menu-alt .sol{
position:absolute;
margin-top:30px;
width:700px;
font-size:12px;
}
#arama{
	float:right;
	/*border:none;*/
	background:url(images/ara.png) no-repeat;
	color:#026fa8;
	width:230px;
	height:36px;
	margin-top:17px;
	margin-right:10px;
}
#arama .ara{
position:absolute;
margin: 10px 0px 0px 5px;
width: 180px;
border:none;
}
#arama .ara-buton{
position:absolute;
border:none;
margin: 5px 0px 0px 195px;
}
#orta{
height:270px;
}
#orta .sag{
position:absolute;
margin-left:40px;
margin-top:5px;
border: 3px solid #FFFFFF;
}
#orta .sol{
position:absolute;
margin: 80px 0px 0px 480px;
width:460px;
font-size:14px;
color:909090;
}
#orta .sol h1{
font-size:22px;
font-weight:bold;
color:#487681;
margin-bottom:10px;
}
#orta .sol .buton{
background-color:#96c3cf;
color:#003449;
width:70px;
padding:3px;
margin-top:10px;
font-size:12px;
text-align: center;
}
#center-bottom{
width:960px;
height:306px;
margin:0px auto;
background:url(images/center_bottom.JPG) bottom left repeat-x;
}
#center-bottom #center_1{position:absolute; background:url(images/center_1.png) no-repeat; height:306px; width:194px; margin-left:100px;}
#center-bottom #center_1 .baslik{position:absolute; margin: 15px 0px 15px 12px; color:#35cdff; font-size:13px;}
#center-bottom #center_1 img{position:absolute; margin: 45px 0px 15px 2px;}
#center-bottom #center_1 .detay{position:absolute; margin: 145px 0px 15px 12px; color:#464646; font-size:12px; width:180px;}
#center-bottom #center_1 .buton{position:absolute; margin: 215px 0px 15px 2px; color:#003449; font-size:12px; background-color:#96c3cf; width:80px; text-align:center; padding:3px;}

#center-bottom #center_2{ position:absolute; background:url(images/center_1.png) no-repeat; height:306px; width:194px; margin-left:300px;}
#center-bottom #center_2 .baslik{position:absolute; margin: 15px 0px 15px 12px; color:#35cdff; font-size:13px;}
#center-bottom #center_2 img{position:absolute; margin: 45px 0px 15px 2px;}
#center-bottom #center_2 .detay{position:absolute; margin: 145px 0px 15px 12px; color:#464646; font-size:12px; width:180px;}
#center-bottom #center_2 .buton{position:absolute; margin: 215px 0px 15px 2px; color:#003449; font-size:12px; background-color:#96c3cf; width:80px; text-align:center; padding:3px;}

#center-bottom #center_3{ position:absolute; background:url(images/center_1.png) no-repeat; height:306px; width:194px; margin-left:500px;}
#center-bottom #center_3 .baslik{position:absolute; margin: 15px 0px 15px 12px; color:#35cdff; font-size:13px;}
#center-bottom #center_3 img{position:absolute; margin: 45px 0px 15px 2px;}
#center-bottom #center_3 .detay{position:absolute; margin: 145px 0px 15px 12px; color:#464646; font-size:12px; width:180px;}
#center-bottom #center_3 .buton{position:absolute; margin: 215px 0px 15px 2px; color:#003449; font-size:12px; background-color:#96c3cf; width:80px; text-align:center; padding:3px;}

#center-bottom #center_4{ position:absolute; background:url(images/center_1.png) no-repeat; height:306px; width:194px; margin-left:700px;}
#center-bottom #center_4 .baslik{position:absolute; margin: 15px 0px 15px 12px; color:#35cdff; font-size:13px;}
#center-bottom #center_4 img{position:absolute; margin: 45px 0px 15px 2px;}
#center-bottom #center_4 .detay{position:absolute; margin: 145px 0px 15px 12px; color:#464646; font-size:12px; width:180px; }
#center-bottom #center_4 .buton{position:absolute; margin: 215px 0px 15px 2px; color:#003449; font-size:12px; background-color:#96c3cf; width:80px; text-align:center; padding:3px;}

#footer{
height:69px;
background:url(images/bottom.JPG) repeat-x;
}
#footer .sol{
position:absolute;
margin-left:80px;
line-height:70px;
color:#51808d;
font-size:12px;
}
#footer .sag{
position:absolute;
margin-left:680px;
line-height:70px;
color:#51656a;
font-size:11px;
}

#footer .sag a{color:#7fc0df;}
#footer .sag a:hover{color:#21a9ea;}
#icerik-baslik{
border-bottom: dotted 1px;
font-size:16px;
}
#icerik-baslik a:hover{
background-color:#999999;
color:#FFFFFF;
}
#icerik{
height:350px;
}
#icerik-hakkimda{
margin-top:15px;
margin-bottom:15px;
height:auto;
}
#icerik-hakkimda h1{
font-size:14px;
}
#icerik .sag{
position:absolute;
margin-top:15px;
border: 3px solid #FFFFFF;
}
#icerik .sol{
position:absolute;
margin: 15px 0px 0px 440px;
width:260px;
font-size:12px;
color:909090;
}
#icerik .solsol{
position:absolute;
margin: 15px 0px 0px 730px;
width:200px;
font-size:12px;
color:909090;
}
#resim-baslik{
border-bottom:dotted 1px #FFFFFF;
margin-top: 20px;
color:#666666;
font-size:12px;
margin-bottom: 10px;
font-weight:bold;
width:950px;
}
#resim{
padding:2px;
width: 950px;
}
#resim .res{
width:120px;
height:120px;
float:left;
margin-right:15px;
margin-bottom: 10px;
}
#resim .res img{
width: 115px;
height: 115px;
padding:3px;
}
/*
satir
*/

#satir{
font-size: 13px;
margin-top:4px;
}
#satir .baslik{
border-bottom:dotted 1px #CCCCCC;
margin-top: 20px;
color:#5284ae;
margin-bottom: 10px;
font-weight:bold;
}
#satir h1{
font-size: 11px;
margin-bottom:4px;
}
#satir input{
border: dotted 1px #999999;
}
#satir textarea{
border: dotted 1px #999999;
}
.iletisim-buton{
background-color:#96c3cf;
color:#003449;
width:70px;
padding:3px;
margin-top:10px;
font-size:12px;
text-align: center;
}
/*-------------------------------------------
					SAYFALAMA
-------------------------------------------*/
#sayfalama{
	width:612px;
	height:20px;
}
#sayfalama ul{
	margin:0px auto;
	display:table;
}
#sayfalama li{
	width:20px;
	line-height:20px;
	text-align:center;
	margin:0px 1px 0px 1px;
	border-top:dotted #CCCCCC 1px;
	border-left:solid #F5F5F5 1px;
	border-right:solid #F5F5F5 1px;
	border-bottom:dotted #CCCCCC 1px;
	background:#f9f9f9;
	float:left;
}
#sayfalama li a:hover{
	width:18px;
	line-height:19px;
	text-align:center;
	margin:0px 0px 0px 0px;
	background:#f0f0f0;
	font-weight:bold;
	border-left:dotted #CCCCCC 1px;
	border-right:dotted #CCCCCC 1px;
	float:left;
}
/*--------------------
	Kategori
--------------------*/
#kategori{
display:table;
width:960px;
}
#kategori ul{
width:213px;
margin-right:24px;
margin-top:10px;
list-style:none;
background:url(images/detay_alt.PNG) bottom left repeat-x;
float:left;
}
#kategori ul li{
height:157px;
font-size:15px;
font-family:Tahoma;
width:213px;
}
#kategori ul li .ad{
position:absolute;
margin: 15px 0px 0px 70px;
}
#kategori ul li .ad a{
color:#35cdff;
}
#kategori ul li .resim{
position:absolute;
margin: 40px 0px 0px 2px;
}
#kategori ul li .resim img{
width:209px;
height:75px;
}
#kategori ul li .detay{
position:absolute;
margin: 120px 0px 0px 2px;
background-color:#96c3cf;
color:#003449;
width:70px;
padding:3px;
font-size:12px;
text-align: center;
}
/*--------------------
	Kategori DETAY
--------------------*/
#kategori_detay{
display:table;
width:960px;
}
#kategori_detay ul{
width:213px;
margin-right:24px;
margin-top:10px;
list-style:none;
background:url(images/detay_alt.PNG) bottom left repeat-x;
float:left;
}
#kategori_detay ul li{
height:157px;
font-size:15px;
font-family:Tahoma;
width:213px;
}
#kategori_detay ul li .ad{
position:absolute;
margin: 15px 0px 0px 5px;
}
#kategori_detay ul li .ad a{
color:#35cdff;
}
#kategori_detay ul li .resim{
position:absolute;
margin: 40px 0px 0px 2px;
}
#kategori_detay ul li .resim img{
width:209px;
height:75px;
}
#kategori_detay ul li .detay{
position:absolute;
margin: 120px 0px 0px 2px;
background-color:#96c3cf;
color:#003449;
width:70px;
padding:3px;
font-size:12px;
text-align: center;
}
/*--------------------
	Video Detay Göster
--------------------*/
#video_detay{
display:table;
width:960px;
}
#video_detay ul{
width:213px;
margin-right:24px;
margin-top:10px;
list-style:none;
background:url(images/video_detay.PNG) bottom left repeat-x;
float:left;
}
#video_detay ul li{
height:253px;
font-size:15px;
font-family:Tahoma;
width:213px;
}
#video_detay ul li .ad{
position:absolute;
margin: 15px 0px 0px 5px;
}
#video_detay ul li .ad a{
color:#35cdff;
}
#video_detay ul li .resim{
position:absolute;
margin: 40px 0px 0px 2px;
}
#video_detay ul li .resim img{
width:210px;
height:85px;
}
#video_detay ul li .detay{
position:absolute;
margin: 220px 0px 0px 2px;
background-color:#96c3cf;
color:#003449;
width:70px;
padding:3px;
font-size:12px;
text-align: center;
}
#video_detay ul li .acik{
position:absolute;
margin: 130px 5px 0px 5px;
padding:2px;
width:205px;
font-size:13px;
}
/*--------------------
	Video Detay Göster Dosya
--------------------*/
#dosya_detay{
display:table;
width:960px;
border: solid 1px #999999;
}
/*--------------------
	Olimpiyat Soruları
--------------------*/
#olimpiyat{
display:table;
width:960px;
margin-top:10px;
margin-bottom:10px;
}
#olimpiyat #tablo{
width:456px;
height:53px;
margin-top:2px;
background:url(images/yatay.PNG) no-repeat;
}
#olimpiyat #tablo .ad{
position:absolute;
font-size:15px;
line-height:50px;
margin-left:20px;
color:#35cdff;
}
#olimpiyat #tablo .detay{
position:absolute;
margin: 15px 0px 0px 200px;
width: 250px;
}
#olimpiyat #tablo .detay select{
float:right;
}
#olimpiyat .buton{
display:table;
width:456px;
height:53px;
margin-top:2px;
}
#olimpiyat .buton input{
float:right;
}