بابه‌ت: كێشه‌م هه‌ییه‌ له‌ فۆنتی ماڵپه‌ره‌كه‌م

سڵاو هاورێیان من ویستم فۆنته‌كه‌م وه‌ك ماڵپه‌ری یانی بكه‌م كه‌ فۆنته‌كه‌ی تۆخه‌ (bold) من وام له‌ فۆنتی ماڵپه‌ره‌كه‌م كرد و هه‌مان قه‌باره‌شم هه‌ڵبژارد كه‌چی فۆنته‌كه‌ی من جوان نه‌بوو ئارێگه‌چار چیه‌ چۆن چاره‌ی بكه‌م و فۆنته‌كه‌ وه‌ك ئه‌وه‌ی ماڵپه‌ری یانی لێ بكه‌م سووپاس


وێــــــــنــــــــــــه‌:

http://www.webchinupload.com/f/2014-07/adb7a3157a44376d45dd898316721faa.jpg

هه‌رگیز مه‌ڵێ دنیا پشتی تێكردم له‌ وانه‌ییه‌ تۆ پێچه‌وانه‌ دانیشتبیت...

وه‌ڵام: كێشه‌م هه‌ییه‌ له‌ فۆنتی ماڵپه‌ره‌كه‌م

Droid arabic kufi bold bakar bhena nak droid arabic kufi

ئاسۆ نادری، ڕۆحت هەر لەگەڵمانە.

وه‌ڵام: كێشه‌م هه‌ییه‌ له‌ فۆنتی ماڵپه‌ره‌كه‌م

ئه‌گه‌ر نه‌ت توانی په‌ره‌ی ستايل لێره‌ دابنێ

سلاو هاوڕيان من چيتر به‌م هه‌ژماره‌ له‌خه‌ت نابم به‌ هۆی بێزاريم له‌ ناوه‌كه‌م  و نه‌گۆڕينی له‌لايه‌ن به‌ڕێوه‌ه‌رايه‌تی
ناچاربوو دوباره‌ خۆم تۆمارده‌وه‌ به‌ناوی Kaefe سوپاس بۆ ئێوه‌

وه‌ڵام: كێشه‌م هه‌ییه‌ له‌ فۆنتی ماڵپه‌ره‌كه‌م

نه‌م توانی كۆده‌كان به‌ك نامه‌ بنێرم بۆ یه‌كردم به‌ دووبه‌شه‌ وه‌ ئه‌مه‌ به‌شی یه‌كه‌م:

@font-face {
font-family: "droidkufiregular";
font-family: "Droid Arabic Kufi";
src: url("http://services.webchin.org/web-fonts/droidkufiregular.eot");
src: url("http://services.webchin.org/web-fonts/droidkufiregular.eot?#iefix") format("embedded-opentype"),
 url("http://services.webchin.org/web-fonts/droidkufiregular.woff") format("woff"),
url("http://services.webchin.org/web-fonts/droidkufiregular.ttf") format("truetype"),
url("http://services.webchin.org/web-fonts/droidkufiregular.svg#droidkufiregular") format("svg");
font-weight: normal;
font-style: normal;
}


a[href*="kurdchin.yzi.me/upp/"] {
    background-position: left center;
    color: green;
    font-weight: bold;
    background-image: url('http://www.webchin.org/Meko/style/Oxygen/ok.png') !important;
    background-repeat: no-repeat;
    padding-left: 20px;
}
a[href$=".png"] {
    background-image: none !important;
}

