/*
Theme Name: Elazar

Adding support for language written in a Right To Left (RTL) direction is easy -
it's just a matter of overwriting all the horizontal positioning attributes
of your CSS stylesheet in a separate stylesheet file named rtl.css.

http://codex.wordpress.org/Right_to_Left_Language_Support

*/

/*
body {
	direction: rtl;
	unicode-bidi: embed;
}
*/

/* desktop */
@media screen and (min-width:1280px) {
  .content-area {
    float: left;
    margin: 0 -25% 0 0;
    width: 100%;
  }
  .site-main {
    margin: 0 25% 0 0;
  }
  .site-content .widget-area {
    float: right;
    overflow: hidden;
    width: 25%;
  }
  .site-footer {
    clear: both;
    width: 100%;
  }
  
  .nosidebar.content-area {
    float:none;
    margin:0;
  }
  .nosidebar .site-main {
    margin:0;
  }
  
  #secondary {
    padding-top:205px;
    min-height:750px;
    background:url('img/sidebar-separator-rtl.png') 110px 190px no-repeat;
    position:relative;
    right:70px;
  }
  
  .site-title a {
    width:336px;
    height:169px;
    background:url('img/logo-rtl.png') center center no-repeat;
    display:block;
  }
  .site-branding {
    position:absolute;
    top:0;
    right:0;
    z-index:10;
    width:336px;
    height:169px;
  }
  #site-navigation {
    position:absolute;
    top:0;
    left:auto;
    right:340px;
    width:auto;
  }
  #site-navigation li:after {
    background:url('img/header-separator-rtl.png') center center no-repeat;
  }
  .sublogo {
    position:absolute;
    right:70px;
    top:150px;
  }
  #footer-navigation {
    position:absolute;
    top:5px;
    left:5px;
    width:auto;
  }
  
  #header-lang-switch {
    position:absolute;
    top:0;
    right:auto;
    left:0;
    padding:5px 45px 5px 25px;
  }
  #header-lang-switch:after {
    background:none;
  }
  #header-lang-switch:before {
    position:absolute;
    top:0;
    right:-25px;
    content:"";
    width:25px;
    height:70px;
    background:url('img/header-separator-rtl.png') center center no-repeat;
  }
  .staff-member,
  #contact-text,
  #contact-form {
    float:right;
  }
}
@media screen and (max-width:1279px) {
  .site-title a {
    width:336px;
    height:169px;
    background:url('img/logo-rtl.png') center center no-repeat;
    display:block;
  }
}