<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>[BuddyPress][4464] trunk/bp-themes/bp-default/rtl.css: Add index to rtl stylesheet.</title>
</head>
<body>

<style type="text/css"><!--
#msg dl.meta { border: 1px #006 solid; background: #369; padding: 6px; color: #fff; }
#msg dl.meta dt { float: left; width: 6em; font-weight: bold; }
#msg dt:after { content:':';}
#msg dl, #msg dt, #msg ul, #msg li, #header, #footer, #logmsg { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt;  }
#msg dl a { font-weight: bold}
#msg dl a:link    { color:#fc3; }
#msg dl a:active  { color:#ff0; }
#msg dl a:visited { color:#cc6; }
h3 { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; font-weight: bold; }
#msg pre { overflow: auto; background: #ffc; border: 1px #fa0 solid; padding: 6px; }
#logmsg { background: #ffc; border: 1px #fa0 solid; padding: 1em 1em 0 1em; }
#logmsg p, #logmsg pre, #logmsg blockquote { margin: 0 0 1em 0; }
#logmsg p, #logmsg li, #logmsg dt, #logmsg dd { line-height: 14pt; }
#logmsg h1, #logmsg h2, #logmsg h3, #logmsg h4, #logmsg h5, #logmsg h6 { margin: .5em 0; }
#logmsg h1:first-child, #logmsg h2:first-child, #logmsg h3:first-child, #logmsg h4:first-child, #logmsg h5:first-child, #logmsg h6:first-child { margin-top: 0; }
#logmsg ul, #logmsg ol { padding: 0; list-style-position: inside; margin: 0 0 0 1em; }
#logmsg > ul, #logmsg > ol { margin-left: 0; margin: 0 0 1em 0; }
#logmsg pre { background: #eee; padding: 1em; }
#logmsg blockquote { border: 1px solid #fa0; border-left-width: 10px; padding: 1em 1em 0 1em; background: white;}
#logmsg dl { margin: 0; }
#logmsg dt { font-weight: bold; }
#logmsg dd { margin: 0; padding: 0 0 0.5em 0; }
#logmsg dd:before { content:'\00bb';}
#logmsg table { border-spacing: 0px; border-collapse: collapse; border-top: 4px solid #fa0; border-bottom: 1px solid #fa0; background: #fff; }
#logmsg table th { text-align: left; font-weight: normal; padding: 0.2em 0.5em; border-top: 1px dotted #fa0; }
#logmsg table td { text-align: right; border-top: 1px dotted #fa0; padding: 0.2em 0.5em; }
#logmsg table thead th { text-align: center; border-bottom: 1px solid #fa0; }
#logmsg table th.Corner { text-align: left; }
#logmsg hr { border: none 0; border-top: 2px dashed #fa0; height: 1px; }
#header, #footer { color: #fff; background: #636; border: 1px #300 solid; padding: 6px; }
#patch { width: 100%; }
#patch h4 {font-family: verdana,arial,helvetica,sans-serif;font-size:10pt;padding:8px;background:#369;color:#fff;margin:0;}
#patch .propset h4, #patch .binary h4 {margin:0;}
#patch pre {padding:0;line-height:1.2em;margin:0;}
#patch .diff {width:100%;background:#eee;padding: 0 0 10px 0;overflow:auto;}
#patch .propset .diff, #patch .binary .diff  {padding:10px 0;}
#patch span {display:block;padding:0 10px;}
#patch .modfile, #patch .addfile, #patch .delfile, #patch .propset, #patch .binary, #patch .copfile {border:1px solid #ccc;margin:10px 0;}
#patch ins {background:#dfd;text-decoration:none;display:block;padding:0 10px;}
#patch del {background:#fdd;text-decoration:none;display:block;padding:0 10px;}
#patch .lines, .info {color:#888;background:#fff;}
--></style>
<div id="msg">
<dl class="meta">
<dt>Revision</dt> <dd>4464</dd>
<dt>Author</dt> <dd>djpaul</dd>
<dt>Date</dt> <dd>2011-06-06 18:36:36 +0000 (Mon, 06 Jun 2011)</dd>
</dl>