a.more-link {
    clear: both;
    width: 85px;
    text-align: left;
    display: block;
  float: left;

    color: #FFFFFF;
    margin: 12px 0px;
        margin-top: 12px;
        margin-left-value: 0px;
        margin-bottom: 12px;
        margin-right-value: 0px;
        margin-right-ltr-source: physical;
        margin-right-rtl-source: physical;
        margin-left-ltr-source: physical;
        margin-left-rtl-source: physical;
    background: #F5B000 !important;
      
        background-image: none;
        background-repeat: repeat;
        background-attachment: scroll;
        background-position: 0% 0%;
        background-clip: border-box;
        background-origin: padding-box;
        background-size: auto auto;
    padding: 0px 8px;
        padding-top: 0px;
        padding-right-value: 8px;
        padding-bottom: 0px;
        padding-left-value: 8px;
        padding-left-ltr-source: physical;
        padding-left-rtl-source: physical;
        padding-right-ltr-source: physical;
        padding-right-rtl-source: physical;
    font-size: 10pt;
    line-height: 20px;
}
@font-face {
    font-family: 'BebasNeueRegular';
    src: url('fonts/BebasNeue-webfont.eot');
    src: url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/BebasNeue-webfont.woff') format('woff'),
         url('fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* ---------------------------------------------
 Main Global Layout Settings
------------------------------------------------ */
*{
    padding:0;
    margin:0;
    outline:none;
    list-style:none;
    border: 0 none;
}
body {
    background: #9E9E9E url(images/patterns/body-bg7.png);
    color: #333;
    font-family: "Droid Arabic Kufi";
    font-size: 11px;
}
pre ,code{
    direction:ltr;
    background:url(images/code-bg.png);
    font: 11px/19px 'andale mono', 'lucida console', monospace;
    padding: 3px;
    display: block;
    overflow-x: visible;
    overflow-y: hidden;
    margin: 0 0 20px 0;
    color: #666;
    border-top: 1px solid #E1E1E1;
    border-left: 1px solid #E1E1E1;
    border-bottom: 1px solid #F0F0F0;
    border-right: 1px solid #F0F0F0;
}

h1, h2, h3,h4, h5, h6 { font-weight:normal;}

.alignright {float: right;}
.alignleft {float: left;}
.aligncenter{
    clear:both;
    margin-left:auto;
    margin-right:auto;
}
a {
  color: #555;
  text-decoration: none;
  -webkit-transition: all ease-in-out 0.2s;
  -moz-transition: all ease-in-out 0.2s;
  -o-transition: all ease-in-out 0.2s;
  transition: all ease-in-out 0.2s;
}
a:hover {
  color: #000;
}
.clear {clear: both;}

.post-title a,
ul.slider-navigation li ,
.pagenavi a,

.main-menu li a ,
.subscribe-icons a ,
.flickr_badge_image img {
    webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
textarea, input[type=text], input[type=password], input[type=email], select {
    border: 1px solid #ccc;
    background: #fff;
    font-size: inherit;
}
input, select {
    cursor: pointer;
}
input[type=text], input[type=password], input[type=email] {
    cursor: text;
}
textarea {
    overflow:auto;
}
textarea, input {
    padding: 5px;
    outline: none;
}
select {
    padding: 2px;
}
option {
    padding: 0 4px;
}
input[type=button], button {
    padding: 4px;
    cursor: pointer;
    vertical-align: middle;
}
input.text_input,textarea.textarea {
    border: 1px solid #ccc;
     -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
          border-radius: 1px;
}
input.text_input:focus,textarea.textarea:focus {
    border: 1px solid #999;    
}

::-moz-selection { background: #F9A386; color: #fff; text-shadow: none; }
::selection { background: #FFAD00; color: #fff; text-shadow: none; }


/* ---------------------------------------------
 Main Wrapper Style
------------------------------------------------ */
.background-cover{
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
    position:fixed;
    background-repeat:no-repeat;
    top:0; 
    left:0; 
    z-index:0; 
    overflow: hidden; 
    width: 100%; 
    height:100%;
} 

.wrapper {
    position:relative;
    z-index:1;
}
.container{
    width:1045px;
    margin:0 auto;
}


/* ---------------------------------------------
 Header
------------------------------------------------ */

    
/* Header */
header {
    background:#FFF;
    margin: 20px auto 25px;
    position: relative;
    width:1045px;
    -moz-box-shadow: inset 0 0 2px #FFF, 0 0px 5px #cacaca;
    -webkit-box-shadow: inset 0 0 2px white, 0 0px 5px #CACACA;
    box-shadow: inset 0 0 2px white, 0 0px 5px #CACACA;
}
header:after{
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: ".";
}

/* Top Menu Styles */
.top-nav {
    background:#fbfbfb;
    border-top:3px solid #f88c00;
    border-bottom:1px solid #ececec;
    height:30px;
}
    .top-nav .menu-alert{
        float:left;
        color:#666;
        padding:8px 0;
        font-style:italic;
    }
    .top-nav ul {float: left;}
        .top-nav ul li {
            position: relative;
            display: inline-block;
            float: left;
            border-right: 1px solid #F2F2F2;
        }
        .top-nav ul li a {
            display: inline-block;
            height: 30px;
            line-height: 30px;
            color: #838383 ;
            padding:0 8px;
            text-shadow:0 1px 1px #FFF;
        }
        .top-nav ul li .sub-indicator{}
        .top-nav ul li a:hover {
            color: #000;
        }

        .top-nav ul ul {
            background: #fbfbfb;
            display: none;
            padding:0;
            position: absolute;
            top: 30px;
            width: 180px;
            z-index: 99999;
            float: left;
            -webkit-border-bottom-right-radius: 3px;
            -webkit-border-bottom-left-radius: 3px;
            -moz-border-radius-bottomright: 3px;
            -moz-border-radius-bottomleft: 3px;
            border-bottom-right-radius: 3px;
            border-bottom-left-radius: 3px;
            -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
            box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
            -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
        }
            .top-nav ul ul li {
                background: none !important;
                border: none !important;
                z-index: 99999;
                min-width: 180px;
            }
                .top-nav ul ul ul {
                    right: auto;
                    left: 100%;
                    top: 0;
                    z-index: 99999;
                }
            .top-nav ul ul a {
                background: none !important;
                height: auto !important;
                line-height: 1em;
                padding: 10px 10px;
                width: 160px;
                display: block !important;
                margin-right: 0 !important;
                z-index: 99999;
                color: #777!important;
            }
            .top-nav ul ul li.current-menu-item:after{display: none;}

            
        .top-nav ul li:hover > a,
        .top-nav ul :hover > a ,
        .top-nav ul li.current-menu-item a { color:#000;}
        
    .top-nav ul li.current-menu-item:after{
        content: " ";
        display: block;
        width: 0;
        height: 0;
        position: absolute;
        top: 0px;
        z-index: 2;
        right:45%;
        border: 4px solid transparent;
        border-top-color: #F88C00 ;
    }

        .top-nav ul ul li:hover > a,
        .top-nav ul ul :hover > a {
            color: #000 !important;
        }
        .top-nav ul li:hover > ul {display: block;}

/* Today Date */
.today-date{
    float:left;
    padding:4px 10px;
    background:#ddd;
    font-size:11px;
    color:#333;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    margin:4px 10px 0 5px;
}

/* Search */
.search-block {
    height:30px;
    overflow: hidden;
    float:right;
    margin-left:5px;
}
    .search-block:after{
        content: " ";
        display: block;
        width: 0;
        height: 0;
        position: absolute;
        top: 14px;
        z-index: 2;
        right:30px;
        border: 4px solid transparent;
        border-right-color: #F88C00 ;
    }
    .search-block #s {
        background:#FFF;
        float: right;
        font: normal 11px tahoma;
        padding: 9px 12px 8px 12px;
        width: 90px;
        color:#C5C5C5;
        border:0 none;
        border-left:1px solid #ececec;
        -o-transition: width .7s , color .4s;
        -webkit-transition: width .7s , color .4s;
        -moz-transition: width .7s , color .4s;
        transition: width .7s , color .4s;
    }
    .search-block #s:focus {
        color:#000;
        width:150px;
    }
    .search-block .search-button {
        background:#f88c00 url(images/search-button.png) no-repeat center;
        cursor: pointer;
        float: right;
        height:30px;
        width:30px;
        text-indent:-999999px;
        display: block;
        border:0 none;
    }
    .search-block:hover .search-button,
    .search-block:hover #s {
        opacity:1;
        color:#444;
    }
    .search-block .search-button:active {}

/* Social */
.top-nav .social-icons{float:right; margin:5px 5px 0 0;}
    .top-nav .social-icons a , .footer-bottom .social-icons a{
        filter: url(css/filters.svg#grayscale);
           filter: gray;
        -webkit-filter: grayscale(1);
    }
    .top-nav .social-icons a:hover ,.footer-bottom .social-icons a:hover{
        filter: none;
        -webkit-filter: grayscale(0);
    }


.header-content{padding:15px 15px;}

    .logo {float: right;}
    .logo h1#site-title{font:bold 32pt arial;}

/* Main Nav  */
#main-nav  {
   

    margin:0 auto;
    background:url(images/main-menu-bg.png) repeat-x bottom;
    height:52px;
    border-bottom:5px solid #F88C00 ;
}
    #main-nav  .menu-alert{
        float:left;
        padding:18px 0 0 10px ;
        font-style:italic;
        color:#FFF;
    }
    #top-menu-mob , #main-menu-mob{ display:none; }
    #main-nav .main-menu{margin-left:10px;}
    #main-nav  ul li {
        font-size:13px;
        position: relative;
        display: inline-block;
        float: left;
        border:1px solid #222222;
        border-width:0 0 0 1px;
        height:47px;
        margin-top:5px;
    }
        #main-nav  ul li:first-child,
        #main-nav  ul li:first-child a{border:0 none;}
        #main-nav  ul li:last-child a{border-right:0 none;}

        #main-nav  ul li a {
            display: inline-block;
            height: 47px;
            line-height: 47px;
            color: #FFF;
            padding:0 10px;
            text-shadow:0 1px 1px #000;
            border-left:1px solid #383838;
        }
        #main-nav  ul li a .sub-indicator{}
        #main-nav  ul li a:hover {}
        #main-nav  ul ul {
            display: none;
            padding:0;
            position: absolute;
            top: 42px;
            width: 180px;
            z-index: 99999;
            float: left;
            background: #2d2d2d !important;
            -webkit-box-shadow: 0px 3px 4px 1px rgba(0, 0, 0, 0.2);
            box-shadow: 0px 3px 4px 1px rgba(0, 0, 0, 0.2);
            -webkit-border-bottom-right-radius: 3px;
            -webkit-border-bottom-left-radius: 3px;
            -moz-border-radius-bottomright: 3px;
            -moz-border-radius-bottomleft: 3px;
            border-bottom-right-radius: 3px;
            border-bottom-left-radius: 3px;
        }
        #main-nav  ul ul li, #main-nav  ul ul li:first-child {
            background: none !important;
            z-index: 99999;
            min-width: 180px;
            border:0 none;
            border-bottom: 1px solid #222;
            border-top: 1px solid #383838;
            font-size:12px;
            height:auto;
            margin:0;
        }
            #main-nav  ul ul li:first-child ,
            #main-nav ul li.current-menu-item ul li:first-child,
            #main-nav ul li.current-menu-parent ul li:first-child,
            #main-nav ul li.current-page-ancestor ul li:first-child { border-top:0 none !important;}
        #main-nav  ul ul ul {
            right: auto;
            left: 100%;
            top: 0;
            z-index: 99999;
        }
        #main-nav  ul.sub-menu a ,
        #main-nav  ul ul li.current-menu-item a,
        #main-nav  ul ul li.current-menu-parent a,
        #main-nav  ul ul li.current-page-ancestor a{
            border:0 none;
            background: none !important;
            height: auto !important;
            line-height: 1em;
            padding: 10px 10px;
            width: 160px;
            display: block !important;
            margin-right: 0 !important;
            z-index: 99999;
            color: #ccc !important;
            text-shadow:0 1px 1px #000 !important;
        }
         #main-nav  ul li.current-menu-item ul a,
         #main-nav  ul li.current-menu-parent ul a,
         #main-nav  ul li.current-page-ancestor ul a{ color:#eee !important; text-shadow:0 1px 1px #222 !important;}

        #main-nav  ul li:hover > a,
        #main-nav  ul :hover > a {
            color: #008FFF;
        }
        #main-nav  ul ul li:hover > a,
        #main-nav  ul ul :hover > a {
            color: #FFF !important;
            padding-left:15px !important;
            padding-right:5px !important;
        }
        #main-nav  ul li:hover > ul {display: block;}
        #main-nav  ul li.current-menu-item,
        #main-nav  ul li.current-menu-parent,
        #main-nav  ul li.current-page-ancestor{
                margin-top:0;
                height:52px;
                border-left:0 none !important;
        }
        #main-nav  ul li.current-menu-item ul,
        #main-nav  ul li.current-menu-parent ul,
        #main-nav  ul li.current-page-ancestor ul{ background:#F88C00 !important;}
        
        #main-nav  ul li.current-menu-item ul li, #main-nav  ul li.current-menu-item ul li:first-child ,
        #main-nav  ul li.current-menu-parent ul li, #main-nav  ul li.current-menu-parent ul li:first-child,
        #main-nav  ul li.current-page-ancestor ul li, #main-nav  ul li.current-page-ancestor ul li:first-child {
            border-bottom: 1px solid #D57800;
            border-top: 1px solid #FFA93A ;
        }
        #main-nav  ul li.current-menu-item a, #main-nav ul li.current-menu-item a:hover,
        #main-nav  ul li.current-menu-parent a, #main-nav ul li.current-menu-parent a:hover,
        #main-nav  ul li.current-page-ancestor a, #main-nav ul li.current-page-ancestor a:hover{
            background:#F88C00;
            text-shadow:0 1px 1px #000;
            color:#FFF;
            height:52px;
            line-height:52px;
            border-left:0 none !important;
        }
        #main-nav  ul.sub-menu li.current-menu-item,
        #main-nav  ul.sub-menu li.current-menu-item a,
        #main-nav li.current-menu-item ul.sub-menu a,
        #main-nav  ul.sub-menu li.current-menu-parent,
        #main-nav  ul.sub-menu li.current-menu-parent a,
        #main-nav li.current-menu-parent ul.sub-menu a,
        #main-nav  ul.sub-menu li.current-page-ancestor,
        #main-nav  ul.sub-menu li.current-page-ancestor a,
        #main-nav li.current-page-ancestor ul.sub-menu a{height:auto !important; line-height: 12px;}
        #main-nav  ul li.menu-item-home a{
            background-image:url(images/home.png) !important;
            background-repeat:no-repeat !important;
            background-position:center -47px;
            text-indent:-9999px;
            height: 52px;
            width: 35px;
        }
        #main-nav  ul li.menu-item-home.current-menu-item a{
            background-position:center 8px;
        }
        #main-nav  ul li.menu-item-home ul li a,
        #main-nav  ul ul li.menu-item-home  a,
        #main-nav  ul li.menu-item-home ul li a:hover{
            background-color:transparent !important;
            text-indent:0;
            background-image:none !important;
            height:auto !important;
            width:auto;
        }

    
    
/* Random Article Button */        
a.random-article{
    background: #494949 url(images/random.png) no-repeat center;
    width:42px;
    height:47px;
    display:block;
    float:right;
    text-indent:-99999px;
    margin:5px 0 0 10px;
}
    a.random-article:hover{ background-color:#777;}


/* ---------------------------------------------
 Breaking News
------------------------------------------------ */
.breaking-news{
    background: #FFF;
    border-radius: 8px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    box-shadow: 0px 1px 3px 0 #B5B5B5;
    -moz-box-shadow: 0px 1px 3px 0 #b5b5b5;
    -webkit-box-shadow: 0px 1px 3px 0 #B5B5B5;
    width:1045px;
    height:32px;
    margin:-5px auto 25px;
    overflow:hidden;
    position:relative;
}
    .breaking-news span{
        border:1px solid #FBFBFB;
        background:#00ABFF;
        display:block;
        float:left;
        padding:5px 10px 2px;
        color:#FFF;
        font-family: "Droid Arabic Kufi";
        font-size:14pt;
    }
    .breaking-news ul{float:left;}
    .breaking-news ul li{
        padding:5px;
        display:block;
        white-space:nowrap;
    }

/* ---------------------------------------------
 Content  Column
------------------------------------------------ */
#main-content{
    background: #FFF;
    margin: 20px auto 25px;
    position: relative;
    -moz-box-shadow: inset 0 0 2px #FFF, 0 0px 5px #cacaca;
    -webkit-box-shadow: inset 0 0 2px white, 0 0px 5px #CACACA;
    box-shadow: inset 0 0 2px white, 0 0px 5px #CACACA;
    padding:20px;
    width:1005px;
}
.full-width{background-image: none;    }
.content {float: left;width: 660px;}
    #crumbs { margin-bottom:10px; clear:both; padding-bottom: 5px; border-bottom: 1px solid #DDD;}
    div.not-found{padding:20px;}
    .full-width .content ,
    body.error404  .content{
        width:auto;
        float:none;
    }

