/*
Theme Name: Kumanda.TV
*/
/***** GENERAL ****/
/* reset */
* {
margin: 0;
padding: 0;
}
/* render html5 elements as block */
header, footer, section, aside, nav, article {
display: block;
}
body {
background: #fafafa;
font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
color: #191717;
font-size: 14px;
line-height: 18px;
font-weight:400;
}
.center{text-align:center;}
a:link, a:visited {
color:#d10000;
text-decoration:none;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
transition: 0.5s;
}
a:hover, a:active {
color:#d10000;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
transition: 0.5s;
}
#wrapper {
width:1070px;
margin:0 auto;
overflow:hidden;
}
.clear {
clear:both;
}
/***** UST KISIM ****/
header {
overflow:hidden;
background-color:#ffffff;
position:relative;
}
.headeraraclar {
overflow:hidden;
}
nav#ustmenu {
overflow:hidden;
height:37px;
background-color:#2a2a2a;
}
nav#ustmenu ul {
padding:9px 0 7px 0;
}
nav#ustmenu ul li {
list-style:none;
display:inline;
padding:9px 16px 7px 20px;
border-right: 1px solid #333333;
}
nav#ustmenu ul li a {
color:#fff;
font-size:14px;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
transition: 0.5s;
}
nav#ustmenu ul li a:hover {
color:#d10000;
}
.logo {
margin: 10px 0px 10px 0px;
width: 200px;
float: left;
}
/******* MAIN MENU ********/
#kumandatv {
background:#e8e8e8;
height:50px;
margin:0 0 10px 0;
}
nav#kategoriler {
height:45px;
background:#d10000;
border:2px solid #d10000;
}
#primary-nav {
float:left;
}
nav#kategoriler .menu a:hover{color:#000;}
nav#kategoriler .menu {
font-size: 13px;
font-weight: bold;
}
nav#kategoriler .menu ul {
margin: 0;
padding: 0;
list-style: none;
line-height: normal;
}
nav#kategoriler .menu li {
border-right: 1px solid white;
    border-color: rgba(0, 0, 0, 0.1);
}
nav#kategoriler .menu li:hover{
background-color: #f9f9f9;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: color, background-color;
    transition-property: color, background-color;
    color: #000;
}
nav#kategoriler .menu a {
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
}
nav#kategoriler .menu li ul li {
padding:12px 10px 10px 16px;
}
nav#kategoriler .menu li ul li ul li {
padding:12px 10px 11px 16px;
}
/******* KATEGORÝ MENU ********/
.kumandatvmenu,.kumandatvmenu *{list-style:none;margin:0;padding:0;}
.kumandatvmenu {line-height:1.0;float:left;}
.kumandatvmenu ul {position:absolute;top:-999em;width:13em;}
.kumandatvmenu ul li {width:100%;}
.kumandatvmenu li:hover {visibility:inherit;}
.kumandatvmenu li {float:left;position:relative;background:transparent;}
.kumandatvmenu a {display:block;position:relative;text-decoration:none;padding: 13px 1em;}
.kumandatvmenu li:hover ul, 
.kumandatvmenu li.sfHover ul {left:0;top:3.3em;z-index:99;}
.kumandatvmenu a {color:#13a;}
nav#kategoriler .kumandatvmenu li li, .kumandatvmenu li li li{background:#35c1b1 url(images/mainmenubg.png) repeat-x;border-top:1px solid #30a99b;border-bottom:1px solid #30a99b;}
.kumandatvmenu li:hover,.kumandatvmenu li.sfHover,.kumandatvmenu a:hover{outline:0;}
.kumandatvmenu a:focus{outline:0;}
.kumandatvmenu a.sf-with-ul{padding-right:2.25em;min-width:1px;}
.sf-sub-indicator{position:absolute;display:block;right:.75em;top:0;width:10px;height:10px;text-indent:-999em;
overflow:hidden;background:url(images/arrows-white.png) no-repeat -10px -100px;}
a > .sf-sub-indicator{top:.8em;background-position:0 -100px;}
a:focus > .sf-sub-indicator,a:hover > .sf-sub-indicator,a:active > .sf-sub-indicator,li:hover > a > .sf-sub-indicator,li.sfHover > a > .sf-sub-indicator{background-position:-10px -100px;}
.kumandatvmenu ul a > .sf-sub-indicator{background-position:0 0;}
.sf-shadow ul{background:url(images/shadow.png) no-repeat bottom right;padding:0 8px 9px 0;}
.sf-shadow ul.sf-shadow-off{background:transparent;}
ul.kumandatvmenu li:hover li ul,ul.kumandatvmenu li.sfHover li ul,ul.kumandatvmenu li li:hover li ul,ul.kumandatvmenu li li.sfHover li ul{top:-999em;}
ul.kumandatvmenu li li:hover ul,ul.kumandatvmenu li li.sfHover ul,ul.kumandatvmenu li li li:hover ul,ul.kumandatvmenu li li li.sfHover ul{left:14.6em;top:-2px;}
.kumandatvmenu ul .sf-sub-indicator,.kumandatvmenu ul a:focus > .sf-sub-indicator,.kumandatvmenu ul a:hover > .sf-sub-indicator,.kumandatvmenu ul a:active > .sf-sub-indicator,.kumandatvmenu ul li:hover > a > .sf-sub-indicator,.kumandatvmenu ul li.sfHover > a > .sf-sub-indicator{background-position:-10px 0;}
/****** SEARCH *****/
.tvarama {
float:right;
text-align:right;
width:280px;
overflow:hidden;
margin:6px 6px 0 0;
}
.kumandatvara {
width: 210px;
height: 36px;
background:#fff;
}
.kumandatvara input[type="text"] {
padding: 5px 8px;
border: none;
height: 26px;
float: left;
width: 200px;
background:#f9f9f9;
}
::-webkit-input-placeholder {
color: #b7b7b7;
font-size: 12px;
}
:-moz-placeholder {  
color: #b7b7b7;
font-size: 12px; 
}
input#s {
font-size:14px;
}
.kumandatvara input[type="submit"] {
background: url(images/search.png) no-repeat;
width:43px;
height:36px;
border: none;
}
#sagkisim {
float: right;
width: 310px;
overflow:hidden;
}
#sagkisim h2 {
padding:10px 0 8px 14px;
font-size:16px;
border:3px solid #ececec;
background:#f3f3f3;
color:#4f4f4f;
text-shadow: 0.05em 0.05em 0.05em #c1c1c1;
cursor: default;
}
ul#yayinakisi > li {
    background-color: #f3f3f3;
    border: 1px solid #ececec;
    padding: 3px 5px;
    cursor: default;
}
ul#yayinakisi >li.suanda {
    background-color: #d10000;
    color: #fff;
}
.kanal-resim {
width:70px;
float:left;
}
.kanal-resim img {
border:1px solid #f3f3f3;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
transition: 0.5s;
}
#sagkisim1 h2 {
font-size:16px;
color:#fff;
margin:0;
padding:10px 0 8px 14px;
border:3px solid #3fb4a4;
background:#39c1ab url(images/sideh2.png) repeat;
text-shadow: 0.05em 0.05em 0.05em #2e5c80;
text-transform:uppercase;
}
.isik {
    float: right;
    cursor: pointer;
    font-size: 12px;
    background-color: #f7921c;
    padding: 3px;
}
.isik i {
    font-size: 17px;
    margin-right: 5px;
}
#sagkisim1 ul {
margin:0 0 15px 0;
padding:5px 10px 5px 10px;
background:#ffffff;
border-left:1px solid #e3e3e3;
border-right:1px solid #e3e3e3;
border-bottom:1px solid #e3e3e3;
border-top:3px solid #e3e3e3;
}
#sagkisim1 ul li {
border-bottom:1px dotted #cccccc;
margin:5px 0 10px 0;
padding:0 0 2px 10px;
list-style:none;
background:url(images/sideli.png) no-repeat left;
}
#sagkisim1 ul li a {
text-decoration:none;
color:#7c7c7c;
font-size:15px;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
transition: 0.5s;
text-transform:uppercase;
font-weight:700;
}
#sagkisim1 ul li:hover a,#sidebar1 ul li:hover {
color:#44c3b2;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
transition: 0.5s;
}
/****** ANASAYFA ******/
#main {
}
#content {
float: left;
width: 1070px;
}
#yayinalani {width:750px;float:left;}
#content h2 {
padding:10px 0 8px 14px;
font-size:16px;
border:3px solid #ececec;
background:#f3f3f3;
color:#434342;
text-shadow: 0.05em 0.05em 0.05em #c1c1c1;
text-transform:uppercase;
margin:0 0 10px 0;
}
.sagblok {
margin-right:-19px;
margin-top:9px;
}
article.kanallar {
overflow: hidden;
width: 160px;
padding:18px;
margin: 0 19px 10px 0;
background: #ffffff;
float: left;
border: 1px solid #d1d1d1;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
article.kanallar:hover {
    background-color: #fff;
box-shadow: 0 0 8px #ddd;
}
.kanal-logo img{
border:none;
height:100px;
width:160px;
}
.kanallink {
    background-color: #555;
    border: none;
    color: white;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    border-radius: 5px;
    width: 142px;
    font-size: 16px;
    font-weight: 500;
	overflow: hidden; 
    white-space: nowrap;
}
.kanallink a {
color:#f9f9f9;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
transition: 0.5s;
font-weight:500:
}
article.kanallar:hover .kanallink {
	background-color:#d10000;
	-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
transition: 0.5s;
}
article.kanallar:hover a, article#tvkanali:hover a {
color:#fafafa;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
transition: 0.5s;
}
/**** SAYFALAMA *****/
.sayfalama {
margin:0;
padding:7px 0px 6px 7px;
overflow:hidden;
text-align:center;
}
.sayfalama a {
color:#555555;
text-decoration:none;
font-size:14px;
padding:10px 10px 6px 10px;
font-weight:700;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
transition: 0.5s;
}
.sayfalama a:hover {
color:#fff;
background:#333333;
padding:10px 10px 6px 10px;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
transition: 0.5s;
}
a.sayfalama-numaralar {
padding:10px 10px 6px 10px;
}
.sayfalama .current {
color:#fff;
background:#333333;
padding:10px 10px 6px 10px;
}
/**** SINGLE *****/
article#post {
    background: #fff;
    border-left: 1px solid #ececec;
    border-right: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
    border-top: 1px solid #ececec;
    margin: 0px 0px 10px 1px;
    padding: 10px;
    box-shadow: 0px 0px 2px 0px #e3e3e3;
}
article#post a:hover {
color:#1c9184;
}
article#post p {
margin:0 0 10px 0;
}
/******* IMAGES ********/
img.alignleft, img.left { float: left;margin-right:7px; margin-top:5px; }
img.alignright, img.right { float: right; margin-left:7px; margin-top:5px;}
img.aligncenter, img.center { margin-bottom:7px;display: block; margin-right: auto; margin-left: auto; float: none; clear: both; }
img.alignnone, img.block { display: block; clear: both; }
img.frame { background: #eee; border-style: solid; border-color: #ddd; }
img.stack { clear: none !important; }
img[align="left"] { float: left; clear: left; }
img[align="right"] { float: right; clear: right; }
img[align="middle"] { display: block; margin-right: auto; margin-left: auto; float: none; clear: both; }
/*—:[ image captioning ]:—*/
.wp-caption { border-style: solid; border-color: #ddd; background-color: #eee; text-align: center; font-style: italic; }
.wp-caption.alignleft { float: left; }
.wp-caption.alignright { float: right; }
.wp-caption.aligncenter { margin-right: auto; margin-left: auto; float: none; clear: both; }
.wp-caption.alignnone { clear: both; }
.alignright {float: right;}
.alignleft {float: left;}
.kanal-detay h1 {
font-size:26px;
margin:0 0 10px 0;
color:#333333;
}
article#post .kanal-detay h2 {
font-size:22px;
line-height:26px;
background:none;
border:none;
text-shadow: 0.05em 0.05em 0.05em #c1c1c1;
margin:0 0 10px 0;
padding:0 0 0 0;
text-transform:none;
}
.kanal-detay h3 {
font-size:20px;
line-height:24px;
text-shadow: 0.05em 0.05em 0.05em #c1c1c1;
margin:0 0 10px 0;
color:#434342;
}
.kanal-detay h4 {
font-size:18px;
line-height:22px;
text-shadow: 0.05em 0.05em 0.05em #c1c1c1;
margin:0 0 10px 0;
color:#434342;
}
blockquote {
border-left:1px dotted #c2c2c2;
padding-left:10px;
font-style:italic;
color:#c2c2c2;
}
.kanal-detay ul li, .kanal-detay ol li {
margin:0 0 10px 30px;
}
.kanal-player {
width:630px;
height:400px;
}
.kanalbilgi {
background:#fff;
margin-bottom:10px;
overflow:hidden;
border-bottom: 1px solid #eee;
}
.kanal-resim1 {
width:100px;
float:left;
box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.4);
margin: 2px 10px 10px 2px;
}
.kanal-bilgi2 {
float:left;
margin-top:10px;
}
.kanaladi {
margin-bottom:4px;
}
.kanalkategori a:hover {
color:#209b87;
}
/*** YORUM ***/
.gorusbildir {
background:#f3f3f3;
overflow:hidden;
margin:4px 0 20px 0;
padding:8px 0 0 0;
border:1px solid #ececec;
}
/****** FOOTER *****/
footer {
    background: #f9f9f9;
    border-top: 4px solid #d10000;
    overflow: hidden;
    padding: 10px 0 0 0;
    margin-top: 15px;
	}
