/*
Theme Name: cruzy

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, .content-area, .widget-area {
	direction: rtl;
	unicode-bidi: embed;
}
.spaceLeft {
	padding-left: 0px;
	padding-right: 10px;
}
.spaceRight {
	padding-right: 0px;
	padding-left: 10px;
}
.spaceLeftRight {
	padding: 0 10px;
}
.main-sidebar-box, .sepHentry, .site-content {
	direction: ltr;
}
.main-navigation ul {
	padding-right: 0;
}
.main-navigation ul ul ul {
	right: 100%;
	left: inherit;
}
.main-navigation li a:not(:last-child):after {
    margin: 0 10px 0 0;
	float: left;
}
.main-navigation ul ul li a:not(:last-child):after {
    content: "\f104";
    margin: 2px 10px 0 0;
    float: left;
}
#comments ol ol {
	padding-left: 0;
	padding-right: 5%;
}
#comments .reply {
	left: 0;
	right: inherit;
}
#comments article footer img {
	float: right;
	margin-right: 0;
	margin-left: 1em;
}
form.comment-form i {
	right: 15px;
}
.comment-reply-title small {
	float: left;
}
.widget_archive li a, .widget_categories li a {
	float: right;
}
.widget_archive li, .widget_categories li {
	text-align: left;
}
.widget.widget_categories li:before {
	padding-right: inherit;
	padding-left: 0.5em;
	float: right;
}
.widget.widget_archive li:before {
	content: "\f0d9";
	padding-right: inherit;
	padding-left: 0.5em;
	float: right;
}
.sticky .entry-title {
	padding-left: 0;
	padding-right: 35px;
}
.sticky .entry-header .entry-title:before {
	left: inherit;
	right: 0;
}
aside ul.menu .indicatorBar {
	right: inherit;
	left: 0;
	border-left-width: inherit;
    border-left-style: inherit;
	border-left-color: inherit;
	border-right-color: rgba(0,0,0,.1);
	border-right-width: 1px;
    border-right-style: solid;
}
aside ul.menu ul.sub-menu {
    padding-left: inherit;
	padding-right: 2em;
}
.widget.widget_search input[type="search"] {
	float: right;
}
.widget.widget_search input[type="submit"] {
	float: left;
}
@media screen and (max-width: 768px) {
	.menu-toggle {
		text-align: right;
	}
	.menu-toggle i {
		float: left;
	}
	.main-navigation ul li .indicator {
		right: inherit;
		left: 0;
		border-left: 0;
		border-right: 1px solid rgba(0,0,0,.05);
	}
	.main-navigation ul ul, .main-navigation ul ul ul {
		padding-right: 5%;
		padding-left: 0;
	}
}