/*

Theme Name: UzmanPaneL

Version: 1.0

Description: Bu tema Biran MeHMeTDizayn
.Com tarafindan kendi sistemine özel yapilmistir. Alip Kullanmak yasaktir.

Saygılarımızla Www.MeHMeTDizayn.Com

Author: MeHMeTDizayn

Author URI: http://www.MeHMeTDizayn.com/

Theme URI: http://www.MeHMeTDizayn.com/

Tags: OSade, Light, CSS3, HTML5

*/

@font-face {

    font-family: 'proximabold';

    src: url('font/proximanova-bold-webfont.eot');

    src: url('font/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'),

         url('font/proximanova-bold-webfont.woff') format('woff'),

         url('font/proximanova-bold-webfont.ttf') format('truetype'),

         url('font/proximanova-bold-webfont.svg#proxima_nova_rgbold') format('svg');

    font-weight: normal;

    font-style: normal;



}









@font-face {

    font-family: 'proximalight';

    src: url('font/proximanova-light-webfont.eot');

    src: url('font/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'),

         url('font/proximanova-light-webfont.woff') format('woff'),

         url('font/proximanova-light-webfont.ttf') format('truetype'),

         url('font/proximanova-light-webfont.svg#proxima_novalight') format('svg');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'proximaregular';

    src: url('font/proximanova-regular-webfont.eot');

    src: url('font/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),

         url('font/proximanova-regular-webfont.woff') format('woff'),

         url('font/proximanova-regular-webfont.ttf') format('truetype'),

         url('font/proximanova-regular-webfont.svg#proxima_nova_rgregular') format('svg');

    font-weight: normal;

    font-style: normal;



}

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,figcaption,figure, footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}input,textarea{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}.clr{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.group:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.group{display:inline-block}html[xmlns] .group{display:block}* html .group{height:1%}strong{font-weight:bold}

.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}

.doldurBosalt{clear:both}

