/*
Theme Name: Classic Layout

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;
	font-family: Arial, Tahoma, sans-serif;
}

blockquote {
	padding-left: 0;
	padding-right: 24px;
	border-left: none;
	border-right: thick solid tomato;
}

.main-navigation ul ul {
	text-align: right;
	left: auto;
	right: 0;
}

.main-navigation ul ul:before {
	right: 12px;
	left: auto;
}

.content-area {
	float: right;
}

.widget-area {
	float: left;
}

.singular .page-links {
	text-align: right;
}

.comment-author {
	float: right;
}

.comment-metadata {
	text-align: left;
}

.comment-metadata a {
	margin-left: 0;
	margin-right: 8px;
}

.comments-pagination {
	text-align: right;
}

.nav-previous,
.nav-next,
.nav-full  {
	float: right;
}

.post-navigation a,
.image-navigation a {
	margin: 2px 0 2px 4px;
}

.widget ul {
	text-align: right;
}

.widget ul ul {
	margin-left: 0;
	margin-right: 16px;
}

.site-info {
	padding-right: 0;
	padding-left: 48px;
}

.site-info span  {
	margin-right: 0;
	margin-left: 8px;
}

.back-to-top {
	float: left;
	right: auto;
	left: 8px;
}

.screen-reader-text:focus {
	left: auto;
	right: 4px;
}

@media screen and (max-width: 900px) {
	.content-area,
	.widget-area {
		float: none;
		width: 100%;
	}
}

@media screen and (max-width: 600px) {
	.main-navigation {
		text-align: right;
	}

	.menu-toggle {
		text-align: left;
		right: auto;
		left: 0;
		z-index: 9999;
	}
	
	.main-navigation a,
	.main-navigation ul ul a {
		padding: 8px 16px 8px 40px;
	}
}