@charset "utf-8";
/* CSS Document */
@font-face {
	font-family: 'MyriadProBoldCondensed';
	src: url('../fonts/MyriadProBoldCondensed.eot');
	src: local('../fonts/MyriadProBoldCondensed'),
	url('../fonts/MyriadProBoldCondensed.woff') format('woff'),
	url('../fonts/MyriadProBoldCondensed.ttf') format('truetype');
}
@font-face {
	font-family: 'MyriadProCondensed';
	src: url('../fonts/myriadpro-cond.eot');
	src: local('../fonts/myriadpro-cond'),
	url('../fonts/myriadpro-cond.woff') format('woff'),
	url('../fonts/myriadpro-cond.ttf') format('truetype');
}

body { margin:0; padding:0;}
a { text-decoration:none;}
.easing ,.easing a{ transition:.25s linear; -moz-transition:.25s linear; -webkit-transition:.25s linear; -o-transition:.25s linear; -ms-transition:.25s linear;}

.myriad {
	font-family: 'MyriadProBoldCondensed' !important;
}
.myriadcond {
	font-family: 'MyriadProCondensed' !important;
}

/*Header*/
.header { height:324px; width:100%;}
.headercenter { width:1095px; margin:0 auto; overflow:hidden; position:relative;}
.headercenter .logo { background:url(../images/blog_logo.png); width:371px; height:79px; margin:0 auto 45px;}
.headercenter h1 { font-size:66px; color:#000; text-align:center; margin:40px 0 0;}
.headercenter .menucenter { width:100%; position:relative; overflow:hidden;}
.headercenter .menu { width:474px; text-align:center; position:relative; margin:0 auto; overflow:hidden;}
.headercenter .menu a{ width:140px; padding:27px 0; text-align:center; float:left;font-size:25px; color:#222222; position:relative; z-index:20; border-top: 2px solid #eeeeee; cursor:pointer;}
.headercenter .menu a:hover { color:#00e7b4; border-top:2px solid #b4b4b4;}
.headercenter .menu a.active { color:#00e7b4; border-top:2px solid #b4b4b4;}
.headercenter .menu .ayrac { width:17px; margin:15px 5px 0; float:left; padding:10px 0; font-size:34px; color:#eeeeee; font-weight:bold}
.topborder { width:150%; left:-25%; position:absolute; top:0; height:2px; z-index:1; background:#eeeeee;}
/*Header End*/

.container { background:url(../images/pattern.jpg); overflow:hidden;}
.center { width:1095px; margin:0 auto; overflow:hidden; padding:25px 0 0; position:relative; z-index:10}
.left { float:left; width:693px;}
.module  { width:661px; height:auto; float:left; border:1px solid #dcdcdc; padding:15px; margin:0 0 20px 0; background:#fff;}
.left .module .imgframe { float:left; height:auto; overflow:hidden; width:568px; margin:0 0 10px 0;}
.left .module .imgframe img { width:100%; float:left;}
.left .module .imgframe iframe { width:100% !important; float:left;}
.left .yazilink { width:100%; float:left;}
.left .yazilink a{ border:2px solid #bdbdbd; color:#000; font-size:17px; float:left; width:140px; text-align:center; padding:12px 0;}
.left .yazilink a.righter { float:right;}
	.module .imgframe { float:left;}
.left .module .rightmenu { float:right; width:78px; margin: 0 0 0 15px}
	.rightmenu .link { width:78px; height:70px; position:relative; float:left; background:#00e7b4; border-radius:3px; margin:0 0 33px 0;}
	.rightmenu .link img { position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; z-index:2;}
	.rightmenu .link p  { position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; z-index:5; max-width:50px; max-height:40px; color:#fff; font-size:14px; font-family:Arial, Helvetica, sans-serif; text-align:center; line-height:14px;}
	.link.comment { background:url(../images/icon_comment.png) #00e7b4 no-repeat center center; cursor:pointer;}
	.link.comment p { height:26px; color: #00e7b4; font-family:Arial, Helvetica, sans-serif; font-size:17px;}
	.link.facebook { background:url(../images/icon_facebook.png) #00e7b4 no-repeat center center;}
	.link.twitter { background:url(../images/icon_twitter.png) #00e7b4 no-repeat center center;}
	.rightmenu .marginreset { margin:0;}
	.readmore { font-size:21px;float:right; text-align:right; color:#222222; text-decoration:none; width:100%;}

.left .module .content { float:left; width:80%;}
	.module .content h2 { font-size:40px; color:#000; margin:25px 0; min-height:30px; line-height:40px;}
	.module .content p { font-size:11px; font-family:'Myriad Pro'; color:#5e5e5e; line-height:20px; margin:0 0 10px 0; width:100%;}
	.left .module .content .cloud { margin:20px 0 0 0;}
	.left .module .content .cloud a{ padding:5px; border:1px solid #77f2d7; color:#00e7b4 ; margin:0 10px 0 0; font-family:'Myriad Pro';}
	.left .module .content p { font-size:16px !important}
	.left .module .content p span{ font-size:16px !important}
.right { float:left; width:382px; margin:0 0 0 20px}
.right .module { width:350px; margin:0 0 20px 0; float:left;}
.right .module.yazar {background:url(../images/yazarbg.png) #fff top center no-repeat; height:290px; overflow:hidden;}
.right .module .content p { margin:0; text-align:center; width:100%;}
.right .module.yazar .content p.nonebilg { height:auto;}
.kcloser { position:fixed; width:100%; height:100%; z-index:1; top:0}
.right .module.yazaropen .content p { height:auto !important; overflow:hidden;}
.right .module .head { height:135px; margin:0 0 20px 0; cursor:pointer;}
.right .yazar h3{font-size:23px; color:#00e7b4; margin:0;font-weight:normal;text-align:center; margin:0;}
.right .yazar h4 { font-size:18px;color:#00e7b4; text-align:center; margin:0 0 10px 0; font-weight:normal;}
.yazarimg { width:130px; height:130px; border-radius:50%; margin:0 auto; border:3px solid #fff; overflow:hidden;}
.right .category a { width:100%; float:left; display:block;font-size:20px; border-top:1px solid #eeeeee; color:#00e7b4; text-indent:4px; padding:10px 0; font-family:'MyriadProCondensed'}
.right .category a b{ color:#d9d9d9; font-weight:normal;}
.right .category a.last { border-bottom:1px solid #eeeeee; }
.right .module .content h2 { margin:0 25px 15px 0; font-size:20px}

.module.comment {}
.module.comment .content a { float:left; width:100%; color:inherit; border-top:1px solid #eeeeee; padding:10px 0; font-family:'Myriad Pro'}
.module.comment .content a p{ text-align:left; color:#d3d3d3;}
.module.comment .content a:hover p { color:#a0a0a0;}
.module.comment .content .date { float:right; font-size:12px; color:#d3d3d3;}
.module.comment .content .writer { float:left; color:#00e7b4; font-weight:normal; font-size:14px;}

.module.cloud {}
.module.cloud a { border:1px solid #77f2d7; float:left; padding:8px 5px; font-size:14px;color:#00e7b4; font-family:'Myriad Pro'; margin:0 5px 5px 0;}

/*Detail*/
.likethis { float:left; margin:20px 0 0 0;}
.likethis .module { width:205px; height:auto !important; padding:0; background:none; border:0; margin:0 20px 0 0;}
.likethis .module .imgframe { height:auto; width:100% !important;}
.likethis .module .imgframe img { width:100% !important; height:150px;}
.likethis .module img { min-height:150px; min-width:205px; float:left;}
.likethis .module h5 { color:#00e7b4; font-family:'MyriadProCondensed'; font-size:17px; margin:10px 0 0 0; float:left;}
.likethis h4 { color:#000; font-family:'MyriadProBoldCondensed'; font-size:20px; margin:10px 0; float:left; font-weight:normal; width:100%;}

.readcomment { margin:20px 0 0 0; float:left;}
.readcomment h4 { color:#000; font-family:'MyriadProBoldCondensed'; font-size:20px; margin:10px 0; float:left; font-weight:normal; width:100%;}
.readcomment .module {}
.readcomment .comment { min-height:70px;}
.readcomment .comment .usericon { width:55px; height:58px; float:left; background:url(../images/user_icon.png) no-repeat; margin:0 10px 0 0;}
.readcomment .comment .frame { width:590px; float:left; border-bottom:1px solid #eee; margin:0 0 20px 0;}
.readcomment .comment .answer { float:right; background:url(../images/answer_icon.png) no-repeat; margin:0 0 10px 0; width:50px; height:22px;}
.readcomment .comment p {text-align:left; color:#4e4e4e; font-family:'Myriad Pro'; float:left; font-size:12px; margin:0 0 0 0;}
.readcomment .comment h6 {float:left; color:#00e7b4; font-weight:normal; font-size:14px; margin:0 0 5px 0;}

.writecomment {margin:20px 0 0 2px; float:left; width:100%; font-family:'MyriadProCondensed'; box-sizing:border-box}
.writecomment h3 { color:#000; font-family:'MyriadProCondensed'; font-size:48px; margin:10px 0; float:left; font-weight:normal; width:100%;}
.writecomment .line { margin:0 0 10px 0; }
.writecomment .line h4 { margin:0 0 10px; color:#000; font-weight:normal; font-family:'Myriad Pro'; font-size:16px;}
.writecomment .line input { margin:0; font-size:21px;font-family:inherit; padding:10px; color:#666; border:1px solid #e9e9e9; outline-color:#00e7b4; width:50%}
.send { width:160px !important; cursor:pointer; background:#fff; text-align:center; padding:10px 0 !important}
.writecomment .line textarea { width:80%; padding:10px; font-size:21px;font-family:inherit; color:#666; min-height:200px; resize:vertical; border:1px solid #e9e9e9;outline-color:#00e7b4}

/*Detail End*/

/* Contact */
.maps { width:100%; height:100%; border:0;}
.mapframe { width:100%; height:400px;}
.contact {}
.contact h3{ font-size:24px; margin:40px 0 10px 0}
.contact .writecomment { margin-top:0;}
.module .content.contact p { font-size:16px; font-family:'MyriadProCondensed';}
.line h4{ font-size:16px; font-family:'MyriadProCondensed',sans !important;}
.module .content.contact p b{ width:70px; font-weight:bold; float:left;}
/* Contact End*/

@media (max-width:1260px){
	.headercenter { width:960px;}
	.center {width:960px;}
	.left { width:640px;}
	.module { width:618px; padding:10px;}
	.left .module .imgframe { width:530px;}
	.left .module .rightmenu { margin:0 0 0 10px;}
	.rightmenu .link { margin:0 0 10px 0;}
	.right {width:310px; margin:0 0 0 10px}
	.right .module { width:288px;}
	.readcomment .comment .frame {width:553px}

	}
.video-js { width:568px !important; height:320px !important;}
.vjs-big-play-button { top:0; bottom:0; right:0; left:0; margin:auto;}