Update rtl.css to support RTL languages

rtl.css

@@ -1,17 +1,88 @@
 /*
 Theme Name: _s
 
-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.
+Support for language written in a Right To Left (RTL) Is Ready.
+Just do Your Magic in style.css and everything will be allright.
 
 http://codex.wordpress.org/Right_to_Left_Language_Support
 
 */
 
-/*
-body {
-	direction: rtl;
-	unicode-bidi: embed;
+/* =Reset Right To Left
+-------------------------------------------------------------- */
+
+/* Global Reset */
+body,
+button,
+input,
+select,
+textarea {
+	font-family: inherit;
+}
+
+/* Text elements Reset */
+ul, ol {
+	margin: 0 3em 1.5em 0;
+}
+
+pre {
+	font-family: inherit;
+}
+
+code, kbd, tt, var {
+	font: 15px inherit;
+}
+
+
+caption, th, td {
+	text-align: right;
+}
+
+li > ul,
+li > ol {
+	margin-left: 0;
+	margin-right: 1.5em;
+}
+
+textarea {
+	padding-left: 0;
+	padding-right: 3px;
+}
+
+/* Text meant only for screen readers Reset */
+.screen-reader-text:hover,
+.screen-reader-text:active,
+.screen-reader-text:focus {
+	left: auto;
+	right: 5px;
+}
+
+/* Menu Reset */
+.navigation-main {
+	float: right;
+}
+
+.navigation-main li {
+	float: right;
+}
+
+.navigation-main ul ul {
+	left: auto;
+	right: 0;
+}
+
+.navigation-main ul ul ul {
+	left: auto;
+	right: 100%;
+	top: 0;
+}
+
+/* Navigation Reset */
+[class*="navigation"] .nav-previous {
+	float: right;
+}
+
+[class*="navigation"] .nav-next {
+	float: left;
+	text-align: left;
 }
-*/