@charset "UTF-8";
/*
*09.06.2010 Çarşamba 15.55
*Sercan Aksoy
*sercan@bulsam.net
*www.bloqk.com
*/

body {
	text-align:center;
	margin:0;
	padding:0;

}

div#noscript {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:40px;
	border-bottom:1px solid #E0F2F5;
	background:#F5FBFC;
	color:#555;
	padding-top:5px;
	z-index:100000;
}


div#menu {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:20px;
	border-bottom:1px solid #E0F2F5;
	background:#F5FBFC;
	color:#555;
	padding:5px;
	z-index:100;
	text-align:left;
	margin-top:0;

}

body >div#menu{position: fixed;}

div#menu a {
	text-decoration:none;
	color:#555;
	
}

div#menu a:hover {
	text-decoration:underline;
	color:#d93636;
}

div.baslik {
	position:relative;
	height:53px;
	font:normal 49px Arial,"Trebuchet MS";
	margin:40px 0 0 25px;
	cursor:default;
	text-align:left;
	
}

div.baslik span {
		font:15px arial;
		color:#ccc;
		display:none;
}

div.genelKonteyner {
	width:100%;
	height:275px;
	margin-top:7px;
	padding-top:25px;
}

div.icKonteyner {
	width:1000px;
	margin:auto;
}

.ortaKutu {
	width:330px;
	height:245px;
	background:#fff;
	text-align:left;
	overflow:hidden;
}

.ortaKutu a {
	display:block;
	padding:4px;
	text-decoration:none;
	color:#555;
}

.ortaKutu a:hover {
	display:block;
	padding:4px;
	text-decoration:underline;
	color:#d93939;
}

span.aciklama{
	width:158px;
	color:#555;
	margin:2px;
	text-shadow:1px 1px 1px #fff;
	visibility:hidden;
}

div.kitap {
	margin:0px auto;
	margin-top:40px;
	height:275px;
	width:620px;
	color:#0868AC;
	text-align:left;
}

div.kitapAciklama {
	position:relative;
	width:305px;
	height:116px;
	margin-left:5px;
	border:1px solid #2C7EB8;
	padding:2px;
	line-height:120%;
}
div.kitapAciklama a {
	position:absolute;
	bottom:4px;
	right:5px;
	text-decoration:none;
	background:#FF3366;
	color:#fff;
	border:1px solid #555;
	width:50px;
	text-align:center;
	text-shadow:1px 1px 1px #666;
	display:none;
}

div.kitapAciklama  div.istatistik{
	position:absolute;
	width:120px;
	height:60px;
	background:#555;
	right:-150px;
	top:20px;
	font:45px kronika,Arial;
	color:#fff;
	text-shadow:2px 2px 2px #000;
	border:2px solid #ccc;
	display:none;
	text-align:center;
}

div.kitapAciklama  h5{
	margin:0;
}

div.kitapAciklama  p {
	margin:0;
	margin-top:5px;
	text-indent:15px;
}

div.footer {
	width:100%;
	height:460px;
	margin-top:20px;
	padding-top:20px;
	text-align:left;
}

div.footeric {
	width:400px;
	margin-left:40px;
	float:left;

}

div.footeric p {
	padding:10px;
	font:15px/140% Tahoma;
	color:#888;
	text-shadow:1px 1px 1px #000;
	text-indent:5px;
	
}

div.footeric p:first-letter {
	
	font-size:130%;
}

div.takip {
	margin-left:30px;
	float:left;
	

}

div.takip  input[type="text"]{
	border:none;
	width:250px;
	padding:4px;
	background:#fff;
}


div.takip  input[type="submit"]{
	border:none;
	padding:8px;
	margin:20px 0 0 20px;
	background:#777;
	color:#fff;
	text-shadow:1px 1px 1px #666;
}

div.takip  h3{
	color:#fff;
	font-size:40px;
	padding:0;
	margin:10px 0;
}

div#gMesaj {
	padding:6px;
	width:220px;
	margin-top:10px;
	color:#fff;
	display:none;
}

/*Makale İçerik*/
div.icKutu {
	position:relative;
	width:100%;
	height:170px;
	margin:10px 0 0 0;
	text-align:left;

}

