@import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css);

body {
    direction: rtl;
    unicode-bidi: embed
}

.nav {
    padding: 0
}

ul.social li, #footer-bottom ul li, #gallery-page .images .da-thumbs li, #title .container .title-container .primary, #title .container .title-container .secondary, .author.widget a.avatar, .author.widget .name, .breaking-news header h4, .breaking-news header .triangle, .flickr-feed li, .message-form form .input-group, .comment-respond form .input-group, .navbar-brand, .nav-tabs > li, .post-comments .comment-container .content .comment-meta, .progress-bar, .review, .review .review-total-score, .share-post h5, .post-tags h5, .share-post ul, .post-tags ul, .slider-container ul li, .tags li, .widget header h4 {
    float: right
}

    .categories li a .post-counts, .flickr-feed li a img, .image img, .navbar-toggle, .post-comments .comment-container .content .reply, .widget header .control, .widget .nav-tabs li.control {
        float: left !important
    }

.dropdown-menu {
    text-align: right
}

@media (min-width:992px) {
    .navbar-header, .navbar-nav, .navbar-nav > li {
        float: right
    }

    .navbar-right {
        float: left !important
    }
}

@media (max-width:991px) {
    #top-nav .navbar-right li {
        float: right
    }
}

.widget .nav-tabs li {
    margin-left: 1px !important;
    margin-right: 0 !important
}

    .widget header, .widget .control, .widget .nav-tabs li.control {
        margin-left: 0 !important;
        margin-right: 1px !important
    }

#footer-main .nav-tabs li + li {
    margin-right: 15px !important
}

.twitter-feed ul li .avatar {
    padding-left: 15px;
    padding-right: 0
}

.accordion .header i {
    border-left: 0;
    border-right: 1px solid #e4e4ec
}

.breaking-news header .triangle {
    border-left: none;
    border-right-width: 10px;
    border-right-style: solid
}

.recent-comments li > div.avatar {
    padding: 0 0 15px 15px
}

.article-large .icons {
    left: auto;
    right: 0
}

.article-small .image, .article-tiny .image {
    margin-right: 0;
    margin-left: 15px
}

.article-tiny .image {
    float: right
}

.article-large .footer .tags, #blog-version-2 #main-content .article-medium .footer .tags {
    padding-left: 10px;
    padding-right: 0
}

.share-post h5, .post-tags h5 {
    margin-right: 0;
    margin-left: 5px
}

.author.widget a.avatar {
    margin-right: 0;
    margin-left: 10px
}

.review {
    margin-right: 0;
    margin-left: 30px
}

    .review.full-width {
        margin-left: 0
    }

    .review .review-total-score {
        margin-right: 0;
        margin-left: 15px
    }

#blog-version-1 .article-large {
    padding-left: 0px;
    padding-right: 32.5px
}

#blog-version-3 .article-large .icons {
    float: right
}

#blog-version-3 .article-large .content {
    margin-left: 0;
    margin-right: 90px
}

@media (max-width:599px) {
    #blog-version-3 .article-large .content {
        margin-right: 0
    }
}

.frame .featured-media.quote:after, .frame .featured-media.link:after, .frame .featured-media.status:after, .frame .featured-media.aside:after, .frame .featured-media.chat:after {
    right: auto;
    left: 4px
}

.frame .featured-media.status .status-content {
    border-left: 0;
    border-right: 4px dotted #dcdcf5
}

    .frame .featured-media.status .status-content:before {
        left: auto;
        right: -10px
    }

.post-comments ol.children, .post-comments ol.children > li > ol {
    margin-left: 0;
    margin-right: 90px
}

@media (max-width:768px) {
    .post-comments ol.children, .post-comments ol.children > li > ol {
        margin-right: 30px
    }
}

.post-comments .children > li > .comment-container .avatar {
    margin-left: 0 !important;
    margin-right: 15px !important
}

.post-comments .children > li > .comment-container .content .comment .triangle {
    border-left: none;
    border-right-width: 10px;
    border-right-style: solid;
    right: auto;
    left: -10px
}

.post-comments .comment-container .avatar {
    margin-right: 0 !important;
    margin-left: 15px !important
}

.post-comments .comment-container .content .comment-meta {
    margin-right: 0;
    margin-left: 10px
}

.post-comments .comment-container .content .comment .triangle {
    border-left: 10px solid #f4f4fc;
    border-right: 0;
    left: auto;
    right: -10px
}

.message-form form, .comment-respond form {
    margin-right: 0;
    margin-left: -10px
}

    .message-form form .input-group, .comment-respond form .input-group, .message-form form .textarea, .comment-respond form .textarea {
        padding-right: 0;
        padding-left: 10px
    }

