/*
Theme Name: Hakan ERSU
Theme URI: http://www.hakanersu.com/
Description: hakanersu.com �zel temas�
Author: Hakan ERSU
Author URI: http://www.hakanersu.com/
Version: 1.0
Tags: siyah,beyaz,v5,tema
.
Tum Haklari Saklidir.
.
*/

	html {
		overflow-y: scroll;
	}
	body {

		background:#333;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;	
	}
	/*******************************
	 * Genel Tanimlamalar		   *
	 * *****************************/
	a{ text-decoration:none;}
	.l { float:left; } 
	.r { float:right; }
	.k { width:23px;height:70px;display:block; position:absolute;}
	.tl { background:url(images/ust.png) 0 0 no-repeat; left:0;}
	.tr { background:url(images/ust.png) -23px 0 no-repeat; right:0}
	.bl { background:url(images/kose.png) 0 -70px no-repeat; left:0;}
	.br { background:url(images/kose.png) -23px -70px no-repeat; right:0;}
	.t{clear:both;}
	#tasiyici {
		width:960px;
		margin:0 auto;
		
		position:relative;
	}
	#header {
		width:914px;
		height:70px;
		display:block;
		margin:72px 0 0 0;
		position:relative;
		padding:0 23px 0 23px;
	
		
	}
	#header .con{
		width:100%;
		height:100%;
		display:block;
		background:#fafafa;
		margin:0 auto;
	}
		#efekt p {
			position:absolute;
			right:0;
			top:70px;
			color:#fff;
			font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
			text-shadow: 2px -1px 6px #fff;
			
		}
		#header .con h1.title {
			width:122px;
			height:23px;
			display:block;
			background:url(images/iceberq.png) 0 0 no-repeat;
			text-indent:-9999px;
			position:relative;
			top:20px;
		}
		#header .con ul {
			position:absolute;
			right:20px;
			top:27px;
		}
		#header .con ul li{
			float:left;
			text-align:center;
			
		}
		#header .con ul li a {
			padding:0 15px;
			height:24px;
			display:block;
			color:#555555;
			font-family: Arial, sans-serif;
			font-size: 10px;
		}
		#header .con ul li a:hover{
			color:#000;
			background:url(images/menualt.png) bottom center no-repeat;
		}
		.menuresim {
			background:url(images/menualt.png) bottom center no-repeat;
		}
	#gosteri-wrapper{
		position:relative;
		height:242px;
		background:url(images/slider-alt.png) bottom center no-repeat #f4f4f4;
		
	}
	#gosteri {
		width:100%;
		height:216px;
		display:block;
		background:#fff;
		overflow:hidden;
		position:relative;
	}
	#gosteri .resimler{
		position:absolute;
		top:0;
		left:0;
	}
	#gosteri-wrapper .sayfalar {
		width:150px;
		margin-left:-75px;
		height:14px;
		display:block;
		position:absolute;
		bottom:5px;
		left:50%;
	

	}
	#gosteri-wrapper .sayfalar a {
		width:13px;
		height:14px;
		display:block;
		background:url(images/sayfalama-buton.png) 0 0  no-repeat #f4f4f4;
		text-indent:-9999px;
		float:left;
		margin-left:22px;
	}
	#gosteri-wrapper .sayfalar a.active {
		background:url(images/sayfalama-buton.png) 0 -14px  no-repeat #f4f4f4;
	}
	#footer {
		padding:0 23px 0 23px;
	}
	#footer .con{
		width:100%;
		height:100%;
		display:block;
		background:#f5f5f5;
		margin:0 auto;
		z-index:99;
	}
	#efekt {
		background:url(images/efekt.png) 0 0 no-repeat;
		width:313px;
		height:157px;
		display:block;
		position:absolute;
		top:-80px;
		left:-26px;
	}
	#icerik  {
		overflow:hidden;
		width:950px;
		display:block;
		background:#f5f5f5;
		padding:10px 5px 0 5px;
	}
	.alt {
		width:914px;
		height:70px;
		display:block;
		position:relative;
	}
	#bilgi {
		background:url(images/golge.png) 0 -80px no-repeat;
		width:100%;
		font-family:Arial,sans-serif;
		color:#cccccc;
		font-size:9px;
		letter-spacing:0.2em;
		text-shadow:0 1px 0 #000000;
	}
		.copy,.mini_flink{
			padding:15px 0 0 3px;
			
		}
		.copy {
			float:left;
		}
		.mini_flink {
			float:right;
		}
		#bilgi .mini_flink a{
			color:#cccccc;
			cursor:pointer;
		}
		#bilgi .mini_flink a:hover{
			color:#fff;
		}
		#bilgi .adres {
			background:url(images/minibutonlar.gif) 0 0 no-repeat;
			padding:0 0 0 20px;
		}
		#bilgi .email {
			background:url(images/minibutonlar.gif) 0 -16px no-repeat;
			padding:0 0 0 20px;
		}
		#bilgi .phone {
			background:url(images/minibutonlar.gif) 0 -32px no-repeat;
			padding:0 0 0 20px;
		}
		.ayirici {
			background-color:#ddd;
			border-bottom:1px solid #fff;
			height:1px;
			clear:both;
		}
		#icerik .sutunlar {
			padding-bottom:26px;
			position:relative;
			margin-bottom:15px;
			overflow:hidden;
		}
		#icerik .sutun {
			width:309px;
			display:block;
			float:left;
			border-right:1px solid #ddd;
			border-left:1px solid #fff;
			padding:3px; 
		}
		#icerik .sutun:first-child{
			border-left:none;
		}
		#icerik .sutun:last-child{
			border-right:none;
		}
		#icerik .sutun .kutu {
			background:#e5e5e5;
			border:2px solid #fff;
			width:305px;
			height:100%;
			display:block;
		}
		#icerik .sutun .kisa img {
			padding:2px 0 0 3px
		}
		#icerik .sutun .kisa {
			height:128px;
		}
		#icerik .buyuk {
			height:350px;
		}
		#icerik .genis {
			width:468px;
			border:0;
		}
		#icerik .genis ul li {
			height:60px;
			clear:both;
			border-bottom:1px solid #ddd;
		}
		#icerik .genis ul li.rest {
			border-bottom:0;
			height:auto;
			width:100%;
		}
		#icerik .genis ul li.rest p{
			text-align:right;
		}
		#icerik .genis ul li.rest a{
			color:#222;
		}
		#icerik .genis ul li.rest a:hover{
			color:#000;
		}
		#icerik .sutun p {
			color:#4b4b4b;
			padding:5px;
			text-align:justify;
			font-size:11px;
		}
		#icerik .sutun .tarih {
			float:left;
			padding:25px 20px 10px 10px;
			height:25px;
			color: #888;
			
		}
		#icerik .sutun p.haber b{
			display:block;
			font-weight:normal;
			color:#222;
			padding:0 0 3px 0;
		}
		.minigolge {
			background:url(images/minigolge.png) 0 0 no-repeat;
			width:309px;
			height:26px;
			display:block;
		}
		.miniresim {
			background:url(images/mresimtasiyici.png) 0 0 no-repeat;
			padding:7px;
			border:1px solid #e3e3e3;
			margin:0 0 0 3px;
					
		}
		.innerheadI {
			text-indent:-9999px;
			display:block;
			position:relative;
			height:17px;
			margin:32px 0 20px 10px;
		}
		.innerhead {
			font-size:16px;
			padding:10px 0 5px 5px;
			text-align:left;
		}
		.genis .innerhead {
			font-size:24px;
		}
		.latest{
			background:url(images/latest-news.png) 0 0 no-repeat;
			width:160px;
		}
		.customer {
			background:url(images/latest-customers.png) 0 0 no-repeat;
			width:238px;
		}
		
		.ortali {
			display:block;
			margin:0 auto;
		}
		/*******************************
		 * Blog Bolumu                 *
		 *******************************/
		.blog #gosteri-wrapper {
			height:150px;
		}
		.blog #gosteri-wrapper #gosteri {
			height:124px;
			background:url(images/blog_baslik.png) 0 0 no-repeat;
		}
		.blog #gosteri-wrapper #gosteri h1{
			font-size:14px;
			text-align:right;
			padding:40px 25px 0 0;
			color:#333;
		}
		.blog #gosteri-wrapper #gosteri.ipost h1{
			text-align:left;
			padding:40px 0 0 25px;
		}
		.blog #gosteri-wrapper #gosteri h1 b{
			font-size:36px;
			display:block;
			
		}
		.yazilar,.blogmenu {
			float:left;
			padding-top:10px;
			min-height: 400px;
		}
		.blogmenu {
			padding-top:60px;
			
		}
		.blogmenu h1 {
			font-size:18px;
			padding:0 0 10px 10px;
		}
		.blogmenu ul {
			padding:0 0 10px 10px;
		}
		.blogmenu ul li {
			border-bottom:1px solid #ddd;
			border-top:1px solid #fff;
			background:url(images/saga_ok.png) center left no-repeat;
			position:relative;
		}
		.blogmenu ul li:first-child {
			border-top:0;
		}
		.blogmenu ul li:last-child {
			border-bottom:0;
		}
		.blogmenu ul li a {
			padding:10px 0 10px 16px;
			display:block;
			color:#555;
		}
		.blogmenu ul li a:hover {
			color:#222;
		}
		.blogmenu ul li span {
			position:absolute;
			top:7px;
			width:13px;
			height:12px;
			right:0;
			background:#ccc;
			padding:3px;
			color:#555;
			-moz-border-radius:3px;
			-webkit-border-radius:3px;
			border-radius:3px;
			overflow:hidden;
		}
		.blogmenu ul li span b{
			width:60px;
			height:16px;
			display:inline-block;
			position:relative;
		}
		.blogmenu ul li span b div {
			position: absolute;
			top:0px;
			left:20px;
		}
		.yazilar {
			width:650px;
		}
		.blogmenu {
			width:298px;
			background: url(images/sol_ust.png) 0 36px no-repeat;
			position:relative;
		}
		.blgic{
			background: url(images/sag_arka.png) 0 0 repeat-y;
		}
		.yazi {
			font-family:"Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif;
			font-size:12px;
			color:#333;
			padding:25px;
			border-bottom:1px solid #ccc;
			border-top:1px solid #fff;
		}
		.yazi:first-child {
			border-top:none;
			padding-top:0;
		}
		.yazi:last-child {
			border-bottom:none;
		}
		.yazi img {
			display:block;
			margin:10px auto;
			border:1px solid #ccc; 
		}
		.yazi h1{
			font-size:36px;
			color:#333;
		}
		.yazi h1 a {
			color:#333;
		}
		
		
		.yazi .resim-alt {
			width:592px;
			height:22px;
			margin:0 auto;
			margin-top:-9px;
			display: block;
			background: url(images/ortagolge.png) 0 0 no-repeat;
		}
		.yazi a {
			color:#21759B;
		}
		.yazi a:hover{
			color:#FF0000;
		}
		.yazi h1 a:hover {
			color:#555;
		}
		.yazi h3 {
			font-size:16px;
			margin:10px;
		}
		.yazi p  {
			line-height:20px;
		}
		.yazi a.more-link {
			-moz-border-radius:3px;
			-moz-box-shadow:1px 1px 0px #CCC;
			-webkit-border-radius:3px;
			border-radius:3px;
			background:url(images/ok.png) no-repeat scroll 5px 6px #EDEDEB;
			padding:6px 13px 6px 29px;
			color:#555;
			margin:15px 0;
			display:block;
			width:60px;
		}
		.yazi a.more-link:hover {
			color:#000;
		}
		.yazi ul,.yazi ol {
			margin-left:15px;
		}
		.yazi ol li {
			list-style: decimal;
			margin-left:15px;
			margin-top:5px;
		}
		.yazi ul li {
			list-style:circle;
			margin-top:5px;
			margin-left:15px;
		}
		
		.yazi blockquote {
		  font: 14px/22px normal helvetica, sans-serif;
		  margin-top: 10px;
		  margin-bottom: 10px;
		  margin-left: 50px;
		  padding-left: 15px;
		  border-left: 3px solid #ccc;
		} 
		#breadcrumbs{
			padding-left:25px;
		}
		#breadcrumbs,#breadcrumbs a ,#breadcrumbs span {
			font-size:11px;
			color:#555;
			
		}
		#breadcrumbs .bread-ayirici {
			
		}
		.arama {
			position:absolute;
			top:0;
			right:0;	
			width:300px;
			height:41px;
			margin-right:-4px;

		}
		.arama input[type="text"]{
			border:none;
			background:url(images/blog_search.png) 0 0 no-repeat;
			width:200px;
			height:41px;
			display:block;
			padding:0 91px 0 10px;
			font-size:16px;
			color:#555;
			margin-right:-1px;
			position:relative;
			font-family:Tahoma,Arial,verdana;
			
		}
		.arama input[type="submit"] {
			border:none;
			background:none;
			width:80px;
			height:41px;
			position:absolute;
			top:0;
			right:0;
			cursor:pointer;
			font-weight:bold;
			font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
			color:#fff;	
		}
		.ust-bilgi {
			font-family:Tahoma,Geneva,Arial,sans-serif;
			font-size:10px;
			color:#888;
			height:20px;
			border-bottom:1px dotted #ccc;
			margin-bottom:5px;
		}
		.ust-bilgi a {
			text-transform:uppercase;
			word-spacing:-1px;
			color:#444;
		
		}
		.ust-bilgi a:hover {
			color:#000;
		}
		.post p {
			margin:5px 0;
			text-align:justify;
		}
		/* yAZAR */
		.yazar {
			padding:10px 0 15px 20px ;
			border-bottom:1px solid #ccc;
			overflow:hidden;
		}
		.yazar h1 {
			font-size:18px;
			padding:10px 0px;
		}
		.avatar {
			float:left;
			height:72px;
			border:1px solid #ccc;
		}
		.avatar img{
			width:60px;
			height:60px;
			padding:5px;
			background:#f5f5f5;
			
		}
		.yazar-bilgi {
			overflow:hidden;
			padding-left:15px;
			position:relative;
		}
			.yazar-bilgi .yazar-adi {
				font-weight:bold;
				color:#555;
			}
			.yazar-bilgi .yazar-aciklama {
				padding:5px 0;
				color:#888;
			}
		.yorumlar {
			padding:10px 0 10px 20px;
			font-size:18px;
		}
		.iform{
			width:270px;
			float:left;
		}
		.ibilgi{
			float:left;
		}
		.etiketler {
			padding:5px 10px 10px 10px;
			background: #fff;
			width:265px;
			margin:0 0 0 10px;
			-moz-border-radius:5px;
			-webkit-border-radiust:5px;
			border-radius:5px;
			-moz-box-shadow: inset 0 0 4px #888;
			-webkit-box-shadow: inset 0 0 4px#888;
			box-shadow: inner 0 0 4px #888;
		}
		.etiketler a {
			color:#21759B;
		}
		.etiketler a:hover {
			color:#B3C432;
		}