﻿/*
Theme Name: Uckan Themes
Theme URI: http://www.uckan.net
Version: 1.7
Description: Uckan 2014 teması renk düzeniyle, tipografisiyle, ikonlarıyla küçük, büyük her cihaz üzerinde kusursuz bir görüntü vaad ediyor. İnanın bir wordpress temasının kontrolü hiç bu kadar kolay olmamıştı. 
Author: Uckan
Author URI: http://www.uckan.net
tags: reponsive, kırmızı, bordo, flat, öne çıkarılan görseller, sınırsız simge,tema seçenekleri, akıllı panel, özel menü, özel bileşen, özel arkaplan, koyu, iki sütun, sağ menü, üst menü, uyumlu düzen
*/

@import url(http://fonts.googleapis.com/css?family=Roboto:400,700);

*, *:before, *:after { @include box-sizing(border-box) }

.blog-post {
	list-style: none;
	font-size: 0px;
	margin-left: -2.5%;
}
.blog-post li {
	display: inline-block;
	padding: 1.5em;
  width: 400px;
	margin: 0 0 2.5% 2.5%;
	background: #fff;
	border: 1px solid #eee;
	font-size: 16px;
	font-size: 1rem;
	vertical-align: top;
	box-shadow: 0 0 6px #eee;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.blog-post li img {
	max-width: 100%;
}
.blog-post li h3 {
	margin: 0.6em 0 0.6em;
  text-align: left!important;
  font-family: Source Sans Pro, sans-serif;
  color: #333;
  font-size: 1.1em;
}
.blog-post li p {
  margin: 0.6em 0 1.3em;
	font-size: .9em;
	line-height: 1.5em;
	color: #8c8c8c;
  text-align: left!important;
  font-family: Open Sans, sans-serif;
  font-weight: 300;
}

.button {
  text-align: center;
  width: 20%;
  border: none;
  background: #e74c3c;
  font-family: Open Sans, sans-serif;
  font-weight: 300;
  font-size: 0.7em;
  color: white;
  border-radius: 5px;
  padding: 8px 15px 8px 15px;
}

.button:hover {
  opacity: 0.9;
  cursor: pointer;
}

.blog-post.columns-2 li {
	width: 37%;
}
 
@media (max-width: 480px) {
	.grid-nav li {
		display: block;
		margin: 0 0 5px;
	}
	.grid-nav li a {
		display: block;
	}
	.blog-post {
		margin-left: 0;
	}
	.blog-post li {
		width: 100% !important; /* over-ride all li styles */
		margin: 0 0 20px;
	}
}

.crumbs{
padding: 10px 0 10px 0;
border-top: 1px solid #F2F2F2;
}
.crumbs li, .sub-title span, .author-box .title, .navigation .alignleft a, .navigation .alignright a
{
display: inline-block;
background: #F2F2F2;
padding: 5px 5px 5px 10px;
border-radius: 4px;
margin-right: 10px;
text-transform: uppercase;
margin-bottom: 5px;
cursor: pointer;
}
.sub-title span {
	color: #888;
	float:left;
	font-weight:700;
}
.sub-title {
	width: 100%;
	display: inline-block;
}
.crumbs .sub-title {
	display:block;
}
.crumbs li:hover
{
  background: #F5F5F5;
}

.crumbs li a
{
color: #bababa;
font-weight: 400;
}


/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}

