/*
Theme Name: Twenty Twelve
Description: Adds support for languages written in a Right To Left (RTL) direction.
It's easy, just a matter of overwriting all the horizontal positioning attributes
of your CSS stylesheet in a separate stylesheet file named rtl.css.
See http://codex.wordpress.org/Right_to_Left_Language_Support
*/
body {
    direction: rtl;
    unicode-bidi: embed;
}

caption,
th,
td {
    text-align: right;
}
/* =Repeatable patterns

-------------------------------------------------------------- */

.alignleft {
    float: right;
}

.alignright {
    float: left;
}
/* Navigation */

.site-content nav {
    margin-right: 20px;
}

.nav-previous,
.previous-image {
    float: right;
}

.nav-next,
.next-image {
    float: left;
    text-align: left;
}

.nav-single + .comments-area,
#comment-nav-above {
    margin: 48px 20px 48px 0px;
}
/* Author profiles */

.main-navigation .assistive-text:hover,
.main-navigation .assistive-text:active,
.main-navigation .assistive-text:focus {
    right: 5px;
}
/* Page structure */
/* Navigation Menu */

.main-navigation {
    right: 0;
}

.widget-area .textwidget li {
    margin-right: 36px;
    margin-right: 2.571428571rem;
}

.fvcn-post-thumbnail {
    margin-left: 4px;
}

.wp-pagenavi {
    margin-right: 15px;
    height: 50px;
}

.site-copyright {
    float: left;
}

.footer-widget-area .widget:last-child {
    padding-left: 0;
}
/*  Footer Menu */

.menu-footer-menu-container {
    float: right;
}

.menu-footer-menu-container .nav-menu li {
    margin-left: 15px;
}
/* =Main content and comment content

------------------------------------------------------------- */

img.alignleft {
    margin: 12px 0 12px 24px;
    margin: 0.857142857rem 0 0.857142857rem 1.714285714rem;
}

img.alignright {
    margin: 12px 24px 12px 0;
    margin: 0.857142857rem 1.714285714rem 0.857142857rem 0;
}

.entry-content td,
.comment-content td {
    padding: 6px 0 6px 10px;
}

.site-content article {
    padding-right: 20px;
    padding-left: 20px;
}

.archive-header,
.page-header {
    margin-right: 20px;
}

article.format-aside .aside {
    border-right: 22px solid #a8bfe8;
}

article.format-link header {
    float: left;
}

article.format-link .entry-content {
    float: right;
}

.format-status .entry-header img {
    float: right;
    margin-left: 21px;
    margin-left: 1.5rem;
}
/* =Comments



-------------------------------------------------------------- */

.comments-area article {
    margin: 10px 80px 20px 0;
}

.comments-area article header img {
    float: right;
}

.comments-area article header cite {
    margin-left: 20px;
}

.comments-area article header h4 {
    left: 0;
}

.comments-area li.bypostauthor cite span {
    /*position: absolute;*/
    
    margin-right: 5px;
    margin-right: 0.357142857rem;
}

.comment .avatar {
    float: right;
}

#respond h3#reply-title #cancel-comment-reply-link {
    margin-right: 10px;
    margin-right: 0.714285714rem;
}

.template-front-page .widget-area .widget_text img {
    float: right;
    margin: 8px 0 8px 24p;
    margin: 0.571428571rem 0 0.571428571rem 1.714285714rem;
}
/* =Widgets



-------------------------------------------------------------- */

.widget-area .widget ul ul {
    margin-right: 12px;
    margin-right: 0.857142857rem;
}

.widget_recent_entries .post-date,
.widget_rss .rss-date {
    margin-right: 12px;
    margin-right: 0.857142857rem;
}

#wp-calendar th,
#wp-calendar td,
#wp-calendar caption {
    text-align: right;
}

#wp-calendar #next {
    padding-left: 24px;
    padding-left: 1.714285714rem;
    text-align: left;
}

.widget_twitter .timesince {
    text-align: left;
}
/* =Plugins



----------------------------------------------- */
/*mameara input*/
/*

Welcome to Custom CSS!
CSS (Cascading Style Sheets) is a kind of code that tells the browser how
to render a web page. You may delete these comments and get started with
your customizations.
By default, your stylesheet will be loaded after the theme stylesheets,
which means that your rules can take precedence and override the theme CSS
rules. Just write here what you want to change, you don't need to copy all
your theme's stylesheet content.
*/

.wp-pagenavi a,
.wp-pagenavi span {
    float: right;
    margin-right: 5px;
}

