/*
Theme Name: Publish
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;
}

ul, ol {
	margin-left: auto;
	margin-right: 3em;
}

li > ol, li > ul {
	margin-left: auto;
	margin-right: 1.5em;
}

textarea {
	padding-left: auto;
	padding-right: 3px;
}

.main-navigation {
	float: right;
}

.main-navigation ul {
	margin-right: 0;
}
.main-navigation ul ul {
	float: right;
	left: auto;
	right: 0;
}

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

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

ol.commentlist {
	margin-left: auto;
	margin-right: 60px;
}

ul.children {
	margin-left: auto;
	margin-right: 44px;
}

.comment .avatar {
	float: right;
	margin-right: -60px;
	margin-left: 6px;
}

.children .comment .avatar {
	margin-left: auto;
	margin-right: -44px;
}

.comment-meta {
	margin-left: auto;
	margin-right: 0;
}

.comment-body {
	margin-left: auto;
	margin-right: 40px;
}

.pingback > p:before {
	left: auto;
	right: -31px;
}

.infinite-loader .spinner {
	margin-left: auto;
	margin-right: -17px;
}

.site-header {
	float: right;
}

.site-content,
.site-footer {
	float: left;
}

.widget-area {
	float: right;
	clear: right;
}

@media only screen and (max-width : 900px) {
	.site-logo,
	.site-logo img {
		float: right;
		margin-right: 0;
		margin-left: 20px;
	}

	.main-navigation {
		margin-left: auto;
		margin-right: -10px;
	}

	.main-small-navigation {
		left: auto;
		right: 0;
	}

	.main-small-navigation .menu-toggle:before {
		margin-right: -20px;
		margin-left: 10px;
	}
}