﻿/*
Theme Name: Çakma mfyz.com
Theme URI: 
Description: 
Version: 1
Author: AD
Author URI: 
Tags: 
*/
@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

body { padding: 0; margin: 0; background: url('images/arkaplann.gif'); color: #000000; }
body, div, td, span, font, select, option, input, submit, reset, textarea { font-family: "Lucida Grande", "Trebuchet MS", Tahoma, Sans-Serif; font-size: 13px; }

.clear { clear:both; }
a { color: #666666; text-decoration: none; }
a:hover { color: #222222; }
#page { width: 770px; margin: 0 auto; }
#page #header { background: transparent url(images/header-bg3.png) no-repeat bottom left; height: 78px; display: block; margin:10px -10px 0px -9px; }
#page #header #top { display: block; height: 65px; }
#page #header #top #logo { display: block; margin: 20px 0 0 25px; float: left; }
#page #header #top #top-nav { margin: 10px 30px 0 0px; float: right; width:250px;}
#page #header #top #top-nav ul { list-style-type:none; }
#page #header #top #top-nav ul li { float:left; line-height:25px; }
#page #header #top #top-nav ul li a { line-height:25px; float:left; display:block; }
#page #nav { display: block; background: transparent url(images/menu-bg.png) no-repeat left top; height: 40px; margin-left:-7px; margin-right:-10px; }
#page #nav ul { margin: 0; padding: 0; list-style: none; margin-left:10px; }
#page #nav ul li { float: left; background: transparent url(images/menu-sep.png) no-repeat right center; padding:0px 5px;}
#page #nav ul li a { color: #ffffff; text-decoration: none; font-size: 15px; padding: 4px 15px; display: inline-block; }
#page #nav ul li.dokumanlar a { background: transparent url(images/dokumanlar.png) no-repeat scroll 3px center; padding-left:30px; }
#page #nav ul li.interaktif a { background: transparent url(images/interaktif.png) no-repeat scroll 3px center; padding-left:30px; }
#page #nav ul li.projeler a { background: transparent url(images/projeler.png) no-repeat scroll 3px center; padding-left:30px; }
#page #nav ul li.gallery a { background: transparent url(images/gallery.png) no-repeat scroll 3px center; padding-left:30px; }
#page #nav ul li.archive a { background: transparent url(images/archive.png) no-repeat scroll 3px center; padding-left:30px; }
#page #content { background:transparent url(images/sayfa_artalani.png) repeat-y scroll 0 0; width:710px; margin-left:-9px; padding-left:34px; margin-right:-11px; padding-right:36px; margin-top:40px; }
.home-top { background:transparent url(images/sayfa_kafasi.png) no-repeat scroll 0 0; clear:both; height:26px; width:770px; margin:10px 0px 0px -9px; }
#content #leftpanel { width: 551px; float: left; background-color: #ffffff; margin:0px -15px;}
.left-top { background:transparent url(images/gorsel.png) no-repeat scroll left top; height:129px; margin-left:-23px; margin-top:-42px; width:571px; }
.padding10 { padding: 10px; display: block; }
.post { margin-bottom:5px;  clear: both; }
.post .comm { float: left; width:35px; text-align:right;}
.post .comm a { color: #fff; font-size: 20px; font-weight:bold; display:block;  }
.post .title { margin: 0; padding: 0; font-size: 18px; padding-bottom: 3px; margin-bottom: 5px; float:left; width: 420px; padding-right:20px; height: 22px; overflow:hidden; }
.post .titlehead { display: block; margin-bottom: 5px; height: 36px; padding-top:8px; background: url(images/konu_baslik.png) no-repeat left center; margin-left: -99px; }
.post .date { float: left; width: 71px; text-align: right; color: #ffffff; margin-right:10px; margin-left:7px; }
.post .date span { font-size:large }
.post .date .yil { font-size:10px; }
h2 .title { margin: 0; padding: 0; background: url(images/bullet.gif) no-repeat left center; padding-left: 20px; padding-bottom: 3px; border-bottom: 1px solid #b6b6b6; margin-bottom: 3px;
font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif font-size: 18px; }
.post .title a { text-decoration: none; color: #ffffff; }
.post .entry { width:510px; }

#sidepanel {width: 165px; float: right; padding-top:0px; padding-left:10px; position:relative; }
#sidepanel h2.tags { border-bottom:1px dotted #424242; font-size:20px;letter-spacing:-1px; margin:0 0 5px; padding:0 0 3px; }
#sidepanel ul li { margin-bottom: 15px; }
#sidepanel ul li ul li { margin-bottom:0px; }
#sidepanel ul li h2 { border-bottom:1px dotted #424242; font-size:20px; letter-spacing:-1px; margin:0 0 5px; padding:0 0 3px; }
#sidepanel .tarih { width:105px; position:absolute; top:-70px; right:40px; }
#sidepanel .tarih .ay { color:white; display:block; font-size:18px; font-weight:bold; margin-top:5px; padding-left:10px; }
#sidepanel .tarih .gun { display:block; font-size:70px; font-weight:bold; letter-spacing:-2px; margin-top:10px; text-align:center; }
#sidepanel .yazar { margin-top:100px; text-align:center; padding-right:10px; }
#sidepanel ul.tags { list-style-type:none; height:30px; margin-bottom:5px; margin-top:30px; margin-left:20px; }
#sidepanel ul.tags li { background:transparent url(images/etiket.png) no-repeat scroll 0 0; height:20px; margin-left:2px; padding-left:15px; margin-bottom:5px;}
#sidepanel ul.tags li a { background-color:#CCCCCC; font-size:11px; line-height:20px; padding:2px 8px 2px 3px; text-decoration:none; color:#000000; font-weight:bold; }

#sidepanel ul.tags .tag { background:transparent url(images/tag.png) no-repeat scroll right top; float:left; height:23px; margin-bottom:4px; margin-right:4px; padding-right:9px; clear:both; }
#sidepanel ul.tags .tag .start { background:transparent url(images/tag.png) no-repeat scroll left top; padding-left:17px; }
#sidepanel ul.tags .tag .start .in { background:transparent url(images/tag.png) repeat-x scroll left -23px; height:23px; }
#sidepanel ul.tags .tag .start .in a { color:#FEFFFF; font-size:11px; line-height:23px; height:23px; }

.page-top { background:transparent url(images/sayfa_kafasi.png) no-repeat scroll 0 top; clear:both; height:26px; width:770px; margin-left:-9px; }
.page-title { background:transparent url(images/sayfa_artalani.png) repeat-y scroll 0 0; padding-top:10px; text-align:center; margin-left:-9px; }
.page-title h1 { color:black; letter-spacing:-1px; line-height:110%; font-size: 34px; height:72px;}
.page-title h1.iletisim { margin:0px auto; text-align:left; background:transparent url(images/iletisim.gif) no-repeat scroll left center; padding-left: 100px; padding-top:10px; width:110px; }
.kod-parcasi { background:transparent url(images/kod_baslik.jpg) no-repeat scroll 0 0; padding-top:17px; margin-right:10px; }

.page-top-ben-kimim { background:transparent url(images/hakkinda_baslik.png) no-repeat scroll 0 0; clear:both; height:35px; width:770px; margin-left:-9px; margin-top:5px; }
#ben-kimim { background:transparent url(images/sayfa_artalani.png) repeat-y scroll 0 0; width:750px; margin-left:-9px; padding-left:9px; margin-right:-11px; padding-right:11px; }
.ben-kimim-siyah { color:#fff; background:black url(images/hakkinda_figur.png) no-repeat scroll 0 bottom; min-height:300px; padding-bottom:90px; }

.category-page-title { background:transparent url(images/kategori-baslik.png) no-repeat scroll 0 bottom; clear:both; height:135px; width:770px; margin-left:-9px; }
.category-page-title h1 {color:black; display:block; float:left; letter-spacing:-1px; line-height:110%; margin:0; padding:0; position:relative; width:480px; z-index:310; position:absolute; font-size: 33px; margin-top: 41.5px; margin-left: 25.75px; }
.alt-kategoriler, .yazi-listesi { list-style-type: none; }
.alt-kategoriler li { background:transparent url(images/hr.png) no-repeat scroll center bottom; margin-bottom:15px; margin-top:10px; padding-bottom:15px; padding-left:20px; padding-right:30px; }
.alt-kategoriler li .kategori { margin-right:50px; min-height:50px; }
.alt-kategoriler li .kategori h2 { font-size:22px; letter-spacing:-1px; margin:0; padding:0; }
.alt-kategoriler li .kategori a { border-bottom:1px solid #F8840F; color:#4C4C4C; }
.alt-kategoriler li .kategori a:hover { background-color:#E6E6E6; border-bottom:1px solid #297BFD; color:#000000; text-decoration:none; }
.alt-kategoriler li .dokuman_sayisi { background:transparent url(images/dokumanlar_yazi_adedi.gif) no-repeat scroll center bottom;
color:gray; float:right; font-size:30px; height:50px; letter-spacing:-2px; margin-right:-55px; margin-top:-35px; text-align:center; width:35px; }
.alt-kategoriler li .kategori_tanimi { color:gray; display:block; font-size:11px; margin-top:5px; }

.yazi-listesi li { background:transparent url(images/hr.png) no-repeat scroll center bottom; }
.yazi-listesi li .satir { padding-bottom: 18px; margin-top: 20px; clear: both; height: 50px; background-repeat: no-repeat; background-position: 535px 3px; }
.yazi-listesi li .tarih_baslik .tarih.yesil {  background-image: url(images/postit_yesil.png);  }
.yazi-listesi li .tarih_baslik .tarih.sari  {  background-image: url(images/postit_sari.png);  }
.yazi-listesi li .tarih_baslik .tarih.mavi  {  background-image: url(images/postit_mavi.png);  }
.yazi-listesi li .tarih_baslik .tarih { display: block; position: relative; float: left; width: 116px; height: 63px; margin-left: -120px; margin-top: -12px; margin-right: 5px;
background-repeat: no-repeat; font-weight: bold; padding-top: 18px; padding-left: 25px; }
.yazi-listesi li .tarih_baslik .tarih .tarih_gun, .yazi-listesi li .tarih_baslik .tarih .ay_yil { float: left; }
.yazi-listesi li .tarih_baslik .tarih .tarih_gun { font-size: 30px; letter-spacing: -3px; }
.yazi-listesi li .tarih_baslik .tarih .ay_yil { padding-top: 5px; padding-left: 5px; font-size: 11px; letter-spacing: -1px; line-height: 11px; }
.yazi-listesi li .tarih_baslik .tarih .tarih_ay { display: block; }
.yazi-listesi li .dokuman_baslik a { display: block; font-size: 22px; letter-spacing: -1.5px; color: black; float: left; width: 480px; margin-right: 150px; overflow: hidden; white-space: nowrap; margin-bottom: 3px; line-height: 25px; }
.yazi-listesi li .dokuman_baslik a:hover { text-decoration: underline; }
.yazi-listesi li .detaylar { float: left; }
.yazi-listesi li .detaylar .etiketler, .yazi-listesi li .detaylar .baslik_etiketler { font-size:9px; white-space:nowrap; }
.yazi-listesi li .sayilar { float: right; width:140px;}
.yazi-listesi li .sayilar .okunma_sayisi { background:transparent url(images/dokuman_gosterim.gif) no-repeat scroll center bottom; }
.yazi-listesi li .sayilar .okunma_sayisi, .yazi-listesi li .sayilar .yorum_sayisi { font-size:24px; height:40px; letter-spacing:-3px; margin-top:-25px; text-align:center; width:70px; float:right; color:gray;}
.yazi-listesi li .sayilar .yorum_sayisi { background: url(images/dokuman_yorum.gif) no-repeat center bottom;}

/* Single Post */
.single-post-title { background:transparent url(images/gunluk.png) no-repeat scroll 0 0; clear:both; height:107px; margin-top:5px; margin-left:-9px; margin-right:-11px; width:770px; position:relative; }
.single-post-title h2 { color:black; display:block; float:left; letter-spacing:-1px; line-height:95%; margin:0; padding:0; position:relative; width:480px; z-index:310; position:absolute; font-size: 24px; margin-top: 60px; margin-left: 25.75px; }
.single-post-title div { float:right; height:80px; margin-left:30px; padding-top:20px; width:210px; color: #fff; font-size:12px; font-weight:bold; height:25px; letter-spacing:-0.5px; line-height:25px; }
.single-post-title div a { color:white; font-size:12px; font-weight:bold; height:25px; letter-spacing:-0.5px; line-height:25px; overflow:hidden; }
.single-post-title div .tarih { color:white; font-size:9px; font-weight:bold; display:block; line-height:12px; }
#single-post { background:transparent url(images/sayfa_artalani.png) repeat-y scroll 0 0; width:710px; margin-left:-9px; padding-left:34px; margin-right:-11px; padding-right:36px; }
#single-post .entry  { line-height:1.4em; font-size:13px; }
.entry p { margin-bottom:15px; }

/*Comments*/
#comments { }
#comments .comments-title { background:transparent url(images/yorumlar_baslik.png) no-repeat scroll left top; height:128px; margin-left:-64px; margin-top:25px; width:805px; }
#comments .comments-title span { color:white; display:block; float:right; font-size:20px; height:115px; line-height:115px; margin-right:40px; }
#comments .no-comments { background:transparent url(images/yorumyok.gif) no-repeat scroll center 30px; height:150px; }
#comments .new-comment {}
#comments .new-comment #respond { background:transparent url(images/yeni_yorum.gif) no-repeat scroll left center; display:block; font-size:38px; height:40px; letter-spacing:-3px; line-height:40px; margin-left:10px; margin-top:30px; padding-left:50px; }
#comments .new-comment .once_okuyun { background:transparent url(images/uyari_buyuk.png) no-repeat scroll center 30px; float:right; margin-right:10px; padding-top:150px; width:250px; }
#comments .new-comment fieldset { border-top:1px solid #CCCCCC; border-width:1px 0 0; margin-top:10px; padding:8px; }
#comments .new-comment legend { color:black; font-size:18px; padding-left:5px; padding-right:5px;}
#comments .new-comment .yorum_form { float:left; margin-left:10px; width:410px; }
#comments .new-comment .yorum_form .satir { margin-bottom:5px; margin-top:8px; padding-left:90px; }
#comments .new-comment .yorum_form .baslik { color:#444444; margin-left:-85px; position:absolute; z-index:1; }
#comments .new-comment .yorum_form input[type="text"], #comments .new-comment .yorum_form textarea { width:280px;}
#comments .new-comment .yorum_form input[type="text"], #comments .new-comment .yorum_form input[type="password"], #comments .new-comment .yorum_form textarea, #comments .new-comment .yorum_form select { background:white url(images/input_bg.gif) repeat-x scroll 0 0; border-color:#7C7C7C #C3C3C3 #DDDDDD; border-style:solid; border-width:1px; color:#666666; }
#comments .new-comment .yorum_form .zorunlu { color:red; margin-right:-10px; position:relative; }
#comments .new-comment .yorum_form textarea { width:390px; }
#comments .new-comment .yorum_form .butonlar { margin-bottom:20px; text-align:center; }
#comments .new-comment .yorum_form input.buton.buyuk.mavi { background-image:url(images/150_mavi.png); }
#comments .new-comment .yorum_form input.buton.buyuk { width:167px; }
#comments .new-comment .yorum_form input.buton { background:transparent none no-repeat scroll 0 0; border:0 none; cursor:pointer; font-size:12px; font-weight:bold; height:38px; padding-bottom:2px; }
.comment { display: block; margin-top: 30px; }
.comment .title { padding: 2px 2px 10px 70px; position: relative; }
.comment .avatar { background: transparent url('images/k_avatar.png') no-repeat top left; padding: 3px; float: left; position: absolute; top: -10px; left: 25px; width:48px; height:48px; }
.comment .title .right { color:#999999; float:right; font-size:11px; letter-spacing:-1px; margin-right:20px; margin-top:-5px; white-space:nowrap; }
.comment .content { border:medium none; width:660px; line-height:140%; padding:5px 30px; background: url('images/konusma-art.png') repeat-y top left; }
.comment .comment-top { background: transparent url('images/konusma-ust.png') no-repeat; height:24px; width:730px; }
.comment .comment-bottom { background: transparent url('images/konusma-alt.png') no-repeat; height:18px; width:730px; }

/*Footer*/
#page .counters { margin:0px -10px 0px -9px; background:transparent url(images/ayak_bar.png) no-repeat scroll 0 0; color:#FFFFFF; height:28px; line-height:27px; padding-left:20px; width:750px; }
#page #footer { height: 171px; padding-bottom: 30px; background:  url(images/footer12.png) no-repeat top; text-align: center; margin:0px -10px 0px -9px; width:770px; padding-top:5px; }
#page #footer .son-yorumlar-footer { float:left; width:180px; overflow:hidden; margin-left:15px; }
#page #footer .son-yorumlar-footer * { font-family:"Trebuchet MS",Tahoma,sans-serif; font-size:10px; line-height:11px;}
#page #footer .son-yorumlar-footer ul { height:88px; margin:2px 0 0 2px; padding:0; }
#page #footer .son-yorumlar-footer li { height:11px; list-style-type:none; margin:0; overflow:hidden; padding:0; }
#page #footer .son-yorumlar-footer li a { color:white; display:block; float:left; white-space:nowrap; }
#page #footer .son-yorumlar-footer li a:hover { text-decoration:underline; }
#page #footer .son-yorumlar-footer li a strong { color:#76D5FF; }
#page #footer .content { padding-top: 0px; margin-left:50px; font-weight: bold; font-size: 12px; color: #ffffff; width: 500px; float:center; text-align:center }
#page #footer .content a { color: #fff; }

/* İletişim Formu */
.wpcf7-form { display: inline; }
.wpcf7-form #yazi { position: absolute; margin-left: 395px; width: 290px; margin-top: 20px; color: #333; }
.wpcf7-form fieldset { padding: 8px; padding-right: 0px; border-top: 1px solid #ccc;border-bottom-width: 0;border-left-width: 0;border-right-width: 0;margin-top: 10px;margin-left: 10px; }
.wpcf7-form legend { font-size: 18px; padding-right: 5px; padding-left: 5px; color: black; }
.wpcf7-form label.baslik { color: #444; margin-bottom: 3px; }
.wpcf7-form div.satir { margin-top: 8px; margin-bottom: 5px; }
.wpcf7-form div.satir div { padding-left: 12px; position: absolute; display: none; margin: -33px 0px 0px 350px; z-index: 100; }
.wpcf7-form div input[type=text], .wpcf7-form textarea { font-size: 16px; width: 340px; }
.wpcf7-form textarea { height: 250px; margin-top: 5px; }
.wpcf7-form .zorunlu { color: red; margin-right: -15px; }
.wpcf7-form .butonlar { margin-top: 15px; margin-bottom: 30px;  text-align:center;}
.wpcf7-form .butonlar .zorunlu { margin:0; margin-bottom: 15px; text-align:center; }
.wpcf7-form .butonlar input.mavi { background-image:url(images/100_mavi.png); }
.wpcf7-form .butonlar input.kucuk { width:119px; }
input.buton { background:transparent none no-repeat scroll 0 0; border:0 none; cursor:pointer; font-size:12px; font-weight:bold; height:38px; padding-bottom:2px; }

/* Sayfalama */
.wp-pagenavi { background:transparent url(images/hr.png) no-repeat scroll 0 top; height:70px; padding-left:130px; padding-top:25px; }
.wp-pagenavi .yeni { background:transparent url(images/geri.png) no-repeat scroll 0 center; float:left; height:35px; padding-left:40px; width:80px; }
.wp-pagenavi .sayfalar { float:left; margin-left:20px; margin-right:20px; margin-top:5px; }
.wp-pagenavi .sayfalar form { display: inline; }
.wp-pagenavi .sayfalar select { border: 0 none; }
.wp-pagenavi .sayfalar select option { border-bottom:1px dotted silver; color:black; }
.wp-pagenavi .eski { background:transparent url(images/ileri.png) no-repeat scroll right center; float:left; height:35px; padding-right:40px; text-align:right; width:80px; }

/* Galeri Sayfaları */
.page-top-gallery { background:transparent url(images/galeri.png) no-repeat scroll 0 0; clear:both; height:126px; width:770px; margin-left:-9px; margin-top:5px; }
#diger_resimler { margin-left:530px; position:absolute; }
#diger_resimler a { background:transparent url(images/tab.png) no-repeat scroll 0 0; text-align:center;
color:black; display:block; font-size:12px; font-weight:bold; height:28px; opacity:0.6; padding-top:4px; width:181px;}
#diger_resimler a:hover { opacity:1; text-decoration:none;}

.kategori-4 { background:transparent url(images/kategori-baslik-4.png) no-repeat scroll 0 bottom; }
.kategori-4 h1 { margin-left:160px; padding-top:15px;}
.kategori-3 { background:transparent url(images/kategori-baslik-3.png) no-repeat scroll 0 bottom; }
.kategori-3 h1 { margin-left:160px; padding-top:15px;}

acronym { border-bottom: 1px #666 dotted; cursor:help; background:transparent url(images/ipucu_bilgi.png) no-repeat scroll right 3px; padding-right:14px; color:#666;}