#altkisim-ust {
overflow:hidden;
width:1070px;
margin:0 auto;
}
.altkisim-bilgi {
    color: #888888;
    float: right;
    margin: 0 0 0 0;
    width: 1070px;
}
#altkisim-aciklama {
overflow:hidden;
margin-top:20px;
background:#333333;
color:#f9f9f9;
padding:12px 0 8px 0;
}
#altkisim-clear {
margin:0 auto;
width:1070px;
overflow:hidden;
}
.copyright {
width:1070px;
float:left;
}
.baslikk {
    position: relative;
    margin-bottom: 15px;
    font-weight: bold;
    border-bottom: 3px solid #D5D5D5;
}
.baslikk h1 {
    color: #212121;
    display: inline-block;
    border-bottom: 3px solid #d10000;
    margin-bottom: -3px;
    line-height: 24px;
    font-size: 20px;
    font-weight: 400;
    padding-bottom: 10px;
}
/* Form wrapper styling */
.form-wrapper {
    width: 283px;
    background: #444;
    background: rgba(0,0,0,.2);
    border-radius: 10px;
    box-shadow: 0 1px 1px rgba(0,0,0,.4) inset, 0 1px 0 rgba(255,255,255,.2);
}
/* Form text input */
.form-wrapper input {
    width: 330px;
    height: 20px;
    padding: 10px 5px;
    float: left;    
    font: bold 15px 'lucida sans', 'trebuchet MS', 'Tahoma';
    border: 0;
    background: #eee;
    border-radius: 3px 0 0 3px;      
}
.form-wrapper input:focus {
    outline: 0;
    background: #fff;
    box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
}
.form-wrapper input::-webkit-input-placeholder {
   color: #999;
   font-weight: normal;
   font-style: italic;
}
.form-wrapper input:-moz-placeholder {
    color: #999;
    font-weight: normal;
    font-style: italic;
}
.form-wrapper input:-ms-input-placeholder {
    color: #999;
    font-weight: normal;
    font-style: italic;
}    
.form-wrapper button {
    overflow: visible;
    position: relative;
    float: right;
    border: 0;
    padding: 0;
    cursor: pointer;
    height: 36px;
    width: 67px;
    font: bold 15px/40px 'lucida sans', 'trebuchet MS', 'Tahoma';
    color: #fff;
    text-transform: uppercase;
    background: #d83c3c;
    border-radius: 0 3px 3px 0;      
    text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);
}   
.form-wrapper button:hover{		
    background: #e54040;
}	
.form-wrapper button:active,
.form-wrapper button:focus{   
    background: #c42f2f;
	outline: 0;   
}
.form-wrapper button:before { /* left arrow */
    content: '';
    position: absolute;
    border-width: 8px 8px 8px 0;
    border-style: solid solid solid none;
    border-color: transparent #d83c3c transparent;
    top: 12px;
    left: -6px;
}
.form-wrapper button:hover:before{
    border-right-color: #e54040;
}
.form-wrapper button:focus:before,
.form-wrapper button:active:before{
        border-right-color: #c42f2f;
}      
.form-wrapper button::-moz-focus-inner {
    border: 0;
    padding: 0;
}    
.cf:before, .cf:after{
    content:"";
    display:table;
}
.cf:after{
    clear:both;
}
.cf{
    zoom:1;
}  
ol {
    counter-reset: li; 
    list-style: none; 
    *list-style: decimal; 
	font-size:15px;
    padding-top: 5px;
    margin-bottom: 4em;
    white-space: nowrap; 
    text-overflow: ellipsis;
	height: 100%;
   position: relative;
}
ol ol {
    margin: 0 0 0 2em; 
}
.tvlistesi a{
    position: relative;
    display: block;
    padding: .4em .4em .4em .8em;
    *padding: .4em;
        margin: -0.5em 0 .5em 2.5em;
    background: #f3f3f3;
    color: #444;
    text-decoration: none;
    transition: all .3s ease-out;   
}
.tvlistesi a:hover{
    background: #eee;
}   
.headerad{float:right;}
.tvlistesi a:before{
	color:#fff;
    content: counter(li);
    counter-increment: li;
    position: absolute; 
    left: -2.5em;
    top: 50%;
    margin-top: -1em;
    background: #000000;
    height: 2em;
    width: 2em;
    line-height: 2em;
    text-align: center;
    font-weight: bold;
}
.tvlistesi a:after{
    position: absolute; 
    content: '';
    border: .5em solid transparent;
    left: -1em;
    top: 50%;
    margin-top: -.5em;
    transition: all .3s ease-out;               
}
.tvlistesi a:hover:after{
    left: -.5em;
    border-left-color: #000000;             
}   
#sagblok {
	position: absolute;
    margin-left: 630px;
    float: right;
    width: 120px;
	height:400px;
    margin-top: 0px;
	overflow: hidden;
}
.kanalli:before {
    content:  "\f01d";
    right: 1em;
    margin-right: 10px;
    font-family: FontAwesome;
    transform: translateZ(0);
    transition-duration: 0.1s;
    transition-property: transform;
    transition-timing-function: ease-out;
}
.kanalli:before {
    content:  "\f01d";
}
#partlist {text-transform: uppercase; 
color:#fff;
height: 30px;
margin-bottom:10px;
padding-top: 13px;
background-color: #000;
border: 1px solid #000;}
#partlist a {padding:6px;background:#d10000; color:#fff;text-decoration:none;}
#partlist a:hover {
background-color: #f9f9f9;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
overflow: hidden;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: color, background-color;
transition-property: color, background-color;
color: #000;}
#partlist ul li {
    float: left;
    margin: 0 3px;
    list-style: none;
    padding: 0;
}
#partlist ul li.aktif a{background-color:#000;}
.sel1{display:none;}
.mobilgoster{display:none;}
.mobilgizle{display:block;}
.menutus, .aramatus{display:none;}
@media screen and (max-width:680px){
	body{
		overflow-x:hidden !important;
	}
	.kumandatvmenu{display:none;}
	.sel1{
	display: block;
    width: 90%;
    float: none;
    margin: 5px auto;
	height:36px;
    line-height: 30px;
    background: none;
    border: 0px;
    font-weight: bold;
	outline:none;
    color: #fff;}
	.sel1 option{color:#333}
	#wrapper{
		width:100%;
	}
	#primary-nav{
		width:100%;
	}
	#content{
		width:100%;
	}
	article.kanallar{
		width: 43%;
		margin: 0 1% 10px 1%;
		padding: 5px 0 5px 2%;
	}
	#altkisim-ust{
		width:100%;
	}
	.altkisim-bilgi{
		width:100%;
	}
	.logo{
		text-align:center;
		width:100%;
		float:none;
		margin:10px 0 0 0;
	}
	#ustmenu{
		display:none;
	}
	.kanal-player{
		width:100%;
		height:380px;
		margin-top:10px;
	}
	.tvlistesi{
		display:none;
	}
	.headerad{
		display:none;
	}
	#yayinalani{
		width:100%;
		float:none;
	}
	#sagkisim{
		width:100%;
		float:none;
	}
	.logo img{
		width:150px;
	}
	#sagblok{
		margin:0px;
	}
	ul#mobilkanallist {
		display: table;
		list-style: none;
		margin-bottom: 10px;
		margin-left: auto;
		margin-right: auto;
	}
	ul#mobilkanallist > li {
		float: left;
	}
	ul#mobilkanallist > li > a {
		display: block;
		padding: 5px;
		border: 1px solid #d1d1d1;
		border-radius: 15%;
		margin: 5px;
	}
	.isik{
		display:none;
	}
	.menu li {
    float: none !important;
	}
	nav#kategoriler {
		height: initial !important;
	}
	div#primary-nav {
		float: none !important;
	}
	ul#menu-menu {
		float: none !important;
	}
	nav#kategoriler .menu li {
		border-right: none !important;
		border-bottom: 1px solid white;
	}
	nav#kategoriler .menu li:hover {
		display: block;
	}
	.mobilgoster{display:block;}
	.mobilgizle{display:none;}
	.menutus{position:absolute;top:17px;left:20px;font-size:29px;color:#5c5c5c;display:block;cursor:pointer;}
	.aramatus{position:absolute;top:17px;right:20px;font-size:29px;color:#5c5c5c;display:block;cursor:pointer;}
	.tvarama{float:none !important; text-align:center !important;display:none;margin:5px auto !important;}
	div#kumandatv{height:initial;}
}