.comments-link {
    margin-left: 10px;
}
/*End mameara input*/
/*header right side*/

.HeaderRightSide {
    left: 0;
    right: auto;
}

.HeaderRightSide .searchform input[type="submit"] {
    margin-right: -4px;
}
/*End header right Side*/
/*Ad Placements*/
/* =Media queries



-------------------------------------------------------------- */
/* Minimum width of 600 pixels. */

@media screen and (min-width: 600px) {
    /*Ad Placements*/
    
    .author-avatar {
        float: right;
    }
    .HeaderRightSide .searchform input[type="submit"] {
        border-radius: 4px 0 0 4px;
    }
    .HeaderRightSide .searchform #s {
        border-radius: 0 4px 4px 0;
    }
    .author-description {
        float: left;
    }
    .site-header h1,
    .site-header h2 {
        text-align: right;
    }
    .template-front-page.has-post-thumbnail article {
        float: right;
    }
    .entry-page-image {
        float: left;
    }
    .template-front-page .widget-area .widget,
    .template-front-page.two-sidebars .widget-area .front-widgets {
        float: right;
    }
    .template-front-page .widget-area .widget:nth-child(odd) {
        clear: left;
    }
    .template-front-page .widget-area .widget:nth-child(even),
    .template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets {
        float: left;
    }
    .commentlist .children {
        margin-right: 48px;
        margin-right: 3.428571429rem;
    }
}
/* Minimum width of 300 pixels. */

@media screen and (min-width: 300px) {
    .site-content {
        float: none;
        margin-right: 0;
        padding-left: 0;
    }
    .widget-area {
        float: none;
        margin-right: 0;
        margin-left: 0;
    }
}
/* Minimum width of 960 pixels. */

@media screen and (min-width: 960px) {
    /*Ad Placements*/
    
    .site-content {
        float: right;
        margin-right: -20px;
        padding-left: 390px;
        padding-right: 0;
        margin-left: 0;
    }
    .widget-area {
        float: left;
        margin-right: -390px;
        margin-left: 0;
    }
    .footer-widget-area .widget {
        padding-left: 20px;
    }
    .site-header h1 {
        right: 0;
    }
    .main-navigation ul.nav-menu,
    .main-navigation div.nav-menu > ul {
        text-align: right;
    }
    .main-navigation li ul {
        right: 0;
    }
    .main-navigation li ul ul {
        right: 100%;
    }
    .main-navigation ul li:hover > ul {
        border-right: 0;
    }
}

@media screen and (min-width: 960px) {
    .site-header h1 {
        margin-left: 20px;
    }
}

@media screen and (max-width: 1320px) {
    .site-header h1{
        right: 20px;
    }
    
    .HeaderRightSide{
        left: 20px;
    }
}

@media screen and (max-width: 960px) {
    .site-header h1 {
        right: 70px;
    }
    
    .HeaderRightSide{
        position: inherit;
        border-bottom: 2px solid #333;
    }
    
    .HeaderRightSide .SocialMedia {
        left: 20px;
        position: absolute;
        top: 19px;
    }
    .HeaderRightSide .lang{
        left: 100px;
        position: absolute;
        top: 30px;
    }
    
    .HeaderRightSide .searchform{
        width: 100%;
        display: none;
    }
    
    #searchform > div {
        margin: 0 auto;
        padding: 5px 3px;
        position: relative;
        width: 50%;
    }
    
    .HeaderRightSide .searchform #s {
        box-sizing: border-box;
        min-height: 30px;
        width: 100%;
    }
    
    .HeaderRightSide .searchform input[type="submit"] {
        left: 0;
        margin-right: 0;
        position: absolute;
        top: 5px;
    }
    .menu-main-container > .nav-menu > li:first-child{
        margin-top: 42px;
    }
    
}


@media screen and (max-width: 360px) {
     .HeaderRightSide .SocialMedia {
        left: 10px;
        position: absolute;
        top: 19px;
    }
    .HeaderRightSide .lang{
        left: 80px;
        position: absolute;
        top: 30px;
    }
    
    #searchform > div {
        width: 80%;
    }
}


/* =Print ----------------------------------------------- */

@media print {
    .site-header {
        text-align: right;
    }
    .site-header h1 {
        text-align: right;
    }
    .site-header h2 {
        text-align: right;
    }
    .commentlist .avatar {
        right: 2.2em;
    }
    .comments-area article header cite,
    .comments-area article header time {
        margin-right: 50px;
        margin-right: 3.57142857rem;
    }
}