/*
Theme Name: Bisperso V2
Theme URI: http://burakisci.com/bislog-wordpress-blog-temasi.html
Author: Burak İşci
Author URI: http://burakisci.com
Description: Özel kullanım için hazırlanmış bir temadır. Tüm hakları bana aittir.
Version: 2.0
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
body {margin:0;padding:0;font-family:'Open Sans', Calibri, Arial, Helvetica, sans-serif;font-size:13px;color:#666;line-height:170%;background:#f4f4f4;}
a {text-decoration:none;color:#d42c4b;}
ul {margin:0;padding:0;}
li {list-style:none;}
img {border:none;max-width:100%;}
p {margin-bottom:10px;margin-top:0px;}
h1 {font-size:20px;margin:0;}
h2 {font-size:16px;margin:0;}
h3 {font-size:14px;margin:0;}
h4 {font-size:12px;margin:0;}
h5 {font-size:10px;margin:0;}
h6 {font-size:8px;margin:0;}
.aligncenter {display: block; margin-left: auto; margin-right: auto} 
.alignright {float:right; margin:0 0 1em 1em} 
.alignleft {float:left; margin:0 1em 1em 0}
blockquote {background:#fafafa;border:1px solid #eee;padding:5px;font-style:italic;background-image:url(resim/alinti.png);background-repeat:no-repeat;background-position:5px 5px;}
blockquote p {margin-left:40px;margin-top:20px;}
.temizle {clear:both;}
.govde {width:90%;max-width:1200px;margin:0px auto;}
header {width:100%;height:600px;background:url(resim/bg.jpg);background-size:cover;border-bottom:2px solid #d42c4b;}
.headerust {background:url(resim/saydam.png);}
.headerust img {float:left;}
.headerust ul {float:right;}
.headerust li {float:left;margin-left:20px;font-weight:bold;border-left:1px solid #0e0816;padding-top:8px;padding-left:20px;height:32px;}
.headerust li a {color:#fff;opacity:0.95;border-bottom:2px solid #d42c4b;padding-bottom:7px;}
.headerust li a:hover {color:#d42c4b;}
/** **/
.headeralt ul {margin:0px auto;}
.headeralt li {width:100%;text-align:center;color:#fff;}
.headeralt li img {width:120px;height:120px;-webkit-border-radius:99px;-moz-border-radius:99px;border-radius:99px;border:8px solid rgba(0,0,0, 0.4);margin-top:120px;}
.headeralt li h1 {font-size:18px;margin-top:10px;}
.minik {font-size:11px;}
.atla {margin-top:10px;}
.sosyal {border-top:1px solid #fff;width:200px;padding-top:10px;}
.sosyal li {width:24px;height:24px;}
.facebook a , .twitter a , .google a , .instagram a , .rss a {width:24px;height:24px;display:block;text-indent:-9999px;}
.facebook {width:24px;height:24px;background:url(resim/blog.png) 0px 0px no-repeat;float:left;margin-right:10px;margin-left:20px;}
.twitter {width:24px;height:24px;background:url(resim/blog.png) 0 -148px no-repeat;float:left;margin-right:10px;}
.google {width:24px;height:24px;background:url(resim/blog.png) 0 -222px no-repeat;float:left;margin-right:10px;}
.instagram {width:24px;height:24px;background:url(resim/blog.png) 0 -296px no-repeat;float:left;margin-right:10px;}
.rss {width:24px;height:24px;background:url(resim/blog.png) 0 -370px no-repeat;float:left;}
.facebook:hover {background:url(resim/blog.png) 0 -444px no-repeat;}
.twitter:hover {background:url(resim/blog.png) 0 -518px no-repeat;}
.google:hover {background:url(resim/blog.png) 0 -592px no-repeat;}
.instagram:hover {background:url(resim/blog.png) 0 -666px no-repeat;}
.rss:hover {background:url(resim/blog.png) 0 -74px no-repeat;}
.proje {background:#fff;width:100%;color:#555;margin:0;padding:20px 0px;text-align:center;font-size:18px;border-bottom:2px solid #d42c4b;}
.proje h2 {margin:0 auto 20px auto;font-weight:normal;background:url(resim/blog.png) 68px -1116px no-repeat;width:200px;padding-top:74px;}
.projeler {float:left;margin-right:1.75%;padding-left:1.75%;width:16.66%;border-left:1px solid #ddd;}
.projeler img {width:100%;height:auto;}
.temaci {padding:30px 0px;width:100%;background:url(resim/bgmin.jpg);height:100px;text-align:center;color:#fff;border-bottom:2px solid #d42c4b;}
.temaci h2 {font-weight:normal;font-size:18px;margin-bottom:35px;}
.temaci a {border:1px solid #fff;padding:10px;width:300px;margin:0px auto;color:#fff;}
.blog {background:#fff;width:100%;color:#555;margin:0;padding:20px 0px;border-bottom:2px solid #d42c4b;}
.blog h2 {margin:0 auto 20px auto;font-weight:normal;background:url(resim/blog.png) 126px -740px no-repeat;padding-top:74px;text-align:center;width:300px;}
.kutu {width:31.66%;float:left;margin-left:2.5%;}
.kutu h3 {margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #ddd;}
.kutu img {border:1px solid #eee;width:100%;height:auto;max-height:190px;float:left;margin-bottom:10px;}
.tarih {background:rgba(212,44,75, 0.90);width:40px;float:right;position:absolute;margin-left:0.8%;margin-top:0.8%;color:#fff;}
.rakam {font-weight:bold;text-align:center;font-size:15px;}
.gun {font-weight:normal;font-size:9px;text-align:center;margin-top:-8px;}
.temalar {padding:30px 0px;width:100%;overflow:hidden;background:url(resim/bgmin.jpg);height:100px;text-align:center;color:#fff;border-bottom:2px solid #d42c4b;}
.temalar h2 {font-weight:normal;font-size:18px;margin-bottom:35px;}
.temalar li {float:left;padding:1%;width:12%;margin-left:7%;border:1px solid #fff;}
.temalar a {color:#fff;display:block;}
.wp-pagenavi{clear:both;margin-top:3%;text-align:center}
.wp-pagenavi a, .wp-pagenavi span{color:#fff;text-decoration:none;padding:3px 8px;-webkit-border-radius: 99px;-moz-border-radius: 99px;border-radius: 99px;margin:2px;font-size:13px;background:#d42c4b;border:1px solid #d42c4b;}
.wp-pagenavi a:hover{background:#fff;;color:#d42c4b;border:1px solid #d42c4b;}
.wp-pagenavi span.current{color:#d42c4b;font-weight:bold;background:#fff;border:1px solid #d42c4b;}
.referanslar {background:#fff;width:100%;color:#555;margin:0;padding:20px 0px;text-align:center;font-size:18px;border-bottom:2px solid #d42c4b;}
.referanslar h2 {margin:0 auto 20px auto;font-weight:normal;width:250px;background:url(resim/blog.png) 101px -1710px no-repeat;padding-top:74px;}
.referans {float:left;width:16.66%;}
.referans img {width:100%;height:auto;}
.reklamlar {padding:30px 0px;width:100%;background:url(resim/bg.jpg);height:100px;text-align:center;color:#fff;border-bottom:2px solid #d42c4b;}
.reklamlar2 {padding:30px 0px;width:100%;background:#fff;text-align:center;color:#666;border-bottom:2px solid #d42c4b;font-style:italic;}
.reklamlar2 li {margin-bottom:10px;}
.reklamlar img {border:1px solid #fff;width:100%;height:auto;}
.reklam300 {float:left;width:25%;margin-left:12.5%;}
.kisisel {background:#fff;width:100%;color:#555;margin:0;padding:20px 0px;text-align:center;font-size:13px;border-bottom:2px solid #d42c4b;}
.film {margin:0 auto 20px auto;font-weight:normal;background:url(resim/blog.png) 76px -920px no-repeat;width:200px;padding-top:64px;}
.kucuk {font-size:12px;margin-top:10px;}
.filmler {width:12.5%;float:left;margin-left:2.08%;}
.filmler img {width:100%;max-width:150px;height:auto;border-bottom:2px solid #fff;}
.filmler h3 {color:#fff;margin-bottom:5px;height:18px;padding:5px 0px;overflow:hidden;}
.puan {background:#d42c4b;color:#fff;font-size:11px;font-weight:bold;padding:8px 0px;margin:-26px auto 0px auto;border:2px solid #fff;position:relative;width:40px;height:24px;-webkit-border-radius: 99px;-moz-border-radius: 99px;border-radius: 99px;}
.kitap {margin-bottom:20px;font-weight:normal;background:url(resim/blog.png) 50.6% -1210px no-repeat;padding-top:84px;border-top:1px solid #ddd;}
.kitapkutu {width:23.4375%;float:left;margin-left:2.08%;background:url(resim/blog.png) 5px -1323px no-repeat #000;margin-bottom:20px;height:30px;overflow:hidden;}
.kitapkutu p {margin-left:35px;text-align:left;height:30px;color:#000;padding-top:3px;font-weight:bold;font-size:12px;}
.kitapkutu strong {float:right;width:40px;height:30px;background:#000;font-weight:bold;font-size:11px;color:#fff;padding-top:3px;}
.muzik {margin-bottom:20px;font-weight:normal;background:url(resim/blog.png) 50.6% -1388px no-repeat;padding-top:84px;border-top:1px solid #ddd;}
.kk {width:23.4375%;float:left;margin-left:2.08%;background:#ccc;margin-bottom:10px;}
.muzikicon {width:50px;height:50px;background:url(resim/blog.png) 10px -1496px no-repeat #000;border:5px solid #fff;margin:-5px auto;-webkit-border-radius: 99px;-moz-border-radius: 99px;border-radius: 99px;}
.kitapicon {width:50px;height:50px;background:url(resim/blog.png)  10px -1318px no-repeat #000;border:5px solid #fff;margin:-5px auto;-webkit-border-radius: 99px;-moz-border-radius: 99px;border-radius: 99px;}
.kk h3 {width:100%;background:#fff;padding-top:20px;color:#333;}
article {float:left;width:64.75%;padding:1%;max-width:777px;background:#fff;margin:20px 0 20px 0;border:1px solid #eee;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
article h1 {width:100%;color:#911e78;background:#fafafa;margin-left:-1.5%;padding:1.5%;}
article img {max-width:100%;height:auto;}
article {font-size:14px;line-height:200%;}
article a:hover {text-decoration:underline;}
article ul {margin-left:2%;}
article li {list-style:disc;margin:1% 1% 1% 1%;}
article h2 {font-size:16px;font-weight:bold;color:#911e78;margin:1% 1% 1% 0%;border-bottom:2px solid #f4f4f4;}
.yazibilgi {font-size:10px;color:#aaa;border-bottom:1px dashed #eee;margin-bottom:5px;}
.yazibilgi a {color:#aaa;}
.navigasyon {width:100%;color:#fff;background:#911e78;margin:-1.5% -1.5% 0 -1.5%;padding:5px 1.5%;font-size:12px;height:30px;-webkit-border-top-left-radius: 3px;-webkit-border-top-right-radius: 3px;-moz-border-radius-topleft: 3px;-moz-border-radius-topright: 3px;border-top-left-radius: 3px;border-top-right-radius: 3px;font-size:11px;letter-spacing:0.5px;}
.navigasyon a {color:#fff;}
.etiket {font-size:12px;border-bottom:1px dashed #eee;border-top:1px dashed #eee;margin:5px auto;}
.paylas li {float:left;width:33.3%;height:40px;overflow:hidden;list-style:none;margin:0;background:#333;}
.paylas {margin:0;text-align:center;}
.facebookp {background:url(resim/blog.png) 0 -836px no-repeat #3b5998;display:block;width:100%;height:40px;}
.twitterp {background:url(resim/blog.png) 0 -1811px no-repeat #55acee;display:block;width:100%;height:40px;}
.googlep {background:url(resim/blog.png) 0 -1021px no-repeat #e02f2f;display:block;width:100%;height:40px;}
.paylas a {color:#fff;font-weight:bold;padding:6px;}
.paylas a:hover {text-decoration:none;}
.benzer {margin:0;}
.benzer li {list-style:none;background:#f6f6f6;margin:10px 0px;padding:5px;}
.benzer li a {display:block;text-decoration:none;color:#666}
.benzer li a:hover {color:#fff;}
aside {float:right;width:31.25%;max-width:375px;margin:20px 0px;}
.sonyazilar {margin-bottom:20px;background:#fff;border:1px solid #eee;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.sonyazilar h2 {background:#1e5a91;padding:8px 20px 0 20px;color:#fff;height:32px;-webkit-border-top-left-radius: 3px;-webkit-border-top-right-radius: 3px;-moz-border-radius-topleft: 3px;-moz-border-radius-topright: 3px;border-top-left-radius: 3px;border-top-right-radius: 3px;}
.sykutu img {width:100%;height:auto;max-height:190px;margin-bottom:-10px;}
.sykutu h3 {font-size:13px;margin:0;padding:5px 10px 10px 10px;color:#fff;background:rgba(0,0,0, 0.6);height:16px;margin-top:-30px;overflow:hidden;position:relative}
.sykutu h3:hover {background:rgba(255,255,255, 0.6);color:#000;}
.kategori {background:rgba(212,44,75, 0.90);width:auto;padding:5px;font-size:10px;position:absolute;margin-left:0.8%;margin-top:0.8%;color:#fff;font-weight:bold;}
.kategori a {color:#fff;font-weight:bold;}
.kategoriler {background:#fff;margin-bottom:20px;border:1px solid #eee;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.kategoriler h2 {background:#911e78;padding:8px 20px 0 20px;color:#fff;height:32px;-webkit-border-top-left-radius: 3px;-webkit-border-top-right-radius: 3px;-moz-border-radius-topleft: 3px;-moz-border-radius-topright: 3px;border-top-left-radius: 3px;border-top-right-radius: 3px;}
.kategoriler ul {margin:0px 20px;}
.kategoriler li {color:#eee;border-bottom:1px solid #eee;background:url(resim/blog.png) 0 -1638px no-repeat;padding:5px 0px 5px 20px;}
.kategoriler li:hover {background:url(resim/blog.png) 0 -1576px no-repeat;}
.kategoriler a {color:#666;}
.kategoriler a:hover {color:#911e78;font-weight:bold;}
.tema {margin-bottom:20px;background:#fff;border:1px solid #eee;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.tema h2 {background:#44911e;padding:8px 20px 0 20px;color:#fff;height:32px;-webkit-border-top-left-radius: 3px;-webkit-border-top-right-radius: 3px;-moz-border-radius-topleft: 3px;-moz-border-radius-topright: 3px;border-top-left-radius: 3px;border-top-right-radius: 3px;}
.tema li {border:1px solid #eee;width:40%;text-align:center;margin:4.6%;padding:5% 0;float:left;}
.tema a {color:#aaa}
.tema a:hover {font-weight:bold;}
.sponsor {margin-bottom:20px;background:#fff;border:1px solid #eee;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.sponsor h2 {background:#d11141;padding:8px 20px 0 20px;color:#fff;height:32px;-webkit-border-top-left-radius: 3px;-webkit-border-top-right-radius: 3px;-moz-border-radius-topleft: 3px;-moz-border-radius-topright: 3px;border-top-left-radius: 3px;border-top-right-radius: 3px;}
.sponsor img {width:80%;height:auto;border:1px solid #eee;margin:10px 0 10px 9.5%;}
.sponsor li {color:#eee;background:#d11141;padding:5px 0px 5px 0px;margin-bottom:10px;text-align:center;}
.sponsor ul {margin:0px 20px;}
.sponsor a {color:#fff;width:100%;display:block;font-weight:bold;letter-spacing:1px;font-size:12px;}
.bilesen {margin-bottom:20px;background:#fff;border:1px solid #eee;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.bilesen h2 {background:#2c3e50;padding:8px 20px 0 20px;color:#fff;height:32px;-webkit-border-top-left-radius: 3px;-webkit-border-top-right-radius: 3px;-moz-border-radius-topleft: 3px;-moz-border-radius-topright: 3px;border-top-left-radius: 3px;border-top-right-radius: 3px;}
.bilesen ul {margin:0px 20px;}
.bilesen li {color:#eee;border-bottom:1px solid #eee;background:url(resim/blog.png) 0 -1638px no-repeat;padding:5px 0px 5px 20px;}
.bilesen a {color:#666;}
.bilesen a:hover {color:#2c3e50;font-weight:bold;}
.bilesen p {padding:20px;}
.mailabone {margin-bottom:20px;background:#fff;border:1px solid #eee;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.mailabone h2 {background:#e7511c;padding:8px 20px 0 20px;color:#fff;height:32px;-webkit-border-top-left-radius: 3px;-webkit-border-top-right-radius: 3px;-moz-border-radius-topleft: 3px;-moz-border-radius-topright: 3px;border-top-left-radius: 3px;border-top-right-radius: 3px;}
.mail {width:80%;margin:10px 9.5%;height:30px;text-align:center;font-size:14px;border:1px solid #ddd;}
.buton {width:80%;margin:10px 10%;height:30px;border:none;background:#e7511c;color:#fff;font-size:15px;}
.mailabone p {padding:10px 20px 0 20px;font-size:12px;}
footer {background:url(resim/bgmin.jpg);padding:30px 0px 0px 0px;color:#fff;}
footer p {text-align:center;font-size:12px;width:90%;max-width:1200px;margin:0px auto;}
.footerlink {background:url(resim/saydam.png);}
.footerlink ul {width:90%;max-width:1200px;margin:0px auto;padding:3px 0px;text-align:center;margin-top:30px;}
.footerlink li {float:left;margin-left:10px;font-size:10px;}
.footerlink li a {color:#eee;padding-left:10px;border-left:1px solid #ddd;}
.linkkutu {border:1px solid #d42c4b;width:120px;float:left;margin-left:20px;padding:5px;}
.linkkutu a {color:#666;}
/** **/
#commentsbox{margin-top:10px;width:100%;line-height:200%;}
.commentlist{margin-left:-48px;clear:both;list-style:none;}
.commentlist li{padding:10px;border:5px solid #f6f6f6;background:#fff;width:95%;list-style:none;margin-bottom:10px;}
.comment-author{color:#666;}
.comment-author a:link,.comment-author a:visited{color:#911e78;font-weight:bold;text-decoration:none;}
.fn{color:#911e78;font-style:normal;font-weight:bold;}
.says {color:#666;font-size:10px;}
.avatar{float:right;border:1px solid #ddd;background:#fff;padding:3px;}
.comment-meta{font-size:10px;}
.commentmetadata{color:#888;}
.comment-meta a{color:#898989;text-decoration:none;}
.reply{margin-top:10px;font-size:10px;margin-bottom:-17px;margin-left:-10px;}
.comment-body {color:#888;}
.reply a{text-decoration:none;color:#666;background:#f4f4f4;padding:5px 15px 5px 10px;font-weight:bold;}
.children{list-style:none;margin:1em 0 0;text-indent:0;}
.children li {width:92%;margin-top:30px;}
.comment-nav{padding:5px;height:20px;}
.comment-nav a:link,.comment-nav a:visited{color:#00608F;}
#respond{padding:0px 0px 0px 15px;margin:1.5% -1.5% -1.5% -1.5%;width:101%;background:#911e78;}
#respond a{color:#000;font-weight:bold;}
#respond h3{font-size:13px;color:#fff;background:#FFAB06;font-weight:bold;padding:10px 10px;}
#commentform{padding:10px 0px;margin:0px 0px;}
#commentform p{margin:5px 0px;color:#000;}
#respond label{display:block;color:#888;}
#respond label small{font-size:10px;}
#respond input{margin-bottom:3%;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
#commentSubmit{background:#39042e;width:12.5%;float:left;color:#f6eaf3;font-weight:bold;text-decoration:none;border:none;margin-left:4%;cursor:pointer;height:140px;}
#comment {-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;border:none;width:79.3%;height:120px;float:left;margin-bottom:10px;padding:10px 1%;font-family:'Open Sans', Calibri, Arial, Helvetica, sans-serif;font-size:13px;color:#666;line-height:170%;}
.isim , .email {width:45%;float:left;height:30px;text-align:left;background:#fff;margin:0;border:none;padding:1%;font-size:13px;font-weight:normal;border:1px solid #ddd;}
.email {margin-left:4%;}
/* ---------- Mobil Tema ---------- */
@media only screen and (max-width: 960px) { 

}

@media only screen and (min-width: 800px) and (max-width: 959px) { 
.paylas li {width:100%;float:inherit;}
.tema li {width:80%;margin:10px auto;float:inherit;}
}
@media only screen and (min-width: 542px) and (max-width: 799px) { 
.headerust {text-align:center;}
.headerust img {margin:20px auto;float:inherit;}
.headerust ul {width:100%;float:inherit;margin:0px auto;text-align:center}
article {width:100%;float:inherit;}
aside {width:100%;float:inherit;max-width:none;}
}

@media only screen and (max-width: 541px) { 
.headerust {text-align:center;}
.headerust img {margin:20px auto;float:inherit;}
.headerust ul {width:250px;float:inherit;margin:0px auto;text-align:center;height:45px;overflow:hidden;}
article {width:100%;float:inherit;}
aside {width:100%;float:inherit;max-width:none;}
.paylas li {width:100%;float:inherit;}
.projeler {width:100%;float:inherit;max-width:200px;margin:10px auto;border-left:none;border-bottom:1px solid #eee;padding-bottom:10px;}
.kutu {width:100%;margin-bottom:10px;}
.temalar {height:290px;}
.temalar li {width:100%;float:inherit;margin:20px auto;}
.referans {width:33.24%;}
.reklamlar {display:none;}
.filmler {width:25%;margin:10px auto;}
.kk {width:46.875%;}
}