/*
Theme Name: Yoozmusic
Theme URI: http://vebeet.com/قالب-موزیک-و-فیلم-وردپرس-یوز-موزیک/
Description: پوسته موزیک وردپرس
Author: وبیت
Author URI: http://vebeet.com
Version: 1.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;box-sizing:border-box;}
body{direction:rtl;color:#444;background:#fff;margin:0px;padding:0px;font:11px/1.9 tahoma;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, big, cite, code, del, dfn, em, font, img, ins, kbd, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form{padding:0;margin:0;}
a{text-decoration:none;color:#34495e;transition:all 0.3s ease-out;}
a:hover{text-decoration:none;color:#e94f2e;}
ul, li{border:0;padding:0;margin:0;list-style:none;}
caption, cite, code, dfn, em, th, var{border:0;padding:0;margin:0;outline:0;}
img{border:0;transition:all 0.3s ease-out;}
h1{font:bold 1.7em/1.6 Arial, tahoma;margin:0;padding:0;}
h3,h2,h4{font:1.2em/1.2 Yekan, Yekan;}
.clear{clear:both;}
.input-comment, .text-box, select, input.text_input, textarea, input{font:11px tahoma;padding:8px 5px;text-align:right;background:#f2f2f2;transition:all 0.3s ease-out;margin:5px 0px;}
.input-comment:focus, .text-box:focus, input.text_input:focus, textarea:focus, input:focus{background:#e5e5e5;}
.comment-button, .wpcf7-submit, .submit, #cancel_reply a, .thdrpy a{background:#E94F2E;text-shadow:1px 1px #DA4B2C;font:15px Yekan,tahoma;color:#FFF;cursor:pointer;padding:2px 6px 1px;border:1px solid #DA4B2C;}
.comment-button:hover, .wpcf7-submit:hover, .submit:hover,#cancel_reply a:hover, .thdrpy a:hover{color:#FFF;background:#34495e;text-shadow:1px 1px #2a3b4c;border:none;border:1px solid #2a3b4c;}
#cancel_reply a{float:left}
.warpper{direction:rtl;margin:0 auto 0;padding:0 0 8px 0;position:relative;width:988px;text-align:right;}
.page-body{float:left;width:550px;margin-top:5px;}
.two-box-warpper{float:right;width:720px;}
.content{margin:5px 0;}
.top{margin:0 auto;width:988px;}
.menu{width:100%;border-bottom:4px solid #333;height:67px;background:#444;}
.menu ul{font:14px Yekan,tahoma;float:right;margin:17px 0px 0px;}
.menu ul li{float:right}
.menu ul li a{padding:5px 9px;color:#FFF;float:right;margin-left:2px;border-radius:10px;}
.menu ul li a:hover{background:#333;color:#FFCE34;}
.menu span{float:left;background:#333;padding:7px 15px;font:13px Yekan,tahoma;color:#E5E5E5;text-shadow:1px 1px 0px #233240;margin:16px 0px 0px;border-radius:7px;}
.bread{background:#D9D9D9;width:100%;padding:3px 0px 4px;box-shadow:0px 0px 2px rgba(0, 0, 0, 0.1);}
.breadcrumbs{font:13px Yekan,tahoma;color:#34495e;text-align:right;text-shadow:1px 1px 0px #e5e5e5}
.breadcrumbs a{color:#34495e;}
.breadcrumbs a:hover{color:#e94f2e;border-bottom:2px solid #e94f2e;}
.breadcrumbs i{font-size:22px;font:17px tahoma;float:right;margin:-2px 0px 0px 5px;}
.header{width:100%;background:#f2f2f2;height:92px;}
.header img{float:left;margin-top:14px;border:2px solid #e5e5e5;}
.ehha{float:right;width:40%;margin:8px 10px;}
.ehha .heding{text-align:right;font:30px Yekan,tahoma;color:#34495e;width:100%;transition:all 0.3s ease 0s;}
.ehha h2{text-align:right;font:14px Yekan,tahoma;color:#556e87;width:100%;transition:all 0.3s ease 0s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.banners{text-align:center;padding-top:6px;margin:0px 0px 5px;background:#ededed;width:100%;}
.banners img{margin:3px 2em;}
.postdown ul{background:rgba(255, 244, 202, 0.66);border-bottom:2px solid rgba(208, 99, 21, 0.15);border-top:2px solid rgba(208, 99, 21, 0.15);margin:10px;}
.postdown ul li{text-align:justify;font:11px tahoma;display:inline-block;margin:8px;color:#AB9C61;}
.postdown ul li a{color:#746940;}
.search{float:right;background:#f2f2f2;width:99%;border-radius:7px;margin-bottom:10px;position:relative;overflow:hidden;}
.search input{background:no-repeat;width:100%;margin:0;padding:15px;color:#999;}
.search button{position:absolute;left:0px;top:0px;background:#444;color:#fff;font:13px yekan,tahoma;height:44px;padding:0px 10px;transition:all 0.3s ease-out;cursor:pointer;}
.search button:hover{background:#222;color:#fff;}
.post{margin:0px 0px 10px;width:548px;display:inline-block;border:2px solid #F2F2F2;border-radius:5px;}
.post .title{width:100%;border-bottom:1px solid #F2F2F2;padding:8px 0px;}
.post .title .heding{text-indent:15px;}
.post .title .heding a{font:15px Yekan,tahoma;text-align:center;color:#444;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.post .title .heding a:hover{color:#e94f2e;}
.contents{width:100%;padding:0px 10px;}
.post .more a{color:rgb(239, 59, 30);padding:7px 10px;font:11px tahoma;text-align:center;margin:5px 10px 10px;float:left;border-radius:3px;border:2px solid rgb(239, 59, 30);}
.post .more a:hover{border-color:#444;color:#444}
.post .contents > ul li:before{font-family:FontAwesome;font-size:9px;margin-left:5px;color:#34495E;display:inline-block;text-align:center;content:"\f104";}
.post .contents ul li{padding:2px 10px 2px 1px;color:#34495E;list-style-position:inside;transition:all 0.3s ease-out 0s;}
.post .contents ul li:hover{padding:2px 15px 2px 1px;}
.post .contents h2{font-size:14px;margin:5px 0px;}
.post .contents h3{font-size:15px;margin:5px 0px;}
.post .contents img{max-width:100%;margin:5px auto;height:auto;}
.socialfa{text-align:center;}
.socialfa a{display:inline-block;background:#f2f2f2;font-family:yekan,tahoma;font-size:13px;color:#777;padding:2px 10px;border-radius:5px;margin-top:5px;}
.socialfa a:hover{color:#fff;}
.socialfa .blue:hover{background:#1e87e9;}
.socialfa .red:hover{background:#d41f1e;}
.socialfa .green:hover{background:#3bb54a;}
.sidebar-right{float:right;width:163px;}
.sidebar-left{float:left;width:260px;margin-bottom:5px;}
.page-body .tags{overflow:hidden;margin-bottom:5px;}
.sidebar-right .box, .sidebar-left .box, .tags{padding:5px;}
.sidebar-right .box .title, .sidebar-left .box .title, .tags .title{margin-bottom:5px;border-bottom:2px solid #F2F2F2;border-top:2px solid #F2F2F2;background:#fafafa;}
.sidebar-right .box .title h4, .sidebar-left .box .title h4, .tags .title p{font:14px/3 Yekan,Tahoma;color:#444;text-indent:10px;}
.sidebar-right .box .content,.sidebar-left .box .content,.tags .content,.categories{width:100%;padding:4px 5px;border-bottom:1px solid rgb(250, 250, 250);border-top:1px solid rgb(250, 250, 250);}
.tagsingle{border-top:1px solid #f2f2f2;padding-top:5px;margin:5px 0px 10px;}
.tagsingle span{font:13px yekan,tahoma}
.tagsingle h3{text-align:justify;}
.tagsingle h3 a{padding:5px;color:#999;font:11px/2 tahoma;}
.tagsingle h3 a:hover{background:#444;color:#fff;}
.sidebar-right .box .content ul li, .sidebar-left .box .content ul li, .tags .content ul li{padding:3px 5px;}
.sidebar-right .box .content ul li a, .sidebar-left .box .content ul li a, .tags .content ul li a{font:11px tahoma;color:#777;}
.sidebar-right .box .content ul li a:hover,.sidebar-left .box .content ul li a:hover,.tags .content ul li a:hover{color:#EF3B1E;}
.sidebar-right .box .content .ads-right,.sidebar-left .box .content .ads-left{text-align:center;clear:both;}
.sidebar-right .box .content .ads-right img,.sidebar-left .box .content .ads-left img{margin-top:7px;}
.categories{margin-bottom:-5px;}
.categories ul{font:13px Yekan,tahoma;}
.categories ul li{margin:0px 5px;}
.categories ul li a{display:block;padding-bottom:5px;position:relative;color:#34495e;}
.categories > ul > li > a{color:#E94F2E;font-size:15px;width:100%;margin:5px 0px;}
.categories > ul > li > a:hover{color:#cc462a}
.categories > ul > li:last-child li ul li:last-child a{border-bottom:0;}
.categories li ul li a:before{content:"»";float:right;margin:-3px 0px 0px 4px;font-size:15px;}
.categories > ul > li > ul > li:hover > a:before{background-position:-208px -79px;transition:all 250ms ease-in-out 0s;}
.categories > ul > li > ul > li:hover > a,.categories > ul > li > ul > li > ul > li:hover > a{color:#cc462a;padding-right:5px}
.categories > ul > li > ul > li:before,
.categories > ul > li > ul > li:after{display:table;line-height:0;content:"";}
.categories > ul > li > ul > li:after{clear:both;}
.categories > ul > li > ul > li > ul{width:97%;float:left;}
.categories li ul li{margin-top:4px;}
.text-ads{text-align:center;font-family:Yekan,tahoma;}
.text-ads a{color:#34495e;display:inline-block;font-size:14px;margin-top:2px;text-shadow:1px 1px 0px #FFF;background:#f7f7f7;border-right:3px solid #e5e5e5;padding:3px 0px;width:48%;}
.text-ads a:hover{color:#f2f2f2;background:#e94f2e;text-shadow:1px 1px 0px #da4b2c;border-right:3px solid #da4b2c;}
.request-box{margin:0px 0px 5px;background:#FFF;border:1px solid #E5E5E5;padding:5px;}
.request-box .title{background:#E94F2E;padding:0px 5px;font:15px/2 Yekan,Tahoma;color:#F2F2F2;border-right:1px solid #E5E5E5;text-shadow:1px 1px 0px #DA4B2C;margin-bottom:5px}
.request-box .contact{width:100%;margin:0px;clear:both;}
.request-box .contact .request{text-align:center;}
.request-box .contact .request a{background:none repeat scroll 0px 0px #34495E;color:#FFF;font:13px/2 Yekan,tahoma;text-shadow:1px 1px 0px #2B3D4E;display:block;padding:2px 0px;}
.request-box .contact .request a:hover{background:none repeat scroll 0px 0px #2b3d4e;text-shadow:1px 1px 0px #1e2a35;}
.pages{float:right}
.wp-pagenavi{clear:both;direction:ltr;text-align:right;float:left;font:15px Yekan, tahoma;width:99.5%;}
.wp-pagenavi a, .wp-pagenavi span{text-decoration:none;margin:2px;direction:rtl;text-align:center;color:#666;float:left;padding:0px 7px;height:27px;background:#fafafa;line-height:25px;}
.wp-pagenavi a:hover, .wp-pagenavi span.current{border-color:#999;color:#FFF;float:left;background:#e94f2e;}
.wp-pagenavi span.current{float:left;}
.comment-bodys{margin:0 10px;}
.addcomment{margin:15px 0 10px 0;}
.textarea-box{display:inline-block;}
.commentdata{float:right;width:42%;margin-right:5px;}
#commentform{width:102%;}
.commentdata label, .textarea-box label{margin:8px 0;width:100px;display:block;font:13px Yekan,tahoma;}
.comment{margin:10px 0px;background:#f2f2f2;padding:10px;border:1px solid #e5e5e5;display:inline-block;width:96%;}
.avatar{float:right;margin-left:5px;}
.comment-author{width:100%;}
.comment h4, .vcard, .commentmetadata{font:14px Yekan, tahoma;}
.text-box{width:296px;height:175px;float:left;}
.comment-text{width:250px;display:block;}
.comments-rules{border-right:4px solid #eee;padding:5px;margin:10px 0;color:#999;font:12px Yekan, tahoma;}
.comments-rules h4{color:#666;font:14px Yekan, tahoma;}
.editComment, .editableComment, .textComment{display:inline;}
.comment-childs{margin:10px 0 5px;background:#f5f5f5;padding:10px;border:#e2e2e2 solid 1px;}
.chalt{width:97%;background-color:#f5f5f5;}
#newcomment{border:#777 dashed 1px;width:90%;}
#newcommentsubmit{color:red;}
.adminreplycomment{border:#777 dashed 1px;width:99%;margin:4px;padding:4px;}
.mvccls{color:#999;}
.footer{background:#fafafa;border-top:3px solid #f2f2f2;}
.footer .tagslist h5{font:15px Yekan,tahoma;color:#FFF;background:#E5E5E5;padding:3px 7px;text-align:right;float:right;margin-left:5px;border-radius:0px 5px 5px 0px;}
.footer .tagslist{width:100%;float:right;text-align:justify;padding:5px 0px;line-height:31px;height:42px;}
.footer .tagslist a{padding:5px;color:#888;font:11px tahoma !important;}
.footer .tagslist a:hover{color:#fff;background:#444;}
.footer .bottom{background:#f2f2f2;padding:10px 0px;float:right;width:100%;}
.footer .links{width:60%;float:right;}
.footer .links p{font:13px/25px Yekan,tahoma;text-align:justify}
.footer .links a{color:#e94f2e;}
.footer .links a:hover{color:#444;}
.footer .links ul{font:13px Yekan,tahoma;float:right;color:#7d8e9e;text-align:right;}
.footer .links ul li{margin:5px 0px 5px 7px;float:right;}
.footer .links ul li:after{content:" / ";margin-right:5px;}
.footer .links ul li:last-child:after{display:none;}
.footer .links ul li a{color:#34495e;}
.footer .links ul li a:hover{color:#e94f2e}
.entry{margin:0px 0px 10px;float:right;border:2px solid rgb(242, 242, 242);padding:5px;width:548px;border-radius:5px;}
.entry p{margin:5px;}
.entry .title{width:100%;border-bottom:1px solid #F2F2F2;padding:8px 0px;}
.entry .title .heding{text-indent:10px;}
.entry .buy a{display:block;color:#333;font:13px Yekan,tahoma;padding:5px 14px;margin:5px;background:#f2f2f2;border-radius:7px;}
.entry .buy a:hover{background:#d9d9d9;}
.entry img{max-width:100%;height:100%;}
.entry .entrycontent{padding:10px;}
.clear{clear:both;font-size:0;line-height:0;height:0;}
.shortlink{border-radius:3px;font:13px/23px Yekan,tahoma;color:#777;padding:5px 0px;margin:5px 0px 0px;height:29px;}
.shortlink textarea{float:left;font:11px tahoma;background:#F2F2F2;padding:5px 3px;border-radius:3px 3px 0px 0px;direction:ltr;text-align:center;resize:none;height:25px;color:#666;}
.download{text-align:center;width:80%;margin:0px auto;}
.download audio{width:100%;margin:5px 0px;}
.download textarea{width:97%;direction:ltr;text-align:left;box-shadow:inset 0px 0px 3px rgba(0, 0, 0, 0.1);resize:none;color:#8d8d8d;padding:6px 7px;margin-bottom:5px;overflow:hidden;height:74px;}
.download .blogcode i{background:#aaa;color:#fff;padding:2px 7px;margin:0px 0px 10px;display:inline-block;font-style:normal;}
.download a{background:#E94F2E;height:35px;display:inline-block;position:relative;margin:5px;border-radius:5px;font:14px/35px yekan,tahoma;color:#fff;padding:0px 15px;}
.download a:hover{background:#333;color:#fff;}
@media screen and (max-width:1024px){.top{width:97%}
.warpper{width:97%}
.entry,.post{width:99%;padding:5px;}
.page-body,.footer .links{width:76%;}
.footer .links,.footer .tagslist h5{margin-right:5px}
.sidebar-left{width:26%;}
.sidebar-right{width:23%;}
.two-box-warpper{width:72%;}
.ehha{width:30%}
.ehha h2{font-size:13px}
.header{float:right;height:auto;text-align:center;}
.header img{float:none}
.footer .copyright{width:15%;}
.footer .copyright p{display:none}
.text-ads a{font-size:13px;width:47%;}
}
@media screen and (max-width:800px){.two-box-warpper,.page-body,.sidebar-left,.sidebar-right{width:100%;}
.ehha{width:75%;}
.menu span{display:none}
.menu ul{text-align:center;display:inline-block;float:none;}
.menu ul li{border-left:0px;float:none;display:inline-block;}
.menu ul li a{padding:3px 5px;border-radius:3px;position:initial;}
.menu ul li a:hover{border-radius:3px}
}
@media screen and (max-width:640px){.menu{height:auto;}
.header img,.banners img{width:99%;height:100%;margin:4px 0px;}
.footer .links{width:95%;}
.footer .copyright{width:100%;text-align:center;}
.footer .copyright .logo{display:inline-block;margin:0px auto;float:none;}
.footer .links p{text-align:center;}
.footer .links ul{text-align:center;float:none;}
.bread{float:right;}
}
@media screen and (max-width:500px){.ehha{width:69%;}
.entry, .post{padding:0px;width:100%;}
.post .contents img,.entry img,.header img, .banners img{max-width:95%;}
.post .title .heding a{font-size:11px;}
.comment{padding:3px;}
#subscribe-reloaded{width:100%;}
.powerpress-mejs-audio,.g-item{float:right !important;width:96% !important;margin:2px 0px;}
#comment{width:90% !important;}
}
@media screen and (max-width:320px){.ehha{width:55%;}
.ehha h2{font-size:11px;}
.text-box{width:90%;}
}