.carousel .carousel-caption {
    right: 0;
    text-align: right
}

    .carousel .carousel-caption div {
        float: right
    }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: right
}

@media (min-width:600px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: right
    }
}

@media (min-width:992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: right
    }
}

@media (min-width:1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: right
    }
}

#footer-bottom ul li {
    margin-left: 20px !important;
    margin-right: 0 !important
}

#title .container .title-container {
    margin-left: 15px;
    margin-right: 0
}

th {
    text-align: right
}

.radio label, .checkbox label {
    padding-right: 20px;
    padding-left: 0
}

.radio input[type="radio"], .checkbox input[type="radio"], .radio input[type="checkbox"], .checkbox input[type="checkbox"] {
    margin-right: -20px;
    margin-left: 0
}

*, html, body {
    font-family: 'Droid Arabic Kufi', serif;
}

body {
    font-size: 14px;
}

p {
    font-size: 15px;
}

a:hover, a:focus, a:active {
    outline: 0 none;
}

.widget > .header h4, #top-nav .navbar-form input, .breaking-news .header h4,
.breaking-news .header .triangle, footer .container ul li {
    float: right !important;
}

.widget > .header .control, #top-nav .navbar-form button {
    float: left !important;
}

.col-sm-6 {
    padding: 0 15px !important;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    line-height: 1.3;
}

#top-nav .navbar-nav > li {
    border-left: 0 none;
    border-right: 1px solid #38383f;
}

#top-nav .navbar-form {
    border-right: 0 none;
    border-left: 1px solid #38383f;
}

#main-nav .navbar-header {
    height: 100px;
}

#main-nav, .flat-style #main-nav {
    background-color: #fafafa;
    box-shadow: 0 0 0 0;
    border-bottom: 1px solid #e7e7e7;
}

.navbar-nav.navbar-left:last-child {
    margin-left: -15px;
}

#main-nav .navbar-nav > li > a {
    padding: 43px 15px;
}

#main-nav .navbar-header .navbar-brand {
    margin-right: -15px;
    padding: 15px;
}

.navbar-brand h3 {
    display: inline;
    font-size: 20px;
}

.navbar a, .navbar-default .navbar-nav > li > a {
    font-weight: 700;
    color: #606068;
}

#content {
    padding-top: 30px;
}

.widget, .breaking-news {
    margin-bottom: 30px;
}

.images {
    border-bottom: 0 none;
}

.article-large .images .da-thumbs li, .article-medium .images .da-thumbs li {
    width: 50%;
    float: right;
}

.breaking-news .header .triangle {
    border-right: 10px solid #606068;
    border-left: 0 none;
}

.carousel-inner > .item {
    height: 400px !important;
}

.label {
    display: inline-block;
    font-weight: 100;
    line-height: 1;
    padding: 4px 5px;
}

.post-meta {
    font-size: 13px;
    color: #b0b0b8;
}

.article-large .images.inner .da-thumbs li, .article-medium .images.inner .da-thumbs li {
    width: 25%;
}

.article-medium .post-meta {
    border-bottom: 1px solid #e0e0e8;
    border-top: 1px solid #e0e0e8;
    padding: 10px 0;
}

.image:hover .caption, .carousel-small .item:hover .caption {
    bottom: 0;
    opacity: 1;
}

.tags li a, .pagination li a {
    border-radius: 4px;
}

.input-group i {
    box-shadow: 0 0 0 0;
}

button, input[type="button"], input[type="reset"], input[type="submit"], .btn {
    border-radius: 2px;
    transition: background 0.4s ease 0s, color 0.4s ease 0s;
}

.flat-style .frame.no-margin {
    margin-bottom: 0;
}

.image .image-holder {
    transition: transform 1s ease-out 0s;
}

.image:hover .image-holder {
    transform: scale(1.34) rotate(2deg);
}

.carousel-inner .caption h5 a {
    color: #f0f0f8;
}

#footer-main {
    color: #b0b0b8;
}

    footer a, #footer-main .post-meta a:not(:hover), #footer-main .comment-meta a:not(:hover) {
        color: #808088;
    }

footer .recent-comments li .content .comment-content,
footer .recent-comments li .content .comment-meta {
    display: block;
    line-height: 25px;
    padding: 0 10px;
    margin: 0;
    background: #505058;
}

footer .recent-comments li .content .comment-meta {
    background: #303038;
}

footer #footer-bottom, footer #footer-bottom a {
    color: #808088;
}

.widget .nav-tabs li a {
    font-size: 17px;
}