/* ---------------------------------------------
 Homepage Styles
------------------------------------------------ */

/* Global Categories Box Styles */
.cat-box{
    margin-bottom:35px;
}
    .cat-box-title{
        padding:3px 0;
        overflow:hidden;
    }
        .cat-box-title h2{
            float:left;
            margin-right:10px;
            text-transform: capitalize;
            font-size: 22px;
            font-family: "Droid Arabic Kufi";
        }
        .stripe-line{
            background: ;
            height:12px;
            overflow:hidden;
            margin-top:5px;
        }

    .cat-box-content, #sidebar .widget-container, .post-listing  {
        background: white;
        border-radius: 1px;
        -moz-border-radius: 1px;
        -webkit-border-radius: 1px;
        box-shadow:  0px 1px 3px 0 #b5b5b5;
        -moz-box-shadow: 0px 1px 3px 0 #b5b5b5;
        -webkit-box-shadow:  0px 1px 3px 0 #b5b5b5;
        border: 1px solid #DDD;
        border-bottom:4px solid #F88C00;
    }
        .cat-box li.first-news .inner-content{
            padding:20px;
            overflow:hidden;
        }
    p.post-meta{
        color: #969696;
        margin:5px 0;
        font-size:85%;
    }
        p.post-meta a {color: #aaa;}
        p.post-meta a:hover {
            border-bottom: 1px #000 dotted;
            color:#00C4FF;
            text-decoration:none;
        }
    
/* Two columns */
.cat-box.column2{
    float:left;
    width:320px;
    margin-right:20px;
}
    .column2.last-column {margin-left: 0;margin-right: 0; }
    .column2 li{
        background:#f7f7f7;
        overflow:hidden;
        padding: 5px 20px;
        border-top:1px solid #FFF;
        border-bottom:1px solid #eaeaea;
        -webkit-transition: all .40s;
        -moz-transition: all .40s;
        -o-transition: all .40s;
        transition: all .40s;
    }
    .column2 li:hover{background:#f2f2f2;}
        .column2 li h3 {
            line-height:1.5em;
            font-size:13px;
        }
        li.first-news p {line-height:1.8em; padding:0;}
        .column2 li.first-news{
            border-bottom:3px solid #eaeaea;
            background:#FFF;
            padding:0;
        }

/* wide-box */
.wide-box li{
    background:#f7f7f7;
    overflow:hidden;
    padding: 10px 20px;
    border-top:1px solid #FFF;
    border-bottom:1px solid #eaeaea;
    -webkit-transition: all .40s;
    -moz-transition: all .40s;
    -o-transition: all .40s;
    transition: all .40s;
    width:289px;
    float:left;
    height:61px;
}
    .wide-box ul{
        background:#f7f7f7;
        overflow:hidden;
    }
        .wide-box li.first-news p.post-meta{margin:10px 0; }
        .wide-box li.first-news{
            border-bottom:3px solid #eaeaea;
            background:#FFF;
            padding:0;
            width:100%;
            float:none;
            height:auto;
        }

/* list-box */
.list-box .cat-box-content {padding:20px;}
    .list-box li{
        overflow:hidden;
        padding: 5px 0;
        width:288px;
        float:right;
        clear:right;
    }
        .list-box li.first-news p.post-meta{margin:10px 0; }
        .list-box li.first-news{
            background:#FFF;
            padding:0;
            width:310px;
            float:left;
            margin-right:20px;
        }

/* News In Pictures */
.pic-box .cat-box-content {padding:20px 20px 8px;}
    .pic-box li.first-pic{
        background:#FFF;
        padding:0;
        width:300px;
        float:left;
        margin-right:14px;
        margin-left:0;
    }
    .pic-box li{
        overflow:hidden;
        padding: 1px 0 3px;
        width:70px;
        float:left;
        margin-left:6px;
    }
        .pic-box .first-pic .post-thumbnail h2{
            position:absolute;
            width: 270px;
            padding:10px;
            background: url(images/overlay.png);
            left: 4px;
            bottom: 7px;
        }
            .pic-box .first-pic .post-thumbnail a{ color:#FFF;}
            
/* Tabbed Categories */
.cat-tabs-wrap{padding:20px;}
    .cat-tabs-header{
        background:#F7F7F7;
        height:35px;
        border-bottom: 3px solid #EAEAEA;
        padding:8px 10px 0;
    }
        .cat-tabs-header li{
            float:left;
            margin-right:10px;
            line-height:30px;
            -webkit-border-top-left-radius: 2px;
            -webkit-border-top-right-radius: 2px;
            -moz-border-radius-topleft: 2px;
            -moz-border-radius-topright: 2px;
            border-top-left-radius: 2px;
            border-top-right-radius: 2px;
            padding:4px 15px;
            font-family: "Droid Arabic Kufi";
            font-size:12pt;
        }
        .cat-tabs-header li.active{
            background:#FFF;
            box-shadow: 0 -1px 2px #d4d4d4;
            -moz-box-shadow:0 -1px 2px #d4d4d4;
            -webkit-box-shadow:0 -1px 2px #d4d4d4;
        }
    .cat-tabs-wrap li{
        overflow:hidden;
        padding: 5px 0;
        width:288px;
        float:right;
        clear:right;
    }
    .cat-tabs-wrap li.first-news{
        background:#FFF;
        padding:0;
        width:310px;
        float:left;
        margin-right:20px;
    }
        .cat-tabs-wrap li.first-news p.post-meta{margin:10px 0;}
        


/* Scrolling Box */
.scroll-box{clear:both;}
    .scroll-box .cat-box-content{
        padding:20px;
        position:relative;
    }
        .scroll-box .scroll-item{
            float:left;
            width:140px;
            margin-right:10px;
            padding:3px;
            height:190px;
            
        }
    .group_items {width:614px;}
    .group_items .scroll-item:last-child{margin-right:0;}
    .scroll-nav{
        background:#F7F7F7;
        margin:10px -20px -20px;
        padding:5px;
        text-align:center;
    }
        .scroll-nav a{
            background:url(images/scrolling-nav.png) no-repeat top;
            width:10px;
            height:10px;
            text-indent:-9999px;
            overflow:hidden;
            display:inline-block;
            margin:2px 1px 0;
            -webkit-transition: all .40s;
            -moz-transition: all .40s;
            -o-transition: all .40s;
            transition: all .40s;
        }
        .scroll-nav a:hover{opacity:0.8;}
        .scroll-nav a.activeSlide{background:url(images/scrolling-nav-active.png) no-repeat top;}

/* Recent Posts Box */
.recent-box{clear:both;}
    .recent-box .cat-box-content{
        padding:20px;
        position:relative;
    }
        .recent-box .recent-item{
            float:left;
            width:195px;
            margin:0 10px 10px 0;
            padding:2px;
            height:190px;
        }
        .recent-box .recent-item:nth-child(3n+3){margin-right:0;}
        .recent-box .item-list{ padding:10px 0;}

.divider{
    background: url(images/stripe.png);
    height: 10px;
    overflow: hidden;
    margin: 10px 0 20px;
    clear:both;
}




/* ---------------------------------------------
 Post Styles
------------------------------------------------ */

/* Pages Head */
.page-head{
    padding: 3px 0;
    overflow: hidden;
}
    .page-head .stripe-line{ margin-top:7px;}
    h2.page-title{
        float: left;
        margin-right: 10px;
        text-transform: capitalize;
        font-size: 26px;
        font-family: "Droid Arabic Kufi";
        color:#000;
    }
    a.rss-cat-icon{
        float:right;
        background:url(images/rss-small-icon.png) no-repeat top;
        width:16px;
        height:16px;
        margin:6px 0 0 8px;
        text-indent:-99999px;
        display:block;
    }
    .archive-meta{padding:15px 0;}

/* Author Page Styles */
.author-bio{
    clear:both;
    overflow:hidden;
    padding:15px 3px;
}
    #author-avatar{
        float:left;
        margin-right:15px;
    }
        #author-avatar img{
            background: white;
            padding: 2px;
            -moz-border-radius: 1px;
            -webkit-border-radius: 1px;
            box-shadow: 0px 0px 2px #B5B5B5;
            -moz-box-shadow: 0px 0px 2px #b5b5b5;
            -webkit-box-shadow: 0px 0px 2px #B5B5B5;
        }
        
/* Single Post Styles */    
.post { margin-bottom:20px;}
    .post-inner{padding:20px;}
    .single-post-thumb img{width:100%;}
        .post-title {
            text-transform: capitalize;
            font-family: "Droid Arabic Kufi";
            margin-bottom:px;
            font-size: px;
        }
        .post-inner p.post-meta{
            border-bottom:1px solid #00;
            padding-bottom:5px;
            margin-bottom:10px;
        }
            .post-inner p.post-meta span{
                display:inline-block;
                margin-right:10px;
            }
        .item-list {
            border-bottom:1px solid #f2f2f2;
            padding:20px 20px 25px;
            overflow:hidden;
            clear:both;
        }
            .item-list p.post-meta {margin:5px 0;}

    .page-link{
        margin:15px 0 0;
        padding-top:5px;
        border-top:1px solid #f2f2f2;
    }
    .edit-link{
        clear:both;
        display:block;
        margin-top:10px;
    }
    .post-tag { margin:-10px 0 20px}
        .post-tag a{
            border-color: #dedede #d8d8d8 #d3d3d3;
            text-shadow: 0 1px 0 #fff;
            -webkit-box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb;
            -moz-box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb;
            box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb;
            background: #ffffff;
            background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed));
            background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%);
            background: -o-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%);
            background: -ms-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%);
            background: linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%);
            display: inline-block;
            text-decoration: none;
            font-size: 10px;
            padding: 3px 8px;
            line-height: 20px;
            color: #555;
            text-transform: uppercase;
            border: 1px solid #DEDEDE;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px ;
            cursor: pointer;
        }
        .post-tag a:hover{ background:#FFF;}
    
    .sticky {}
    
/* Post Thumbnail */
.post-thumbnail {margin: 0 15px 10px 0;position: relative; padding:2px;}
    .post-thumbnail img {
        background:#FFF;
        padding: 4px;
        -moz-border-radius: 1px;
        -webkit-border-radius: 1px;
        box-shadow: 0px 0px 2px #B5B5B5;
        -moz-box-shadow: 0px 0px 2px #b5b5b5;
        -webkit-box-shadow: 0px 0px 2px #B5B5B5;
        -webkit-transition: all .40s;
        -moz-transition: all .40s;
        -o-transition: all .40s;
        transition: all .40s;
    }
    .post-thumbnail a:hover  img{
        box-shadow: 0px 0px 2px #666;
        -moz-box-shadow: 0px 0px 2px #666;
        -webkit-box-shadow: 0px 0px 2px #666;
        opacity:0.6;
    }
    .post-thumbnail a:hover .overlay-icon{opacity:0.7;}
    .overlay-icon{
        width:100%;
        height:100%;
        display:block;
        position:absolute;
        opacity:0;
        top:2px;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        -ms-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;            
    }


/**/
.item-list .post-thumbnail{
    float:left;
    margin-bottom:0;
}
    
.cat-box li .post-thumbnail{margin:0 15px 0 0;}
    .cat-box li .post-thumbnail img{ padding:2px;}
    
        .column2 .post-thumbnail{float:left;}
        .column2 li.first-news .post-thumbnail{ margin: 0 0 10px 0; height:129px; float:none;}
            .column2 li.first-news .post-thumbnail img{ width:100%; height:100%;}
            
            .wide-box li .post-thumbnail{float:left;}
            .wide-box li.first-news .post-thumbnail{width:240px; height:160px}
            .wide-box li.first-news .post-thumbnail img{ width:100%; height:100%; }
            
            .list-box li .post-thumbnail{float:left;}
            .list-box li.first-news .post-thumbnail{margin:0 0 15px 0;float:none;width:302px;height:150px;}
            .list-box li.first-news .post-thumbnail img{ width:100%; height:100%;}


        .pic-box .first-pic .post-thumbnail{position:relative;}
        
        .cat-tabs-wrap li .post-thumbnail{
            float:left;
            margin-bottom:0;
        }
        .cat-tabs-wrap li.first-news .post-thumbnail{margin:0 0 10px 0;float:none;width:302px; height:140px;}
        .cat-tabs-wrap li.first-news .post-thumbnail img{ width:100%; height:100%;}

    .scroll-box  .post-thumbnail img{
        width:130px;
        height:60px;
    }
            .recent-item .post-thumbnail{ margin:0 0 10px 0;}
            .recent-item .post-thumbnail img{ width:185px; height:85px;}
            .recent-item .post-thumbnail .overlay-icon{ width:193px; height:103px;}


/* Share */
.share-post {
    clear: both;
    margin:10px -20px -20px;
    padding: 10px 0px 10px 10px ;
    background:#F7F7F7;
    border-top:1px solid #EAEAEA;
    height:20px;
}
.mini-share-post {
    clear: both;
    margin:10px -20px -20px;
    padding:10px 10px 10px 25px;
    height:20px;
}
    .share-post li , .mini-share-post li{
        float: left;
        width: 106px;
    }
        .share-post span.share-text{
            background:#FF8500 ;
            margin: -10px 10px -10px -10px ;
            display:block;
            float:left;
            color: #FFF;
            padding:9px;
            font-family: "Droid Arabic Kufi";
            font-size: 14pt;
        }

/* Post Elements
   ---------------------- */
.entry {line-height:1.5;}
    .content iframe {    max-width: 100%; }
    .entry p {padding-top: 1.0em; padding-bottom: 1.0em;}
    .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {
        margin-bottom: 15px;
        line-height: 1em;
    font-family: "Droid Arabic Kufi";
        font-weight: normal;
    }
        .entry h1 {font-size:36px;}
        .entry h2 {font-size:30px;}
        .entry h3 {font-size:24px;}
        .entry h4 {font-size:18px;}
        .entry h5 {font-size:14px;}
        .entry h6 {font-size:12px;}

    .entry ol,
    .entry ul {margin: 0 0 25px 10px;}
    .entry ul li {list-style: inside disc;}
    .entry ol li {list-style: inside decimal;}
        .entry li {margin: 0 0 5px ;}
        
    .entry table {
        border: 1px solid #DFDFDF;
        background-color: #F9F9F9;
        width: 100%;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        font-family: "Droid Arabic Kufi";
        color: #333;
        border-collapse: separate;
        border-spacing: 0;
    }
        .entry table td,
        .entry table th {
            border-top: 1px solid white;
            border-bottom: 1px solid #DFDFDF;
            color: #555;
        }
        .entry table th {
            text-shadow: 0px 1px 0px #fff;
        font-family: "Droid Arabic Kufi";
            font-weight: normal;
            padding: 7px 7px 8px;
            text-align: left;
            line-height: 1.3em;
            font-size: 14px;
        }
        .entry table td {
            font-size: 12px;
            padding: 4px 7px 4px;
            vertical-align: top;
        }


.gallery {margin: 0 auto 18px;}
.gallery .gallery-item {float: right;margin-top: 0;text-align: center;width: 33%;}
.gallery-columns-2 .gallery-item {width: 50%;}
.gallery-columns-4 .gallery-item {width: 25%;}
.gallery img {border: 2px solid #cfcfcf;}
.gallery-columns-2 .attachment-medium {max-width: 92%;    height: auto;}
.gallery-columns-4 .attachment-thumbnail {max-width: 84%;height: auto;}
.gallery .gallery-caption {color: #888;margin: 0 0 12px;}
.gallery br + br {display: none;}
.attachment img {display: block;margin: 0 auto;}

blockquote {
    font-family: "Droid Arabic Kufi";
    font-size:12px;
    font-style:italic;
    line-height:22px;
    background:url(images/quote.png) no-repeat left 18px;
    padding:0 0 0 60px;
    margin:0 0 30px 40px;
    min-height:60px;
}


/* Related Posts */
#related_posts , #author-box{clear:both;}
    .block-head{
        padding: 3px 0 0;
        overflow: hidden;
    }
        .block-head h3 {
            float: left;
            margin-right: 10px;
            text-transform: capitalize;
            font-size: 22px;
            font-family: "Droid Arabic Kufi";
        }
    #related_posts .post-listing ,
    #author-box .post-listing {
        padding:20px;
        margin-bottom:20px;
    }
        #related_posts li {
            background: url(images/sidebar-bullet.png) no-repeat left 8px;
            padding: 0 12px 10px 0;
            line-height: 18px;
            overflow: hidden;
        }
        #related_posts li:hover {margin-right:5px;}
            #related_posts .related-item{
                float:left;
                width:195px;
                height:180px;
                margin:0 10px 10px 0;
                padding:2px;            
            }
            #related_posts .related-item:nth-child(3n+3){margin-right:0;}
            #related_posts .related-item .post-thumbnail{ margin:0 0 10px 0;}
            .related-item .post-thumbnail img {
                width: 185px;
                height: 85px;
            }
            
