rtl.css

/*
Theme Name: Responsive 
Theme URI: http://themeid.com/responsive-theme/ 
Description: Adding support for language written in a Right To Left (RTL) direction.

Version: 0.6
Author: Hesaam Farhang and Ulrich Pogson
Author URI: http://themeid.com/forum/topic/915/translation-responsive-theme/

Copyright (C) 2003-2012 Emil Uzelac - ThemeID 
Copyright (C) 2012 Hesaam Farhang
License: GNU General Public License, version 3 (GPLv3)
License URI: license.txt 
	
NOTE: DO NOT EDIT THIS FILE, IF YOU DO IT WILL BE OVERWRITTEN BY THE NEXT UPDATE. CREATE CHILD THEME INSTEAD.

See: http://codex.wordpress.org/Right_to_Left_Language_Support, http://themeid.com/forum/forum/12/responsive-documentation/ and http://themeid.com/forum/topic/915/translation-responsive-theme/
	
CSS Rules: Sorted alphabetically for better organization.
*/

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

/* =Typography
-------------------------------------------------------------- */


/* =Responsive 12 Column Grid
-------------------------------------------------------------- */
.grid {
    float: right;
}

.col-60, .col-140, .col-220, .col-300, .col-380, .col-460, .col-540, .col-620, .col-700, .col-780, .col-860 {
    margin-left: 2.127659574468%;
    margin-right: 0;
}

.rtl-fit {
	margin-left:0!important;
	margin-right:0!important;
}

/* =Templates
-------------------------------------------------------------- */
.page-template-content-sidebar-page-php .col-60,
.page-template-content-sidebar-page-php .col-140,
.page-template-content-sidebar-page-php .col-220,
.page-template-content-sidebar-page-php .col-300,
.page-template-content-sidebar-page-php .col-380,
.page-template-content-sidebar-page-php .col-460,
.page-template-content-sidebar-page-php .col-540,
.page-template-content-sidebar-page-php .col-620,
.page-template-content-sidebar-page-php .col-700,
.page-template-content-sidebar-page-php .col-780,
.page-template-content-sidebar-page-php .col-860,
.page-template-content-sidebar-half-page-php .col-60,
.page-template-content-sidebar-half-page-php .col-140,
.page-template-content-sidebar-half-page-php .col-220,
.page-template-content-sidebar-half-page-php .col-300,
.page-template-content-sidebar-half-page-php .col-380,
.page-template-content-sidebar-half-page-php .col-460,
.page-template-content-sidebar-half-page-php .col-540,
.page-template-content-sidebar-half-page-php .col-620,
.page-template-content-sidebar-half-page-php .col-700,
.page-template-content-sidebar-half-page-php .col-780,
.page-template-content-sidebar-half-page-php .col-860 {
    margin-left: 0;
    margin-right: 2.127659574468%;
	float: left;
}

.page-template-sidebar-content-page-php .fit,
.page-template-sidebar-content-half-page-php .fit {
    margin-left: 2.127659574468%!important;
}

/* =Links
-------------------------------------------------------------- */

/* =Forms
-------------------------------------------------------------- */

/* =Tables
-------------------------------------------------------------- */

/* =Lists
-------------------------------------------------------------- */
ol, ul {
    margin-right: 2.35em;
}

/* =Blockquote
-------------------------------------------------------------- */

/* =Headings
-------------------------------------------------------------- */

/* =Margins & Paddings
-------------------------------------------------------------- */

/* =Globals
-------------------------------------------------------------- */

/* =Header
-------------------------------------------------------------- */
#header #logo {
    float: right;
}

/* =Content
-------------------------------------------------------------- */

/* =Author Meta (Author's Box)
-------------------------------------------------------------- */
#author-meta img {
    float: right;
}

/* =Featured Content
-------------------------------------------------------------- */

/* =Post
-------------------------------------------------------------- */

/* =Widgets
-------------------------------------------------------------- */
#widgets ul li {
    margin-right:10px;
}

#widgets .widget-title img {
    float: left;
}

.top-widget {
    clear: left;
    float: left;
    text-align: left;
}

/* =Titles
-------------------------------------------------------------- */
.widget-title, .widget-title-home h3 {
    text-align: right;
}

/* =Top Menu
-------------------------------------------------------------- */
.top-menu {
    float: left;
}

.top-menu li {
    float: right;
}

.top-menu > li:first-child > a {
    border-right: medium none;
    padding: 0 0 0 8px;
}

.top-menu li a {
    border-right: 1px solid #CCCCCC;
    border-left: medium none;
}

/* =Primary Menu
-------------------------------------------------------------- */
.menu li {
    float: right;
}

.menu > li:first-child > a {
    border-left: 1px solid #585858;
}

.menu  > li:last-child > a {
    border-left: medium none;
}

/* =Sub Header Menu
-------------------------------------------------------------- */
.sub-header-menu li {
   float: right;
}