body { font-family: 'Roboto', sans-serif;font-size: 14px;height:100%;background: #f2f2f2;color: #555; }
html, body {height: 100%;margin: 0;padding: 0;border: 0;}
li {list-style: none;}
blockquote,
q {quotes: none;}
table {border-collapse: collapse;border-spacing: 0;}
caption,th,td {font-weight: normal;text-align: left;}
h1,h2,h3,h4,h5,h6 {clear: both;}
html {overflow-y: scroll;font-size: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
a {text-decoration: none;font-weight: bold;color: #5F3131;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section {display: block;}
audio,canvas,video {display: inline-block;}
audio:not([controls]) {display: none;}
del {color: #333;}
ins {background: #fff9c0;text-decoration: none;}
hr {	background-color: #f9f9f9;border: 0;height: 2px;}
sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
small {font-size: smaller;}
img {max-width: 100%;vertical-align: middle;border: 0;-ms-interpolation-mode: bicubic;}
h3 { font-size: 17px;}
h5 { font-size: 15px;}
a:hover { color: #d92e2e;}
.clear {clear: both;display: block;}

figure *, figure *::before, figure *::after{
  -webkit-transition: all 0.5s ease-in-out;
          transition: all 0.5s ease-in-out;
}

figure{
  overflow: hidden;
  position: relative;

}
figure:after {
	 background: rgba(1,1,1,.5);
	 width: 100%;
	 height: 100%;
}
figure img{
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
		  
}
 
figure:hover img{
  -webkit-transform: scale3d(1.3, 1.3, 1);
          transform: scale3d(1.3, 1.3, 1);
}


div#info{
	background-color:#bde9f7;
	border-left:7px #8bdaf4 solid;
	color:#3c7e94;
	padding: 1em;
	clear: both;
	margin-bottom: 10px;
}
.share {
  position: fixed;
  left: 0;
  margin-top: -120px;
  top: 50%;
  z-index:9999;
}
.share a {
    color: #FFF;
    display: block;
    font-size: 1.8em;
    line-height: 48px;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: .2s;
    width: 48px;
}   
    .share a:hover {
     opacity: 0.8;
    }
    
    .share a.fa-facebook { background: #305991; }
    .share a.fa-twitter { background: #2DA8D2; }
    .share a.fa-pinterest { background: #CA232A; }
    .share a.fa-google-plus { background: #DD4C39; }
    .share a.fa-envelope { background: #728A8C; }

.content .divider {
	text-align: left;
	margin-left:0;
}
.content .divider a {
	font-weight:400;
}
.divider {
	position: relative;
	text-align: center;
	line-height: 1.2;
	margin: 0px 0 15px;
	margin-left: 10px;
}
.divider:before {
	content: "";
	display: block;
	position: absolute;
	top: 10px;
	width: 100%;
	border-top: 1px solid rgba(173, 173, 173, 0.15)
}
.divider a.name, .divider a {
    display: inline-block;
    border: 1px solid rgba(126, 126, 126, 0.44);
    background: #fff;
    text-transform: uppercase;
    font-size: 12px;
    padding: 3px 8px 2px 12px;
    letter-spacing: .3em;
    color: rgba(0, 0, 0, 0.6);
    position: relative;
}
.block-item-small .block-image img {
	height: auto;
}      
#sidebar .divider  {
	margin-left: 0;
}

::selection{ background-color:#d92e2e; color: white; }
::-moz-selection{ background-color:#d92e2e; color: white; }



/*  base : entry
/* ------------------------------------ */
.entry { font-size: 18px; line-height: 1.6em; }
.entry p,
.entry dd { margin-bottom: 1em; }
.entry dt { color: #444; }
.entry ol,
.entry ul { margin: 0 0 15px 30px; }
.entry ol ol,
.entry ol ul,
.entry ul ul,
.entry ul ol { margin-bottom: 0; }
.entry li { margin: 0; }
.entry ul li,
.entry ol ul li { list-style: square; }
.entry ol li,
.entry ol ul ol li { list-style: decimal; }
.entry dt { font-weight: 600;}
.entry address { margin-bottom: 1em; }
.entry blockquote {-webkit-transition: all 500ms ease-out ;
-moz-transition: all 500ms ease-out ;
-o-transition: all 500ms ease-out ;
transition: all 500ms ease-out ;
border-left: 10px solid #ececec;
padding-left: 13px;
margin-bottom: 1em;
 }
.entry blockquote p { margin-bottom: 0.75em; }
.entry blockquote.twitter-tweet:before { content: "\f099"; }
.entry code, .entry pre { font-family: Monaco, "Courier New", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace; font-size: 11px; }
.entry pre { background: url(img/pre.png) repeat top; padding: 18px 20px; margin: 30px 0; border: 1px solid #ddd; line-height: 19px; white-space: pre-wrap; word-wrap: break-word; overflow-x: auto; overflow-y: hidden; }
.entry code { background: #eee; padding: 0 3px; }
.entry ins { background: #fff486; }
.entry sub,
.entry sup { font-size: 62.5%; }
.entry sub { vertical-align: sub; }
.entry sup { vertical-align: super; }

/* image position & caption */
.entry img.size-auto,
.entry img.size-large,
.entry img.size-medium,
.entry attachment img { max-width: 100%; height: auto; }
.entry img {height:auto;}
.entry img.alignleft { margin: 18px 20px 18px 0; float:left;}
.entry img.alignright { margin: 18px 0 18px 20px;float:right; }
.entry img.aligncenter { margin: 18px auto; clear: both; display: block; }
.entry img .size-full { width: 100%!important; }
.entry .gallery img, .entry img.wp-smiley { margin: 0; }
.entry .wp-caption { background: #f1f1f1; max-width: 100%; margin-bottom: 14px; padding-top: 5px; text-align: center; }
.entry .wp-caption-text { font-style: italic; }
.entry .wp-caption a { border-bottom: none; }
.entry .wp-caption img { margin: 0; max-width: 100%; height: auto; }
.entry .wp-caption.alignleft { margin-right: 20px; }
.entry .wp-caption.alignright { margin-left: 20px; }
.entry .wp-caption.alignnone { width: 100%!important; overflow: hidden; }
.entry .wp-caption.alignnone img { margin: 0 auto; max-width: 100%!important; }
.entry .wp-caption-text { color: #999; font-size: 13px; padding: 0 0 8px 0; margin: 0; }
/* table */
.entry table { font-size: 14px; margin-bottom: 1.5em; width: 100%; text-align: center; }
.entry table tr.alt { background: #f1f1f1; }
.entry table td { border: 1px solid #f1f1f1; text-indent: 10px; padding: 5px; vertical-align: middle; }
.entry table th { font-weight: 600; text-align: center; border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; padding: 10px 5px; }
h1, h2, h3, h4, h5, h6 { color: #444; font-weight: 700; -ms-word-wrap: break-word; word-wrap: break-word; }
.entry h1 span, .entry h2 span, .entry h3 span, .entry h4 span, .entry h5 span, .entry h6 span { color: #bbb; }
.entry h1,.entry h2,.entry h3,.entry h4,.entry h5,.entry h6  { margin-bottom: 14px; line-height: 1.3em; }
.entry h1 { font-size: 28px; letter-spacing: -1px; }
.entry h2 { font-size: 25px; letter-spacing: -0.7px; }
.entry h3 { font-size: 23px; letter-spacing: -0.5px; }
.entry h4 { font-size: 18px; letter-spacing: -0.3px; }
.entry h5 { font-size: 16px; font-weight: 600; }
.entry h6 { font-size: 13px; font-weight: 600; }


/* header */
#header {
	width: 100%;
	color: #fff;
	border-bottom: 1px solid rgba(255, 255, 255, 0.29);
	height:50px;
}
#header .logo a {color:#fff;}
#header .logo { float:left;}
#header .logo .logo-yok { margin-top: 13px;
font-size: 19px;
margin-right: 10px;
margin-left: 10px;
display: inline-block;
}
#header .medya {float: left;margin-top: 7px;font-size: 27px;margin-left: 20px}
#header .medya a { color: #fff;}
#header .medya a:hover { opacity: 0.8;-moz-transition: opacity 0.25s ease-in-out;
-webkit-transition: opacity 0.25s ease-in-out;
-o-transition: opacity 0.25s ease-in-out;
-ms-transition: opacity 0.25s ease-in-out;
transition: opacity 0.25s ease-in-out;}
#header .search {float: right;margin-top: 8px;}

/* header > menu */
nav#nav{
 display:table;
 width: 100%;
}
.toggle span.menu-title {
	color:#fff;
	display:none
}
.toggle span.menu-title {
	margin: 10px;
	line-height: 3;
	font-weight: 700
}
.toggle .fa-list {
	margin:10px;
	float:right;
	font-size: 25px;
}
.menu>li{
 display:inline-block;
 position:relative;
}

.menu>li:first-child{border-left:0;}
.menu>li:last-child{border-right:0;}

.menu>li a:hover{
	background:rgba(255, 255, 255, 0.08);
	transition:all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
}
.menu>li:hover .sub-menu {
	border-top:1px solid #894545;
	left:auto;
}
.menu-footer li:hover> .sub-menu {
	border:none;
	left:auto;
}
.menu> li.menu-item-has-children > a:after {
    content: ' ▾';
}
.menu.sub-menu  li a {
	padding: 8px 15px;
	font-size:13px;
}
.menu a{
	display:block;
	padding: 13px;
	text-transform: uppercase;
	color:#fff;
	transition:all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
}
.sub-menu{
	position:absolute;
	width:150%;
	background:#fff;
	left:-9999px;
	z-index: 9999;
}
.sub-menu>li+li{
	border-top:solid 1px #894545;
}
.sub-menu a{
	font-size:14px;
	padding:.7em 1em;
}
.menu-footer .sub-menu  a{
	background: #ececec;
}
nav#nav ul{list-style:none; padding:0;}



.go-top {
	position: fixed;
	bottom: 2em;
	right: 1em;
	text-decoration: none;
	color: white;
	background: #fff;
	color:#d92e2e;
	border: 1px solid #ececec;
	font-size: 13px;
	padding: 1em;
	display: none;
}

.go-top:hover {
	background:#d92e2e;
	color: #fff
}


/* sayfa yapıları */
.menu-ic, .header-ic , #page{
	max-width: 1200px;
	margin: 0px auto;
}
#main {
	width: 875px;
	float:left;
	margin-top: 20px;
}
#main.pagetemp {
	width: 875px;
	height: 100%;
}
/* single.php */
.content{
	margin-top: 0px;
	width: 100%;
	max-width: 865px;
	margin-left: 10px;
}
.single-arc {
	padding: 20px;
}
.content .post-header {
	padding:0px;
	padding-bottom: 10px;
}
.content .post-header h3 {
	font-size: 21px;
}
.post-home p, .entry {
	font-size: 15px;
	line-height: 1.8em;
	font-weight: normal;
	color: #444;
	text-align: justify;
}
.entry {
	margin-bottom: 25px;
}
.entry ol {
	margin-bottom: 25px;
}
.entry a {
	color: #d92e2e
}
.entry li{
	margin: 0 0 0 10px;
	list-style: inherit;
}
.entry p {
	font-size: 16px;
	width: 100%;
	margin-bottom: 20px;
}
.single-img  img {
	margin-bottom: 15px;
	width:825px;
	height:325px;
}

.related-post .block-image img {
	margin:0;
	width: 100%;
	height: 108px;
}
/* Author-Single*/
.author-box {
	background-color: #fff;
	font-size: 16px;
	border-top: 1px solid #F2F2F2;
	padding: 15px 0px 40px 0;
	width:100%;
	display: inline-block;
}
.author-box .title {
	font-size: 14px;
	color: #888;
}
.author-box .left {
	float: left;
	width: 75px;
}
.author-box .right {
	float: right;
	width: 88%;
}
.author-box .social {
	margin-bottom: 10px;
	margin-left: 10px;
	display:inline-block
}
.author-box .social a {
	font-weight: 700;
	margin-right: 20px;
}
.author-box .fb { color: #3b5998; }
.author-box .tw { color: #00aced; }
.author-box .gp { color: #dd4b39; }
.author-box .ml { color: #7f8c8d; }

.author-box .fb:hover { color: #4F71BA; }
.author-box .tw:hover { color: #33C9FF; }
.author-box .gp:hover { color: #E78173; }
.author-box .ml:hover { color: #9EA8A9; }

.author-box .avatar {
	border-radius: 5px;
}

/* Author-php*/
.author-bio { position: relative;padding: 10px 0px 0px 95px;margin-bottom: 10px;margin-left: 10px; background: #F9F9F9;border: 1px solid #ececec;min-height: 75px;}
article.post .author-bio { background:0; margin-left:0; margin-bottom: 10px; }
.author-bio .bio-avatar { float: left; margin: 0 0 8px -80px; width: 64px; height: auto; position: relative; }
.author-bio .bio-avatar img { display: block; width: 100%; height: auto; }
.author-bio p { margin-bottom: 5px; }
.author-bio .bio-name { font-weight: 600; margin-bottom: 4px; }
.author-bio .bio-desc { color: #888; line-height: 1.5em; }
.author-bio .bio-soci a { float: left;margin-right: 6px;}
.author-bio .bio-soci a.fa-twitter { color: #83B4EC; }
.author-bio .bio-soci a.fa-facebook{ color: #3b5998}

.tags {
	margin-bottom: 30px;
	width: 100%;
	display: inline-block;
}
.tags a{
	padding: 5px 15px;
	font-weight:400;
	color: rgba(0,0,0,0.6);
}
.tagcloud {
	margin-top: 10px;
}
.tagcloud a{
	color: #868686;
	padding: 6px 12px;
	font-size: 13px !important;
	margin: 0 0px 4px 0;
	display: inline-block;
	background: #F1F1F1;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	font-weight: 400;
}
.tagcloud a:hover  {
	color:#fff;
}
.small-button {
	padding: 1px 10px;
	color: #fff;
	font-weight: bold;
	border-radius: 3px;
}
/* Comments.php */
#comments {
	border-top: 1px solid #F2F2F2;
	padding-top: 15px;
}
.commentlist  span.author {
	display:none;
}
.navigation .alignleft a, .navigation .alignright a {
	color: #888;
	font-size: 12px;
	font-weight:400;
	padding: 7px;
}
.navigation .alignleft{
display: inline-block;
float:left
}
ol.commentlist li:not(:last-of-type) {
position: relative;
padding-bottom: 2em;
margin-bottom: 2em;
border-bottom: #F4F4F4 1px solid;
}
ol.commentlist li:not(:last-of-type):after {
    display: block;
    content: "";
    width: 7px;
    height: 7px;
    border: #ddd 1px solid;
    position: absolute;
    bottom: -5px;
    left: 50%;
    margin-left: -5px;
    background: #FFF;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    box-shadow: #FFF 0 0 0 10px;
}

.comment.byuser span.author {
	display:block;
	color: #fff;
	padding: 3px 5px;
	border-radius: 3px;
	margin-left: 10px;
	font-size: 12px;
	float: left;
	margin-top: -2px;
}
ol.commentlist li ul.children .comment.byuser span.author { margin-top: -3px;}
.comment-body { 	background: #fff;border-radius: 3px;border: 1px solid #f4f4f4;}

.comment-author { background: #F7F7F7;padding: 10px;border-bottom: 1px solid #ececec;}
ol.commentlist { list-style:none; margin-bottom:30px; padding-top:10px; }
ol.commentlist li { padding:5px 0px 5px 64px; position:relative;}
ol.commentlist li.pingback comment-author { padding:0 170px 0 0; }
ol.commentlist li div.vcard { font-weight:bold; height: 16px; }
ol.commentlist .author-link { float:left;}
ol.commentlist li div.vcard cite.fn { font-style:normal; font-size: 11px; }
ol.commentlist li div.vcard cite.fn a.url { color:#cc0000; text-decoration:none; }
ol.commentlist li div.vcard cite.fn a.url:hover { color:#000; }
ol.commentlist li div.vcard img.avatar { background: #fff;border-radius: 30px;left: -4px;position: absolute;top: 3px;border: 3px solid #EDEDED; }
ol.commentlist li div.comment-meta { float:left; margin-left: 10px;}
ol.commentlist li div.comment-meta a {color: #9B9B9B;font-weight: 400;}
ol.commentlist li div.comment-meta .comment-edit-link {padding: 2px 5px;font-size: 12px;}
ol.commentlist li p {  line-height: 25px; margin:15px 10px 15px; color:#777;}
ol.commentlist li ul { line-height: 16px; list-style:square; margin:0 0 12px; padding:0; }
ol.commentlist li div.reply { margin-left: 10px;font-size: 12px;margin-bottom: 10px;}
ol.commentlist li div.reply a { color: #B8B8B8; text-transform:uppercase; font-weight: 400;}
ol.commentlist li ul.children { list-style:none; margin:12px 0 0; text-indent:0; }
ol.commentlist li ul.children li.depth-2 { margin:0 0 10px; }
ol.commentlist li ul.children li.depth-3 { margin:0 0 10px; }
ol.commentlist li ul.children li.depth-4 { margin:0 0 10px; }
ol.commentlist li ul.children li.depth-5 { margin:0 0 10px; }
ol.commentlist ul.children li.odd { background:#fff; }
ol.commentlist ul.children li.even { }
ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; }
.cancel-comment-reply {margin-bottom: 10px;}
#cancel-comment-reply-link {color: #fff;padding: 5px 10px;}
	#comment {
width: 97%;
font-family:roboto;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
outline:none;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
#comment:focus, #commentform input#email:focus,#commentform input#author:focus {
	border:1px solid #d92e2e
}
#commentform input#email,#commentform input#author  {
	display: block;
	font-family: inherit;
	font-size: 14px;
	color: inherit;
	padding: 14px;
	background-color: #fff;
outline:none;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	
}
#commentform #submit {
	padding: 10px;
	border:none;
	color:#fff;
	font-size: 14px;
	outline: none;
	font-weight: 700;
	border-radius: 3px;
}
#commentform #submit:hover {
	background: rgba(168, 63, 63, 0.88);
}
span.required {
	color:#D92E2E;
	font-weight: bold;
}
#respond h3 {
	margin-bottom: 10px;
	padding-top: 10px;
}
#respond .comment-notes {
	color: #999999;
	margin-bottom: 20px!important
}
#commentform p {
	margin-bottom: 15px; color: #999;
}
#respond label {
	display:block;
}
#respond .comment-name, #respond .comment-mail {
	float:left;
	width:30%;
}

/* Related Post */
.embed-youtube {
	margin-bottom: 30px;
	overflow: hidden;
}
.related-post {
	padding: 10px 0 0 0;
	display: inline-block;
	border-top: 1px solid #F2F2F2;
	width:100%;
}
.related-post ul li {
	width: 205px;
	margin-right: 1px;
	float: left;
	margin-bottom: 20px;
}
.overlay {
position: absolute;
left: 0; 
width:100%;
bottom: 0px;
background-image: -moz-linear-gradient( 90deg, rgb(0,0,0, 0.57) 0%, rgba(0,0,0,0) 100%);
background-image: -webkit-linear-gradient( 90deg, rgba(0, 0, 0, 0.57) 0%, rgba(0,0,0,0) 100%);
background-image: -ms-linear-gradient( 90deg, rgb(0,0,0, 0.57) 0%, rgba(0,0,0,0) 100%);	
transition: width .5s ease-in-out, background .3s ease;
}
span.overlay a, .related-meta  {
	color: #FFF;
	-moz-text-shadow: 0 1px 0 rgba(0,0,0,.35);
	-webkit-text-shadow: 0 1px 0 rgba(0,0,0,.35);
	text-shadow: 0 1px 0 rgba(0,0,0,.35);
}
.related-meta {
	font-size: 12px;
	display:none;
}
.related-post ul li:hover .related-meta {
	display:block;
}
.overlayy{
	padding: 10px;
	display:inline-block
}
.overlay h5 {position:absolute}
/* arama butonu */
#searchform { display:inline-block; color: #333;}
.widgets #searchfield { width: 265px; border-radius: 3px;}

#searchfield {
	background-color: #fff;
	border-radius: 16px;
	font-size: 12px;
	color: #424b4f;
	outline: 0;
	padding: 5px 10px;
	line-height: 25px;
	width: 150px;
	text-indent: 30px;
	transition: 300ms background-color;
	border:0;
}
#searchfield:focus {background-color: #EAEAEA;transition: 300ms background-color;}
::-webkit-input-placeholder, :-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder  {
    color: #424b4f;
}
.search button  {
	position: absolute;
	margin-top: 7px;
	margin-left: 10px;
	background-color: transparent;
	color: #636f74;
	border:0;
	font-size: 17px;
}

/* Anasayfa İtem */
.post-home,.pyre_anasayfa_1col {
	margin-bottom: 20px;
	width: 48.6%;
	min-height: 441px;
	border-bottom: 3px solid #ececec;
	margin-left: 10px;
	padding-bottom: 26px;
	vertical-align: top;
	display: inline-table;
}
.post-home .post-header h2{
	font-size: 17px;
}
.pyre_anasayfa_1col {
	padding-bottom: 0;
}
#sidebar .post-home {
	height: 100%;
	margin:0;
	padding:0;
	border:0;
}
.widget-post {
	background:#fff;
}

.widget-post {
	float:left;
}
.post-arc {
	padding: 15px
}
#sidebar .post-arc {
	padding:5px;
}
.post-header {
	padding-top: 15px;
	display: inline-block;
}
.post-meta {
	font-size: 14px;
	color: #999999;
	margin-top: 10px;
	padding-bottom: 10px;
}
.block-small-right .post-meta {
	margin-top: 8px;
}
.post-more {
	display:inline-block
}
.more, .more-e {
	float: left;
	margin-top: 20px;
	text-transform: uppercase;
}
.more a, .more-e a:hover {
 transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
      transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.entry .more, .entry .more-e {
	margin-top: 0;
}
.entry .more {
	margin-bottom: 25px;
}
.more a, .more-e a {
	color: #fff;
	margin-right: 5px;
	padding: 5px 10px;
	transition: all 0.2s linear 0s;
}
.block-image  {
	position:relative;
	float:left;
	width: 100%;
}
.block-image img { width: 100%;}
.block-item-big, .block-item-small {border-bottom: 1px solid #F7F7F7;}
.block-big-bottom { display:inline-block;width: 100%; padding: 20px 0px 15px 0px }
.block-item-small { height: 58px; padding: 15px 0px 5px 0px}
.block-item-small .block-image { width: 90px; padding-right: 15px;}
.block-item-small .block-small-right { width:70%; float:left; }
#sidebar .block-item-small .block-small-right { width: 170px; overflow:hidden;}
.block-item-small .block-small-right h2 { font-size: 14px;overflow: hidden;height: 18px;}

/* Page Navi */
.pagination {
	margin-bottom: 15px;
	margin-left: 10px;
}
.pagination ul {
  display: inline-block;
  margin-bottom: 0;
  margin-left: 0;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.pagination ul > li {	
  display: inline;
}

.pagination ul > li > a,
.pagination ul > li > span {
  float: left;
  padding: 7px 12px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-left-width: 0;
}

.pagination ul > li > a:hover,
.pagination ul > li > a:focus,
.pagination ul > .active > a,
.pagination ul > .active > span {
  background-color: #f5f5f5;
}

.pagination ul > .active > a,
.pagination ul > .active > span {
  color: #999999;
  cursor: default;
}

.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover,
.pagination ul > .disabled > a:focus {
  color: #999999;
  cursor: default;
  background-color: transparent;
}

.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span {
  border-left-width: 1px;
  -webkit-border-bottom-left-radius: 4px;
          border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
          border-top-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
}

.pagination ul > li:last-child > a,
.pagination ul > li:last-child > span {
  -webkit-border-top-right-radius: 4px;
          border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
          border-bottom-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
}

.pagination-centered {
  text-align: center;
}

.pagination-right {
  text-align: right;
}

.pagination-large ul > li > a,
.pagination-large ul > li > span {
  padding: 11px 19px;
  font-size: 17.5px;
}
.pagination-large ul > li:first-child > a,
.pagination-large ul > li:first-child > span {
  -webkit-border-bottom-left-radius: 6px;
          border-bottom-left-radius: 6px;
  -webkit-border-top-left-radius: 6px;
          border-top-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  -moz-border-radius-topleft: 6px;
}

.pagination-large ul > li:last-child > a,
.pagination-large ul > li:last-child > span {
  -webkit-border-top-right-radius: 6px;
          border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
          border-bottom-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  -moz-border-radius-bottomright: 6px;
}

.pagination-mini ul > li:first-child > a,
.pagination-small ul > li:first-child > a,
.pagination-mini ul > li:first-child > span,
.pagination-small ul > li:first-child > span {
  -webkit-border-bottom-left-radius: 3px;
          border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
          border-top-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-topleft: 3px;
}

.pagination-mini ul > li:last-child > a,
.pagination-small ul > li:last-child > a,
.pagination-mini ul > li:last-child > span,
.pagination-small ul > li:last-child > span {
  -webkit-border-top-right-radius: 3px;
          border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
          border-bottom-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
}

.pagination-small ul > li > a,
.pagination-small ul > li > span {
  padding: 2px 10px;
  font-size: 11.9px;
}

.pagination-mini ul > li > a,
.pagination-mini ul > li > span {
  padding: 0 6px;
  font-size: 10.5px;
}

/* Sidebar */
#sidebar {
	float:right;
	width: 305px;
	margin-top: 20px;
}
.widgets {
	width: 94%;
	display: inline-block;
	margin-bottom: 20px;
	padding: 10px;
	border-bottom: 3px solid #ececec;
}
.widget-title {
	border-bottom: 1px solid #f8f8f8;
	overflow: hidden;
}
.widget-title .title-line{
	background: url(images/line.svg);
	height: 12px;
	overflow: hidden;
	margin-top: 7px;
}
.widget-title h3 {
	float: left;
	margin: 3px 10px 10px;
	text-transform: uppercase;
	font-size: 14px;
}
.widgets li {
	padding: 10px;
	border-bottom: 1px solid #F7F7F7;
}
.widgets li.cat-item ul.children {
	margin-top: 5px;
}
.widgets li.cat-item  ul.children li {
	border: none;
}
.widgets li.cat-item  ul.children li:hover {
	background: #f9f9f9
}
.widgets li a {
	font-weight:400;
	color: #555;
	margin-left: 5px;
}
.widgets li.cat-item:hover {
	background: #FCFCFC;
}
.widgets li:before{
	content: "\f0da";
	color: #9a9a9a;
	font-family: FontAwesome;
	font-size: 12px;
	line-height: 12px;
	margin-right: 4px;
}
.widgets li (text) {
	color:#fff;
}
#wp-calendar {
	width: 100%;
	margin-left: 10px;
	margin-top: 10px;
}
#wp-calendar caption {
	margin-bottom: 5px;
	font-weight: bold;
}
#tab-menu {
	width: 100%;
}
.tabmenuContent {
	width: 100%;
}
.tab-menu ul {
	width: 100%;
	height: 33px;
}
.tab-menu li a {
	display: inline-block;
	font-size: 25px;
	color: #fff;
}
.tab-menu ul li {
	float: left;
	background: #E7E7E7;
	box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.05) inset;
	border-left: 1px solid #EEE;
	width: 95px;
	text-align: center;
	padding: 0;
	border:0;
}
.tab-menu li:before {display:none}
.tab-menu ul li:hover {
	transition: all 1s ease 0s;
}
.tabmenu-image img{
	width: 96px;
	height: 64px;
}
.tabmenu-image{
	float:left;
	display:inline-block;
	width: 96px;
	height: 64px;
	margin-left: 15px;
}
.widgets .tabmenu-image {
	margin-left: 0px;
}
.baslik {
	float:left;
	display:inline-block;
	width: 150px;
}
.baslik h3 a {
	font-size: 13px;
	font-weight: bold;
	width: 180px;
}
.tabmenu-tek span {
	font-size: 13px;
	color: #999
}
.tabmenu-tek span, .baslik h3 a  {
	display:inline-block;
	margin-left: 10px;
} 
.tabmenu-tek {
	display: inline-block;
	width: 285px;
	padding: 15px 0px;
	border-bottom: 1px solid #F9F9F9;
}
#subscribe-text {
	margin-top: 15px;
	margin-bottom: 15px;
	color: #555;
	line-height: 1.6em
}
#subscribe-email input{
	width: 65%;
	height: 30px;
	float: left;
	border: 1px solid #ececec;
	text-indent: 10px;
	outline: none;
}
#subscribe-submit input{
	height: 34px;
	border:none;
	outline: none;
	color: #fff;
	border-radius: 0px 3px 3px 0px
}

/* 404 */
#notfound { max-width: 100%; background: #fff;height: 300px;}
.not-sag {  max-width: 800px;margin: 0 auto;padding-top: 7em;}
.not-sag p {font-size: 15px;line-height: 1.8em;color: #777;}
.not-arama { margin-top: 7px; margin-bottom: 7px;}
.not-arama  #searchfield { background: #f2f2f2;}

/* Footer */
#footer {
	text-align: center;
	clear: both;
	padding: 20px 0 30px;
	background: #fff;
	border-top: 1px solid #F9F9F9;
}

	.menu-footer{
		padding: 15px;
	}
	
		.menu-footer li {
			margin: 0 30px 0 0;
			display:inline;
			font-size: 16px;
		}
		.menu-footer li a { color: #717171; padding:0; text-transform:none; }

	#footer .medya { font-size: 35px; }
	#footer .medya a { color: #C0C0C0;}
	
	
	
	


nav#nav form{
	display:none;
}


.post-comments { background: #82b965; font-size: 12px; line-height: 20px; color: #fff; display: block; position: absolute; top: 10px; right: 0;
-webkit-box-shadow: inset -1px 0 1px rgba(0,0,0,0.2); 
box-shadow: inset -1px 0 1px rgba(0,0,0,0.2); }
.post-comments > span { display: block; position: relative; padding: 2px 7px; }
.post-comments > span:before { content:''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid #82b965; border-top: 7px solid transparent; border-bottom: 7px solid transparent; position: absolute; top: 5px; left: -14px; }
.post-comments i { margin-right: 3px; }
.post-comments:hover { color: #fff!important; padding-right: 4px; }


/*  Main Color */
.widgettitle i , #header, .more a, .more-e a, .more-e a:hover, .tab-menu li.aktif, #subscribe-submit input, .small-button, #commentform #submit, 
.comment.byuser span.author, #cancel-comment-reply-link, 
.footer-widget span.comment-author-link, .next.right a , .prev.left a , .wp-pagenavi span.current, .tagcloud a:hover, .contact-form input[type=submit], .flat a.active, .flat a.active:after, .menu .sub-menu>li a:hover  {
	background: #d92e2e;
}
#menu, .more-e a, .more a:hover, nav, .sub-menu a, .tab-menu ul li:hover, nav#nav form select   {
	background: #5F3131;
}
.content, .post-home, .widgets, .tabmenu-tek, .tagcloud, .post-cat   {
	background: #fff
}


.pyre_anasayfa_2col .post-arc {
	background: #fff;
	margin-left: 10px;
	display: inline-block;
}

.pyre_anasayfa_2col .block-item-big{
	display: inline-block;
	float: left;
}
.pyre_anasayfa_2col .block-item-small {
	padding: 0px 0px 5px 23px;
	display: inline-block;
}


.contact-form input {
	padding: 10px;
}

.contact-form textarea, .contact-form input {
	border: 1px solid #ececec;
}
.contact-form input[type=submit]  {
	padding: 10px;
	color:#fff;
}

/* Tooltip */
a[data-tooltip] {
  position: relative;
  z-index:9999;
}
a[data-tooltip]::before,
a[data-tooltip]::after {
  position: absolute;
  display: none;
  opacity: 0.85;
}
a[data-tooltip]::before {
  content: attr(data-tooltip);
  background: #000;
  color: #fff;
  font-size:13px;
  font-weight: 400;
  padding: 5px;
  border-radius: 5px;
  white-space: nowrap;
  text-decoration: none;
}
a[data-tooltip]::after {
  width: 0;
  height: 0;
  border: 6px solid transparent;
  content: '';
}

a[data-tooltip]:hover::before,
a[data-tooltip]:hover::after {
  display: block;
}

/** positioning **/

/* left tooltip */
a[data-tooltip][data-placement="left"]::before {
  top: -25%;
  right: 100%;
  margin-right: 10px;
}
a[data-tooltip][data-placement="left"]::after {
  border-left-color: #000;
  border-right: none;
  top: 50%;
  right: 100%;
  margin-top: -6px;
  margin-right: 4px;
}

/* right tooltip */
a[data-tooltip][data-placement="right"]::before {
  top: -25%;
  left: 100%;
  margin-left: 10px;
}
a[data-tooltip][data-placement="right"]::after {
  border-right-color: #000;
  border-left: none;
  top: 50%;
  left: 100%;
  margin-top: -6px;
  margin-left: 4px;
}

/* top tooltip */
a[data-tooltip][data-placement="top"]::before {
  bottom: 100%;
  left: 0;
  margin-bottom: 10px;
}
a[data-tooltip][data-placement="top"]::after {
  border-top-color: #000;
  border-bottom: none;
  bottom: 100%;
  left: 10px;
  margin-bottom: 4px;
}

/* bottom tooltip */
a[data-tooltip][data-placement="bottom"]::before {
  top: 100%;
  left: 0;
  margin-top: 10px;
}
a[data-tooltip][data-placement="bottom"]::after {
  border-bottom-color: #000;
  border-top: none;
  top: 100%;
  left: 10px;
  margin-top: 4px;
}

/* Breadcrumb */
.breadcrumb {
	margin-left: 10px;	
	overflow: hidden;
	background:#fff;
	counter-reset: flag;
	border-top:1px solid #ececec;
	border-bottom:1px solid #ececec;
}

.breadcrumb a {
	text-decoration: none;
	outline: none;
	display: block;
	float: left;
	font-size: 12px;
	line-height: 36px;
	color: rgba(0,0,0,0.6);
	padding: 0 10px 0 60px;
	position: relative;
}
.breadcrumb a:first-child {
	padding-left: 46px;
}
.breadcrumb a:first-child:before {
	left: 14px;
}
.breadcrumb a:last-child {
	padding-right: 20px;
}

.breadcrumb a:after {
	content: '';
	position: absolute;
	top: 0; 
	right: -18px; 
	width: 36px; 
	height: 36px;
	transform: scale(0.707) rotate(45deg);
	z-index: 1;
	box-shadow: 2px -3px 0 2px rgba(232, 232, 232, 0.4), 3px -3px 0 2px rgba(232, 209, 209, 0.1);
	border-radius: 0 5px 0 50px;
}

.breadcrumb a:last-child:after {
	content: none;
}
.breadcrumb a:before {
	content: counter(flag);
	counter-increment: flag;
	border-radius: 100%;
	width: 20px;
	height: 20px;
	line-height: 19px;
	text-indent:7px;
	margin: 8px 0;
	position: absolute;
	top: 0;
	left: 30px;
	font-weight: bold;
}
.breadcrumb a.active {
	color:#fff;
}
.breadcrumb a.active:before {
	color: black;
}
.flat a, .flat a:after {
	background: white;
	transition: all 0.5s;
}
.flat a:before {
	background: white;
	box-shadow: 0 0 0 1px #ccc;
}
.breadcrumb a.bread-title {
	font-weight: 400;
}