/* Post Navigation */
.navigation{
    margin:10px 0;
    clear:both;
    overflow:hidden;
}
    .nav-previous{float:left;}
    .nav-next{float:right;}

.post-navigation{
    clear:both;
    margin:0 0 20px;
    overflow:hidden;        
}
    .post-navigation div{
        display: block;
        width: 245px;
        position: relative;
        font-size: 14px;
        color: #999;        
    }
    .post-previous{
        float: left;
        padding-left: 40px;            
    }
    .post-next{
        float: right;
        text-align: right;
        padding-right: 40px;
    }
        .post-navigation div span{
            display: block;
            font-size: 80%;
            color: #999;    
        }
        .post-navigation div a:after{
            position: absolute;
            color: #ccc;
            font-size: 20px;
            margin-top: -11px;
            height: 22px;
            line-height: 22px;
            top: 34%;
        }
        .post-previous a:after{
            content: '<<پێشتر';
            reght:0px;
        }
        .post-next a:after{
            content: 'دواتر>>';
            right:-33px;
        }

/* ---------------------------------------------
 Sidebar
------------------------------------------------ */

#sidebar {
    float: right;
    width: 310px;
}
    .sidebar-left #sidebar{float:left;}
    .sidebar-left .content{float:right;}
        
/* Widgets Styles */
.widget {
    clear: both;
    margin-bottom:0px;
}
    .widget-top{padding: 5px 0 ;}
        .widget-top h4{
            float: left;
            margin-right: 10px;
            font-size: 20px;
            text-transform: capitalize;
            font-family: "Droid Arabic Kufi";
        }
            .widget-top h4 a{color: #333;}
            .widget-top h4 a:hover{color: #000;}
    .widget-container {
        padding: 4px;
        clear:both;
    }
    .widget-container h3{
        font-size:inherit;
    }
        .widget-container li {
            background:url(images/sidebar-bullet.png) no-repeat left 8px;
            padding: 0 0 5px 12px;
            line-height: 18px;
            overflow: hidden;
        }
            .widget-container p {padding-bottom: 1.0em;}
            .widget-container a:hover {text-decoration: underline;}
            .widget-container li span.date, .footer-widget-container li span.date{color: #AAA;margin: 5px 0;font-size: 85%;}
            .widget-container .post-thumbnail, .footer-widget-container .post-thumbnail{
                float:left;
                margin:0 10px 0 0;
            }
                .widget-container .post-thumbnail img , .footer-widget-container .post-thumbnail img{padding:2px;}
            

.text-html-box{margin-bottom:20px;}
.widget_rss .widget-title img {
    width: 11px;
    height: 11px;
}
.widget.news-pic .post-thumbnail{margin:3px 7px;}
#tabbed-widget .tabs-wrap li:last-child ,
.comments-avatar .widget-container li:last-child{border-bottom:0 none;}    
#tabbed-widget .tabs-wrap li ,
.comments-avatar .widget-container li,
.posts-list .widget-container li,
.categort-posts .widget-container li{
    background:transparent;
    padding:8px 0 4px;
    border-bottom:1px solid #f2f2f2;
}
.facebook-box{text-align:center;}
.facebook-box iframe { width:100% !important}
.google-box{margin-bottom:-15px; text-align:center;}
#wp_tag_cloud div {line-height: 1.6em;}

        
/* Twitter Widget */
#twitter-widget ul{margin:0 -10px ;}
#twitter-widget li{
    background:url(images/tweet-icon.png) no-repeat 10px 15px;
    border-bottom:1px solid #f2f2f2;
    padding:10px 10px 10px 30px;
}
#twitter-widget li:last-child{border-bottom:0 none;}
    #twitter-widget .tweet_list .tweet_avatar img{
        padding:2px ;
        margin-left:5px;
        float: right;
        background:#FFF;
        border:1px solid #d6d6d6;
    }
    #twitter-widget .loading span{
        background:url(images/small-loader.gif) no-repeat top;
        height: 17px;
        display: block;
    }