a{color:#888888;text-decoration:none;-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-ms-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;}

a:hover{color:#2e3344;text-decoration:none;-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-ms-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;}

h1{font-size:28px; } 

h2{font-size:24px; }

h3{font-size:20px; }

h4{font-size:18px; }

h5{font-size:16px; }

h6{font-size:14px; }

hr{border:0;background-color:#DDD;height:1px;margin-bottom:14px;color:#DDD}

em{font-style:italic} 

strong{font-weight:bold;}

blockquote{float:left;margin-bottom:10px;width:560px;-moz-box-shadow:inset 0px 1px 0px 0px #fff;-webkit-box-shadow:inset 0px 1px 0px 0px #fff;box-shadow:inset 0px 1px 0px 0px #fff;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;border:1px solid #dcdcdc;min-height:32px;padding-left:10px;padding-top:4px;margin-left:15px}

 blockquote p{color:#777;width:540px;font-style:italic}

pre{background:#fff;float:left;margin-bottom:10px;-moz-box-shadow:inset 0px 1px 0px 0px #fff;-webkit-box-shadow:inset 0px 1px 0px 0px #fff;box-shadow:inset 0px 1px 0px 0px #fff;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;border:1px solid #dcdcdc;min-height:32px;padding-left:8px;padding-top:4px;margin-left:15px;overflow:auto;width:580px;margin-bottom:20px}

.alignnone {margin: 5px;} 

.aligncenter, div.aligncenter {display:block;margin: 5px auto 5px auto;}

.alignright {float:right;margin: 5px;}

.alignleft {float:left; }

.aligncenter {display: block;margin: 5px auto 5px auto;}

a img.alignright { float:right;margin: 5px;}

a img.alignnone {margin: 5px;}

a img.alignleft {float:left;margin: 3px;}

a img.aligncenter {display: block;margin-left: auto;margin-right: auto}

.wp-caption {background: #fff;border: 1px solid #f0f0f0;max-width: 96%;    padding: 5px 3px 10px;text-align: center;}

.wp-caption.alignnone {margin: 5px;}

.wp-caption.alignleft {margin: 5px;}

.wp-caption.alignright {margin: 5px;}

.wp-caption img {border: 0 none;    height: auto;margin:0;max-width: 98.5%;padding:0;width: auto;}

.wp-caption p.wp-caption-text { font-size:11px;line-height:17px;margin:0;padding:0 4px 5px;}

body{background:#fff url(images/bg-light.jpg);font-size:12px;color:#2e3344;font-family: 'Open Sans', sans-serif;}

header{float:left;width:960px;margin-bottom:50px;}

header h1 a{float:left; margin-top:20px; }

.enLezzetliYer{float:left; width:610px; }

.RakiBardagi{margin:0 auto; width:960px; }

.lezzetiMasadakilereSun{float:left;width:98%;margin-left:40px;margin-right:20px;background-color:#fff;-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .2);box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .2);margin-bottom: 40px;border-radius:3px;-webkit-border-radius:3px; }

.lezzetiMasadakilereSun .konuIcerik h2 a{float:left;margin-top:10px;margin-bottom: 43px !important;margin-left:10px;width:90%;border-bottom:1px solid #ddd;font-size:24px;padding-bottom:5px;margin-bottom:5px; font-family: proximaregular}

.lezzetiPaylas{float:left;width:610px;margin-left:40px;margin-right:20px;background-color:#fff;-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .2);box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .2);margin-bottom: 40px;border-radius:3px;-webkit-border-radius:3px; }

.lezzetiPaylas .konuIcerik{float:left;padding:10px;width: 600px;margin-top: -16px;}

.lezzetiPaylas h2 a{float:left;margin-top:-60px;margin-left:60px;width:88%;border-bottom:1px solid #ddd;font-size:24px;padding-bottom:5px;margin-bottom:40px; font-family: proximaregular}

.lezzetiPaylas .konuIcerik p{margin-bottom:15px;line-height:25px;max-width:585px; font-family: 'Open Sans', sans-serif; font-size: 12px}

.masadakikisiler i{font-size:18px;margin-right:5px;margin-top:-3px;float:left;} 

.yanmasadanbakanlar i{font-size:18px;margin-right:5px;margin-top:-3px;float:left;} 

.lezzetiPaylas .konubilgiler li{float:left; margin-right:10px; border-right:1px solid #ccc;padding:5px 10px 5px 0px;}

.lezzetiPaylas .konubilgiler li:last-child{border:none;margin-bottom: 15px;}

.lezzetiPaylas .konubilgiler {float:left;width:88%;margin-left:60px;margin-bottom:-10px;margin-top:-35px; font-family: 'Open Sans', sans-serif;}

.konuResim {float: left;}

.konuResim ul li a {text-decoration: none;}

.konuResim {position: relative;width: 100px;height: 100px;margin-left:-55px;margin-top:-30px;border-radius: 100%;-webkit-border-radius: 100%;-moz-border-radius: 100%;border: 4px solid #fff;-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);box-shadow: 0 1px 3px rgba(0, 0, 0, .4);}

.konuResim img {z-index: 1;position: absolute;display: block;width: 100%;height: 100%;border-radius: 100%;-webkit-border-radius: 100%;-moz-border-radius: 100%;}

.konuResim label.switch{ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); opacity:0; z-index:3; position:absolute; left:0; top:50%; display:block; width:30px; height:30px; line-height:30px; margin:-15px 0 0 -15px; text-align:center; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; background-color:#fff; -webkit-box-shadow:0 1px 2px rgba(0,0,0,.3); box-shadow:0 1px 2px rgba(0,0,0,.3); -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; -ms-transition:all .3s ease; transition:all .3s ease; cursor:pointer}.konuResim:hover label.switch{ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); opacity:1}.konuResim input:checked ~ label.switch{ -webkit-box-shadow:none; box-shadow:none; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); opacity:1}.konuResim input:checked ~ label.switch:before{ content:"\f068"}.konuResim input{ display:none}.konuResim ul{ z-index:2; position:absolute; top:0px; width:100%; height:100%}.konuResim ul li{ position:absolute; left:0; top:50%; width:50%; height:30px; margin-top:-15px; -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg); -webkit-transform-origin:100% 50%; -moz-transform-origin:100% 50%; -o-transform-origin:100% 50%; -ms-transform-origin:100% 50%; transform-origin:100% 50%; -webkit-animation:aa .5s ease-out both; -moz-animation:aa .5s ease-out both; -ms-animation:aa .5s ease-out both; -o-animation:aa .5s ease-out both; animation:aa .5s ease-out both}

.konuResim ul li a{ display:block; width:30px; height:30px; line-height:30px; margin-left:-15px; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; text-align:center; background-color:#fff9ed; color:#333; -webkit-box-shadow:0 1px 2px rgba(0,0,0,.2); -moz-box-shadow:0 1px 2px rgba(0,0,0,.2); box-shadow:0 1px 2px rgba(0,0,0,.2); -webkit-transition:all .1s ease; -moz-transition:all .1s ease; -o-transition:all .1s ease; -ms-transition:all .1s ease; transition:all .1s ease}.konuResim ul li a:hover{ width:38px; height:38px; line-height:38px; margin-left:-19px; margin-top:-4px; background-color:#fff8f3}.konuResim ul li:nth-child(1) a{ -webkit-transform:rotate(-40deg); -moz-transform:rotate(-40deg); -o-transform:rotate(-40deg); -ms-transform:rotate(-40deg); transform:rotate(-40deg)}.konuResim ul li:nth-child(1){ -webkit-animation-name:az; -moz-animation-name:az; -ms-animation-name:az; -o-animation-name:az; animation-name:az}@keyframes az{ 0%{ -webkit-transform:rotate(40deg); -moz-transform:rotate(40deg); -o-transform:rotate(40deg); -ms-transform:rotate(40deg); transform:rotate(40deg)} 100%{ -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); opacity:0}}@-moz-keyframes az{ 0%{ -moz-transform:rotate(40deg); transform:rotate(40deg)} 100%{ -moz-transform:rotate(0deg); transform:rotate(0deg); filter:alpha(opacity=0); opacity:0}}@-webkit-keyframes az{ 0%{ -webkit-transform:rotate(40deg); transform:rotate(40deg)} 100%{ -webkit-transform:rotate(0deg); transform:rotate(0deg); filter:alpha(opacity=0); opacity:0}}@-ms-keyframes az{ 0%{ -ms-transform:rotate(40deg); transform:rotate(40deg)} 100%{ -ms-transform:rotate(0deg); transform:rotate(0deg); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); opacity:0}}@-o-keyframes az{ 0%{ -o-transform:rotate(40deg); transform:rotate(40deg)} 100%{ -o-transform:rotate(0deg); transform:rotate(0deg); filter:alpha(opacity=0); opacity:0}}.konuResim input:checked ~ ul li:nth-child(1){ -webkit-animation-name:aa; -moz-animation-name:aa; -ms-animation-name:aa; -o-animation-name:aa; animation-name:aa}@keyframes aa{ 0%{ -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg)} 100%{ -webkit-transform:rotate(40deg); -moz-transform:rotate(40deg); -o-transform:rotate(40deg); -ms-transform:rotate(40deg); transform:rotate(40deg)}}@-moz-keyframes aa{ 0%{ -moz-transform:rotate(0deg); transform:rotate(0deg)} 100%{ -moz-transform:rotate(40deg); transform:rotate(40deg)}}@-webkit-keyframes aa{ 0%{ -webkit-transform:rotate(0deg); transform:rotate(0deg)} 100%{ -webkit-transform:rotate(40deg); transform:rotate(40deg)}}@-ms-keyframes aa{ 0%{ -ms-transform:rotate(0deg); transform:rotate(0deg)} 100%{ -ms-transform:rotate(40deg); transform:rotate(40deg)}}@-o-keyframes aa{ 0%{ -o-transform:rotate(0deg); transform:rotate(0deg)} 100%{ -o-transform:rotate(40deg); transform:rotate(40deg)}}.konuResim ul li:nth-child(2) a{ -webkit-transform:rotate(-80deg); -moz-transform:rotate(-80deg); -o-transform:rotate(-80deg); -ms-transform:rotate(-80deg); transform:rotate(-80deg)}.konuResim ul li:nth-child(2){ -webkit-animation-name:bz; -moz-animation-name:bz; -ms-animation-name:bz; -o-animation-name:bz; animation-name:bz}@keyframes bz{ 0%{ -webkit-transform:rotate(80deg); -moz-transform:rotate(80deg); -o-transform:rotate(80deg); -ms-transform:rotate(80deg); transform:rotate(80deg)} 100%{ -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); opacity:0}}@-moz-keyframes bz{ 0%{ -moz-transform:rotate(80deg); transform:rotate(80deg)} 100%{ -moz-transform:rotate(0deg); transform:rotate(0deg); filter:alpha(opacity=0); opacity:0}}@-webkit-keyframes bz{ 0%{ -webkit-transform:rotate(80deg); transform:rotate(80deg)} 100%{ -webkit-transform:rotate(0deg); transform:rotate(0deg); filter:alpha(opacity=0); opacity:0}}@-ms-keyframes bz{ 0%{ -ms-transform:rotate(80deg); transform:rotate(80deg)} 100%{ -ms-transform:rotate(0deg); transform:rotate(0deg); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); opacity:0}}@-o-keyframes bz{ 0%{ -o-transform:rotate(80deg); transform:rotate(80deg)} 100%{ -o-transform:rotate(0deg); transform:rotate(0deg); filter:alpha(opacity=0); opacity:0}}.konuResim input:checked ~ ul li:nth-child(2){ -webkit-animation-name:bb; -moz-animation-name:bb; -ms-animation-name:bb; -o-animation-name:bb; animation-name:bb}@keyframes bb{ 0%{ -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg)} 100%{ -webkit-transform:rotate(80deg); -moz-transform:rotate(80deg); -o-transform:rotate(80deg); -ms-transform:rotate(80deg); transform:rotate(80deg)}}@-moz-keyframes bb{ 0%{ -moz-transform:rotate(0deg); transform:rotate(0deg)} 100%{ -moz-transform:rotate(80deg); transform:rotate(80deg)}}@-webkit-keyframes bb{ 0%{ -webkit-transform:rotate(0deg); transform:rotate(0deg)} 100%{ -webkit-transform:rotate(80deg); transform:rotate(80deg)}}@-ms-keyframes bb{ 0%{ -ms-transform:rotate(0deg); transform:rotate(0deg)} 100%{ -ms-transform:rotate(80deg); transform:rotate(80deg)}}@-o-keyframes bb{ 0%{ -o-transform:rotate(0deg); transform:rotate(0deg)} 100%{ -o-transform:rotate(80deg); transform:rotate(80deg)}}.konuResim ul li:nth-child(3) a{ -webkit-transform:rotate(-120deg); -moz-transform:rotate(-120deg); -o-transform:rotate(-120deg); -ms-transform:rotate(-120deg); transform:rotate(-120deg)}.konuResim ul li:nth-child(3){ -webkit-animation-name:cc; -moz-animation-name:cc; -ms-animation-name:cc; -o-animation-name:cc; animation-name:cc}@keyframes cc{ 0%{ -webkit-transform:rotate(120deg); -moz-transform:rotate(120deg); -o-transform:rotate(120deg); -ms-transform:rotate(120deg); transform:rotate(120deg)} 100%{ -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); opacity:0}}@-moz-keyframes cc{ 0%{ -moz-transform:rotate(120deg); transform:rotate(120deg)} 100%{ -moz-transform:rotate(0deg); transform:rotate(0deg); filter:alpha(opacity=0); opacity:0}}@-webkit-keyframes cc{ 0%{ -webkit-transform:rotate(120deg); transform:rotate(120deg)} 100%{ -webkit-transform:rotate(0deg); transform:rotate(0deg); filter:alpha(opacity=0); opacity:0}}@-ms-keyframes cc{ 0%{ -ms-transform:rotate(120deg); transform:rotate(120deg)} 100%{ -ms-transform:rotate(0deg); transform:rotate(0deg); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); opacity:0}}@-o-keyframes cc{ 0%{ -o-transform:rotate(120deg); transform:rotate(120deg)} 100%{ -o-transform:rotate(0deg); transform:rotate(0deg); filter:alpha(opacity=0); opacity:0}}.konuResim input:checked ~ ul li:nth-child(3){ -webkit-animation-name:cz; -moz-animation-name:cz; -ms-animation-name:cz; -o-animation-name:cz; animation-name:cz}@keyframes cz{ 0%{ -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg)} 100%{ -webkit-transform:rotate(120deg); -moz-transform:rotate(120deg); -o-transform:rotate(120deg); -ms-transform:rotate(120deg); transform:rotate(120deg)}}@-moz-keyframes cz{ 0%{ -moz-transform:rotate(0deg); transform:rotate(0deg)} 100%{ -moz-transform:rotate(120deg); transform:rotate(120deg)}}@-webkit-keyframes cz{ 0%{ -webkit-transform:rotate(0deg); transform:rotate(0deg)} 100%{ -webkit-transform:rotate(120deg); transform:rotate(120deg)}}@-ms-keyframes cz{ 0%{ -ms-transform:rotate(0deg); transform:rotate(0deg)} 100%{ -ms-transform:rotate(120deg); transform:rotate(120deg)}}@-o-keyframes cz{ 0%{ -o-transform:rotate(0deg); transform:rotate(0deg)} 100%{ -o-transform:rotate(120deg); transform:rotate(120deg)}}.konuResim ul li:nth-child(4) a{ -webkit-transform:rotate(-160deg); -moz-transform:rotate(-160deg); -o-transform:rotate(-160deg); -ms-transform:rotate(-160deg); transform:rotate(-160deg)}.konuResim ul li:nth-child(4){ -webkit-animation-name:dd; -moz-animation-name:dd; -ms-animation-name:dd; -o-animation-name:dd; animation-name:dd}@keyframes dd{ 0%{ -webkit-transform:rotate(160deg); -moz-transform:rotate(160deg); -o-transform:rotate(160deg); -ms-transform:rotate(160deg); transform:rotate(160deg)} 100%{ -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); opacity:0}}@-moz-keyframes dd{ 0%{ -moz-transform:rotate(160deg); transform:rotate(160deg)} 100%{ -moz-transform:rotate(0deg); transform:rotate(0deg); filter:alpha(opacity=0); opacity:0}}@-webkit-keyframes dd{ 0%{ -webkit-transform:rotate(160deg); transform:rotate(160deg)} 100%{ -webkit-transform:rotate(0deg); transform:rotate(0deg); filter:alpha(opacity=0); opacity:0}}@-ms-keyframes dd{ 0%{ -ms-transform:rotate(160deg); transform:rotate(160deg)} 100%{ -ms-transform:rotate(0deg); transform:rotate(0deg); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); opacity:0}}@-o-keyframes dd{ 0%{ -o-transform:rotate(160deg); transform:rotate(160deg)} 100%{ -o-transform:rotate(0deg); transform:rotate(0deg); filter:alpha(opacity=0); opacity:0}}.konuResim input:checked ~ ul li:nth-child(4){ -webkit-animation-name:dz; -moz-animation-name:dz; -ms-animation-name:dz; -o-animation-name:dz; animation-name:dz}@keyframes dz{ 0%{ -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg)} 100%{ -webkit-transform:rotate(160deg); -moz-transform:rotate(160deg); -o-transform:rotate(160deg); -ms-transform:rotate(160deg); transform:rotate(160deg)}}@-moz-keyframes dz{ 0%{ -moz-transform:rotate(0deg); transform:rotate(0deg)} 100%{ -moz-transform:rotate(160deg); transform:rotate(160deg)}}@-webkit-keyframes dz{ 0%{ -webkit-transform:rotate(0deg); transform:rotate(0deg)} 100%{ -webkit-transform:rotate(160deg); transform:rotate(160deg)}}@-ms-keyframes dz{ 0%{ -ms-transform:rotate(0deg); transform:rotate(0deg)} 100%{ -ms-transform:rotate(160deg); transform:rotate(160deg)}}@-o-keyframes dz{ 0%{ -o-transform:rotate(0deg); transform:rotate(0deg)} 100%{ -o-transform:rotate(160deg); transform:rotate(160deg)}}.konuResim ul li:nth-child(5) a{ -webkit-transform:rotate(-200deg); -moz-transform:rotate(-200deg); -o-transform:rotate(-200deg); -ms-transform:rotate(-200deg); transform:rotate(-200deg)}.konuResim ul li:nth-child(5){ -webkit-animation-name:ee; -moz-animation-name:ee; -ms-animation-name:ee; -o-animation-name:ee; animation-name:ee}@keyframes ee{ 0%{ -webkit-transform:rotate(200deg); -moz-transform:rotate(200deg); -o-transform:rotate(200deg); -ms-transform:rotate(200deg); transform:rotate(200deg)} 100%{ -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); opacity:0}}@-moz-keyframes ee{ 0%{ -moz-transform:rotate(200deg); transform:rotate(200deg)} 100%{ -moz-transform:rotate(0deg); transform:rotate(0deg); filter:alpha(opacity=0); opacity:0}}@-webkit-keyframes ee{ 0%{ -webkit-transform:rotate(200deg); transform:rotate(200deg)} 100%{ -webkit-transform:rotate(0deg); transform:rotate(0deg); filter:alpha(opacity=0); opacity:0}}@-ms-keyframes ee{ 0%{ -ms-transform:rotate(200deg); transform:rotate(200deg)} 100%{ -ms-transform:rotate(0deg); transform:rotate(0deg); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); opacity:0}}@-o-keyframes ee{ 0%{ -o-transform:rotate(200deg); transform:rotate(200deg)} 100%{ -o-transform:rotate(0deg); transform:rotate(0deg); filter:alpha(opacity=0); opacity:0}}.konuResim input:checked ~ ul li:nth-child(5){ -webkit-animation-name:ez; -moz-animation-name:ez; -ms-animation-name:ez; -o-animation-name:ez; animation-name:ez}@keyframes ez{ 0%{ -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg)} 100%{ -webkit-transform:rotate(200deg); -moz-transform:rotate(200deg); -o-transform:rotate(200deg); -ms-transform:rotate(200deg); transform:rotate(200deg)}}@-moz-keyframes ez{ 0%{ -moz-transform:rotate(0deg); transform:rotate(0deg)} 100%{ -moz-transform:rotate(200deg); transform:rotate(200deg)}}@-webkit-keyframes ez{ 0%{ -webkit-transform:rotate(0deg); transform:rotate(0deg)} 100%{ -webkit-transform:rotate(200deg); transform:rotate(200deg)}}@-ms-keyframes ez{ 0%{ -ms-transform:rotate(0deg); transform:rotate(0deg)} 100%{ -ms-transform:rotate(200deg); transform:rotate(200deg)}}@-o-keyframes ez{ 0%{ -o-transform:rotate(0deg); transform:rotate(0deg)} 100%{ -o-transform:rotate(200deg); transform:rotate(200deg)}}.konuResim ul li:nth-child(6) a{ -webkit-transform:rotate(-240deg); -moz-transform:rotate(-240deg); -o-transform:rotate(-240deg); -ms-transform:rotate(-240deg); transform:rotate(-240deg)}.konuResim ul li:nth-child(6){ -webkit-animation-name:ff; -moz-animation-name:ff; -ms-animation-name:ff; -o-animation-name:ff; animation-name:ff}@keyframes ff{ 0%{ -webkit-transform:rotate(240deg); -moz-transform:rotate(240deg); -o-transform:rotate(240deg); -ms-transform:rotate(240deg); transform:rotate(240deg)} 100%{ -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); opacity:0}}@-moz-keyframes ff{ 0%{ -moz-transform:rotate(240deg); transform:rotate(240deg)} 100%{ -moz-transform:rotate(0deg); transform:rotate(0deg); filter:alpha(opacity=0); opacity:0}}@-webkit-keyframes ff{ 0%{ -webkit-transform:rotate(240deg); transform:rotate(240deg)} 100%{ -webkit-transform:rotate(0deg); transform:rotate(0deg); filter:alpha(opacity=0); opacity:0}}@-ms-keyframes ff{ 0%{ -ms-transform:rotate(240deg); transform:rotate(240deg)} 100%{ -ms-transform:rotate(0deg); transform:rotate(0deg); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); opacity:0}}@-o-keyframes ff{ 0%{ -o-transform:rotate(240deg); transform:rotate(240deg)} 100%{ -o-transform:rotate(0deg); transform:rotate(0deg); filter:alpha(opacity=0); opacity:0}}.konuResim input:checked ~ ul li:nth-child(6){ -webkit-animation-name:fz; -moz-animation-name:fz; -ms-animation-name:fz; -o-animation-name:fz; animation-name:fz}@keyframes fz{ 0%{ -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg)} 100%{ -webkit-transform:rotate(240deg); -moz-transform:rotate(240deg); -o-transform:rotate(240deg); -ms-transform:rotate(240deg); transform:rotate(240deg)}}@-moz-keyframes fz{ 0%{ -moz-transform:rotate(0deg); transform:rotate(0deg)} 100%{ -moz-transform:rotate(240deg); transform:rotate(240deg)}}@-webkit-keyframes fz{ 0%{ -webkit-transform:rotate(0deg); transform:rotate(0deg)} 100%{ -webkit-transform:rotate(240deg); transform:rotate(240deg)}}@-ms-keyframes fz{ 0%{ -ms-transform:rotate(0deg); transform:rotate(0deg)} 100%{ -ms-transform:rotate(240deg); transform:rotate(240deg)}}@-o-keyframes fz{ 0%{ -o-transform:rotate(0deg); transform:rotate(0deg)} 100%{ -o-transform:rotate(240deg); transform:rotate(240deg)}}.konuResim ul li:nth-child(7) a{ -webkit-transform:rotate(-280deg); -moz-transform:rotate(-280deg); -o-transform:rotate(-280deg); -ms-transform:rotate(-280deg); transform:rotate(-280deg)}.konuResim ul li:nth-child(7){ -webkit-animation-name:gg; -moz-animation-name:gg; -ms-animation-name:gg; -o-animation-name:gg; animation-name:gg}@keyframes gg{ 0%{ -webkit-transform:rotate(280deg); -moz-transform:rotate(280deg); -o-transform:rotate(280deg); -ms-transform:rotate(280deg); transform:rotate(280deg)} 100%{ -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); opacity:0}}@-moz-keyframes gg{ 0%{ -moz-transform:rotate(280deg); transform:rotate(280deg)} 100%{ -moz-transform:rotate(0deg); transform:rotate(0deg); filter:alpha(opacity=0); opacity:0}}@-webkit-keyframes gg{ 0%{ -webkit-transform:rotate(280deg); transform:rotate(280deg)} 100%{ -webkit-transform:rotate(0deg); transform:rotate(0deg); filter:alpha(opacity=0); opacity:0}}@-ms-keyframes gg{ 0%{ -ms-transform:rotate(280deg); transform:rotate(280deg)} 100%{ -ms-transform:rotate(0deg); transform:rotate(0deg); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); opacity:0}}@-o-keyframes gg{ 0%{ -o-transform:rotate(280deg); transform:rotate(280deg)} 100%{ -o-transform:rotate(0deg); transform:rotate(0deg); filter:alpha(opacity=0); opacity:0}}.konuResim input:checked ~ ul li:nth-child(7){ -webkit-animation-name:gz; -moz-animation-name:gz; -ms-animation-name:gz; -o-animation-name:gz; animation-name:gz}@keyframes gz{ 0%{ -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg)} 100%{ -webkit-transform:rotate(280deg); -moz-transform:rotate(280deg); -o-transform:rotate(280deg); -ms-transform:rotate(280deg); transform:rotate(280deg)}}@-moz-keyframes gz{ 0%{ -moz-transform:rotate(0deg); transform:rotate(0deg)} 100%{ -moz-transform:rotate(280deg); transform:rotate(280deg)}}@-webkit-keyframes gz{ 0%{ -webkit-transform:rotate(0deg); transform:rotate(0deg)} 100%{ -webkit-transform:rotate(280deg); transform:rotate(280deg)}}@-ms-keyframes gz{ 0%{ -ms-transform:rotate(0deg); transform:rotate(0deg)} 100%{ -ms-transform:rotate(280deg); transform:rotate(280deg)}}@-o-keyframes gz{ 0%{ -o-transform:rotate(0deg); transform:rotate(0deg)} 100%{ -o-transform:rotate(280deg); transform:rotate(280deg)}}.konuResim ul li:nth-child(8) a{ -webkit-transform:rotate(-320deg); -moz-transform:rotate(-320deg); -o-transform:rotate(-320deg); -ms-transform:rotate(-320deg); transform:rotate(-320deg)}.konuResim ul li:nth-child(8){ -webkit-animation-name:hh; -moz-animation-name:hh; -ms-animation-name:hh; -o-animation-name:hh; animation-name:hh}@keyframes hh{ 0%{ -webkit-transform:rotate(320deg); -moz-transform:rotate(320deg); -o-transform:rotate(320deg); -ms-transform:rotate(320deg); transform:rotate(320deg)} 100%{ -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); opacity:0}}@-moz-keyframes hh{ 0%{ -moz-transform:rotate(320deg); transform:rotate(320deg)} 100%{ -moz-transform:rotate(0deg); transform:rotate(0deg); filter:alpha(opacity=0); opacity:0}}@-webkit-keyframes hh{ 0%{ -webkit-transform:rotate(320deg); transform:rotate(320deg)} 100%{ -webkit-transform:rotate(0deg); transform:rotate(0deg); filter:alpha(opacity=0); opacity:0}}@-ms-keyframes hh{ 0%{ -ms-transform:rotate(320deg); transform:rotate(320deg)} 100%{ -ms-transform:rotate(0deg); transform:rotate(0deg); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); opacity:0}}@-o-keyframes hh{ 0%{ -o-transform:rotate(320deg); transform:rotate(320deg)} 100%{ -o-transform:rotate(0deg); transform:rotate(0deg); filter:alpha(opacity=0); opacity:0}}.konuResim input:checked ~ ul li:nth-child(8){ -webkit-animation-name:hz; -moz-animation-name:hz; -ms-animation-name:hz; -o-animation-name:hz; animation-name:hz}@keyframes hz{ 0%{ -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg)} 100%{ -webkit-transform:rotate(320deg); -moz-transform:rotate(320deg); -o-transform:rotate(320deg); -ms-transform:rotate(320deg); transform:rotate(320deg)}}@-moz-keyframes hz{ 0%{ -moz-transform:rotate(0deg); transform:rotate(0deg)} 100%{ -moz-transform:rotate(320deg); transform:rotate(320deg)}}@-webkit-keyframes hz{ 0%{ -webkit-transform:rotate(0deg); transform:rotate(0deg)} 100%{ -webkit-transform:rotate(320deg); transform:rotate(320deg)}}@-ms-keyframes hz{ 0%{ -ms-transform:rotate(0deg); transform:rotate(0deg)} 100%{ -ms-transform:rotate(320deg); transform:rotate(320deg)}}@-o-keyframes hz{ 0%{ -o-transform:rotate(0deg); transform:rotate(0deg)} 100%{ -o-transform:rotate(320deg); transform:rotate(320deg)}}

aside{float:right;width: 300px;}

.mezeler{float:left;width:93%; padding:10px; background-color:#fff;-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .2);box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .2);margin-bottom: 20px;border-radius:3px;-webkit-border-radius:3px; }

.mezeler h5{border-bottom:1px solid #ddd;padding:10px 0 15px 0;font-size:18px;margin-bottom:15px;font-weight:bold;color:#888888;}

.mezeler ul{float:left;width:100%;margin-top:-10px;}

.mezeler ul li{width: 100%;float: left;border-bottom:1px solid #eee;padding:10px 0;line-height: 17px;}

.mezeler ul li:last-child{border:none;}

.wid_post_meta {font-size: 10px;line-height: 10px;font-variant: small-caps;color: #aaaaaa;}

.mezeler h6{font-size: 13px;font-family: Helvetica, Arial, sans-serif;line-height: 14px; text-transform: none;margin-bottom: 5px; color: #888888;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}

.wid_thumb {float: left;padding: 3px;margin: 0 10px 0 0;background-color: transparent;border: 1px solid #eeeeee;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}

footer{float:left;width:100%;clear:both;text-align:center;min-height:50px;border-top:10px solid #f1f1f1;background-color:#fff;-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .2);box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .2);}

.telifHaklarÄ±Bro{margin-top: 10px;line-height: 17px;}

.rakiSosyalAglarda{float:left;width:100%;background-color:#fff;-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .2);box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .2);margin-bottom: 20px;border-radius:3px;-webkit-border-radius:3px;margin-bottom:20px;}

.rakiSosyalAglarda ul{float:left;width:100%;padding:5px;}

.rakiSosyalAglarda ul li a{margin-right:5px;float:left;font-size:25px;color:#2e3344;background-color:#fff;border-radius:50% 50%;-webkit-border-radius:50% 50%;padding:6px 0;width:37px;text-align:center;}

.rakiSosyalAglarda ul li a:hover{margin-right:5px;float:left;font-size:25px;color:#fff;background-color:#2e3344;border-radius:50% 50%;-webkit-border-radius:50% 50%;padding:6px 0;width:37px;text-align:center;}

.rakiSosyalAglarda ul li a i{padding-top:10px;text-align:center;}

.ustcizgi {background: url("images/ust.png") repeat-x; height: 6px;}

.ustmenu{margin-top:60px;float: right; background: #ffffff;background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2));background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 100%);background: -o-linear-gradient(top, #ffffff 0%,#f2f2f2 100%);background: -ms-linear-gradient(top, #ffffff 0%,#f2f2f2 100%);background: linear-gradient(to bottom, #ffffff 0%,#f2f2f2 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 );height: 50px;border-radius: 5px;border: 1px solid #ddd}

.ustmenu li {float:left;}

.ustmenu li a {text-transform: uppercase; font-family: 'Open Sans', Sans-serif; font-weight: 700; color: #515151; font-size: 14px; line-height: 50px; border-right: 1px solid #ddd; padding: 16px 20px}

.ustmenu li a:hover {color: #2e3344;}

.ustmenu li .sub-menu{	position:absolute;	width:150%;	left:-9999px;}

.ustmenu li:hover > .sub-menu{width:150px !important;left:auto !important;}

.sub-menu li a{float:left !important;width:150px !important;background-color:#fff !important;padding:0 !important;line-height:30px !important;padding:10px !important;border-top:1px solid #999;}

#searchform input[type=text]{ border:1px solid #ddd;border-radius:3px;-webkit-border-radius:3px;padding:5px;color:#999;}

#searchform input[type=submit]{ background-color:#2e3344;border:none;cursor:pointer;color:#fff !important;padding:0 5px; border:1px solid #ddd;border-radius:3px;-webkit-border-radius:3px;padding:5px;color:#999;}
#comments h3{margin-bottom: 10px;}

#commentform input {width: 170px;padding: 2px;margin: 5px 5px 1px 0;}

#commentform {margin: 5px 10px 0 0;}

#commentform textarea {width: 100%;padding: 2px;}	

#respond:after {	content: ".";display: block;height: 0;clear:both;visibility: hidden;}	

#commentform #submit {margin: 0 0 5px auto;float: right;}

.alt {margin: 0;padding: 10px;}

.commentlist {padding: 0;text-align: justify;}

.commentlist li {margin: 15px 0 10px;padding: 5px 5px 10px 10px;list-style: none;}	

.commentlist li ul li {margin-right: -5px;margin-left: 10px;}

.commentlist p {margin: 10px 5px 10px 0;float:left;line-height: 17px;}

.children { padding: 0; }

#commentform p {margin: 5px 0;}

.nocomments {text-align: center;	margin: 0;padding: 0;}

.commentmetadata {margin: 0;display: block;}

.comment-body{border:1px solid #dddddd;padding:5px;float:left;width: 98%;margin-bottom:20px;border-radius:3px;-webkit-border-radius:3px;}

.comment-author{float:left;width:100%;}

.fn{font-style:italic; margin:10px  5px;float:left; }

.says{font-style:italic; margin:10px 0;float:left; }

.reply{font-size:10px;float:left;width:550px;padding:10px;border-top:1px solid #e6e6e6;color:#e6e6e6;}

 .commentmetadata{float:left;width:100%;margin-top:-10px;margin-left:25px}

#yorumform{width: 94%;padding:10px;float:left;height:auto;background-color:#fafafa;-webkit-border-radius:3px;border-radius:3px;border:1px solid #d3d3d3;margin:10px 0px 10px 7px;line-height:170%;}

#yorumform p input{ outline:none;border-radius:3px;-webkit-border-radius:3px;border:1px solid #ccc;padding:5px;}

#yorumform p textarea{outline:none;margin-bottom:5px;border-radius:3px;-webkit-border-radius:3px;border:1px solid #ccc;padding:5px;}

#yorumgonder input{background-color:#f0f0f0;border:1px solid #dddddd;margin-top:5px;}

#yorumgonder input:hover{border:1px solid #999;cursor:pointer;}

.comment-author .avatar{position:relative;margin-left:-30px;margin-top:-10px;float:left;border-radius:50%;-webkit-border-radius:50%;border:4px solid #fff;-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .3);box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .3);}

.ie9 .konuResim ul{display:none;}

.ie9 .konuResim .switch{display:none;}

.ie9 .konuResim .icon-plus{display:none;}

.ie8 .konuResim ul{display:none;}

.ie8 .konuIcerik p{float:left;}

.ie8 .konuResim .switch{display:none;}

.ie8 .konuResim .icon-plus{display:none;}

.ie7 .konuResim ul{display:none;}

.ie7 .konuResim .switch{display:none;}

.ie7 .konuResim .icon-plus{display:none;}

.comment-awaiting-moderation{float:right;margin-top: -20px;}

.konuIcerik ul{padding-left:20px;margin-bottom:20px}

.konuIcerik ul li{background:url(images/dop.gif) 0px 4px  no-repeat;padding-left:11px;margin-bottom:10px;line-height:20px;}

.konuIcerik ol{padding-left:37px;margin-bottom:20px;font-size:14px}

.konuIcerik ol li{list-style-type:decimal;margin-bottom:6px}/* Sayfalama */

#sayfalama {width: 600px;float: left;margin-top: -25px;margin-bottom: 25px;background-color: #FFFFFF;border: #d3d3d3 solid 1px;word-spacing: 3px;text-align: center;margin-left: 38px;border-radius: 3px;-webkit-border-radius: 3px;padding: 5px;}

#sayfalama li {display : inline-block;}

#sayfalama a, #sayfalama span {color : #000;display : inline-block;padding-top : 7px;margin-left : 10px;text-align : center;text-decoration : none;color : #7c7c7c;}

#sayfalama .current {color: #FFFFFF;background-color: #2e3344;	padding: 6px 9px;border-radius: 100%;}

#sayfalama a:link {font-size : 14px;color : #7c7c7c;}

#sayfalama a:hover {text-decoration : none;color : #0097dd;}





.rakiSosyalAglarda ul li .colorpacket
{
background-color: #000000;
    border-radius: 42px;
    width: 18px;
    height: 6px;
    display: block;
    float: left;
}


.rakiSosyalAglarda ul .colorpackets {
    margin-right: 18px;
    display: block;
    float: left;
}



.rakiSosyalAglarda ul li .colorpacket:hover
{
    background-color: #000000;
    border-radius: 42px;
    width: 18px;
    height: 6px;
    display: block;
    float: left;
}