div.mesajAc{
	position:absolute;
	width:170px;
	height:70px;
	right:15px;
	top:-70px;
	background:url(resim/cikinti.jpg) no-repeat center bottom;
	font:20px kronika;
	z-index:99;
	display:none;
	
}

div.icKutu ul {
	position:relative;
	width:100%;
	height:170px;
	margin:0;
	padding:0;
	list-style-type:none;
}

div.icKutu ul li{
	float:left;
	width:280px;
	padding:5px;
	margin-left:5px;
	background:url(resim/tik.png) no-repeat left center;
}

div.icKutu ul li a{
	text-decoration:none;
	color:#fff;
}

div.icKutu ul li a:hover {
	text-decoration:underline;
}

ul.bilgiBar{
	margin:0;
	padding:0;
	list-style-type:none;
	text-align:left;
	margin-left:15px;
	margin-top:10px;
	color:#555;
	width:90%;
}

ul.bilgiBar li {
	margin-left:9px;
	float:left;
	padding-left:20px;

}
ul.bilgiBar li.tarih{
background:url(resim/tarih.png) no-repeat left center;
}

ul.bilgiBar li.yorumlar{
background:url(resim/yorumlar.png) no-repeat left center;
}

ul.bilgiBar li.okunma{
background:url(resim/okunma.png) no-repeat left center;
}

div#makaleIcerik {
		width:760px;
		text-align:center;
		margin:20px 0 0 20px;
		color:#555;
		border-right:1px dashed #ccc;
		padding:0 5px 0 0;
		float:left;
		min-height:500px;
		font:17px/150% Arial;
}

div#makaleIcerik  a{
	color:#00557C;
	font-weight:bold;
}

div#makaleIcerik  a:hover{
	color:#d93636;
}

div#makaleIcerik  img{
	border:5px solid #999;
	padding:5px;
	margin:10px 0;

}

div#makaleIcerik  p{
	text-align:left;
	text-indent:10px;
}

div#makaleIcerik .kodbaslik{
	font:30px Arial;
	color:#000;
	display:block;
	text-align:left;
	margin-bottom:5px;
}

div#makaleIcerik  textarea {
		background:#F5FBFC;
		border:1px solid #E0F2F5;
		width:600px;
		height:160px;
		resize:none;
		padding:10px;
		outline:none;

}

div#makaleSag{
	position:relative;
	float:left;
	width:300px;
	margin-left:5px;
}

div#makaleSag a.buyuk{
	font:40px Arial;
	text-decoration:none;
	color:#000;
}

div#makaleSag a.buyuk:hover{
	color:#d93636;
}

div#makaleSag  textarea{
		margin-top:20px;
		background:#F5FBFC;
		border:1px solid #E0F2F5;
		width:300px;
		height:260px;
		resize:none;
		padding:10px;
		outline:none;
		display:none;
}

#sonYorum, #cozumBul {
	position:relative;
}

#sonYorumIcerik, #cozumbulIcerik {
	position:absolute;
	top:30px;
	right:5px;
	width:290px;
	height:150px;
	display:none;
	border:1px solid #E0F2F5;
	background:#F5FBFC;
	color:#555;
}

#sonYorumIcerik   a, #cozumbulIcerik  a{
	display:block;
	padding:5px;
}

div#yorumAlan {
	position:relative;
	width:100%;
	background:#E0F2F5;
	text-align:left;

}
div.yorumAlanSol{
		float:left;
		width:750px;
}

div.yorumBaslik{
		padding-left:15px;
		color:#000;
		font:40px "Trebuchet MS";
		margin:10px;
		text-shadow:1px 1px 1px #000;
}

div.yorumKutu {
	width:750px;
	height:200px;
	margin-left:20px;
	color:#555;
	margin-top:15px;
}

div.yorumAlanSag{
		float:left;
		width:400px;
		margin-left:10px;
}

div.yorumNo {
	width:125px;
	height:100px;
	background:#BDE3EA;
	border:1px solid #96D3DE;
	float:left;
	font:60px "Trebuchet MS";
	text-align:center;
	text-shadow:1px 1px 1px #000;
}

div.yorumIcerik{
	width:570px;
	padding:10px;
	background:#BDE3EA;
	border:1px solid #96D3DE;
	float:left;
	margin-left:10px;
	min-height:100px;
}