/* Tabbed Widget */
#tabbed-widget .widget-top{
    background: #F7F7F7;
    height: 35px;
    border-bottom: 3px solid #EAEAEA;
    padding: 8px 0 0 2px ;
    margin:-10px -10px 10px;
}
    #tabbed-widget  ul.tabs li {
        float: left;
        position: relative;
        margin-left: 3px;
        line-height:30px;
        padding:2px;
        background:transparent;
    }
        #tabbed-widget  ul.tabs li a {
            display: inline-block;
            text-align: center;
            color: #666;
            text-shadow: 0px 1px 0px #FFF;
            padding:5px 12px 1px;
            line-height:30px;
        }
        #tabbed-widget ul.tabs li a:hover {color: #000;}
        #tabbed-widget ul.tabs li.active a  {
            -webkit-border-top-left-radius: 2px;
            -webkit-border-top-right-radius: 2px;
            -moz-border-radius-topleft: 2px;
            -moz-border-radius-topright: 2px;
            border-top-left-radius: 2px;
            border-top-right-radius: 2px;
            background:#FFF;
            box-shadow: 0 -1px 2px #d4d4d4;
            -moz-box-shadow:0 -1px 2px #d4d4d4;
            -webkit-box-shadow:0  -1px 2px #d4d4d4;
        }
    #tabbed-widget  .tabs-wrap.tagcloud a{
        padding:5px 8px;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border: 1px solid #e9e9e9;
        background: #F7F7F7;
        text-shadow: 0px 1px 0px white;
        -webkit-transition-duration: .3s;
        -moz-transition-duration: .3s;
        -moz-box-shadow: inset 0 0 2px #fff, 0 0 2px rgba(0,0,0,0.1);
        -webkit-box-shadow: inset 0 0 2px white, 0 0 2px rgba(0, 0, 0, 0.1);
        box-shadow: inset 0 0 2px white, 0 0 2px rgba(0, 0, 0, 0.1);
        display:inline-block;
        margin:3px;
    }
        #tabbed-widget  .tabs-wrap.tagcloud a:hover{background:#ededed;}
هه‌رگیز مه‌ڵێ دنیا پشتی تێكردم له‌ وانه‌ییه‌ تۆ پێچه‌وانه‌ دانیشتبیت...

وه‌ڵام: كێشه‌م هه‌ییه‌ له‌ فۆنتی ماڵپه‌ره‌كه‌م

ئه‌مه‌ش به‌شی دووه‌م:

/* Calender */
#wp-calendar {width: 100%;}
    #wp-calendar caption {
        color: #222;
        font-weight: bold;
        padding-bottom: 4px;
        text-align: center;
    }
    #wp-calendar tbody {color: #aaa;}
        #wp-calendar tbody td {
            background: #f5f5f5;
            border: 1px solid #fff;
            padding: 3px 0 2px;
            text-align: center;
        }
        #wp-calendar tbody .pad ,
        footer #wp-calendar tbody .pad{
                background: none;
                border:0 none;
        }
    #wp-calendar tfoot #next {text-align: right;}
    footer #wp-calendar tbody td { background:#333; border-color:#555;}
    footer #wp-calendar caption { color:#FFF; }

/* Author Widget */
.author-avatar img {
    border: 1px solid #ccc;
    padding: 4px;
    background: #fff;
    float: left;
    margin: 0 10px 5px 0;
}
.author-description {
    font-size: 95%;
    line-height: 17px;
}
.author-social {
    float: left;
    margin-top: 10px;
}
    .author-social a {
        opacity: 0.7;
        margin-left: 2px;
    }
    .author-social a:hover {opacity: 1;}


/* Flickr Widget */
.flickr-widget .flickr_badge_image {
    float:left;
    margin:8px;
}
    .flickr-widget .flickr_badge_image img{
        opacity:1;
        padding:2px;
        width:50px;
        height:50px;
        box-shadow: 0px 0px 2px #B2B2B2;
        -moz-box-shadow: 0px 0px 2px #b2b2b2;
        -webkit-box-shadow: 0px 0px 2px #B2B2B2;
    }
    .flickr-widget .flickr_badge_image a:hover img{opacity:0.6;}

/* Social Icons Widget */
.social-icons{text-align:center;}
    .social-icons a{
        margin:2px;
        position:relative;
    }
    .social-icons a:hover{top:-2px;}

/* Search Widget */
.search-widget input{
    background: white;
    border-radius: 1px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    box-shadow: 0 1px 3px 0 #B5B5B5;
    -moz-box-shadow: 0 1px 3px 0 #b5b5b5;
    -webkit-box-shadow: 0 1px 3px 0 #B5B5B5;
    border: 1px solid #DDD;
    padding: 10px;
    clear: both;
    margin-bottom:20px;    
    width:288px;
    color:#999;
}
    .search-widget input:hover,
    .search-widget input:focus{color:#000;}

/* Counter Widget */
#sidebar .widget-counter{
    margin-bottom:20px;
    overflow:hidden;
    background: white;
    border-radius: 1px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    box-shadow: 0 1px 3px 0 #B5B5B5;
    -moz-box-shadow: 0 1px 3px 0 #b5b5b5;
    -webkit-box-shadow: 0 1px 3px 0 #B5B5B5;
    clear: both;
    border: 1px solid #DDD;
}
    .widget-counter.col1 li{
        width:100%;
        border:0 none !important;
    }
    .widget-counter.col2 li{
        width:50%;
        border:0 none !important;
    }
    .widget-counter li{
        line-height:15px;
        float:left;
        width:102px;
        padding:10px 0;    
    }
    li.twitter-followers { border:1px solid #DDD; border-width:0 1px 0 1px;}
        .widget-counter li a{
            display:block;
            padding-top:40px;
            text-align:center;
            opacity:0.7;
        }
        .widget-counter li a:hover{
            opacity:1;
            text-decoration: none;
        }
        .rss-subscribers a{    background:url(images/rss-icon.png) no-repeat center top;}
        .facebook-fans a  {    background:url(images/facebook-icon.png) no-repeat center top;}
        .twitter-followers a{    background:url(images/twitter-icon.png) no-repeat center top;}
            .widget-counter li span{
                display:block;
                font-size:21px;
            }
            .widget-counter li a small{color:#777;}
            
/* Login Widget */
#login-form{padding:11px 11px 0;}
#login-form #log, #login-form #pwd, .widget-feedburner .feedburner-email{
    border-color: #F1F1F1;
    border-top-color: #DDD;
    border-left-color: #DDD;
    background: #F9F9F9;
    color: #515151;
    font: 12px Tahoma;
    padding: 4px 7px;
    margin-bottom: 10px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    display: block;
    width: 250px;
    height: 24px;
}
    #login-form #log:hover, #login-form #pwd:hover, .widget-feedburner .feedburner-email:hover{ color:#000;}
    #login-form #log:focus, #login-form #pwd:focus, .widget-feedburner .feedburner-email:focus{ background:#FFF; color:#000;}
    #login-form .login-button{ margin-right:20px;}
    #login-form p{padding-bottom:0;}
    ul.login-links{ margin-top:15px;}
    .welcome-text{margin-bottom:10px;}

    .content .entry #login-form p{ padding:0 }

/* FeedBurner Widget */
.widget-feedburner-counter{padding:11px;}
    
/* ADS Widgets */
.widget-container .ads125{
    margin:0 -7px -8px 13px;
    padding-left:0;
}
.ads125{overflow:hidden;padding-left:22px;margin-bottom:20px;}
    .ads125 .ad-cell{
        width: 125px;
        height: 125px;
        display: block;
        margin:3px 15px 12px 0;
        float: left;
    }

.widget-container .ads120-90 ,
.widget-container .ads120-60,
.widget-container .ads120-600,
.widget-container .ads120-240{
    margin:0 -7px -8px 18px;
    padding-left:0;
}
.ads120-90,
.ads120-60,
.ads120-600,
.ads120-240{
    overflow:hidden;
    padding-left:27px;
    margin-bottom:20px;
}
.ads120-90 .ad-cell,
.ads120-60 .ad-cell,
.ads120-600 .ad-cell,
.ads120-240 .ad-cell{
    width: 120px;
    height: 90px;
    display: block;
    margin:3px 15px 12px 0;
    float: left;
}
.ads120-60 .ad-cell  {height: 60px;}
.ads120-600 .ad-cell{height: 600px;}
.ads120-240 .ad-cell{height: 240px;}
.ads160-600 ,
.ads250-250{margin-bottom:20px;}
.widget-container .ads160-600 ,
.widget-container .ads250-250{margin-bottom:0 }
.ads160-600 .ad-cell{
    width: 160px;
    height: 600px;
    display: block;
    margin:0 auto ;
}
.ads250-250 .ad-cell{
    width: 250px;
    height: 250px;
    display: block;
    margin:0 auto ;
}
.ads300-100{
    padding-left:5px;
    margin-bottom:20px;
}
.widget-container .ads300-100{
    margin:0 -5px -5px;
    padding-left:0;
}
.ads300-100 .ad-cell{
    margin-bottom:3px;
    width:300px;
    height:100px;
}
.ads300-250{
    padding-left:5px;
    margin-bottom:20px;
}
.widget-container .ads300-250{
    margin:0 -5px;
    padding-left:0;
}
.ads300-250 .ad-cell{
    width:300px;
    height:250px;
}
.ads-one{
    padding-left:0 !important;
    margin:0 !important;
}
.ads-one .ad-cell{
    float:none !important;
    clear:both !important;
    margin-right:auto !important;
    margin-left:auto !important;
}

/* ---------------------------------------------
 Footer
------------------------------------------------ */

footer {
    color: #ddd;
    background:#333333;
    text-shadow: 0 0 px #000;
    font-weight: bold;
    padding:20px 0;
    border-bottom:1px solid #444;
    border-top: 8px solid #00B7FF;
    margin-top:10px;
}
    footer a{color: #FFFFFF;}
    footer a:hover{color: #00B3FF;}

/* Footer Widgets */    
#footer-widget-area{
    width:1045px;
    margin: 0 auto;
}
    .footer-widgets-box{float:left; margin-right:4%;}

    .footer-1c .footer-widgets-box{    width:    100% }
    .footer-2c .footer-widgets-box{    width:    48%;}
    .footer-3c .footer-widgets-box{    width:    30.66666666666667%;}
    .footer-4c .footer-widgets-box{    width:    22%;}
    
    .narrow-wide-2c #footer-first , .wide-narrow-2c #footer-second {width:32%;}
    .narrow-wide-2c #footer-second, .wide-narrow-2c #footer-first{    width:64%;}
    
    .wide-left-3c #footer-first    ,.wide-right-3c #footer-third  {    width:46%;}
    .wide-left-3c .footer-widgets-box , .wide-right-3c .footer-widgets-box {    width:23%;}
    
    .footer-1c .footer-widgets-box,
    .narrow-wide-2c #footer-second,
    .wide-narrow-2c #footer-second,
    .footer-2c #footer-second,
    .footer-3c #footer-third,
    .footer-4c #footer-fourth,
    .wide-right-3c #footer-third,
    .wide-left-3c #footer-third{margin-right:0;}

    .footer-widget-top{
        border-bottom:1px solid #222;
        padding:10px 0;
    }
    .footer-widget-top h4{
        font-size: 22px;
        font-family: "Droid Arabic Kufi";
    }
    .footer-widget-container{
        padding: 10px;
        border-top:1px solid #444;
    }
        .footer-widget-container p {padding-bottom: 1.0em;}
        .footer-widget-container ul, footer .tabs-wrap ul{ border-bottom:1px solid #444; }
        .footer-widget-container li, footer #tabbed-widget .tabs-wrap li {
            padding: 6px 12px 6px 0;
            line-height: 18px;
            overflow: hidden;
            border-bottom: 1px solid #232323 !important;
            border-top: 1px solid #444;
        }
        .footer-widget-container li:first-child , footer #tabbed-widget .tabs-wrap li:first-child { border-top:0 none; }

        footer #tabbed-widget .widget-top { background:transparent; border-bottom-color:#444; overflow:hidden; }
        footer #tabbed-widget ul.tabs li a {text-shadow: 0px 1px 0px #000; }
        footer #tabbed-widget ul.tabs li a:hover { color:#FFF; }
        footer #tabbed-widget ul.tabs li.active a {
            color:#FFF;
            background: #444;
            box-shadow: 0 -1px 2px #111;
            -moz-box-shadow: 0 -1px 2px #111;
            -webkit-box-shadow: 0 -1px 2px #111;
        }
        footer #tabbed-widget .tabs-wrap.tagcloud a {
            background: #444;
            border: 1px solid #222;
            text-shadow: 0px 1px 0px #000;
            -moz-box-shadow: inset 0 0 2px #888, 0 0 2px #222;
            -webkit-box-shadow: inset 0 0 2px #888, 0 0 2px #222;
            box-shadow: inset 0 0 2px #888, 0 0 2px #222;
        }
        footer #tabbed-widget .tabs-wrap.tagcloud a:hover{ background:#555;}
        footer .widget-counter li{ border:0 none !important; width: 33.4%; }
        
        footer #twitter-widget .loading span{
            background:url(images/black-loader.gif) no-repeat top;
        }

