body {font-family: 'PT Sans', Tahoma, Verdana; font-size:16px; word-spacing: 3px; padding:20px; background:#151515; color:#fff;}
a {color:#c10f39;}
a:hover {}
p {margin-bottom:10px;}
strong {font-weight:700;}
img {}

.birakl_esnek {max-width:960px; min-width:320px; margin:auto; margin-top:15px; background:#fff;}
.yazi_esnek {max-width:336px; max-height:600px; min-width:300px; min-height:250px; float:left; display:block; margin:10px;}
.yazi_esnek2 {width:100%; float:left; margin:10px 0px; display:block;}

header {max-width:960px; min-width:320px; margin:auto;}
	header h1 {float:left; font-size:35px; font-weight:700;}
	header h1 a {float:left; letter-spacing:3px;}
	header h2 {float:left; letter-spacing:1px; font-size:12px; color:#ccc; margin-left:10px; margin-top:14px;}
	header ul {list-style:none; width:100%; margin-top:15px; background:#b6133a; float:left;}
	header ul li {float:left;}
	header ul li a {float:left; font-size:15px !important; font-weight:700; height:50px; padding:0 15px; line-height:50px; border-right:1px solid #9f1233; color:#fff;}
	header ul li a:hover {color:#ffd720;}
	header ul li:last-child a {border-right:none;}
	
#makaleler {max-width:960px; min-width:320px; margin:auto; margin-top:15px;}
	#makaleler .mbaslik {background:#212121; color:#e6e6e6; width:100%; padding:20px; box-sizing:border-box; text-align:center; margin-bottom:10px;}
	#makaleler .mbaslik h1 {font-size:22px; font-weight:700; margin-bottom:10px; width:100%; float:left;}
	#makaleler .mbaslik span {font-size:13px;}

	#makaleler .makale {width:100%; float:left; padding:15px; background:#292929; box-sizing:border-box; margin-bottom:10px;}
	#makaleler .makale h1, #makaleler .makale h2 {width:100%; float:left; font-size:18px; font-weight:700; margin-bottom:8px; padding-bottom:8px; border-bottom:1px solid #323232;}
	#makaleler .makale h2 a {color:#c81942;}
	#makaleler .makale>img, #makaleler .makale>a>img {width:170; height:170px; float:left; margin-bottom:10px; float:left; margin-right:10px;}
	#makaleler .makale .ht_mini {width:100%; padding:10px; background:#191818; color:#fff; letter-spacing:2px; float:left; box-sizing:border-box; margin-bottom:10px;}
	
	#makaleler .makale .makale_meta {width:100%; float:left; margin-bottom:8px; padding-bottom:8px; border-bottom:1px solid #323232;}
	#makaleler .makale .makale_meta ul {width:100%; list-style:none; color:#ccc;}
	#makaleler .makale .makale_meta ul li {float:left; font-size:10px;}
	#makaleler .makale .makale_meta ul li a {float:left; color:#ccc;}
	#makaleler .makale .makale_meta ul li i {float:left; margin:2px 10px;}
	#makaleler .makale .makale_meta ul li:last-child {float:right; color:#ccc;}
	
	#makaleler .makale .mtext {}
	#makaleler .makale .mtext ul {margin:30px;}
	#makaleler .makale .mtext .mimg {width:100%; text-align:center; margin-bottom:20px; float:left; background:#dfdfdf;}
	#makaleler .makale .mtext .mimg img {width:auto; max-height:400px; display:inline-block;}
	#makaleler .makale .mtext a.makale_oku {background:#ffd720; font-size:13px; float:right; padding:8px 15px; font-weight:700; margin-top:15px; color:#000;}
	
	#makaleler .makale .gtext {}
	#makaleler .makale .gtext ul {list-style:none; float:left; margin-top:10px;}
	#makaleler .makale .gtext ul li {width:20%; float:left; box-sizing:border-box; padding:0px 5px;}
	#makaleler .makale .gtext ul li:last-child {}
	#makaleler .makale .gtext ul li a {float:left;}
	#makaleler .makale .gtext ul li a img {width:100%; float:left; height:auto;}
	
	#makaleler .makale ul.hgaleri {list-style:none; width:100%;}
	#makaleler .makale ul.hgaleri li {margin-bottom:10px;}
	#makaleler .makale ul.hgaleri li img {width:100%; height:auto;}
	
	#makaleler #yorumlar {width:100%; float:left; margin:20px 0;}
	#makaleler #yorumlar h3 {width:100%; float:left; padding-bottom:5px; margin-bottom:10px; border-bottom:1px solid #323232; font-weight:700; font-size:18px;}
	
	#makaleler #benzer_makaleler {width:100%; float:left; margin-top:10px;}
	#makaleler #benzer_makaleler h3 {width:100%; float:left; padding-bottom:5px; margin-bottom:10px; border-bottom:1px solid #323232; font-weight:700; font-size:18px;}
	#makaleler #benzer_makaleler ul {list-style:none;}
	#makaleler #benzer_makaleler ul li {width:100%; box-sizing:border-box; float:left; margin-bottom:1px;}
	#makaleler #benzer_makaleler ul li a {float:left; width:100%; box-sizing:border-box; padding:5px; background:#151515;}
	#makaleler #benzer_makaleler ul li a img {width:40px; height:40px; float:left; display:block;}
	#makaleler #benzer_makaleler ul li a span {float:left; margin-left:5px; font-weight:700; line-height:40px;}
	
	#makaleler #yorumlar #yorum_yaz {width:100%; float:left; margin-bottom: 60px;}
	#makaleler #yorumlar #yorum_yaz form {float:left; margin-bottom:20px; width:100%; float:left;}
	#makaleler #yorumlar #yorum_yaz input[type="text"] {padding:10px; border:1px solid #cbcbcb; width:100%; float:left; box-sizing:border-box; font-size:12px; font-family: 'PT Sans', sans-serif; margin-top:15px;}
	#makaleler #yorumlar #yorum_yaz textarea {font-size:12px; border:1px solid #cbcbcb; width:100%; box-sizing:border-box; float:left; margin:15px 0; padding:10px; font-family: 'PT Sans', sans-serif; height:80px;}
	#makaleler #yorumlar #yorum_yaz .g-recaptcha {float:left;}
	#makaleler #yorumlar #yorum_yaz span {float:left; font-size:12px; color:#cbcbcb; margin:10px 0;}
	#makaleler #yorumlar #yorum_yaz input[type="submit"] {float:left; border:none; padding:10px 15px; font-family: 'PT Sans', sans-serif; background:#f9b60a; color:#303030;}

	#makaleler #yorumlar #tum_yorumlar {width:100%; float:left;}
	#makaleler #yorumlar #tum_yorumlar #yorum_yok {width:100%; box-sizing:border-box; float:left; padding:15px; background:#8f1635; border-bottom:1px solid #78122c; color:#}
	#makaleler #yorumlar #tum_yorumlar .yorum {width:100%; box-sizing:border-box; padding:10px; background:#383838; border-bottom:1px solid #2F2D2D; margin-bottom:10px; float:left;}
	#makaleler #yorumlar #tum_yorumlar .yorum h4 {width:100%; box-sizing:border-box; font-size:13px; float:left; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #464646;}
	#makaleler #yorumlar #tum_yorumlar .yorum h4 .tarih {font-size:11px; float:right;}
	#makaleler #yorumlar #tum_yorumlar .yorum span.yrm {width:100%; float:left;}

#sayfala {width:100%; float:left; text-align:center;}
	#sayfala a {width:40px; height:40px; border-radius:40px; margin-right:5px; line-height:40px; display:inline-block; background:#b6133a; color:#fff; font-size:11px; font-weight:700;}
	#sayfala a:hover,#sayfala a.aktif   {background:#ffd720; color:#000;}
	
#sidebar {width:230px; height:100%; padding:0 15px 15px 15px; box-sizing:border-box; position:fixed; top:0px; border-radius:3px 0 0 3px; background:#1d1d1d; right:0px; overflow:auto; display:none;}
	#sidebar h2 {font-size:18px; width:100%; box-sizing:border-box; font-weight:700; float:lefT; padding:5px 10px; background:#900a2a; margin-bottom:1px; color:#fff; margin-top:15px;}
	#sidebar ul {list-style:none; float:left;}
	#sidebar ul li {float:left; margin-bottom:1px; width:100%;}
	#sidebar ul li a {float:left; width:100%; float:left; box-sizing:border-box; background:#ffd720; padding:10px; font-weight:700; font-size:12px; color:#1B1B1B;}
	
	#sidebar ul.hresimler li {box-sizing:border-box; width:%50; float:left;}
	#sidebar ul.hresimler li a {background:none; padding:0px; position:relative;}
	#sidebar ul.hresimler li a span {width:100%; height:115px; text-align:center; font-size:14px; line-height:115px; background:#000; color:#fff; display:block; opacity:0.8; position:absolute; bottom:0px; left:0px; box-sizing:border-box;}
	#sidebar ul.hresimler li a img {width:200px; height:115px; display:block;}
	
footer {max-width:960px; min-width:320px; margin:auto; margin-top:15px; padding-top:10px; border-top:1px solid #323232; color:#656565;}
	footer ul {width:100%; float:left; list-style:none; text-align:center;}
	footer ul li {margin:0 10px; display: inline-block;}
	footer ul li a { font-size:11px;}
	
	footer #fcop {font-size:11px; width:100%; margin-top:10px; text-align:center; float:left;}
	
.button1 {width:100%; box-sizing:border-box; padding:10px; text-align:center; font-size:16px; font-weight:700; background:#e8d507; color:#4b460a; margin-bottom:10px; float:left;}
	
	
.slicknav_menu {display:none;}

@media screen and (max-width: 40em) {

  header nav ul { display: none !important; }

  /* SlickNav mobil menüyü göster */
  .slicknav_menu { display: block !important; }

  /* Başlıkları mobilde üst üste, görünür ve taşmayan hale getir */
  header h1,
  header h2 {
    float: none !important;
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    line-height: 1.3 !important;
    position: relative !important;
    z-index: 2 !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  /* H1 içindeki linkin blok davranışı */
  header h1 a {
    display: inline-block !important;
    letter-spacing: 2px; /* isterseniz 3px kalsın */
  }

  /* Küçük ekranda tipografi iyileştirmesi */
  header h1 { font-size: 28px !important; }
  header h2 { font-size: 13px !important; color: #6d6969 !important; margin-top: 6px !important; }

  /* Her ihtimale karşı: menü barı başlığın üstüne taşmasın */
  header { position: relative; }
}

#anan {width:100%; height:100%; position:fixed; z-index:9999; display:none; background:red; top:0px; left:0px; background:url('https://yt3.ggpht.com/-AlY3UpkRkGY/AAAAAAAAAAI/AAAAAAAAAAA/9GaxQUsRbgA/s900-c-k-no-mo-rj-c0xffffff/photo.jpg') center center #000 no-repeat; background-size:cover; }
	
/**/	
body {background:#e9ebee; color:#101010;}
a {color:#0f3857; transition:all 0.5s;}
a:hover {color:#143882;}

header h2 {color:#6d6969;}
header ul {background:#0f3857;}
header ul li a {border-right:1px solid #325190;}
header ul li a:hover {background:#1a4d74; color:#fff;}

#makaleler .makale {background:#fff; box-shadow:0 0 1px #ccc;}
#makaleler .makale h1, #makaleler .makale h2 {border-bottom:1px solid #e9ebee;}
#makaleler .makale h2 a {color:#0f3857;}
#makaleler .makale .makale_meta {border-bottom:1px solid #e9ebee;}
#makaleler .makale .mtext a.makale_oku {background:#e9ebee;}
#makaleler .makale .mtext a.makale_oku:hover {background:#ffd720;}

#makaleler .mbaslik {color:#101010; background:#fffdf5; box-shadow:0 0 1px #ccc;}

#makaleler #benzer_makaleler ul li a {background:#e9ebee;}
#makaleler #benzer_makaleler h3 {border-bottom:1px solid #e9ebee;}

#makaleler #yorumlar h3 {border-bottom:1px solid #e9ebee;}
#makaleler #yorumlar #tum_yorumlar #yorum_yok {background:#4267b2; border-bottom:1px solid #2e4779; color:#fff;}
#makaleler #yorumlar #tum_yorumlar .yorum {background:#fff; box-shadow:0 0 1px #ccc; border-bottom: 5px solid #4267b2;}
#makaleler #yorumlar #tum_yorumlar .yorum h4 {border-bottom:1px solid #e9ebee;}

#sidebar {background:#fff;}
#sidebar h2 {background:#1a4d74;}
#sidebar ul li a {background:#e9ebee;}
#sidebar ul li a:hover {background:#1a4d74;}

#sayfala a {background:#4267b2;}

footer {border-top:1px solid #dbdde0;}

.slicknav_menu {background:#4267b2;}
.slicknav_nav a:hover {background:#ffd720; color:#1B1B1B;}
/**/