div.yorumYazan a,div.yorumIcerik a {
	text-decoration:none;
	color:#555;
	font-weight:bold;
}

div.yorumYazan a:hover , div.yorumIcerik a:hover{
	text-decoration:underline;
	color:#d93636;
	font-weight:bold;
}

div.yorumEkle {
	padding:10px;
	background:#BDE3EA;
	border:1px solid #96D3DE;
	height:650px;
	margin-bottom:20px;
}

div.yorumEkle  label {
		margin:5px 0;
		display:block;
}

div.yorumEkle input[type="text"] ,div.yorumEkle textarea{
		border:1px solid #ccc;
		padding:3px;
		width:250px;
}

div.yorumEkle textarea {
	width:350px;
	resize:none;
	height:300px;
}

div.yorumEkle #sifre {
	
	border:1px solid #96D3DE;
	width:80px;
	height:50px;
	text-align:center;
	font:30px "Trebuchet MS",Arial;
}

div.yorumEkle input[type="submit"] {
		margin:20px 0 0 80px;
		border:1px solid #96D3DE;
		padding:3px;
		width:200px;
		height:50px;
		font:29px "Trebuchet MS";
		text-shadow:1px 1px 0 #000;
}

div#yorumCevap {
	width:360px;
	height:50px;
	text-align:center;
}

/*Kategori İçerik*/
div.katKutu {
	width:100%;
	height:30px;
	border-top:1px solid #96D3DE;
	border-bottom:1px solid #96D3DE;
	background:#BDE3EA;
	margin-top:10px;
	padding:10px 0 0 0;
	text-align:left;
}

div.katKutu span.tarih {
	float:right;
	margin-right:10px;
	color:#d93636;
	font:bold 15px "Trebuchet MS";
	display:none;
}

div.katKutu span.rakam {
	float:left;
	margin:0 15px;
	color:#555;
	font:20px "Trebuchet MS";
	text-shadow:1px 1px 1px #000;
	
}

div.katKutu a {
	float:left;
	text-decoration:none;
	color:#555;
}

div.katKutu a:hover {
	text-decoration:underline;
	color:#555;
}

span.katAc{
	display:none;
}

div.ortaKutu input[type="text"],div.ortaKutu textarea{
	
	padding:3px;
	width:200px;
	margin-left:5px;
	margin-top:5px;
	background:#F5FBFC;
	border:1px solid #E0F2F5;
}
div.ortaKutu textarea{
	width:312px;
	height:100px;
	resize:none;
}

div.ortaKutu input[type="submit"]{

	display:block;
	background:#fff;
	border:none;
	font:25px Arial;
	text-shadow:1px 1px 1px #000;
	margin-left:60px;
}

div.ortaKutu  span#sCevap {
	margin-left:15px;
	color:#d93636;
	display:none;
}

div.logo {
	width:224px;
	height:133px;
	background:transparent url("resim/logo.png") no-repeat left top;
	margin:100px 0 0 0;
}

/*Yazı Renk*/
.renkCss{color:#00fdfd}
.renkPhp{color:#3cf}
.renkJs {color:#f66}
.renkTeknoloji {color:#6c9}
.renkCozum {color:#ffd24c}
.renkSiyah{color:#000}
.renkKirmizi{color:#d93636}

/*Background Renk*/

.bCss{background-color:#00fdfd}
.bPhp{background-color:#3cf}
.bJs {background-color:#f66}
.bTeknoloji {background-color:#6c9}
.bCozum {background-color:#ffd24c}
.bFooter {background-color:#555}
.bMavi{background-color:#BDE3EA}

/*Border Renk*/

.borderCss{border:1px solid #00D9D9}
.borderPhp{border:1px solid #00BBF9}
.borderJs {border:1px solid #FF3333}
.borderTeknoloji {border:1px solid #308F60}
.borderCozum {border:1px solid #FBBC00}

/*Yönler*/
.sol {float:left}
.sag{float:right}
.temizle {clear:both}
.yaziSol{text-align:left;}

/*Büyüklük*/
.kalin {font-weight:bold}
.bosluk{margin-right:5px; top:0;}