/* Footer Bottom */
.footer-bottom {
    background:#242424;
    height:30px;
    line-height:30px;
    border-top:1px solid #111;
    color: #ccc;
}
    .footer-bottom .social-icons{
        float:right;
        margin:0 15px ;
        line-height:0;
        padding-top:5px;
    }
        
    .footer-bottom a{color: #ccc;}
    .footer-bottom a:hover{color: #FFF;}

#topcontrol{
    z-index:2;
    background: #FF8500 url(images/top_arrow.png) no-repeat center;
    width: 30px;
    height: 30px;
    text-indent: -99999px;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    margin: 10px 10px 0 0;
}
    #topcontrol:hover{ background-color:#fb9826 ;}

/* ---------------------------------------------
 Images
------------------------------------------------ */
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
    max-width: 100%;
    height: auto;
}
img.centered,
img.aligncenter {
    display: block;
    margin: 2px auto;
    border: 1px solid #cbcdcc;
    padding: 4px;
}
img.alignright {
    padding: 4px;
    margin: 2px 3px 3px 8px;
    display: inline;
    border: 1px solid #cbcdcc;
}
img.alignleft {
    padding: 4px;
    margin: 2px 8px 3px 3px;
    display: inline;
    border: 1px solid #cbcdcc;
}
.wp-caption {
    background: #f1f1f1;
    line-height: 18px;
    margin-bottom: 20px;
    max-width: 500px !important;
    padding: 4px;
    text-align: center;
}
    .wp-caption img {margin: 5px 5px 0;}
    .wp-caption p.wp-caption-text {
        color: #888;
        margin: 5px;
    }

/* ---------------------------------------------
 Navigation
------------------------------------------------ */

.pagination {
    overflow: hidden;
    margin-bottom:25px;
}
    .pagination a,
    .pagination span.extend,
    .pagination span.current {
        float:left;
        text-shadow: 0 1px 0 #FFF;
        margin-right : 3px;
        color: #777;
        padding: 6px 10px 3px;
    }
    .pagination a:hover {color:#000;}
    .pagination span.current {
        color: #FFF;
        background-color: #F88C00;
        text-shadow: 0 1px 0 #000;
        padding:4px 10px 6px;
    }
    .pagination .pages{
        float:right;
        display:block;
        font-size:85%;
        padding: 7px 0 2px;
    }

/* ---------------------------------------------
 CommentList
------------------------------------------------ */    

#comments-title {
    text-transform: capitalize;
    font-size: 22px;
    font-family: "Droid Arabic Kufi";
    color: #999;
    margin:25px 0 10px;
}
    #comments-title em{color: #333;}
.commentlist li{
    margin-bottom: 20px;
    clear:both;
    position:relative;
    clear:both;
}
    .comment-avatar {
        overflow:hidden;
        width:45px;
        height:45px;
        margin:0 10px 5px -30px;
        background: white;
        padding: 2px;
        -moz-border-radius: 1px;
        -webkit-border-radius: 1px;
        box-shadow: 0px 0px 3px #B5B5B5;
        -moz-box-shadow: 0px 0px 3px #b5b5b5;
        -webkit-box-shadow: 0px 0px 3px #B5B5B5;
        float:left;
    }
    .author-comment{
        overflow:hidden;
        position:relative;
    }
        .author-comment cite {
            color:#3b3b3b;
            position:relative;
            display:block;
            margin-bottom:2px;
            padding-top:4px;
        }
    .commentmetadata {
        display: block;
        font-size:85%;
        clear:both;
    }
        .commentmetadata a{color:#3b3b3b;}
        .commentmetadata a:hover{color:#000;}    
    .comment-wrap{
        background: white;
        border-radius: 1px;
        -moz-border-radius: 1px;
        -webkit-border-radius: 1px;
        box-shadow: 0px 1px 3px 0 #B5B5B5;
        -moz-box-shadow: 0px 1px 3px 0 #b5b5b5;
        -webkit-box-shadow: 0px 1px 3px 0 #B5B5B5;
        position:relative;
        padding:10px;
        margin-left:20px;
    }
        .comment-content{
            position:relative;
            clear:both;
            display:block;
            margin-top:10px;
            overflow:hidden;
            padding-bottom:5px;
        }
            .comment-content p{
                line-height:17px;
                margin-bottom: 10px;
            }
        .nocomments {text-align: center;}
        .commentlist li ul li {margin-left:4px;}
        .commentlist  li.pingback{
            padding:5px 10px;
            border-bottom:1px solid #ddd;
        }    
        .children{margin-top:15px; margin-left:50px;}
        .reply a{
            position:absolute;
            bottom:0px;
            right:0px;
            background:#ddd;
            padding:3px 10px;
            text-shadow:0 1px 1px #FFF;
            font-size:11px;
        }
            .reply a:hover{
                background:#333;
                color:#FFF;
                text-shadow:0 1px 1px #000;
            }
        
        .bypostauthor {}
        
/* ---------------------------------------------
 Add Comments Form
------------------------------------------------ */    

#respond {
    margin: 20px 0 10px;
    overflow: hidden;
    position: relative;
    clear: both;
}
    .commentlist li #respond {margin: 10px 0px 20px 70px !important;}
    #respond h3 {
        text-transform: capitalize;
        font-size: 22px;
        font-family: "Droid Arabic Kufi";
    }