.sub-header-menu > li:first-child > a {
    border-right: medium none;
}

.sub-header-menu a {
    border-right: 1px solid #E2E2E2;
    border-left: medium none;
}

/* =Footer Menu
-------------------------------------------------------------- */
.footer-menu {
    margin: 0;
}

.footer-menu li {
    float: right;
}

.footer-menu > li:first-child > a {
    border-right: medium none;
    padding: 0 0 0 8px;
}

.footer-menu li a {
    border-right: 1px solid #CCCCCC;
    border-left: medium none;
}

/* =Navigation
-------------------------------------------------------------- */
.navigation .next {
    float: left;
}

.navigation .previous {
    float: right;
}
/* =Pagination (pages)
-------------------------------------------------------------- */

/* =Comments
-------------------------------------------------------------- */
#comments, #pings {
    text-align: right;
}

/* =Gallery
-------------------------------------------------------------- */
.gallery .gallery-item {
    float: right;
}

/* =Footer
-------------------------------------------------------------- */
.powered {
    text-align: left;
}

.copyright {
    text-align: right;
}

/* =Social Icons
-------------------------------------------------------------- */
#footer .social-icons {
    text-align:left;
}

#footer .twitter-icon, #footer .youtube-icon, #footer .facebook-icon, #footer .linkedin-icon, #footer .rss-feed-icon, #footer .google-plus-icon, #footer .stumble-upon-icon, #footer .instagram-icon, #footer .pinterest-icon {
    padding-right:3px;
    padding-left: 0;
}

/* =Media Print
-------------------------------------------------------------- */
@media print {

    h1 {
	    page-break-before:always;
    }

    h1,  h2,  h3,  h4,  h5,  h6 {
	    page-break-after:avoid;
    }

    ul,  ol,  dl {
	    page-break-before:avoid;
    }
}

/* =Responsive Design
    Media Queries
    If you're working on a Child Theme, make sure that all
	media queries are included in your style.css
-------------------------------------------------------------- */
@media screen and (max-width: 980px) {

    body {
    }

    .grid, 
	.grid-right {
	    float:none;
    }
	
	#featured-image .fluid-width-video-wrapper {
	    margin:20px 0 0 0;
    }
}

@media screen and (max-width: 650px) {

    body {
    }

    #logo {
	    float:none;
	    text-align:center;
    }

    .grid, 
	.grid-right {
	    float:none;
    }

	#featured-image .fluid-width-video-wrapper {
	    margin:20px 0 0 0;
    }
	
    .js .menu,
	.sub-header-menu {
		display:none;
	}
	
	.top-menu, 
	.footer-menu li {
	    float:none;
	    text-align:center;
    }
	
	.tinynav { 
	    display:block;
		margin:0 auto;
		width:100%;
	}
	
	.tinynav {
		-moz-appearance:none;
		-webkit-appearance:none;
		appearance:none;
		background: #fff url(images/bg-select-rtl.png) no-repeat left;
		border:1px solid #ccc;
		overflow:hidden;
		padding:0.5em 1em 0.5em 0.75em;
	}
	
	.ie7 .tinynav,
	.ie8 .tinynav {
		padding-right:10px;
	}
	
	.ie9 .tinynav  {
		padding-right:8px;
	}
	
    #footer {
	    text-align:center;
    }

    #footer .social-icons {
	    text-align:center;
    }
}

@media screen and (max-width: 480px) {

    body {
    }

    #logo {
	    float:none;
		position:relative;
	    text-align:center;
    }

    .grid, 
	.grid-right {
	    float:none;
    }
	
	#featured-image .fluid-width-video-wrapper {
	    margin:20px 0 0 0;
	}
	
	.featured-title {
	    font-size:40px;
	    padding:40px 20px 0 20px
    }
	
    .menu ul, 
	.menu li, 
	.top-menu, 
	.footer-menu li, 
	.sub-header-menu li {
	    float:none;
	    text-align:center;
    }
	
    #footer {
	    text-align:center;
    }

    #footer .social-icons {
	    text-align:center;
    }
}

@media screen and (max-width: 320px) {
	
	#featured p {
	    font-size:12px;
		line-height:1.2em;
    }

    .featured-title {
	    font-size:35px;
    }
	
	.featured-subtitle {
		font-size:15px;
	}

    .call-to-action a.button {
	    font-size:14px;
	    padding:7px 17px;
    }
}

@media screen and (max-width: 240px) {
	
	#featured p {
	    font-size:11px;
		line-height:1.1em;
    }

    .featured-title {
	    font-size:20px;
    }
	
	.featured-subtitle {
		font-size:11px;
	}

    .call-to-action a.button {
	    font-size:12px;
	    padding:5px 15px;
    }
}
/*"The last 29 days of the month are the hardest."- Nikola Tesla*/