
body	{ font-family:"Lucida Sans Unicode"; font-size:small; }
a		{ text-decoration:none; }


h2		{ font-size:20px; padding:10px; }

#container	{ width:900px; margin:20px auto; padding-bottom:20px;}
#left		{ width:200px; float:left; margin-right:10px; background:#F0F0f0;}
#right		{ width:690px; float:left; background:#F0F0f0;}


#header		{ background:#FAFADD url("../images/kurana_sorunca_baslik.jpg") top left no-repeat; margin-bottom:10px; padding:10px 0 0 0;}
#header h1	{ font-size:200%; color:#A52A2A; margin:10px; display:none;}
#header p	{ font-size:110%; color:#333; margin:10px;}

#header ul 						{ padding:80px 0 4px 620px; border-bottom:2px solid #A52A2A;  }
#header ul li					{ display:inline;  }
#header ul li a					{ margin:0; padding:3px 10px; color:gray; font-size:110%;}
#header ul li a:hover			{ color:black}
#header ul li a.selected		{ background:#A52A2A;  color:white}
#header ul li a.selected:hover	{ color:white}


#footer		{ width:690px; float:right; margin:10px  0 0 0; padding:20px 0;}
#footer	p 	{ text-align:center; font-size:90%;}

#sureler	{ margin:0 0 10px 10px; width:180px; font:12px "Lucida Sans Unicode"}

.loading	{ background:url("../images/ajax-loader.gif") 630px 15px no-repeat;}

#ayetler				{ margin:0 0 10px 0;}
#ayetler li				{ width:95%; display:table; padding:7px 5px; background:white; margin:2px 10px 2px 10px; cursor:pointer; }
#ayetler li.hover		{ background:#fafadd;}
#ayetler li strong		{ font-weight:bold; color:#333; float:left; margin-right:10px; padding-top:2px; width:50px; text-align:center; }
#ayetler li p strong.q	{ float:right;}
#ayetler li p			{ font-size:90%; line-height:18px; float:left; text-align:justify; width:470px;}
#ayetler li p.info		{ width:125px; text-align:right;}
#ayetler li p.info a	{ font-weight:bold; color:#A52A2A}
#ayetler li .sorular	{ display:none; clear:both;}
#ayetler li.opened_ayet	{ background:#fafadd;}
#ayetler li .opened		{ }


#ayetler li .sorular 	   			{ width:500px; }
#ayetler li .sorular ul	   			{ list-style-type:square; list-style-position:inside;}
#ayetler li .sorular ul	li 			{ padding:3px 0; margin:5px 0 0 60px; float:left; background:transparent; display:inline; }
#ayetler li .sorular ul	li.more		{ display:none; }
#ayetler li .sorular ul	li a 		{ color:blue; font-size:90%; padding-left:15px;  background:url("../images/external.gif") 0 3px no-repeat; }
#ayetler li .sorular ul	li a.sensor	{ background:url("../images/external_red.gif") 0 3px no-repeat; }
#ayetler li .sorular ul	li a:hover 	{ text-decoration:underline; }

#cevaplar 				{ margin:20px 20px 10px 20px; }	
#cevaplar h1			{ margin:10px 0 0 0; line-height:30px; padding-bottom:10px; font-size:140%; border-bottom:1px solid gray; }
#cevaplar h1 span		{ display:block; font-size:70%; font-weight:normal; }
#cevaplar ul			{ margin:20px 0 50px 0;}
#cevaplar ul li			{ margin-bottom:10px; padding:5px; clear:both;  display:table;}
#cevaplar ul li p		{ width:380px; float:left; line-height:18px; padding-left:10px;  border-left:1px solid #f0f0f0;}
#cevaplar ul li.even	{ }
#cevaplar ul li .index	{ width:180px; float:left; margin:0 0 0 0; padding:3px 10px 0 0; font-size:80%; clear:left; text-align:right;}

#message_form					{ margin:0 20px 0 20px; padding:0 0 20px 0; margin-top:5px; }
#message_form h2				{ font-size:110%; font-weight:normal; line-height:20px; padding:10px 0;}
#message_form ul li				{ margin-bottom:5px; background:#fafafa; padding:5px;}
#message_form ul li label		{ padding:8px 10px; font-size:100%; float:left; width:125px; text-align:right; line-height:18px;}
#message_form ul li input		{ padding:3px 5px; width:400px; font-family:"Lucida Sans Unicode" }
#message_form ul li textarea	{ padding:3px 5px; width:400px; height:150px; font-size:100%; font-family:"Lucida Sans Unicode" }
#message_form ul li button		{ cursor:pointer;}
	
#response 		{ margin:10px 0;}
#response .ok	{ background:green; color:white; padding:10px 5px; }
#response .err	{ background:red; color:white; padding:10px 5px; }


#title			{ font-size:120%; font-weight:bold; line-height:20px; padding:10px 20px; background:#eee; margin:10px 20px 0 20px; color:#A52A2A;}


.hakkimizda		{ padding:20px;}
.hakkimizda	h1	{font-size:160%; padding:0; margin:20px 0;}
.hakkimizda	h2	{font-size:110%; padding:0; margin:10px 0; font-weight:bold;}
.hakkimizda	p	{font-size:100%; line-height:120%; margin-bottom:20px;}
.hakkimizda	p span	{color:red;}

#search	{ position:absolute;  margin:0 0 0 700px;}