#commentform {
    padding: 0 5px;
    margin-top: 5px;
    overflow: hidden;
}
    #commentform .required {
        font-weight: bold;
    }
    #commentform label {
        color: #888;
    }
    #commentform p {
        margin:10px 0;
    }
    #commentform textarea,
    #commentform input {
        border-color: #F1F1F1;
        border-top-color: #DDD;
        border-left-color: #DDD;
        background: #F9F9F9;
        color: #515151;
        font: 12px Tahoma;
        padding:4px 7px;
        margin-bottom: 7px;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
    }
    #commentform input {
        display: block;
        width: 250px;
        height:24px;
    }
    #commentform textarea {
        width: 95%;
    }
    #commentform input:hover,
    #commentform textarea:hover {}
    #commentform input:focus,
    #commentform textarea:focus {background: #fff;}
    #commentform .form-allowed-tags ,
    .comment-form-comment label {display: none;}
    .comment-form-email,
    .comment-form-url,
    .comment-form-url,
    .comment-form-comment {clear: both;}
    .comment-notes{ margin-bottom:10px;    }
    .form-submit #submit , #login-form .login-button , .widget-feedburner .feedburner-subscribe{
        border: 1px solid #D9D9D9;
        background: #FBFBFB;
        background: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#FBFBFB),color-stop(100%,#EEE ));
        background: -webkit-linear-gradient(top,#FBFBFB 0,#EEE 100%);
        background: -moz-linear-gradient(top,#FBFBFB 0,#EEE 100%);
        background: -o-linear-gradient(top,#FBFBFB 0,#EEE 100%);
        background: -ms-linear-gradient(top,#FBFBFB 0,#EEE 100%);
        background: linear-gradient(top,#FBFBFB 0,#EEE 100%);
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3),inset 0 1px 0 rgba(255, 255, 255, 0.5);
        color: black;
        text-shadow: 0 1px 0 white;
        height: 30px;
        line-height: 30px;
        width:auto;
        font-size: 13px;
        padding: 0 15px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        -webkit-transition: background .40s;
        -moz-transition: background .40s;
        -o-transition: background .40s;
        transition: background .40s;
        position:relative;
    }
    .form-submit #submit:hover, #login-form .login-button:hover , .widget-feedburner .feedburner-subscribe:hover {
        background: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#FFF),color-stop(100%,#f8f8f8));
        background: -webkit-linear-gradient(top,#FFF 0,#f8f8f8 100%);
        background: -moz-linear-gradient(top,#FFF 0,#f8f8f8 100%);
        background: -o-linear-gradient(top,#FFF 0,#f8f8f8 100%);
        background: -ms-linear-gradient(top,#FFF 0,#f8f8f8 100%);
        background: linear-gradient(top,#FFF ,#f8f8f8 100%);
    }
    .form-submit #submit:active, #login-form .login-button:active , , .widget-feedburner .feedburner-subscribe:active {top:2px;}
    input.error, textarea.error{border:1px solid #FF0000 !important;}

/* ---------------------------------------------
 Ads
------------------------------------------------ */    
.ads-top {
    float: right;
    line-height:0;
}
.ads-bottom {
    line-height:0;
    margin:15px auto 20px;
    text-align:center;
}
.ads-post {
    line-height:0;
    margin:20px auto ;
    text-align:center;
}
.home-ads{
    clear:both;
    margin:20px auto;
    text-align:center;
}


/* ---------------------------------------------
 Tooltip
------------------------------------------------ */    
a.ttip, a.tooldown{display:inline-block;}
.tipsy { font-size: 10px; position: absolute; padding: 5px; z-index: 100000; }
  .tipsy-inner { background-color: #000; color: #FFF; max-width: 200px; padding: 5px 8px 4px 8px; text-align: center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 0 0 2px #000000; -webkit-box-shadow: 0 0 2px #000000; -moz-box-shadow: 0 0 2px #000000; }
  .tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; }
  
  .tipsy-arrow-n { border-bottom-color: #000; }
  .tipsy-arrow-s { border-top-color: #000; }
  .tipsy-arrow-e { border-left-color: #000; }
  .tipsy-arrow-w { border-right-color: #000; }
  
    .tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
    .tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
    .tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none;  border-left-color: transparent; border-right-color: transparent;}
  .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
    .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
    .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
  .tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }
  .tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }


/* ---------------------------------------------
 Slider
------------------------------------------------ */    
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; position:relative; height:498px;}
.flexslider .slides img {width: 100%; height:100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}
.no-js .slides > li:first-child {display: block;}
.flexslider {
    margin: 0 0 20px;
    position:relative;
    zoom: 1;
    width: 1005px;
    height:498px;
    background: #000 url('images/black-loader.gif') no-repeat 50% 48%;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}
.carousel li {margin-right: 5px}

/* Direction Nav */
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 55%; cursor: pointer; text-indent: -9999px; opacity: 0;  -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -30px; }
.flex-direction-nav .flex-prev {left: -30px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .disabled {opacity: .3!important; cursor: default;}

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .active {opacity: 1; cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -1px; text-align: center; height:13px;}
.flex-control-nav li {margin: 0 ; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {display: block; cursor: pointer; text-indent: -9999px; width:100%; background:#666; height:13px;  -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease;}
.flex-control-paging li a:hover { background: #000; }
.flex-control-paging li a.flex-active { background: #F88C00; cursor: default; }
.slider-caption{
    position: absolute;
    width: 75%;
    padding: 10px;
    background: #000;
    right: 0;
    bottom: 13px;
    color:#FFF;
    opacity:0.8;
}
    .slider-caption h1 a{
        color:#FFF;
        text-transform: capitalize;
        font-size: 35px;
        font-family: "Droid Arabic Kufi";
    }

/*small*/
.content .flexslider { width:660px; height:330px;}
.content .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; position:relative; height:330px;}
.content .flexslider .slides img {width: 100%; display: block;}
.content .flex-pauseplay span {text-transform: capitalize;}
.content .slider-caption h1 a{font-size: 22px;}

.content .ei-slider{ height:330px;}
.content .ei-slider-loading{line-height:375px;}
.content .ei-title h3{font-size: 12px;line-height: 14px;width:435px;}
.content .ei-title h1{font-size: 22px;}

.ei-slider{
    position: relative;
    width: 100%;
    max-width: 1005px;
    height: 498px;
    margin: 0 auto 35px;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);

}
.ei-slider-loading{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index:999;
    background: #000 url('images/black-loader.gif') no-repeat 50% 48%;
    color: #fff;
    text-align: center;
    line-height: 520px;
}
.ei-slider-large{
    height: 100%;
    width: 100%;
    position:relative;
    overflow: hidden;
}
.ei-slider-large li{
    position: absolute;
    top: 0px;
    left: 0px;
    overflow: hidden;
    height: 100%;
    width: 100%;
}
.ei-slider-large li img{
    width: 100%;
}
.ei-title{
    position: absolute;
    right: 10%;
    margin-right: 0;
    margin-left:2%;
    bottom: 25%;
    color:#fff;
    opacity:0.8;

}
.ei-title h1, .ei-title h3{
    text-align: right;
}
.ei-title h1{
    color: #b5b5b5;
    text-transform: capitalize;
    font-size: 35px;
    font-family: "Droid Arabic Kufi";
    background:#000;
    float:right;
    padding:5px;
    margin-bottom:5px;
}
.ei-title h3{
    clear:both;
    font-size: 14px;
    line-height: 20px;
    width:835px;
    background:#000;
    padding:5px;
}
.ei-slider-thumbs{
    height: 13px;
    margin: 0 auto;
    position: relative;
    max-width:100%!important;
}
.ei-title a{
    color:#FFF;
}
.ei-slider-thumbs li{
    position: relative;
    float: left;
    height: 100%;
}
.ei-slider-thumbs li.ei-slider-element{
    top: 0px;
    left: 0px;
    position: absolute;
    height: 100%;
    z-index: 10;
    text-indent: -9000px;
    background: #F88C00;
}
.ei-slider-thumbs li a{
    display: block;
    text-indent: -9000px;
    background: #666 ;
    width: 100%;
    height: 100%;
    cursor: pointer;
    -webkit-box-shadow: 
        0px 1px 1px 0px rgba(0,0,0,0.3), 
        0px 1px 0px 1px rgba(255,255,255,0.5);
    -moz-box-shadow: 
        0px 1px 1px 0px rgba(0,0,0,0.3), 
        0px 1px 0px 1px rgba(255,255,255,0.5);
    box-shadow: 
        0px 1px 1px 0px rgba(0,0,0,0.3), 
        0px 1px 0px 1px rgba(255,255,255,0.5);
    -webkit-transition: background 0.2s ease;
    -moz-transition: background 0.2s ease;
    -o-transition: background 0.2s ease;
    -ms-transition: background 0.2s ease;
    transition: background 0.2s ease;
}
.ei-slider-thumbs li a:hover{
    background-color: #f0f0f0;
}
.ei-slider-thumbs li img{
    position: absolute;
    bottom: 50px;
    opacity: 0;
    z-index: 999;
    width: 100%;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.ei-slider-thumbs li:hover img{
    opacity: 1;
    bottom: 13px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
    
    

/*   TABLET  : 1024px -----------------------------   */

@media only screen and ( max-width: 1024px ){
   .container, header, #main-nav, .breaking-news, #footer-widget-area {width:985px !important;}
   .flexslider, .ei-slider{
        max-width:985px !important;
    }
    #main-content{
        padding:0;
        background:transparent;
        -moz-box-shadow:  0 0 0 transparent;
        -webkit-box-shadow:  0 0 0 transparent;
        box-shadow: 0 0 0 transparent;
     }
      .flex-direction-nav .flex-next {right:5px; opacity: 0.8; }
    .flex-direction-nav .flex-prev {left:5px; opacity: 0.8;}
}    

/*   TABLET  : 768px -----------------------------   */
@media only screen and (max-width: 985px) and (min-width: 768px){
     header, .container , #main-nav , .breaking-news , #footer-widget-area, .content , .flexslider , #sidebar, .ei-slider, .ei-slider-large li{width:750px !important;}
    .flexslider , .flexslider .slides > li {height:330px !important;}
    .flex-direction-nav .flex-next {right:5px; opacity: 0.8; }
    .flex-direction-nav .flex-prev {left:5px; opacity: 0.8;}
    .ei-slider, .ei-slider-large li{height:330px;}
    .ei-slider-large li img{width:100% !important; height:330px !important; margin:0 !important;}
    .ei-title h3{width:635px;}
    .logo img{max-height:70px;margin:0 !important; margin-top:0;}
    
    #top-menu-mob , #main-menu-mob{display:block;float:left;}
    .main-menu , .top-menu{    display:none; }
    #top-menu-mob{
        background: #FFF;
        width: 500px;
        padding: 5px;
        border: 1px solid #ccc;
        height: 26px;
        color:#000;
        margin:2px 0 0 120px;
    }
    #main-menu-mob{
        background: #222;
        width: 500px;
        padding: 5px;
        border: 1px solid #000;
        color:#DDD;
        height: 27px;
        margin:13px 0 0 120px;
    }

    .search-block #s {
        width:150px;
        border: 1px solid #ECECEC;
        padding: 8px 12px 7px 12px;
    }
    .widget , .search-widget input{
        float:left;
        clear:none;
        width:359px;
        margin:0 8px 20px;
    }
    .search-widget input{ width:339px;}
    .widget-counter li { width:119px;}
    .recent-box .recent-item { margin-right:55px;}
    .list-box li , .list-box li.first-news, .cat-tabs-wrap li ,.cat-tabs-wrap li.first-news {    width:344px;}
    .list-box li.first-news .post-thumbnail,
    .cat-tabs-wrap li.first-news .post-thumbnail {width:336px; height:155px;}
    .cat-box.column2{width:364px;}
    .cat-box.column2 .first-news .post-thumbnail{ height:140px}
    .group_items{width:710px;}
    .scroll-box .scroll-item { margin-right:39px;}
    .wide-box li { width:335px }
    #topcontrol, .today-date{display:none;}
    .footer-widgets-box { width:48% !important; margin-right:4% !important;}
    #footer-second , #footer-fourth{    margin-right:0 !important;}
    #tabbed-widget ul.tabs li a { padding: 5px 19px 1px; }
    .ads-top{
        clear:both;
        float:none;
        text-align:center;
        border: 0 none;
        background:none !important;
        padding:30px 0 0;
    }
    .search-block{
        position:absolute;
        top:75px;
        right:60px;
        border-radius: 50px;
        -moz-border-radius: 50px;
        -webkit-border-radius: 50px;
        z-index:9999;
    }
    a.random-article {
        width: 30px;
        height: 30px;
        position: absolute;
        right: 20px;
        top: 70px;
    }
    .top-nav .social-icons {
        position:absolute;
        top:71px;
        right:50px;
        z-index:9999;
    }
}



/*   Phone  : 480px -----------------------------   */
    
@media only screen and (max-width: 767px) and (min-width: 480px){
    #topcontrol , .ads-top, .ads-bottom,.home-ads, .ads-post, .today-date,.ei-slider-thumbs li img, .ei-title h3, .slider-caption p{display:none !important;}
     header, .container , #main-nav , .breaking-news , #footer-widget-area, .content , .flexslider , #sidebar, .ei-slider, .ei-slider-large li,#main-content{width:445px !important;}
    .flexslider , .flexslider .slides > li ,.flexslider .slides img{max-height:250px !important;}
    .ei-slider, .ei-slider-large li{height:250px !important;}
    .ei-slider-large li img{width:100% !important; height:250px !important; margin-left: 0 !important;}
    .ei-title h1, .slider-caption h1 a{ font-size:22px;}
    
    .single-post-thumb img { max-height:210px; }

    .slider-caption{width:auto;}
    .logo{float:none;text-align:center;}
    #top-menu-mob , #main-menu-mob{display:block;float:left;}
    .main-menu , .top-menu, .breaking-news, .ei-title h3{    display:none; }
    #top-menu-mob{
        background: #FFF;
        width: 210px;
        padding: 5px;
        border: 1px solid #ccc;
        height: 26px;
        color:#000;
        margin:2px 0 0 10px;
    }
    #main-menu-mob{
        background: #222;
        width: 210px;
        padding: 5px;
        border: 1px solid #000;
        color:#DDD;
        height: 27px;
        margin:13px 0 0 10px;
    }
    .widget.news-pic .post-thumbnail {margin: 3px 6px;}
    .pic-box li.first-pic {    margin-right:0; float:none; width:100%}
    .pic-box .first-pic .post-thumbnail { margin:0 auto; width:294px;}
    .pic-box li { margin-left:10px}
    .widget , .search-widget input{clear:none;    width:445px;margin:0 0 20px;}
    .search-widget input{ width:423px;}
    .recent-box .recent-item , .recent-box .recent-item:nth-child(3n+3) { margin-right:5px;}
    .recent-box .recent-item:nth-child(2n+2) {margin-right: 0;}
    .list-box li.first-news .post-thumbnail,
    .cat-tabs-wrap li.first-news .post-thumbnail {width:336px; height:155px; margin:0 auto 15px;}
    .cat-box.column2{width:445px; float:none; margin-right:0;}
    .cat-box.column2 .first-news .post-thumbnail{ height:200px}
    .group_items{width:402px !important;}
    .scroll-box .scroll-item { margin:0 27px;}
    .wide-box li { width:420px }
    .cat-tabs-wrap li.first-news ,
    .list-box li.first-news{
        width:100%;
        float:none;
        margin: 0 0 10px 0;
        border-bottom:1px solid #ddd;
        padding-bottom:10px
    }
    .cat-tabs-wrap li ,.list-box li { width:100%; border-bottom:1px solid #F2F2F2;}
    .footer-widgets-box { width:100% !important; margin-right:0% !important;}
    #tabbed-widget ul.tabs li a { padding: 5px 19px 1px; }
    .search-block{
        position:relative;
        top:0;
        right:0;
        border-radius: 0px;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        z-index:9999;
        width:210px;
    }
    .search-block #s , .search-block #s:focus{ width:154px}
    a.random-article {
        position:relative;
    }
    .top-nav .social-icons {
        position: relative;
        top:0;
        right:0;
        z-index:9999;
    }
    .footer-bottom{
        text-align:center;
        padding:0 20px;
        height:auto;
        overflow:hidden;
    }
    .footer-bottom div{ float:none !important; clear:both; margin:5px auto;}
    .widget-counter li {width: 146px;}
    
    .sitemap-col { float:none !important; width:auto !important;}
    
    #related_posts .post-listing, #author-box .post-listing{
        padding: 20px 10px 10px 15px;    
    }
    
    .share-post {height: 48px;}
    .share-post span.share-text {height: 50px; line-height:48px;}
    .share-post li, .mini-share-post li {height: 31px;width: 110px !important;}
    
    .content iframe {    max-height: 250px; }

}

/*   Phone  : 320px -----------------------------   */
@media only screen and (max-width: 479px) and (min-width: 320px){

    #topcontrol , .ads-top, .home-ads, .ads-bottom, .ads-post, .today-date, .slider-caption p, #cats-tabs-box, .ei-slider-thumbs li img, .slider-caption p,a.random-article, .top-nav .social-icons, .search-block, .ei-title h3, .share-post span.share-text{display:none !important;}
     header, .container , #main-nav , .breaking-news , #footer-widget-area, .content , .flexslider , #sidebar,  .ei-slider, .ei-slider-large li, #main-content{width:297px !important;}

    .flexslider , .flexslider .slides > li ,.flexslider .slides img{max-height:130px;}
    .ei-slider, .ei-slider-large li{height:150px !important;}

    .single-post-thumb img { max-height:150px; }

    #main-nav{overflow:hidden;}
    
    .slider-caption{width:auto;}
    .logo{float:none;text-align:center;}
    #top-menu-mob , #main-menu-mob{
        display:block;
        margin:0 auto;
     }
    .main-menu , .top-menu, .breaking-news{    display:none; }
    #top-menu-mob{
        background: #FFF;
        width: 277px;
        padding: 5px;
        border: 1px solid #CCC;
        height: 26px;
        color:#000;
        margin:2px auto 0;
        float:none;
    }
    #main-menu-mob{
        background: #222;
        width: 277px;
        padding: 5px;
        border: 1px solid #000;
        height: 27px;
        margin:13px 0 0 10px;
        color:#fff;
    }
    #tabbed-widget .widget-top {overflow:hidden;}
    .share-post{ overflow:hidden; height:auto;}
    #commentform textarea { padding:0;width: 100%;}
    .pic-box li.first-pic {    margin-right:0; float:none; width:100%}
    .pic-box .first-pic .post-thumbnail { margin:0 auto; width:257px;}
    .pic-box .first-pic .post-thumbnail img{ width:100%;}
    .pic-box .first-pic .post-thumbnail h2{ width:236px;}
    .pic-box li { margin-left:14px}
    .widget , .search-widget input{
        clear:none;
        width:297px;
        margin:0 0 20px;
    }
    .search-widget input{ width:275px;}
    .recent-box .cat-box-content {padding: 5px 1px;position: relative;}
    .recent-box .recent-item {width:142px;}
    .recent-box .recent-item, .recent-box .recent-item:nth-child(3n+3) { margin-right:0px;}
    .recent-item .post-thumbnail .overlay-icon {width: auto;height: auto;}
    .recent-item .post-thumbnail img {width: 130px;height: 60px;}
    .list-box li.first-news .post-thumbnail,
    .cat-tabs-wrap li.first-news .post-thumbnail {width:100%; height:155px; margin:0 auto 15px;}
    .cat-box.column2{width:100%; float:none; margin-right:0;}
    .cat-box.column2 .first-news .post-thumbnail{ height:120px}
    .scroll-box .cat-box-content {padding: 5px;}
        .group_items{width:289px !important;}
    .scroll-box .scroll-item { margin:0 -1px;}
    .scroll-nav { margin:0;}
    .wide-box li { width:260px }
    .cat-tabs-wrap li.first-news ,  .list-box li.first-news{width:100%;float:none;margin: 0 0 10px 0;border-bottom:1px solid #ddd;padding-bottom:10px;}
    .cat-tabs-wrap li ,.list-box li { width:100%; border-bottom:1px solid #F2F2F2;}
    .footer-widgets-box { width:100% !important; margin-right:0% !important;}
    #tabbed-widget ul.tabs li a { padding: 5px 19px 1px; }
    .flickr-widget .flickr_badge_image {margin: 7px;}
    header{min-height:115px;}
    .logo img{max-height:70px;margin:0 !important; margin-top:0;}
    
    .footer-bottom{
        text-align:center;
        padding:0 5px;
        height:auto;
        overflow:hidden;
    }
    .footer-bottom div{ float:none !important; clear:both; margin:5px auto;}
    .widget-counter li {width: 98px;}
    .widget.news-pic .post-thumbnail{margin:3px 5px;}
    
    .sitemap-col { float:none !important; width:auto !important;}
    
    #related_posts .related-item{
        margin:0 auto 10px !important;
        float:none;
    }
    
    .share-post {height: 50px; padding-left:5px;}
    .share-post li, .mini-share-post li {height: 31px;width: 105px ;}
    
    .widget-feedburner-counter, #login-form{padding-right:5px; padding-left:5px;}
    .content iframe {    max-height: 170px; }

}
هه‌رگیز مه‌ڵێ دنیا پشتی تێكردم له‌ وانه‌ییه‌ تۆ پێچه‌وانه‌ دانیشتبیت...