<h3>Log Message</h3>
<pre>Add index to rtl stylesheet. Props karmatosed, fixes #3267</pre>

<h3>Modified Paths</h3>
<ul>
<li><a href="#trunkbpthemesbpdefaultrtlcss">trunk/bp-themes/bp-default/rtl.css</a></li>
</ul>

</div>
<div id="patch">
<h3>Diff</h3>
<a id="trunkbpthemesbpdefaultrtlcss"></a>
<div class="modfile"><h4>Modified: trunk/bp-themes/bp-default/rtl.css (4463 => 4464)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/bp-themes/bp-default/rtl.css        2011-06-05 20:30:18 UTC (rev 4463)
+++ trunk/bp-themes/bp-default/rtl.css        2011-06-06 18:36:36 UTC (rev 4464)
</span><span class="lines">@@ -1,38 +1,96 @@
</span><del>-/*
-Theme Name: BuddyPress Default
-*/
-
-/***
-* Right to left styles. This will transform the theme to read from right to left
-* for languages that support this method.
-*/
-
</del><ins>+/*--------------------------------------------------------------
+Hello, this is the BuddyPress Default rtl stylesheet.
+Right to left styles. This will transform the theme to read from 
+right to left for languages that support this method.
+----------------------------------------------------------------
+&gt;&gt;&gt; TABLE OF CONTENTS:
+----------------------------------------------------------------
+1.0 - Structural
+        1.1 - Content
+        1.2 - Header
+        1.3 - Footer
+        1.4 - Sidebar
+2.0 - Non-structural
+        2.1 - Text
+        2.2 - Headers
+        2.3 - Lists
+3.0 - Navigation
+        3.1 - Pagination
+4.0 - WordPress
+        4.1 - Alignments
+        4.2 - Comments
+        4.3 - Gallery
+        4.4 - Images
+        4.5 - Posts
+5.0 - BuddyPress
+        5.1 - Activity
+                5.1.1 - Activity Listing
+                5.1.2 - Activity Comments
+        5.2 - Admin Bar
+        5.3 - Ajax Loading
+        5.4 - Directories - Members, Groups, Blogs, Forums
+        5.5 - Error / Success Messages
+        5.6 - Forms
+        5.7 - Topics and Tables - Forums and General
+        5.8 - Headers, Lists and Tabs - Activity, Groups, Blogs, Forums
+        5.9 - Private Messaging Threads        
+--------------------------------------------------------------*/
+/*--------------------------------------------------------------
+1.0 - Structure
+--------------------------------------------------------------*/
</ins><span class="cx"> body {
</span><span class="cx">         direction: rtl;
</span><span class="cx">         unicode-bidi: embed;
</span><span class="cx"> }
</span><del>-
-
-/* &gt; Global Elements
--------------------------------------------------------------- */
-
</del><span class="cx"> body {
</span><span class="cx">         background: #eaeaea url( _inc/images/background.gif ) top right repeat-x;
</span><span class="cx"> }
</span><del>-.clear {
-        clear: right;
</del><ins>+
+
+/*--------------------------------------------------------------
+1.1 - Content
+--------------------------------------------------------------*/
+div#container {
+        border-left: 0;
+        border-right: 1px solid #e0e0e0;
</ins><span class="cx"> }
</span><del>-img.avatar {
</del><ins>+div#content {
</ins><span class="cx">         float: right;
</span><ins>+        -moz-border-radius-topleft: 0;
+        -moz-border-radius-topright: 6px;
+        -webkit-border-top-right-radius: 6px;
+        -webkit-border-top-left-radius: 0;
+        -moz-border-radius-bottomleft: 0;
+        -moz-border-radius-bottomright: 6px;
+        -webkit-border-bottom-right-radius: 6px;
+        -webkit-border-bottom-left-radius: 0;
</ins><span class="cx"> }
</span><del>-.accessibly-hidden {
-        left: auto;
-        right: -999em;
</del><ins>+div#content .padder {
+        margin-left: 225px;
+        margin-right: 0;
+        border-left: 1px solid #e4e4e4;
+        border-right: 0;
+        -moz-border-radius-topright: 6px;
+        -moz-border-radius-topleft: 0;
+        -webkit-border-top-right-radius: 6px;
+        -webkit-border-top-left-radius: 0;
+        -moz-border-radius-bottomright: 6px;
+        -moz-border-radius-bottomleft: 0;
+        -webkit-border-bottom-right-radius: 6px;
+        -webkit-border-bottom-left-radius: 0;
</ins><span class="cx"> }
</span><ins>+div#content .left-menu {
+        float: right;
+}
+div#content .main-column {
+        margin-right: 190px;
+        margin-left: 0;
+}
</ins><span class="cx"> 
</span><del>-/* &gt; Header
--------------------------------------------------------------- */
</del><span class="cx"> 
</span><ins>+/*--------------------------------------------------------------
+1.2 - Header
+--------------------------------------------------------------*/
</ins><span class="cx"> #header #search-bar {
</span><span class="cx">         left: 0;
</span><span class="cx">         right: auto;
</span><span class="lines">@@ -52,52 +110,23 @@
</span><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> 
</span><del>-/* &gt; Navigation
--------------------------------------------------------------- */
-
-#nav {
-        left: 15px;
-        right: auto;
-}
-#nav li {
-        margin-left: auto;
-        margin-right: 5px;
</del><ins>+/*--------------------------------------------------------------
+1.3 - Footer
+--------------------------------------------------------------*/
+#footer-widget-area div.widget-area &gt; ul {
</ins><span class="cx">         float: right;
</span><ins>+        margin-left: 19px;
+        margin-right: 0;
</ins><span class="cx"> }
</span><del>-#nav li li { 
-        margin-left: auto;
-        margin-right: 0; 
</del><ins>+#footer-widget-area ul.item-list li img.avatar {
+        margin-right: 15px; /* border is 4px */
+        margin-left: 0;
</ins><span class="cx"> }
</span><del>-#nav ul,
-#nav .sfhover ul ul,
-#nav :hover ul ul {
-        left: auto;
-        right: -9999px;
-}
-#nav .sfhover ul,
-#nav :hover ul {
-        left: auto;
-        right: 0;
-}
-#nav .sfhover ul .sfhover &gt; ul,
-#nav :hover ul :hover &gt; ul {
-        left: auto;
-        right: 125px;
-}
</del><span class="cx"> 
</span><span class="cx"> 
</span><del>-/* &gt; Container
--------------------------------------------------------------- */
-
-div#container {
-        border-left: 0;
-        border-right: 1px solid #e0e0e0;
-}
-
-
-/* &gt; Sidebar
--------------------------------------------------------------- */
-
</del><ins>+/*--------------------------------------------------------------
+1.4 - Sidebar
+--------------------------------------------------------------*/
</ins><span class="cx"> div#sidebar {
</span><span class="cx">         float: right;
</span><span class="cx">         margin-right: -226px;
</span><span class="lines">@@ -140,139 +169,106 @@
</span><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> 
</span><del>-/* &gt; Content
--------------------------------------------------------------- */
</del><ins>+/*--------------------------------------------------------------
+2.0 - Non-structural
+--------------------------------------------------------------*/
+p.postmetadata {
+        clear: right;
+}
</ins><span class="cx"> 
</span><del>-div#content {
-        float: right;
-        -moz-border-radius-topleft: 0;
-        -moz-border-radius-topright: 6px;
-        -webkit-border-top-right-radius: 6px;
-        -webkit-border-top-left-radius: 0;
-        -moz-border-radius-bottomleft: 0;
-        -moz-border-radius-bottomright: 6px;
-        -webkit-border-bottom-right-radius: 6px;
-        -webkit-border-bottom-left-radius: 0;
</del><ins>+
+/*--------------------------------------------------------------
+2.1 - Text
+--------------------------------------------------------------*/
+code {
+        font-family: &quot;Monaco&quot;, courier, sans-serif;
</ins><span class="cx"> }
</span><del>-div#content .padder {
-        margin-left: 225px;
-        margin-right: 0;
-        border-left: 1px solid #e4e4e4;
-        border-right: 0;
-        -moz-border-radius-topright: 6px;
-        -moz-border-radius-topleft: 0;
-        -webkit-border-top-right-radius: 6px;
-        -webkit-border-top-left-radius: 0;
-        -moz-border-radius-bottomright: 6px;
-        -moz-border-radius-bottomleft: 0;
-        -webkit-border-bottom-right-radius: 6px;
-        -webkit-border-bottom-left-radius: 0;
</del><ins>+blockquote {
+        font-family: sans-serif;
</ins><span class="cx"> }
</span><del>-div#content .left-menu {
</del><ins>+table th {
+        text-align: right;
+}
+div.author-box,
+div.comment-avatar-box {
</ins><span class="cx">         float: right;
</span><ins>+        margin: 0 0 15px 15px;
+        font-family: sans-serif;
</ins><span class="cx"> }
</span><del>-div#content .main-column {
-        margin-right: 190px;
</del><ins>+div.post-content,
+div.comment-content {
+        margin-right: 105px;
</ins><span class="cx">         margin-left: 0;
</span><span class="cx"> }
</span><ins>+p.date,
+p.postmetadata,
+div.comment-meta,
+div.comment-options {
+        font-family: sans-serif;
+}
</ins><span class="cx"> 
</span><span class="cx"> 
</span><del>-/* &gt; Item Headers (Profiles, Groups)
--------------------------------------------------------------- */
-
-div#item-header img.avatar {
-        float: right;
-        margin: 0 0 25px 15px;
</del><ins>+/*--------------------------------------------------------------
+2.2 - Headers
+--------------------------------------------------------------*/
+/*--------------------------------------------------------------
+2.3 - Lists
+--------------------------------------------------------------*/
+div.page ul,
+div.page ol,
+div.page dl,
+div.post ul,
+div.post ol,
+div.post dl {
+        margin: 0 1.5em 18px 0;
</ins><span class="cx"> }
</span><del>-div#item-header span.activity {
-        margin: 0 4px 5px 0;
</del><ins>+dl {
+        margin-right: 0;
</ins><span class="cx"> }
</span><del>-div#item-header div#item-actions {
-        float: left;
-        margin: 0 15px 15px 0;
-        text-align: left;
-}
-div#item-header ul li {
-        float: left;
-}
-div#item-header div.generic-button,
-div#item-header a.button {
-        float: right;
-        margin: 10px 0 0 10px;
-}
</del><span class="cx"> 
</span><span class="cx"> 
</span><del>-/* &gt; Item Lists (Activity, Friend, Group lists)
--------------------------------------------------------------- */
-
-ul.item-list li img.avatar {
-        float: right;
-        margin: 0 0 0 10px;
-}
-ul.item-list li div.item-desc {
-        margin: 10px 64px 0 0;
-}
-ul.item-list li div.action {
-        left: 0;
</del><ins>+/*--------------------------------------------------------------
+3.0 - Navigation
+--------------------------------------------------------------*/
+#nav {
+        left: 15px;
</ins><span class="cx">         right: auto;
</span><del>-        text-align: left;
</del><span class="cx"> }
</span><del>-
-
-/* &gt; Item Tabs
--------------------------------------------------------------- */
-
-div.item-list-tabs {
-        clear: right;
-}
-div.item-list-tabs ul li {
</del><ins>+#nav li {
+        margin-left: auto;
+        margin-right: 5px;
</ins><span class="cx">         float: right;
</span><del>-        margin: 5px 5px 0 0;
</del><span class="cx"> }
</span><del>-div.item-list-tabs ul li:first-child {
-        margin-left: 0;
-        margin-right: 20px;
</del><ins>+#nav li li { 
+        margin-left: auto;
+        margin-right: 0; 
</ins><span class="cx"> }
</span><del>-div.item-list-tabs ul li.last {
-        float: left;
-        margin: 7px 0 0 20px;
</del><ins>+#nav ul,
+#nav .sfhover ul ul,
+#nav :hover ul ul {
+        left: auto;
+        right: -9999px;
</ins><span class="cx"> }
</span><del>-ul li.loading a {
-        background-position: 8% 50%;
-        padding-left: 30px !important;
-        padding-right: 0 !important;
</del><ins>+#nav .sfhover ul,
+#nav :hover ul {
+        left: auto;
+        right: 0;
</ins><span class="cx"> }
</span><del>-div#item-nav ul li.loading a {
-        background-position: 12% 50%;
</del><ins>+#nav .sfhover ul .sfhover &gt; ul,
+#nav :hover ul :hover &gt; ul {
+        left: auto;
+        right: 125px;
</ins><span class="cx"> }
</span><del>-div.item-list-tabs ul li.feed a {
-        background-position: right center;
-        padding-right: 20px;
-        padding-left: 0;
</del><ins>+.navigation,
+.paged-navigation,
+.comment-navigation {
+        font-family: sans-serif;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> 
</span><del>-/* &gt; Item Body
--------------------------------------------------------------- */
-
-span.activity,
-div#message p {
-        border-left: 1px solid #FFE8C4;
-        border-right: 0;
-}
-
-
-/* &gt; Directories (Members, Groups, Blogs, Forums)
--------------------------------------------------------------- */
-
-div.dir-search {
-        float: left;
-}
-
-
-/* &gt; Pagination
--------------------------------------------------------------- */
-
</del><ins>+/*--------------------------------------------------------------
+3.1 - Pagination
+--------------------------------------------------------------*/
</ins><span class="cx"> div.pagination .pag-count {
</span><span class="cx">         float: right;
</span><span class="cx"> }
</span><span class="lines">@@ -281,108 +277,67 @@
</span><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> 
</span><del>-/* &gt; Buttons
--------------------------------------------------------------- */
-
-a.button,
-input[type=submit],
-input[type=button],
-ul.button-nav li a,
-div.generic-button a {
-        background-position: right top;
</del><ins>+/*--------------------------------------------------------------
+4.0 - WordPress
+--------------------------------------------------------------*/
+/*--------------------------------------------------------------
+4.1 - Alignments
+--------------------------------------------------------------*/
+.alignright {
+        float: left;
</ins><span class="cx"> }
</span><del>-div.accept, div.reject {
</del><ins>+.alignleft {
</ins><span class="cx">         float: right;
</span><del>-        margin-left: 0;
-        margin-right: 10px;
</del><span class="cx"> }
</span><del>-ul.button-nav li {
</del><ins>+.clear {
+        clear: right;
+}
+img.avatar {
</ins><span class="cx">         float: right;
</span><del>-        margin: 0 0 10px 10px;
</del><span class="cx"> }
</span><del>-
-
-/* &gt; AJAX Loaders
--------------------------------------------------------------- */
-
-.ajax-loader {
-        background-position: right center !important;
</del><ins>+.accessibly-hidden {
+        left: auto;
+        right: -999em;
</ins><span class="cx"> }
</span><del>-a.loading {
-        background-position: 5% 50% !important;
-        padding-left: 25px !important;
-        padding-right: 0 !important;
-}
</del><span class="cx"> 
</span><span class="cx"> 
</span><del>-/* &gt; Input Forms
--------------------------------------------------------------- */
-
-.standard-form#signup_form div.submit {
</del><ins>+/*--------------------------------------------------------------
+4.2 - Comments
+--------------------------------------------------------------*/
+.comments {
</ins><span class="cx">         float: left;
</span><span class="cx"> }
</span><del>-.standard-form#signup_form div.signup-avatar {
-        margin-left: 15px;
-        margin-right: 0;
-}
-.standard-form div.submit input {
-        margin-left: 15px;
-        margin-right: 0;
-}
-.standard-form div.radio ul {
-        margin: 10px 38px 15px 0;
-}
-.standard-form #basic-details-section,
-.standard-form #blog-details-section,
-.standard-form #profile-details-section {
-        float: right;
-}
-.standard-form #profile-details-section {
</del><ins>+div.comment-meta em {
</ins><span class="cx">         float: left;
</span><span class="cx"> }
</span><del>-.standard-form #blog-details-section {
-        clear: right;
</del><ins>+
+
+/*--------------------------------------------------------------
+4.3 - Gallery
+--------------------------------------------------------------*/
+dd.wp-caption p.wp-caption-text,
+.wp-caption p.wp-caption-text {
+        padding: 0 0 5px 4px;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> 
</span><del>-/* &gt; Data Tables
--------------------------------------------------------------- */
-table tr td.label {
-        border-left: 1px solid #eaeaea;
-        border-right: 0;
</del><ins>+/*--------------------------------------------------------------
+4.4 - Images
+--------------------------------------------------------------*/
+/*--------------------------------------------------------------
+4.5 - Posts
+--------------------------------------------------------------*/
+.tags {
+        float: right;
</ins><span class="cx"> }
</span><del>-table.forum tr.closed td.td-title {
-        padding-right: 35px;
-        padding-left: 0;
-        background-position: 5% 50%;
-}
-table.forum tr &gt; td:first-child,
-table.forum tr &gt; th:first-child {
-        padding-right: 15px;
-        padding-left: 0;
-}
-table.forum tr &gt; td:last-child,
-table.forum tr &gt; th:last-child {
-        padding-left: 15px;
-        padding-right: 0;
-}
-table.forum tr th#th-title,
-table.forum tr th#th-poster,
-table.forum tr th#th-group,
-table.forum td.td-poster,
-table.forum td.td-group,
-table.forum td.td-title {
-        text-align: right;
-}
-table.forum td img.avatar {
-        margin-left: 5px;
-        margin-right: 0;
-}
</del><span class="cx"> 
</span><span class="cx"> 
</span><del>-/* &gt; Activity Stream Posting
--------------------------------------------------------------- */
-
</del><ins>+/*--------------------------------------------------------------
+5.0 - BuddyPress
+--------------------------------------------------------------*/
+/*--------------------------------------------------------------
+5.1 - Activity
+--------------------------------------------------------------*/
</ins><span class="cx"> form#whats-new-form h5 {
</span><span class="cx">         margin-right: 76px;
</span><span class="cx">         margin-left: 0;
</span><span class="lines">@@ -399,9 +354,9 @@
</span><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> 
</span><del>-/* &gt; Activity Stream Listing
--------------------------------------------------------------- */
-
</del><ins>+/*--------------------------------------------------------------
+5.1.1 - Activity Listing
+--------------------------------------------------------------*/
</ins><span class="cx"> .activity-list li.mini .activity-avatar img.avatar,
</span><span class="cx"> .activity-list li.mini .activity-avatar img.FB_profile_pic {
</span><span class="cx">         margin-right: 36px;
</span><span class="lines">@@ -480,9 +435,9 @@
</span><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> 
</span><del>-/* &gt; Activity Stream Comments
--------------------------------------------------------------- */
-
</del><ins>+/*--------------------------------------------------------------
+5.1.2 - Activity Comments
+--------------------------------------------------------------*/
</ins><span class="cx"> div.activity-meta {
</span><span class="cx">         margin: 0 3px 20px 0;
</span><span class="cx">         clear: right;
</span><span class="lines">@@ -554,31 +509,120 @@
</span><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> 
</span><del>-/* &gt; Private Message Threads
--------------------------------------------------------------- */
</del><ins>+/*--------------------------------------------------------------
+5.2 - Admin Bar
+--------------------------------------------------------------*/
+/*--------------------------------------------------------------
+5.3 - Ajax Loading
+--------------------------------------------------------------*/
+.ajax-loader {
+        background-position: right center !important;
+}
+a.loading {
+        background-position: 5% 50% !important;
+        padding-left: 25px !important;
+        padding-right: 0 !important;
+}
</ins><span class="cx"> 
</span><del>-div.messages-options-nav {
-        text-align: left;
</del><ins>+
+/*--------------------------------------------------------------
+5.4 - Directories - Members, Groups, Blogs, Forums
+--------------------------------------------------------------*/
+div.dir-search {
+        float: left;
</ins><span class="cx"> }
</span><del>-div#message-thread img.avatar {
</del><ins>+
+
+/*--------------------------------------------------------------
+5.5 - Error / Success Messages
+--------------------------------------------------------------*/
+span.activity,
+div#message p {
+        border-left: 1px solid #FFE8C4;
+        border-right: 0;
+}
+
+
+/*--------------------------------------------------------------
+5.6 - Forms
+--------------------------------------------------------------*/
+.standard-form#signup_form div.submit {
+        float: left;
+}
+.standard-form#signup_form div.signup-avatar {
+        margin-left: 15px;
+        margin-right: 0;
+}
+.standard-form div.submit input {
+        margin-left: 15px;
+        margin-right: 0;
+}
+.standard-form div.radio ul {
+        margin: 10px 38px 15px 0;
+}
+.standard-form #basic-details-section,
+.standard-form #blog-details-section,
+.standard-form #profile-details-section {
</ins><span class="cx">         float: right;
</span><del>-        margin: 0 0 0 10px;
</del><span class="cx"> }
</span><del>-div#message-thread strong span.activity {
-        margin: 4px 10px 0 0;
</del><ins>+.standard-form #profile-details-section {
+        float: left;
</ins><span class="cx"> }
</span><del>-div#message-thread div.message-content {
-        margin-right: 45px;
</del><ins>+.standard-form #blog-details-section {
+        clear: right;
+}
+a.button,
+input[type=submit],
+input[type=button],
+ul.button-nav li a,
+div.generic-button a {
+        background-position: right top;
+}
+div.accept, div.reject {
+        float: right;
</ins><span class="cx">         margin-left: 0;
</span><ins>+        margin-right: 10px;
</ins><span class="cx"> }
</span><del>-div#message-thread div.message-options {
-        text-align: left;
</del><ins>+ul.button-nav li {
+        float: right;
+        margin: 0 0 10px 10px;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> 
</span><del>-/* &gt; Group Forum Topics
--------------------------------------------------------------- */
-
</del><ins>+/*--------------------------------------------------------------
+5.7 - Topics and Tables - Forums and General
+--------------------------------------------------------------*/
+table tr td.label {
+        border-left: 1px solid #eaeaea;
+        border-right: 0;
+}
+table.forum tr.closed td.td-title {
+        padding-right: 35px;
+        padding-left: 0;
+        background-position: 5% 50%;
+}
+table.forum tr &gt; td:first-child,
+table.forum tr &gt; th:first-child {
+        padding-right: 15px;
+        padding-left: 0;
+}
+table.forum tr &gt; td:last-child,
+table.forum tr &gt; th:last-child {
+        padding-left: 15px;
+        padding-right: 0;
+}
+table.forum tr th#th-title,
+table.forum tr th#th-poster,
+table.forum tr th#th-group,
+table.forum td.td-poster,
+table.forum td.td-group,
+table.forum td.td-title {
+        text-align: right;
+}
+table.forum td img.avatar {
+        margin-left: 5px;
+        margin-right: 0;
+}
</ins><span class="cx"> ul#topic-post-list li div.post-content {
</span><span class="cx">         margin-right: 54px;
</span><span class="cx">         margin-left: 0;
</span><span class="lines">@@ -593,89 +637,88 @@
</span><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> 
</span><del>-/* &gt; WordPress Blog Styles
--------------------------------------------------------------- */
-
-.navigation,
-.paged-navigation,
-.comment-navigation {
-        font-family: sans-serif;
</del><ins>+/*--------------------------------------------------------------
+5.8 - Headers, Lists and Tabs - Activity, Groups, Blogs, Forums
+--------------------------------------------------------------*/
+div#item-header img.avatar {
+        float: right;
+        margin: 0 0 25px 15px;
</ins><span class="cx"> }
</span><del>-.alignright {
</del><ins>+div#item-header span.activity {
+        margin: 0 4px 5px 0;
+}
+div#item-header div#item-actions {
</ins><span class="cx">         float: left;
</span><ins>+        margin: 0 15px 15px 0;
+        text-align: left;
</ins><span class="cx"> }
</span><del>-.alignleft {
</del><ins>+div#item-header ul li {
+        float: left;
+}
+div#item-header div.generic-button,
+div#item-header a.button {
</ins><span class="cx">         float: right;
</span><ins>+        margin: 10px 0 0 10px;
</ins><span class="cx"> }
</span><del>-div.page ul,
-div.page ol,
-div.page dl,
-div.post ul,
-div.post ol,
-div.post dl {
-        margin: 0 1.5em 18px 0;
</del><ins>+ul.item-list li img.avatar {
+        float: right;
+        margin: 0 0 0 10px;
</ins><span class="cx"> }
</span><del>-dl {
-        margin-right: 0;
</del><ins>+ul.item-list li div.item-desc {
+        margin: 10px 64px 0 0;
</ins><span class="cx"> }
</span><del>-code {
-        font-family: &quot;Monaco&quot;, courier, sans-serif;
</del><ins>+ul.item-list li div.action {
+        left: 0;
+        right: auto;
+        text-align: left;
</ins><span class="cx"> }
</span><del>-blockquote {
-        font-family: sans-serif;
</del><ins>+div.item-list-tabs {
+        clear: right;
</ins><span class="cx"> }
</span><del>-table th {
-        text-align: right;
-}
-div.author-box,
-div.comment-avatar-box {
</del><ins>+div.item-list-tabs ul li {
</ins><span class="cx">         float: right;
</span><del>-        margin: 0 0 15px 15px;
-        font-family: sans-serif;
</del><ins>+        margin: 5px 5px 0 0;
</ins><span class="cx"> }
</span><del>-div.post-content,
-div.comment-content {
-        margin-right: 105px;
</del><ins>+div.item-list-tabs ul li:first-child {
</ins><span class="cx">         margin-left: 0;
</span><ins>+        margin-right: 20px;
</ins><span class="cx"> }
</span><del>-p.date,
-p.postmetadata,
-div.comment-meta,
-div.comment-options {
-        font-family: sans-serif;
</del><ins>+div.item-list-tabs ul li.last {
+        float: left;
+        margin: 7px 0 0 20px;
</ins><span class="cx"> }
</span><del>-p.postmetadata {
-        clear: right;
</del><ins>+ul li.loading a {
+        background-position: 8% 50%;
+        padding-left: 30px !important;
+        padding-right: 0 !important;
</ins><span class="cx"> }
</span><del>-.tags {
-        float: right;
</del><ins>+div#item-nav ul li.loading a {
+        background-position: 12% 50%;
</ins><span class="cx"> }
</span><del>-.comments {
-        float: left;
</del><ins>+div.item-list-tabs ul li.feed a {
+        background-position: right center;
+        padding-right: 20px;
+        padding-left: 0;
</ins><span class="cx"> }
</span><del>-dd.wp-caption p.wp-caption-text,
-.wp-caption p.wp-caption-text {
-        padding: 0 0 5px 4px;
-}
</del><span class="cx"> 
</span><span class="cx"> 
</span><del>-/* &gt; WordPress Blog Comment Styles
--------------------------------------------------------------- */
-
-div.comment-meta em {
-        float: left;
</del><ins>+/*--------------------------------------------------------------
+5.9 - Private Messaging Threads
+--------------------------------------------------------------*/
+div.messages-options-nav {
+        text-align: left;
</ins><span class="cx"> }
</span><del>-
-
-/* &gt; Footer
--------------------------------------------------------------- */
-
-#footer-widget-area div.widget-area &gt; ul {
</del><ins>+div#message-thread img.avatar {
</ins><span class="cx">         float: right;
</span><del>-        margin-left: 19px;
-        margin-right: 0;
</del><ins>+        margin: 0 0 0 10px;
</ins><span class="cx"> }
</span><del>-#footer-widget-area ul.item-list li img.avatar {
-        margin-right: 15px; /* border is 4px */
</del><ins>+div#message-thread strong span.activity {
+        margin: 4px 10px 0 0;
+}
+div#message-thread div.message-content {
+        margin-right: 45px;
</ins><span class="cx">         margin-left: 0;
</span><ins>+}
+div#message-thread div.message-options {
+        text-align: left;
</ins><span class="cx"> }
</span><span class="cx">\ No newline at end of file
</span></span></pre>
</div>
</div>

</body>
</html>