/*
Theme Name: BrightNews
Description: Adds support for languages written in a Right To Left (RTL) direction.
*/

p, ul, ol, li, dl, address {
  text-align: right;
}
ul {
  margin-right: 16px;   
}
ol {
  margin-right: 20px;
}
table, td, th {
  text-align: right;
}
blockquote, q { 
  border-left: none;
  border-right: 1px solid #d6d6d6;
  padding-left: 0;
  padding-right: 20px;
}


/* basic structure
-------------------------------------------------------------- */

#content {
  float: right;        
}
#wrapper .full-width {
  float: left;                    
}
#sidebar {
  float: left;
  margin-left: 30px;
  margin-right: 0;        
}
.scroll-top {
  left: 10px;   
  right: auto;        
}


/* header
-------------------------------------------------------------- */

.site-title-wrapper,
.site-description-wrapper { 
  margin: 0 30px 0 0;      
}
.header-logo {
  margin: 0 30px 0 0;            
}
.banner {
  left: 30px;
  right: auto;      
}
.header-icons {
  left: 30px;
  right: auto;              
}

/* menus */
#main-navigation ul,
#top-navigation ul {
  border-left: 1px solid #8a8a8a;
  border-right: 1px solid #000000;
  float: right;
  margin: 0 30px 0 0;
}
#top-navigation ul {
  border: none;
  text-align: right;                   
}
#main-navigation ul li,
#top-navigation ul li {
  float: right;
}
#top-navigation ul li {
  margin-left: 30px;
  margin-right: 0; 
}
#top-navigation ul ul li {
  margin-left: 0;
}
#main-navigation a,
#main-navigation a:visited,
#top-navigation a,
#top-navigation a:visited {
  border-right: 1px solid #8a8a8a;
  border-left: 1px solid #000000;
  float: right;
}
#top-navigation a,
#top-navigation a:visited {
  border: none;                          
}
#wrapper #header #main-navigation ul ul a,
#wrapper #header #main-navigation ul ul a:visited,
#wrapper #header #top-navigation ul ul a,
#wrapper #header #top-navigation ul ul a:visited {
  padding: 0 28px 0 0;
  text-align: right;
}
html #wrapper #header #top-navigation ul ul a,
html #wrapper #header #top-navigation ul ul a:visited {
  padding: 0 14px 0 0;
}
#main-navigation ul ul,
#top-navigation ul ul {
  left: auto;
  right: 0;
}
#main-navigation ul ul ul,
#top-navigation ul ul ul {
  left: auto;
  right: 250px;
}


/* main content
-------------------------------------------------------------- */

.post-info .post-info-date,
.post-info .post-info-author,
.post-info .post-info-category,
.post-info .post-info-tags,
.post-info .post-info-comments {
  background-position: right top;              
}
.post-info .post-info-comments { 
  padding-right: 20px;               
}

/* default post entry */
.post-thumbnail {
  float: right;
  margin-left: 25px;
  margin-right: 0;               
}
#content .post-entry .post-category,
#content .post-entry .post-tags {
  float: right;                      
}
#content .post-entry .post-tags {
  padding: 0 5% 0 0;
  text-align: left;
  width: 45%;                           
}
#content .post-entry .post-category .post-info-category,
#content .post-entry .post-tags .post-info-tags {
  padding-right: 20px;                                                        
}

/* post entry - column */
.post-entry-column-wrapper {
  float: left;
  width: 50%;                         
}
.post-entry-column-first {
  float: right;                        
}
.post-entry-column-first .post-entry-content {
  margin-left: 30px;  
  margin-right: 0;              
}
.post-entry-column .post-thumbnail {
  margin: 0 0 0 14px;              
}

/* post entry - grid */
.post-entry-grid-first .post-thumbnail {
  margin: 0 0 0 25px;                
}
.post-entry-grid .post-thumbnail {
  margin: 0 0 0 14px;              
}

/* post entry - list */
#content .home-list-posts ul {
  float: right;                             
}

/* post entry - slider */
.home-slider-posts ul,
.wrapper-related-posts ul {
  margin-right: 0;                      
}
.wrapper-related-posts .unordered-list {
  margin: -10px 16px 0 0;                      
}
.flexslider .flex-direction-nav {
  left: 0;
  right: auto;                               
}
.flexslider .flex-direction-nav li {
  float: right;
  margin-left: 0;
  margin-right: 2px;                                   
}
.flexslider .slides li {
  float: right !important;                       
}


/* sidebar
-------------------------------------------------------------- */

.sidebar-widget ul li {
  background: right top no-repeat url(images/square.png);
  padding-left: 0;
  padding-right: 14px;                       
} 


/* default widgets
-------------------------------------------------------------- */

#wp-calendar #prev {
  text-align: right;                   
}
#wp-calendar #next {
  text-align: left;                   
}
.social-item p {
  float: right;             
}
.social-item a img {
  float: right;
  margin-left: 7px;
  margin-right: 0;                   
}


/* form fields
-------------------------------------------------------------- */

#searchform .searchform-wrapper #s {
  padding: 5px 3% 5px 0;
  right: 0;             
}
#searchform .searchform-wrapper .send {
  left: 0;
  right: auto;
}


/* comments area
-------------------------------------------------------------- */

#comments ol {
  margin-right: 0;             
}
#comments .avatar,
#comments .fn {
  float: right;
  margin: 0 0 0 6px;                  
}
#comments .fn {
  margin: 0 0 0 3px;             
}
#comments time,
#comments .edit-link {
  float: left;             
}
#comments #comment-nav-below {
  text-align: right;                  
}


/* media queries
-------------------------------------------------------------- */

@media screen and (max-width: 990px) {
  #wrapper #top-navigation {
    padding: 0 5% 0 0;                   
}
  #wrapper #sidebar {
    float: right;                 
}
  .js #header .selectnav {
    float: right;                         
}
  .js #header #main-navigation .selectnav {
    margin: 3px 5% 0 0;
}
  #wrapper #header .header-icons {
    left: 5%;
    right: auto;                                 
}
}