/*
Theme Name: Famo
Author: Mohammad Famo
Author URI: http://www.e-ivo.ir/
Version: 2.0
*/
@font-face{font-family:'Yekan';src:url('Fonts/BYekan.ttf') format('truetype'), url('Fonts/BYekan.eot?#') format('eot'), url('Fonts/BYekan.woff') format('woff');font-style:normal;font-weight:normal;}
*{border:0;padding:0;margin:0;}
body{direction:rtl;color:#586E83;background:#fafafa;margin:0;padding:0;text-align:center;font:11px/1.9 tahoma;}
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, code, del, em, font, img, strong, b, i ol, ul, li, form{padding:0;margin:0;}
a{text-decoration:none;color:#586E83;transition:all 0.3s ease-out;}
a:hover{text-decoration:none;color:#16A085;}
ul, li{border:0;padding:0;margin:0;list-style:none;}
button,input,textarea{transition:all 0.3s ease-out;}
input,textarea{background:#F2F2F2;padding:10px 5px;font:11px tahoma;border-radius:3px;box-shadow:0px 1px 1px rgba(0, 0, 0, 0.075) inset;color:#6C7A89;border:0px;}
input:hover,textarea:hover{background:#FAFAFA;}
button{background:#E15B5F;font:14px Yekan,tahoma;color:#FFF;padding:5px 0px;border-radius:3px;border:1px solid #34495e;padding:3px 5px;border:1px solid #CC5255;cursor:pointer;}
button:hover{background:#586E83;border:1px solid #45586A;}
img{border:0;transition:all 0.3s ease-out;}
h1{font:13px Yekan,tahoma;color:#16A0A0;}
h3,h2,h4{font:1.2em/1.2 'Yekan',tahoma;}
.warpper{margin:0px auto;width:1024px;clear:both;text-align:right;}
.page-body{float:left;width:550px;margin-top:10px}
.two-box-warpper{float:right;width:710px;}
.top{margin:0 auto;width:1024px;}
.menu{height:50px;font:15px Yekan,tahoma;width:100%;background:#FFF;border-bottom:2px solid #E5E5E5;}
.menu ul{float:right;}
.menu ul li{float:right;border-left:1px solid #E8E8E8;height:12px;margin-top:19px;}
.menu li:last-child{border-left:none;}
.menu ul li a{margin:-7px 7px 0px;float:right;padding:1px 5px 2px;color:#6C7A89;border-radius:2px;}
.menu ul li a:hover{background:#16A0A0;color:#FFF;}
.menu span{float:right;border-radius:5px;margin:10px 0px 0px 5px;padding:3px 5px;background:#F2F2F2;}
.search{float:left;margin:5px 0px;}
.searchtext, .searchtext:focus, .searchtext:hover{border:1px solid #F8F8F8;font:11px tahoma;text-align:right;width:250px;margin:0px;color:#999;background:#F8F8F8;padding:0px 10px;height:38px;box-shadow:none;transition:all 0.3s ease-out 0s;border-radius:0px 3px 3px 0px;float:right;}
.searchtext:focus{width:260px;}
.searchsubmit{float:left;width:50px;height:40px;cursor:pointer;border:1px solid #f2f2f2;border-right:1px solid #ebebeb;color:#586E83;border-radius:2px 0px 0px 2px;background-color:#f2f2f2;transition:all 0.25s ease 0s;}
.searchsubmit:hover{background-color:#16A0A0;border-color:#16A0A0;color:#fff}
.breadcrumbs{text-align:right;font:14px/27px Yekan,tahoma;color:#F2F2F2;background:#16A0A0;border-top:2px solid #149393;border-bottom:2px solid #149393;}
.breadcrumbs a{color:#fff;}
.head{width:100%;height:90px;}
.banner{float:left;margin:15px 0px;height:60px;width:468px;border:2px solid #FFF;}
.banner2{display:none}
.banners{text-align:center;padding:5px 0px 4px;}
.banners img{margin:5px 5px 0px;}
.head .text{width:50%;text-align:right;float:right;margin-top:10px;}
.head .text h1{font:25px Yekan,tahoma;color:#16A0A0;}
.head .text h2{font:13px Yekan,tahoma;margin-top:7px;}
.categories{float:right;width:100%;background:#35495c;height:60px;border-radius:5px;}
.categories ul{float:right;font:15px Yekan,tahoma;margin-right:5px;height:60px;width:730px;}
.categories ul li{float:right;border-left:1px solid #42596e;height:20px;margin-top:20px;position: relative;}
.categories ul li span {background: #E15B5F;color: #E5E5E5;display: inline-block;border-radius:2px;position: absolute;top: -20px;left: 10px;font: 10px/14px tahoma;padding: 0px 4px 1px;opacity: 0;transition: all 0.3s ease-out 0s;}
.categories ul li:hover span{top: -15px;opacity: 1;}
.categories ul li a{color:#ACBFD1;margin:0px 5px;padding:1px 10px;float:right;margin-top:-3px;}
.categories ul li a:hover{background:#2d3e4f;padding:18px 10px;margin-top:-20px;color:#d0deea;}
.categories li:last-child{border:0px}
.category{margin-bottom: -5px;}
.category ul{font:13px Yekan,tahoma;}
.category ul li{margin:0px 5px;}
.category ul li a{display:block;padding-bottom:5px;position:relative;}
.category > ul > li > a{color:#16A0A0;font-size:13px;width:100%;margin:5px 0px;}
.category > ul > li > a:hover{color:#149393}
.category > ul > li:last-child li ul li:last-child a{border-bottom:0;}
.category li ul li a:before{content:"»";float:right;margin:-1px 0px 0px 5px;font-size:15px;font: 11px tahoma;}
.category > ul > li > ul > li > a,.category > ul > li > ul > li > ul > li > a{font: 11px tahoma;}
.category > ul > li > ul > li:hover > a,.category > ul > li > ul > li > ul > li:hover > a{color:#16A0A0;}
.category > ul > li > ul > li:before,
.category > ul > li > ul > li:after{display:table;line-height:0;content:"";}
.category > ul > li > ul > li:after{clear:both;}
.category > ul > li > ul > li > ul{width:97%;float:left;}
.category li ul li{margin-top:4px;}
.post{margin:0px 0px 10px;width:550px;display:inline-block;}
.cmp{float:left;border-right:1px solid #E7E7E7;height:12px;line-height:10px;margin-top:7px;padding:2px 5px 2px 0px;}
.cmp a{color:#c1c1c1}
.cmp .icon{float:left;width:14px;height:12px;background:url('images/icon.png') no-repeat 0px 0px;cursor:pointer;margin-right:5px;}
.postinfo{text-align:justify;border-top:1px solid #E5E5E5;height:37px;border-bottom:1px solid #E5E5E5;overflow:hidden;}
.postinfo ul{width:80%;overflow:hidden;height:37px;float:right;}
.postinfo ul li{padding:0px 5px;border-left:1px solid #E5E5E5;float:right;text-align:justify;height:10px;margin-top:15px;font:11px tahoma;}
.postinfo li:last-child{border:0px}
.postinfo ul li a{margin:-4px 2px 0px;float:left;}
.postinfo span{float:right;margin-top:-4px;}
.more a{float:left;background:#586E83;height:37px;font:bold 11px/36px tahoma;color:#FFF;padding:0px 8px;}
.more a:hover{background:#16A0A0;}
.post .contents{padding:10px;}
.post .contents img {margin: 3px 0px;border: 3px solid #EFEFEF;max-width: 99%;height: auto;border-radius: 5px;}
.post .audio{text-align: center;margin-top: -5px;}
.post .audio audio{width:80%;}
.post .contents span{font: 10px/23px tahoma !important;color: rgba(225, 91, 95,0.7) !important;}
.post .contents em{background:#f2f2f2;padding:5px;margin-bottom:5px;display:block;font-style:normal;font-weight:bold;}
.sidebar-right{float:right;width:150px;margin-top:10px;}
.sidebar-left{float:left;width:302px;margin-top:10px;}
.box .title,.post .title,.commentlist .title,.related .title{height:30px;border-bottom:1px solid #ebebeb;}
.box .title h4,.box .title h5,.post .title h2,.post .title h1,.commentlist .title h3,.related .title h4{height:29px;border-bottom:3px solid #16A0A0;font:13px/29px Yekan,tahoma;margin-right:10px;float:right;color:#374552;padding:0px 4px;}
.post .title h3,.post .title h2,.commentlist .title h3{border-color:#586E83;transition:all 0.3s ease-out 0s;}
.post .title h3 a,.post .title h2 a{color:#586E83;}
.post .title:hover h3 ,.post .title:hover h2{border-color:#16A0A0;}
.post .title:hover a{color:#16A0A0;}
.box .content{padding:8px 0px 2px;}
.sidebar-left .box .title a{font:13px/33px Yekan,tahoma;margin-right:5px;color:#7991A8;background:none !important;}
.sidebar-left .box .title a:hover{color:#374552;}
.related,.related ul{margin-top: 5px;}
.related li {width: 50%;display: inline-block;}
.box .content ul li a,.related ul li a{padding:2px 5px;display:block;text-align:justify;overflow:auto;}
.related ul li a {padding: 2px 5px 3px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.box .content > ul li a:before,.related > ul li a:before{content:"›";margin-left:5px;}
.box .content ul li a:hover,.related ul li a:hover{color:#fff;background:#16A085;}
.box .content li a span{opacity:0;float:left;padding:0px 2px;border-radius:2px;text-align:center;}
.box .content li a:hover span{opacity:1;}
.clr h4{border-color:#E15B5F !important;}.clr1 a:hover{background:#E15B5F !important;}
.clr1 h5{border-color:#E15B5F !important;}.clr2 a:hover{background:#21B2C3 !important;}
.clr2 h5{border-color:#21B2C3 !important;}.clr3 a:hover{background:#FF731F !important;}
.clr3 h5{border-color:#FF731F !important;}.clr4 a:hover{background:#74B03A !important;}
.clr4 h5,.clr4 h4{border-color:#74B03A !important;}.clr5 h5{border-color:#BC66A1 !important;}
.clr6 a:hover{background:#BC66A1 !important;}.clr6 h4{border-color:#BC66A1 !important;}
.request a{background:#16A0A0;font:14px Yekan,tahoma;color:#f8f8f8;padding:5px 0px;border-radius:3px;border:1px solid #149393;display:block;text-align:center;margin-bottom:5px;border-left:2px solid #149393;border-right:2px solid #149393;}
.request a:hover{background:#586E83;border-color:#45586A;}
.ads_right{text-align:center;}.ads_right img{border:2px solid #f2f2f2;}
.feedburner{padding-bottom:0px !important;}
.feedburner p{text-align:center;font:11px/22px tahoma;color:rgba(84, 106, 128, 0.7);}
.feedburner input{padding:10px 0px;width:100%;text-align:center;margin:5px 0px 7px;}
.feedburner button{width:100%;padding:4px;}
.box .stat{padding:3px 0px;}
.box .stat li{border-bottom:0px none !important;margin:4px 0px;}
.box .stat li:before{content:"›";margin-left:5px;}
.box .stat ul li span{float:left;border-radius:3px;padding:0px 5px;transition:all 0.3s ease-out 0s;cursor:default;background:#ededed;}
.box .stat ul li:hover span{background:#74b03a;color:#f8f8f8;}
.text-ads a{border-radius:3px;padding:3px 0px;float:right;font:11px/2 tahoma;margin-top:3px;background:#FFF;width:100%;border:1px solid #ededed;text-indent:5px;}
.text-ads a:hover{background:#16A0A0;color:#FFF;border:1px solid #149393;}
.text-ads .green:hover{background:#74b03a;border:1px solid #669a33;}
.text-ads .red:hover{background:#E15B5F;border:1px solid #CC5255;}
.tags{text-align:justify;margin:5px !important;font:11px/32px tahoma;}
.tags a{padding:5px 7px;border:1px solid #F2F2F2;font-size:11px !important;}
.tags a:hover{background:#BC66A1;color:#FFF;border:1px solid #BC66A1;}
.clear{clear:both;font-size:0;line-height:0;height:0;}
.wp-pagenavi{float:left;width:100%;font:11px/25px tahoma;}
.wp-pagenavi .pages{float:right;margin:2px 0px;}
.wp-pagenavi a, .wp-pagenavi span{color:#898989;transition:all 0.5s ease 0s;background:#fff;border:1px solid #ebebeb;margin:2px;float:left;padding:0px 10px;}
.wp-pagenavi a:hover, .wp-pagenavi span.current{border-color:#149393;color:#fff;background:#16A0A0;}
.footer{float:right;width:100%;background:#586E83;margin-top:20px;border-bottom:5px solid #34495E;}
.copyright{float:right;font:15px Yekan,tahoma;color:#D9E3EC;padding:15px 0px 0px;width:100%;}
.others{padding:10px 0px;float:right;height:44px;background:#34495E;border-radius:3px 3px 0px 0px;margin-top:15px;width:100%;}
.others span{float:left;margin-left:15px;color:#768696;text-align:right;}
.social{float:right;margin-right:10px;margin-top:-5px;}
.social a{display:block;width:24px;height:24px;float:right;background:url('images/icon.png') no-repeat scroll 0% 0% #2D3F51;border-radius:3px;margin-left:5px;}
.social a.fb{background-position:-14px 1px}.social a.gp{background-position:-39px 1px}
.social a.tw{background-position:-63px 1px}.social a.inst{background-position:-88px 1px}
.social a.stat{background-position:-132px 1px}.social a.w3{background-position:-152px 1px}
.social a.rss{background-position:-112px 1px}.social a:hover{opacity:0.5}
.social h6{text-align:center;font:13px/2 Yekan,tahoma;margin-bottom:5px;;}
.download,.pishvaz{width:235px;display:block;margin:5px auto 15px;text-align:center;}
.download a{background:#16A0A0;font:14px Yekan,tahoma;color:#f8f8f8;padding:5px 0px;border:1px solid #149393;display:block;text-align:center;margin-bottom:5px;}
.download a:hover{background:#586E83;border-color:#45586A;}
.download2{width:113px;display:inline-block;}
.blog_code{display:inline-block;width:100%;margin-top:5px;text-align:center;}
.blog_code i{background:#586E83;color:#FFF;padding:4px 5px;border-radius:2px;opacity:0.9;font-style: normal;}
.blog_code textarea{padding:5px;width:450px;height:60px;text-align:left;direction:ltr;margin-top:11px;resize:none;}
.pishvaz{margin-bottom: 10px;width: 240px;}
.pishvaz .psv {display: inline-block;width: 50%;}
.pishvaz .psv b {font: 11px/21px tahoma;background: #E99700;padding-bottom: 1px;display: block;}
.pishvaz .psv p {background: #FFA500;color: #FFF;font: 17px Yekan,tahoma;border: 1px solid #e99700;display: inline-block;width: 95%;position: relative;}
.pishvaz .psv strong{display: block;font-weight: normal;;}
.pishvaz .psv i {position: absolute;font: 10px tahoma;top: 3px;opacity: 0;background: #E99700;width: 100%;transition: all 0.3s ease-out 0s;right: 0px;}
.pishvaz .psv:hover i{opacity:1;}
.pishvaz .psv2 b,.pishvaz .psv2 i{background: #19a6a6;letter-spacing: -0.3px;}
.pishvaz .psv2 p{background: #1dbbbb;border-color:#19a6a6}
.ratings{height:32px;border-top:1px solid #e5e5e5;}
.ratenumber{float:right;font:13px/1 Yekan,tahoma;margin:1.5px 10px;}
.post-ratings{float:left;margin-top:7px;}
.post-ratings img, .post-ratings-loading img, .post-ratings-image img{border:0px none;padding:0px;margin:0px;float:left;}
.ratings .text{float:right;font:13px Yekan,tahoma;margin:5px;}
.ratings .icon{float:right;width:14px;height:13px;margin:5px 0px 0px 5px;background:url('images/icon.png') no-repeat scroll -177px -6px transparent;}
.post .socials {height: 29px;border-top: 1px solid #E5E5E5;}
.post .socials span{font:13px/30px Yekan,tahoma;}
.post .socials a{background:#F2F2F2;padding:0px 7px;font:13px Yekan,tahoma;border-radius:2px;transition:all 0.2s ease 0s;color:#F7F7F7;float:left;opacity:0.5;margin-right:3px;margin-top:4px;}
.post .socials a:hover{opacity:1}
.col1{background:#21b2c3 !important}
.col2{background:#E15B5F !important}
.col3{background:#bc66a1 !important}
.col4{background:#16A085 !important}
.col5{background:#ff731f !important}
.col6{background:#F1C40F !important}
.col7{background:#586E83 !important}
.tag{border-bottom:1px solid #E5E5E5;padding-bottom:5px;margin-top:-5px;}
.tag h3{font:11px/23px tahoma;text-align: justify;}
#respond{margin:5px 0px;padding-bottom:10px;border-bottom:1px solid #F2F2F2;}
#respond .user_identity{float:right;width:44%;font:14px/2 Yekan,tahoma;margin:10px;}
#respond .right{float:right;width:50%;}
#respond input{float:right;width:100%;margin:10px 0px 0px;text-indent:5px;font:11px tahoma;padding:9px 0px;}
#respond textarea{margin-top:10px;height:113px;font:11px tahoma;resize:none;width:47%;text-indent:5px;padding:5px 0px;float:left;}
.commentlist p.form-submit{display:none;}
#respond button{margin-top:10px;}
#respond #submit{background:none;margin-bottom:5px;cursor:pointer;}
.comment-form-comment textarea{width:100% !important;}
.comment{border-bottom:1px solid #f2f2f2;margin-bottom:10px;}
.vcard{border-bottom:1px solid #F2F2F2;position:relative;padding:0px;float:right;width:100%;line-height:29px;height:31px;}
.vcard .reply{position:absolute;left:0;top:0;}
.vcard .reply a{background:#586E83;color:#fff;padding:4px 6px;}
.vcard .reply a:hover{background:rgba(89, 110, 131, 0.7);}
.vcard .fn{font-weight:bold;font-style:normal;}
.vcard .avatar{float:right;margin:0px 0px 0px 5px;}
.comment .content{padding:5px 0px;display:inline-block;}
.comment-awaiting-moderation{color:#ccc;font-style:normal;font-size:9px;float:right;width:100%;text-align:left;padding:5px 0px 0px;}
.comment-body{margin:5px 0px;border-bottom:3px solid #F2F2F2;font:11px tahoma;}
.commentlist .depth-2, .commentlist .depth-3, .commentlist .depth-4, .commentlist .depth-5, .commentlist .depth-6, .commentlist .depth-7, .commentlist .depth-8, .commentlist .depth-9, .commentlist .depth-10{margin:7px;padding:7px;background:#fff;}
.commentlist .navigation{display:inline-block;width:100%;}
.commentlist .navigation a{color:#fff;float:right;padding:4px 10px;background:rgba(35, 35, 35, 0.5);margin:5px 0px 0px;}
.commentlist .navigation a:hover{background:#08F;}
.commentlist .navigation a:last-child,.wp-pagenavi span.current{float:left;}
.comment-reply-title{text-align:left;margin-bottom:2px;}
.comment-reply-title a{background:#F2F2F2;padding:2px 6px;font-size:11px;color:#777;}
.comment-reply-title a:hover{background:#E15B5F;color:#fff;}
.bypostauthor .fn:after{content:"مدیر";font:11px tahoma;background:#CCC;border-radius:3px;color:#FFF;margin:5px 5px 5px 2px;padding:0px 5px 3px;}
.navicon, .navicon2 {display: none;}
.like {float: left;position: relative;margin: 8px;}
.iLikeThis .count {cursor: pointer;top: 2px;left: 21px;color: #FFF;border-radius: 2px;font: 10px tahoma;background: #E15B5F;padding: 0px 2px;transition: all 0.3s ease-out 0s;position: absolute;}
.iLikeThis a{color:#f2f2f2}
.iLikeThis .img {display: block;width: 17px;height: 17px;background: url('images/like.png') no-repeat;cursor: pointer;}
@media screen and (max-width:1024px){
.top, .warpper{width:98%}
.sidebar-right {width: 20%;}
.page-body {width: 78%;}
.two-box-warpper,.sidebar-left,.post,.box,.copyright,.others,.warpper_two,.request,.postinfo,.wp-pagenavi,.authorfa, .emailfa, .urlfa,.text-box{width:100%}
.categories ul {width: 60%;height: 59px;overflow: hidden;}
.header{height:auto}
.special{display:none}
.categories {margin-bottom: 10px;}
.postinfo ul{width: 80%}
.feedburner input {width: 98%;display: inline-block;}
.text-ads a {border-radius: 3px;padding: 3px 0px;width: 100%;text-align: center;}
input, textarea {padding: 10px 0px;text-indent: 5px;}
}
@media screen and (max-width:800px){
.page-body,.categories ul,.sidebar-right,.head .text{width:100%}
.banner,.time,.onplayer,.arrow-left{display:none}
.banner2{display:block}
.navicon2{cursor:pointer;display:block;text-align:left;padding:8px 10px 10px;background:#101012;}
.navicon2 em {font-size: 11px;margin-top: 9px;color: #CCC;font-style: normal;}
.navicon2 em:hover{color:#16a0a0;}
.navicon2 b{float:right;font-weight:normal;color:#16a0a0;}
.navicon2 b:hover{color:#ccc;}
.navicon {display: inline-block;float: right;width: 20px;cursor: pointer;height: 17px;margin-top: 17px;background: url('images/res.png') no-repeat;margin-right: 5px;}
.banner2{display:block}
.menu ul{position:fixed;float:none;height:100%;right:0px;background:none repeat scroll 0% 0% #18181B;margin:0px -115px 0px 0px;width:115px;z-index:1;}
.menu ul li{float:none;border-left:0px}
.menu ul li:last-child{float:none;border:0px;}
.menu ul li a {display: block;border: medium none;font-size: 12px;padding: 5px 10px;float: none;margin: 0px;border-radius: 0px;text-align: right;}
.menu ul li a:before {font-family: FontAwesome;font-size: 10px;content: ">";float: right;margin: 3px 0px 0px 5px;}
}
@media screen and (max-width:640px){
.categories,.post .socials span{display:none}
.banners img {width: 97%;height: auto;}
.postinfo ul,.blog_code textarea {width: 70%;}
.post .socials a {margin-bottom: 3px;float: none;display: inline-block;}
.post .socials {text-align: center;height: auto;padding: 4px 0px 5px;}
.searchtext, .searchtext:focus, .searchtext:hover{width: 150px;}
.searchtext:focus {width: 160px;}
}
@media screen and (max-width:480px){
.others,.post .title b,.postinfo ul,.breadcrumbs,.ratings,.search{display:none}
.post .contents img {max-width: 97%;}
.copyright {padding: 10px 0px;}
.post .title h2 a {font:12px/39px Yekan,tahoma;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:80%;}
.more a {border-radius: 0px;font: 13px/36px Yekan,tahoma;padding: 0px;border-right: 0px none;width: 100%;text-align: center;}
.more a:hover {padding:0px;border-right:0px;}
.box .title, .post .title, .commentlist .title, .related .title {height: 31px;overflow: hidden;}
.menu span{float: left;}
}
@media screen and (max-width:320px){
.headtxt{display:none}
.download{width:70%}
.blog_code span{width:95%;display:inline-block;font-size:9px;}
}
.vasat{padding:0 1em;text-align:center;}
.site-title{background:url(images/logo.jpg) no-repeat;width:228px;margin:0px 0 0px;height:75px;}
.site-title span{width:228px;display:none;height:75px}
.pagination a{background:#eee;border:1px solid #dfdfdf;color:#666;padding:8px 8px;margin-left:10px;}.pagination a:hover{background:#F5F5F5;color:#666;}.pagination span{background:#586e83;border:1px solid #34495e;color:#fff;padding:8px 8px;margin-left:10px;}