Merge of branches/jambazov to trunk. Incoporating the new convert comment to answer...

[osqa.git] / forum / skins / default / media / style / style.css

diff --git a/forum/skins/default/media/style/style.css b/forum/skins/default/media/style/style.css
index f752a856bf270082a31abfccc991327969c7befe..e0b805220504ab446420aa8830622098941fe060 100644 (file)
--- a/forum/skins/default/media/style/style.css
+++ b/forum/skins/default/media/style/style.css
@@ -1,6 +1,8 @@
 @import "jquery.autocomplete.css";
 
 body {
 @import "jquery.autocomplete.css";
 
 body {

+    /*overflow-y: scroll;
+    height: 100%; */

     background: none repeat scroll 0 0 #FFFFFF;
     color: #000000;
     font-family: sans-serif;
     background: none repeat scroll 0 0 #FFFFFF;
     color: #000000;
     font-family: sans-serif;


@@ -15,7 +17,7 @@ div {
     padding: 0;
 }
 
     padding: 0;
 }
 

-h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd, form, img, p {
+h1, h2, h3, ul, li, form, img, p {

     border: medium none;
     margin: 0;
     padding: 0;
     border: medium none;
     margin: 0;
     padding: 0;


@@ -25,6 +27,14 @@ label {
     vertical-align: middle;
 }
 
     vertical-align: middle;
 }
 

+.login label {
+    display: block;
+}
+
+.login .form-row-vertical {
+    margin-bottom: 8px;
+}
+

 hr {
     border-color: #CCCCCE -moz-use-text-color -moz-use-text-color;
     border-right: medium none;
 hr {
     border-color: #CCCCCE -moz-use-text-color -moz-use-text-color;
     border-right: medium none;


@@ -33,7 +43,7 @@ hr {
 }
 
 input, select {
 }
 
 input, select {

-    font-family: Trebuchet MS, "segoe ui", Helvetica, "Microsoft YaHei", å ® ‹ ä ½ “, Tahoma, Verdana, MingLiu, PMingLiu, Arial, sans-serif;
+    font-family: Trebuchet MS, "segoe ui", Helvetica, "Microsoft YaHei", Tahoma, Verdana, MingLiu, PMingLiu, Arial, sans-serif;

     vertical-align: middle;
 }
 
     vertical-align: middle;
 }
 


@@ -48,6 +58,12 @@ a {
     text-decoration: none;
 }
 
     text-decoration: none;
 }
 

+.clear {
+  clear: both;
+  width: 0px;
+  height: 0px;
+}
+

 .badges a {
     color: #763333;
     text-decoration: underline;
 .badges a {
     color: #763333;
     text-decoration: underline;


@@ -57,86 +73,10 @@ a:hover {
     text-decoration: underline;
 }
 
     text-decoration: underline;
 }
 

-.block {
-    height: auto;
-    width: 960px;
-}
-
-.fleft {
-    float: left;
-}
-
-.fright {
-    float: right;
-}
-
-.tleft {
-    text-align: left;
-}
-
-.tcenter {
-    text-align: center;
-}
-

 .tright {
     text-align: right;
 }
 
 .tright {
     text-align: right;
 }
 

-.dis {
-    display: block;
-}
-
-.inline {
-    display: inline;
-}
-
-.none {
-    display: none;
-}
-
-.red {
-    color: #CC0000;
-}
-
-.b {
-    font-weight: bold;
-}
-
-.f10 {
-    font-size: 10px;
-}
-
-.f11 {
-    font-size: 11px;
-}
-
-.f12 {
-    font-size: 12px;
-}
-
-.f13 {
-    font-size: 13px;
-}
-
-.f14 {
-    font-size: 14px;
-}
-
-.white {
-    color: #FFFFFF;
-}
-
-.u {
-    text-decoration: underline;
-}
-
-.spacer1 {
-    clear: both;
-    height: 6px;
-    line-height: 6px;
-    visibility: hidden;
-}
-

 .spacer3 {
     clear: both;
     height: 30px;
 .spacer3 {
     clear: both;
     height: 30px;


@@ -147,16 +87,19 @@ a:hover {
 h1 {
     font-size: 160%;
     padding: 5px 0;
 h1 {
     font-size: 160%;
     padding: 5px 0;

+    line-height: 110%;

 }
 
 h2 {
     font-size: 140%;
     padding: 3px 0;
 }
 
 h2 {
     font-size: 140%;
     padding: 3px 0;

+    line-height: 110%;

 }
 
 h3 {
     font-size: 120%;
     padding: 3px 0;
 }
 
 h3 {
     font-size: 120%;
     padding: 3px 0;

+    line-height: 110%;

 }
 
 ul {
 }
 
 ul {


@@ -202,18 +145,18 @@ blockquote {
     margin-bottom: 10px;
     margin-right: 15px;
     padding: 10px 0 1px 10px;
     margin-bottom: 10px;
     margin-right: 15px;
     padding: 10px 0 1px 10px;

+    max-width: 650px;

 }
 
 }
 

-#wrapper {
+#wrapper, #announcement {

     margin: auto;
     padding: 0;
     width: 990px;
     margin: auto;
     padding: 0;
     width: 990px;

+    background-color: #FFF;

 }
 
 #roof {
 }
 
 #roof {

-    background: none repeat scroll 0 0 #FFFFFF;
-    margin-top: 0;
-    position: relative;
+    width: 990px;

 }
 
 #room {
 }
 
 #room {


@@ -245,17 +188,14 @@ blockquote {
     padding-bottom: 0;
     padding-top: 6px;
     text-align: center;
     padding-bottom: 0;
     padding-top: 6px;
     text-align: center;

-    width: 100%;
+    width: 990px;

 }
 
 #top {
 }
 
 #top {

+    float: right;

     background-color: #FFFFFF;
     background-color: #FFFFFF;

-    height: 20px;

     padding: 3px;
     padding: 3px;

-    position: absolute;
-    right: 0;

     text-align: right;
     text-align: right;

-    top: 0;

     width: 500px;
 }
 
     width: 500px;
 }
 


@@ -269,20 +209,17 @@ blockquote {
 }
 
 #logo {
 }
 
 #logo {

+    float: left;

     padding: 5px 0 0;
 }
 
     padding: 5px 0 0;
 }
 

-#navBar {
-    display: block;
-    position: relative;
-    width: 990px;
-}
-
-#navBar .nav {
-    margin: 20px 0 0 16px;
+#nav {
+    float: right;
+    margin: 35px 0px 0px 0px;
+    width: 750px;

 }
 
 }
 

-#navBar .nav a {
+#nav a {

     background-color: #E5EBF8;
     border-color: #888888 #888888 -moz-use-text-color;
     border-style: solid solid none;
     background-color: #E5EBF8;
     border-color: #888888 #888888 -moz-use-text-color;
     border-style: solid solid none;


@@ -299,11 +236,11 @@ blockquote {
     text-decoration: none;
 }
 
     text-decoration: none;
 }
 

-#navBar .nav a:hover {
+#nav a:hover {

     text-decoration: underline;
 }
 
     text-decoration: underline;
 }
 

-#navBar .nav a.on {
+#nav a.on {

     background: none repeat scroll 0 0 #356FCB;
     border: 1px solid #356FCB;
     color: #FFFFFF;
     background: none repeat scroll 0 0 #356FCB;
     border: 1px solid #356FCB;
     color: #FFFFFF;


@@ -313,23 +250,24 @@ blockquote {
     text-decoration: none;
 }
 
     text-decoration: none;
 }
 

-#navBar .nav a.special {
+#nav a#nav_ask {
+    float: right;

     color: #B02B2C;
     font-size: 14px;
     font-weight: bold;
     text-decoration: none;
 }
 
     color: #B02B2C;
     font-size: 14px;
     font-weight: bold;
     text-decoration: none;
 }
 

-#navBar .nav a.special:hover {
+#nav a#nav_ask:hover {

     text-decoration: underline;
 }
 
     text-decoration: underline;
 }
 

-#navBar .nav div.focus {
-    float: right;
-    padding-right: 0;
+#nav a#nav_ask.on {
+   color: #FFFFFF;

 }
 
 #searchBar {
 }
 
 #searchBar {

+    text-align: center;

     background-color: #B6C4E2;
     border-color: #EEEEEC #A9ACA5 #BABDB6 #EEEEEC;
     border-style: solid;
     background-color: #B6C4E2;
     border-color: #EEEEEC #A9ACA5 #BABDB6 #EEEEEC;
     border-style: solid;


@@ -342,6 +280,8 @@ blockquote {
 }
 
 #searchBar .searchInput {
 }
 
 #searchBar .searchInput {

+    border: 0px;
+    padding: 3px;

     font-size: 13px;
     height: 18px;
     width: 400px;
     font-size: 13px;
     height: 18px;
     width: 400px;


@@ -374,121 +314,31 @@ blockquote {
     width: 100%;
 }
 
     width: 100%;
 }
 

-#listA .qstA {
-    background: none repeat scroll 0 0 white;
-    border-top: 1px dashed #CCCCCE;
-    padding: 3px 5px 5px 10px;
-    position: relative;
-}
-
-#listA .qstA thumb {
-    float: left;
-}
-
-#listA .qstA h2 {
-    font-size: 14px;
-    font-weight: 800;
-    margin: 8px auto;
-    padding: 0;
-}
-
-#listA .qstA h2 a {
-    font-size: 15px;
-}
-
-#listA .qstA .stat {
-    bottom: 5px;
-    float: right;
-    font-size: 12px;
-    position: absolute;
-    right: 0;
-}
-
-#listA .qstA .stat span {
-    margin-right: 5px;
-}
-
-#listA .qstA .stat td {
-    min-width: 40px;
-    text-align: center;
-}
-
-#listA .qstA .stat .num {
-    color: #A40000;
-    font-family: sans-serif;
-    font-size: 17px;
-    font-weight: 800;
-    margin: 0;
-}
-
-#listA .qstA table {
-    border-spacing: 0;
-}
-
-#listA .qstA table td {
-    padding: 0;
-    text-align: center;
-    width: 60px;
-}
-
-#listA .qstA .stat .unit {
-    color: #777777;
-    margin: 0;
-}
-
-#listA .qstA .from {
-    color: #777777;
-    font-size: 13px;
-    margin-top: 5px;
-}
-
-#listA .qstA .from .score {
-    color: #555555;
-    font-family: sans-serif;
-}
-
-#listA .qstA .date {
-    color: #777777;
-    margin-left: 10px;
-}
-
-#listA .qstA .wiki {
-    color: #763333;
-    font-size: 12px;
-}
-
-#listA .qstA .from a {
-}
-
-#listA .qstA .from img {
-    vertical-align: middle;
-}
-
-#listA .qstA .author {
-    font-weight: 400;
-}
-
-#listA .qstA .author a {
-    color: #444444;
-}
-
-#listA .qstA .summary {
-    margin-right: 5px;
+.thousand {
+    color: orange;

 }
 
 .short-summary {
     border-top: 1px dotted #CCCCCE;
     float: left;
     overflow: hidden;
 }
 
 .short-summary {
     border-top: 1px dotted #CCCCCE;
     float: left;
     overflow: hidden;

-    padding: 3px 5px 5px 0;
+    padding: 3px 0px 5px 0;

     position: relative;
     position: relative;

-    width: 730px;
+    width: 740px;
+}
+
+#listA .short-summary:first-of-type {
+    border-top: 0;
+}
+
+.user-stats-table .short-summary {
+    width: 764px;

 }
 
 .short-summary h2 a {
     color: #2A5594;
     font-family: "Trebuchet MS", "segoe ui", arial, sans-serif;
 }
 
 .short-summary h2 a {
     color: #2A5594;
     font-family: "Trebuchet MS", "segoe ui", arial, sans-serif;

-    font-size: 16px;
+    font-size: 17px;

 }
 
 .short-summary .userinfo {
 }
 
 .short-summary .userinfo {


@@ -503,14 +353,19 @@ blockquote {
 
 .short-summary .counts {
     float: left;
 
 .short-summary .counts {
     float: left;

-    margin-right: 8px;
+    margin-right: 0px;

     margin-top: 4px;
     margin-top: 4px;

-    padding-right: 6px;
+    padding-right: 2px;

 }
 
 .short-summary .counts .item-count {
     font-size: 17px;
 }
 
 .short-summary .counts .item-count {
     font-size: 17px;

-    font-weight: 800;
+    font-weight: bold;
+}
+
+.short-summary .question-summary-wrapper {
+  float: right;
+  width: 565px;

 }
 
 .short-summary .votes, .short-summary .status, .short-summary .views {
 }
 
 .short-summary .votes, .short-summary .status, .short-summary .views {


@@ -518,10 +373,10 @@ blockquote {
     border-bottom: 1px solid #CCCCCC;
     border-right: 1px solid #CCCCCC;
     float: left;
     border-bottom: 1px solid #CCCCCC;
     border-right: 1px solid #CCCCCC;
     float: left;

-    font-size: 12px;
-    height: 48px;
-    margin: 0 0 0 7px;
-    padding: 4px 2px 0;
+    font-size: 11px;
+    height: 42px;
+    margin: 0 6px 0 0px;
+    padding: 8px 2px 0;

     text-align: center;
     width: 46px;
 }
     text-align: center;
     width: 46px;
 }


@@ -530,21 +385,23 @@ blockquote {
     color: #666666;
 }
 
     color: #666666;
 }
 

-#question-table {
-    margin-bottom: 10px;
+.short-summary .favorites {
+    width: 24px;
+    float: left;
+    text-align: center;

 }
 
 }
 

-.evenMore {
-    font-size: 14px;
-    font-weight: 800;
+#question-table {
+    margin-bottom: 10px;

 }
 
 .questions-count {
     color: #A40000;
     font-family: sans-serif;
 }
 
 .questions-count {
     color: #A40000;
     font-family: sans-serif;

-    font-size: 32px;
+    font-size: 24px;

     font-weight: 600;
     margin-top: 3px;
     font-weight: 600;
     margin-top: 3px;

+    margin-right: 5px;

     padding: 0 0 5px 0;
 }
 
     padding: 0 0 5px 0;
 }
 


@@ -575,36 +432,6 @@ blockquote {
     text-align: right;
 }
 
     text-align: right;
 }
 

-.boxB {
-    background: none repeat scroll 0 0 #F9F7ED;
-    border: 1px solid #AAAAAA;
-    margin-bottom: 8px;
-    padding: 6px;
-}
-
-.boxB h3 {
-    background: url("../images/dot-g.gif") no-repeat scroll left center transparent;
-    color: #000000;
-    font-size: 13px;
-    font-weight: 800;
-    margin: 0 0 4px;
-    padding: 0 0 0 15px;
-}
-
-.boxB .body {
-    background: none repeat scroll 0 0 #FFFFFF;
-    border: 1px solid #AAAAAA;
-    font-size: 13px;
-    line-height: 160%;
-    padding: 8px;
-}
-
-.boxB .more {
-    font-weight: 800;
-    padding: 1px;
-    text-align: right;
-}
-

 .boxC {
     background: none repeat scroll 0 0 #E5EBF8;
     border-color: #EEEEEC #A9ACA5 #BABDB6 #EEEEEC;
 .boxC {
     background: none repeat scroll 0 0 #E5EBF8;
     border-color: #EEEEEC #A9ACA5 #BABDB6 #EEEEEC;


@@ -644,18 +471,6 @@ blockquote {
     padding: 5px 0 10px;
 }
 
     padding: 5px 0 10px;
 }
 

-.paginator .prev-na, .paginator .next-na {
-    font: bold 0.875em sans-serif;
-    padding: 0.3em;
-}
-
-.paginator .prev-na, .paginator .next-na {
-    background-color: #F9F9F9;
-    border: 1px solid #CCCCCC;
-    color: #AAAAAA;
-    font-weight: normal;
-}
-

 .paginator .prev a, .paginator .prev a:visited, .paginator .next a, .paginator .next a:visited {
     background-color: #FFFFFF;
     border: 1px solid #FFFFFF;
 .paginator .prev a, .paginator .prev a:visited, .paginator .next a, .paginator .next a:visited {
     background-color: #FFFFFF;
     border: 1px solid #FFFFFF;


@@ -664,15 +479,15 @@ blockquote {
     padding: 2px 4px 3px;
 }
 
     padding: 2px 4px 3px;
 }
 

-.paginator .prev, .paginator .prev-na {
+.paginator .prev {

     margin-right: 0.5em;
 }
 
     margin-right: 0.5em;
 }
 

-.paginator .next, .paginator .next-na {
+.paginator .next {

     margin-left: 0.5em;
 }
 
     margin-left: 0.5em;
 }
 

-.paginator .page a, .paginator .page a:visited, .paginator .curr {
+.paginator .page, .paginator .page a:visited, .paginator .curr {

     background-color: #FFFFFF;
     border: 1px solid #CCCCCC;
     color: #777777;
     background-color: #FFFFFF;
     border: 1px solid #CCCCCC;
     color: #777777;


@@ -688,7 +503,7 @@ blockquote {
     font-weight: bold;
 }
 
     font-weight: bold;
 }
 

-.paginator .page a:hover, .paginator .curr a:hover, .paginator .prev a:hover, .paginator .next a:hover {
+.paginator .page:hover, .paginator .prev a:hover, .paginator .next a:hover {

     background-color: #777777;
     border: 1px solid #777777;
     color: #FFFFFF;
     background-color: #777777;
     border: 1px solid #777777;
     color: #FFFFFF;


@@ -701,11 +516,6 @@ blockquote {
     padding: 0.3em;
 }
 
     padding: 0.3em;
 }
 

-.paginator-container {
-    float: right;
-    padding: 10px 0;
-}
-

 .paginator-container-left {
     padding: 5px 0 10px;
 }
 .paginator-container-left {
     padding: 5px 0 10px;
 }


@@ -734,28 +544,6 @@ blockquote {
     color: #FFFFFF;
 }
 
     color: #FFFFFF;
 }
 

-.tagsbox {
-    line-height: 200%;
-}
-
-.tagsbox a {
-    background-color: #EEEEEE;
-    border-color: #EEEEEE #CCCCCC #CCCCCC #777777;
-    border-left: 3px solid #777777;
-    border-style: solid;
-    border-width: 1px 1px 1px 3px;
-    color: #333333;
-    font-size: 13px;
-    font-weight: normal;
-    padding: 1px 8px;
-    text-decoration: none;
-}
-
-.tagsbox a:hover {
-    background-color: #FFFFFF;
-    color: #333333;
-}
-

 .tag-number {
     font-family: sans-serif;
     font-weight: 700;
 .tag-number {
     font-family: sans-serif;
     font-weight: 700;


@@ -766,11 +554,6 @@ blockquote {
     margin-top: 0;
 }
 
     margin-top: 0;
 }
 

-.deletable-tag {
-    margin-right: 3px;
-    white-space: nowrap;
-}
-

 a.medal {
     background: none repeat scroll 0 0 #FFFFCD;
     border-color: #EEEEEE #CCCCCC #CCCCCC #EEEEEE;
 a.medal {
     background: none repeat scroll 0 0 #FFFFCD;
     border-color: #EEEEEE #CCCCCC #CCCCCC #EEEEEE;


@@ -813,16 +596,7 @@ a.medal:hover {
     position: relative;
 }
 
     position: relative;
 }
 

-.tabsB {
-    background-color: #FFFFFF;
-    display: block;
-    float: left;
-    font-weight: bold;
-    height: 20px;
-    position: relative;
-}
-
-.tabsA a {
+.tabsA a, .sticky-sort-tabs {

     background: none repeat scroll 0 0 #EEEEEE;
     border-bottom: 1px solid #CCCCCC;
     border-right: 1px solid #CCCCCC;
     background: none repeat scroll 0 0 #EEEEEE;
     border-bottom: 1px solid #CCCCCC;
     border-right: 1px solid #CCCCCC;


@@ -832,33 +606,35 @@ a.medal:hover {
     height: 20px;
     line-height: 22px;
     margin: 5px 4px 0 0;
     height: 20px;
     line-height: 22px;
     margin: 5px 4px 0 0;

-    padding: 0 11px;

     text-decoration: none;
 }
 
     text-decoration: none;
 }
 

-.tabsA a.on, .tabsA a:hover, .tabsB a.on, .tabsB a:hover {
+.tabsA a {
+    padding: 0 11px;    
+}
+
+.sticky-sort-tabs {
+    width: 20px;
+    padding: 0;
+}
+
+.sticky-sort-tabs input {
+    border: 0;
+    height: 14px;
+    width: 14px;
+    margin: 2px;
+}
+
+.tabsA a.on, .tabsA a:hover {

     background: none repeat scroll 0 0 #FFFFFF;
     color: #A40000;
 }
 
     background: none repeat scroll 0 0 #FFFFFF;
     color: #A40000;
 }
 

-.tabsA a:hover, .tabsB a:hover {
+.tabsA a:hover {

     background: none repeat scroll 0 0 #356FCB;
     color: #FFFFFF;
 }
 
     background: none repeat scroll 0 0 #356FCB;
     color: #FFFFFF;
 }
 

-.tabsB a {
-    background: none repeat scroll 0 0 #EEEEEE;
-    border: 1px solid #EEEEEE;
-    color: #777777;
-    display: block;
-    float: left;
-    height: 22px;
-    line-height: 28px;
-    margin: 5px 0 0 4px;
-    padding: 0 11px;
-    text-decoration: none;
-}
-

 .headlineA {
     border-bottom: 1px solid #777777;
     font-size: 13px;
 .headlineA {
     border-bottom: 1px solid #777777;
     font-size: 13px;


@@ -881,22 +657,6 @@ a.medal:hover {
     padding: 0 6px 0 15px;
 }
 
     padding: 0 6px 0 15px;
 }
 

-.headAnswers {
-    background: url("../images/ico_answers.gif") no-repeat scroll left 2px transparent;
-    float: left;
-    font-size: 18px;
-    font-weight: 800;
-    padding: 3px 3px 3px 24px;
-}
-
-.headTags {
-    background: url("../images/ico_tags.gif") no-repeat scroll 0 0 transparent;
-    float: left;
-    font-size: 18px;
-    font-weight: 800;
-    padding: 3px 3px 3px 24px;
-}
-

 .headUsers {
     background: url("../images/dot-list.gif") no-repeat scroll left center transparent;
     border-bottom: 0 solid #777777;
 .headUsers {
     background: url("../images/dot-list.gif") no-repeat scroll left center transparent;
     border-bottom: 0 solid #777777;


@@ -921,14 +681,6 @@ a.medal:hover {
     padding: 0 6px 0 15px;
 }
 
     padding: 0 6px 0 15px;
 }
 

-.headLogin {
-    background: url("../images/ico_login.gif") no-repeat scroll 0 0 transparent;
-    float: left;
-    font-size: 15px;
-    font-weight: 800;
-    padding: 3px 3px 3px 24px;
-}
-

 .headNormal {
     border-bottom: 1px solid #777777;
     font-size: 15px;
 .headNormal {
     border-bottom: 1px solid #777777;
     font-size: 15px;


@@ -947,43 +699,6 @@ a.medal:hover {
     text-align: left;
 }
 
     text-align: left;
 }
 

-#feeds {
-    margin: 10px 0;
-}
-
-#feeds a {
-    background: url("../images/feed-icon-small.png") no-repeat scroll 0 50% transparent;
-    font-size: 13px;
-    font-weight: 700;
-    padding-left: 18px;
-}
-
-#question {
-    margin-bottom: 30px;
-}
-
-#question h1 {
-    background: none repeat scroll 0 0 #CCCCCC;
-    font-size: 15px;
-    padding: 6px 8px;
-}
-
-#question .body {
-    background: none repeat scroll 0 0 #F7F7F7;
-    padding: 20px 10px;
-}
-
-.starter {
-    background: none repeat scroll 0 0 #E0EAF1;
-    padding: 10px;
-}
-
-.vote {
-    color: #666666;
-    font-size: 20px;
-    font-weight: 800;
-}
-

 .questions-related {
     font-weight: 700;
     word-wrap: break-word;
 .questions-related {
     font-weight: 700;
     word-wrap: break-word;


@@ -995,17 +710,6 @@ a.medal:hover {
     margin-bottom: 10px;
 }
 
     margin-bottom: 10px;
 }
 

-.question-status {
-    background-color: #F5F5F5;
-    margin-top: 10px;
-    padding: 20px;
-    text-align: center;
-}
-
-.question-status h3 {
-    font-size: 125%;
-}
-

 .question-body {
     font-size: 13px;
     line-height: 20px;
 .question-body {
     font-size: 13px;
     line-height: 20px;


@@ -1013,18 +717,7 @@ a.medal:hover {
 }
 
 .question-body img {
 }
 
 .question-body img {

-    max-width: 600px;
-}
-
-.question-mark {
-    overflow: hidden;
-    padding: 5px;
-    text-align: left;
-}
-
-.question-edit {
-    overflow: hidden;
-    text-align: left;
+    max-width: 640px;

 }
 
 .vote-buttons {
 }
 
 .vote-buttons {


@@ -1032,101 +725,17 @@ a.medal:hover {
     text-align: center;
 }
 
     text-align: center;
 }
 

-.vote-buttons img {
-    cursor: pointer;
-}
-
-.vote-notification {
-    background-color: darkred;
-    color: White;
-    cursor: pointer;
-    display: none;
-    padding: 15px;
-    position: absolute;
-    text-align: center;
-    z-index: 1;
-}
-
-.vote-notification a {
-    color: White;
-    text-decoration: underline;
-}
-
-.offensive-flag a {
-    color: #777777;
-    cursor: pointer;
-    padding: 3px;
-}
-
-.offensive-flag a:hover {
-    background-color: #777777;
-    color: #FFFFFF;
-    text-decoration: none;
-}
-
-.linksopt a {
-    color: #777777;
-    cursor: pointer;
-    padding: 3px;
-}
-
-.linksopt a:hover {
-    background-color: #777777;
-    color: #FFFFFF;
-    text-decoration: none;
-}
-
-.wiki-category {
-    color: #999999;
-    font-size: 90%;
-    margin-left: 5px;
-}
-
-div.comments {
-    line-height: 150%;
-    padding: 10px 0;
-}
-
-div.post-comments {
-    background: url("../images/gray-up-arrow-h18px.png") no-repeat scroll 0 0 transparent;
-    clear: both;
-    margin: 3px 0 10px;
-    padding-left: 12px;
-    width: 100%;
-}
-
-form.post-comments textarea {
-    height: 6em;
-    margin-bottom: 4px;
-}
-
-form.post-comments input {
-    margin-left: 10px;
-    margin-top: 1px;
-    vertical-align: top;
-    width: 100px;
-}
-

 span.form-error {
     color: #990000;
     font-weight: normal;
     margin-left: 5px;
 }
 
 span.form-error {
     color: #990000;
     font-weight: normal;
     margin-left: 5px;
 }
 

-p.form-item {
-    margin: 0;
-}
-
-div.comments-container, div.comments-container-accepted, div.comments-container-owner, div.comments-container-deleted {
-    padding: 0;
-}
-
-.post-comments a {
-    color: #888888;
-    padding: 0 3px 2px;
-}
-
-#answers {
+ul.errorlist li {
+    color: #990000;
+    font-weight: normal;
+    margin-left: 0px;
+    margin-top: 5px;

 }
 
 .answer {
 }
 
 .answer {


@@ -1142,7 +751,11 @@ div.comments-container, div.comments-container-accepted, div.comments-container-
 }
 
 .answer-body img {
 }
 
 .answer-body img {

-    max-width: 600px;
+    max-width: 640px;
+}
+
+.answered-by-owner {
+    background: none repeat scroll 0 0 #E9E9FF;

 }
 
 .accepted-answer {
 }
 
 .accepted-answer {


@@ -1150,20 +763,12 @@ div.comments-container, div.comments-container-accepted, div.comments-container-
     border-bottom-color: #9BD59B;
 }
 
     border-bottom-color: #9BD59B;
 }
 

-.accepted-answer .comments-link {
-    background-color: #CCFFBF;
-}
-
-.accepted-answer .comments-container {
-    background-color: #CCFFBF;
-}
-

 .answered {
     background: none repeat scroll 0 0 #E5EBF8;
     color: #314362;
 }
 
 .answered {
     background: none repeat scroll 0 0 #E5EBF8;
     color: #314362;
 }
 

-.answered-accepted {
+.answered-accepted, .answer-votes.answered-accepted {

     background: none repeat scroll 0 0 #E6F8DD;
     color: #3A6231;
 }
     background: none repeat scroll 0 0 #E6F8DD;
     color: #3A6231;
 }


@@ -1173,30 +778,6 @@ div.comments-container, div.comments-container-accepted, div.comments-container-
     color: #6B2B28;
 }
 
     color: #6B2B28;
 }
 

-.answered-by-owner {
-    background: none repeat scroll 0 0 #E9E9FF;
-}
-
-.answered-by-owner .comments-link {
-    background-color: #E6ECFF;
-}
-
-.answered-by-owner .comments-container {
-    background-color: #E6ECFF;
-}
-
-.answered-accepted strong {
-    color: #E1E818;
-}
-
-.answer-img-accept:hover {
-    background: url("../images/vote-accepted-on.png") repeat scroll 0 0 transparent;
-}
-
-.deleted {
-    background: none repeat scroll 0 0 #F4E7E7;
-}
-

 .tagsList {
     list-style-type: none;
     margin: 0;
 .tagsList {
     list-style-type: none;
     margin: 0;


@@ -1250,11 +831,6 @@ table.form-as-table li {
     display: inline;
 }
 
     display: inline;
 }
 

-table.form-as-table th {
-    font-weight: normal;
-    text-align: left;
-}
-

 table.form-as-table pre {
     display: inline;
 }
 table.form-as-table pre {
     display: inline;
 }


@@ -1270,61 +846,14 @@ table.check-table td {
     padding-top: 10px;
 }
 
     padding-top: 10px;
 }
 

-.errors {
-    color: red;
-    line-height: 20px;
-}
-

 .error {
     color: darkred;
     font-size: 10px;
     margin: 0;
 }
 
 .error {
     color: darkred;
     font-size: 10px;
     margin: 0;
 }
 

-.error-list li {
-    padding: 5px;
-}
-
-.fieldset {
-    border: medium none;
-    margin-top: 10px;
-    padding: 10px;
-}
-
-.openid-input {
-    background: url("../images/openid.gif") no-repeat scroll 0 0 transparent;
-    cursor: pointer;
-    padding-left: 15px;
-}
-
-.openid-login-input {
-    background: url("../images/openid.gif") no-repeat scroll 0 50% transparent;
-    cursor: pointer;
-    font-family: Trebuchet MS;
-    font-size: 150%;
-    font-weight: 300;
-    padding: 5px 5px 5px 15px;
-    width: 500px;
-}
-
-.openid-login-submit {
-    border: 1px solid #777777;
-    cursor: pointer;
-    font-size: 120%;
-    font-weight: bold;
-    height: 40px;
-    line-height: 40px;
-    width: 80px;
-}
-
-.openid-samples {
-}
-
-.openid-samples .list, .list li {
-    font-family: Trebuchet MS, "segoe ui", Helvetica, "Microsoft YaHei", å ® ‹ ä ½ “, Tahoma, Verdana, MingLiu, PMingLiu, Arial, sans-serif;
-    line-height: 20px !important;
-    list-style: none outside none !important;
-    margin-left: -30px !important;
+.small {
+    font-size: 11px;

 }
 
 span.form-error {
 }
 
 span.form-error {


@@ -1351,19 +880,7 @@ span.form-error {
     margin-top: 10px;
     min-height: 20px;
     padding: 6px;
     margin-top: 10px;
     min-height: 20px;
     padding: 6px;

-    width: 100%;
-}
-
-.wmd-preview pre {
-    background-color: #E7F1F8;
-}
-
-.wmd-preview blockquote {
-    background-color: #EEEEEE;
-}
-
-.wmd-preview img {
-    max-width: 600px;
+    width: 98%;

 }
 
 .preview-toggle {
 }
 
 .preview-toggle {


@@ -1377,12 +894,6 @@ span.form-error {
     cursor: pointer;
 }
 
     cursor: pointer;
 }
 

-.edit-content-html {
-    border-bottom: 1px dotted #D8D2A9;
-    border-top: 1px dotted #D8D2A9;
-    margin: 5px 0;
-}
-

 #revisions {
     width: 950px;
 }
 #revisions {
     width: 950px;
 }


@@ -1408,7 +919,7 @@ span.form-error {
 }
 
 .revision .summary span {
 }
 
 .revision .summary span {

-    background-color: yellow;
+    /**background-color: yellow;**/

     display: inline;
     padding-left: 3px;
     padding-right: 3px;
     display: inline;
     padding-left: 3px;
     padding-right: 3px;


@@ -1439,26 +950,14 @@ span.form-error {
     padding-left: 10px;
 }
 
     padding-left: 10px;
 }
 

-.revision .answerbody {
-    padding: 10px 0 5px 10px;
-}
-

 del {
     color: #FF5F5F;
 }
 
 del {
     color: #FF5F5F;
 }
 

-del .post-tag {
-    color: #FF5F5F;
-}
-

 ins {
     background-color: #97FF97;
 }
 
 ins {
     background-color: #97FF97;
 }
 

-ins .post-tag {
-    background-color: #97FF97;
-}
-

 .count {
     color: #777777;
     font-family: Arial;
 .count {
     color: #777777;
     font-family: Arial;


@@ -1492,211 +991,62 @@ ins .post-tag {
     padding-left: 20px;
 }
 
     padding-left: 20px;
 }
 

-.favorites-count-off {
-    color: #919191;
-    float: left;
-    margin: 10px 0 0;
-    padding: 3px;
-    text-align: center;
+.user-info-table {
+    margin-bottom: 10px;

 }
 
 }
 

-.favorites-count {
-    color: #D4A849;
-    float: left;
-    margin: 10px 0 0;
-    padding: 3px;
-    text-align: center;
+.relativetime {
+    text-decoration: none;

 }
 
 }
 

-.favorites-empty {
-    float: left;
-    height: 45px;
-    width: 32px;
+.answer-summary {
+    clear: both;
+    display: block;
+    padding: 3px;

 }
 
 }
 

-.question-summary {
-    border-bottom: 1px dotted #999999;
+.answer-votes {
+    background-color: #EEEEEE;
+    color: #555555;

     float: left;
     float: left;

-    overflow: hidden;
-    padding: 11px 0;
-    width: 670px;
+    font-family: Arial;
+    font-size: 110%;
+    font-weight: bold;
+    height: 15px;
+    margin-right: 10px;
+    padding: 4px 4px 5px;
+    text-align: center;
+    text-decoration: none;
+    width: 20px;

 }
 
 }
 

-.user-info-table {
-    margin-bottom: 10px;
+.vote-count {
+    color: #777777;
+    font-family: Arial;
+    font-size: 160%;
+    font-weight: 700;

 }
 
 }
 

-.user-stats-table .question-summary {
-    width: 800px;
+.user-action-1 {
+    color: #333333;
+    font-weight: bold;

 }
 
 }
 

-.narrow .stats {
-    background: none repeat scroll 0 0 transparent;
-    float: left;
-    font-family: Arial;
-    height: 48px;
-    margin: 0 0 0 7px;
-    padding: 0;
-    width: auto;
+.user-action-2 {
+    color: #CCCCCC;
+    font-weight: bold;

 }
 
 }
 

-.stats div {
-    font-size: 11px;
-    text-align: center;
+.user-action-3 {
+    color: #333333;

 }
 
 }
 

-.narrow .votes {
-    -moz-border-radius: 5px 5px 5px 5px;
-    background: none repeat scroll 0 0 #EEEEEE;
-    float: left;
-    height: 42px;
-    margin: 0 3px 0 0;
-    padding: 5px;
-    text-align: center;
-    width: 46px;
+.user-action-4 {
+    color: #333333;

 }
 
 }
 

-.narrow .summary {
-    display: inline-block;
-    width: 600px;
-}
-
-.narrow .summary h3 {
-    margin: 0;
-    padding: 0;
-}
-
-.narrow .views {
-    -moz-border-radius: 5px 5px 5px 5px;
-    float: left;
-    height: 42px;
-    margin: 0 7px 0 0;
-    padding: 5px;
-    text-align: center;
-    width: 46px;
-}
-
-.narrow .status {
-    -moz-border-radius: 5px 5px 5px 5px;
-    float: left;
-    height: 42px;
-    margin: 0 3px 0 0;
-    padding: 5px;
-    text-align: center;
-    width: 46px;
-}
-
-.narrow .vote-count-post {
-    color: #555555;
-    display: block;
-    font-size: 190%;
-    font-weight: 800;
-    line-height: 20px;
-    margin: 0;
-}
-
-.narrow .answer-count-post {
-    display: block;
-    font-size: 190%;
-    font-weight: 800;
-    margin: 0;
-}
-
-.narrow .views-count-post {
-    display: block;
-    font-size: 190%;
-    font-weight: 800;
-    margin: 0;
-}
-
-div.started {
-    color: #999999;
-    float: right;
-    line-height: 18px;
-}
-
-.narrow div.started {
-    line-height: inherit;
-    padding-top: 4px;
-    white-space: nowrap;
-    width: auto;
-}
-
-.relativetime {
-    text-decoration: none;
-}
-
-div.started a {
-    font-weight: bold;
-}
-
-div.started .reputation-score {
-    margin-left: 1px;
-}
-
-.narrow .tags {
-    float: left;
-}
-
-.answer-summary {
-    clear: both;
-    display: block;
-    padding: 3px;
-}
-
-.answer-votes {
-    background-color: #EEEEEE;
-    color: #555555;
-    float: left;
-    font-family: Arial;
-    font-size: 110%;
-    font-weight: bold;
-    height: 15px;
-    margin-right: 10px;
-    padding: 4px 4px 5px;
-    text-align: center;
-    text-decoration: none;
-    width: 20px;
-}
-
-.vote-count {
-    color: #777777;
-    font-family: Arial;
-    font-size: 160%;
-    font-weight: 700;
-}
-
-.user-action {
-}
-
-.user-action-1 {
-    color: #333333;
-    font-weight: bold;
-}
-
-.user-action-2 {
-    color: #CCCCCC;
-    font-weight: bold;
-}
-
-.user-action-3 {
-    color: #333333;
-}
-
-.user-action-4 {
-    color: #333333;
-}
-
-.user-action-5 {
-    color: darkred;
-}
-
-.user-action-6 {
-    color: darkred;
-}
-
-.user-action-7 {
-    color: #333333;
+.user-action-7 {
+    color: #333333;

 }
 
 .user-action-8 {
 }
 
 .user-action-8 {


@@ -1706,11 +1056,6 @@ div.started .reputation-score {
     padding: 3px;
 }
 
     padding: 3px;
 }
 

-.revision-summary {
-    background-color: #FFFE9B;
-    padding: 2px;
-}
-

 .question-title-link a {
     color: #0077CC;
     font-weight: bold;
 .question-title-link a {
     color: #0077CC;
     font-weight: bold;


@@ -1728,10 +1073,6 @@ div.started .reputation-score {
     font-weight: bold;
 }
 
     font-weight: bold;
 }
 

-.post-type-5 a {
-    font-weight: bold;
-}
-

 .post-type-2 a {
     color: #333333;
 }
 .post-type-2 a {
     color: #333333;
 }


@@ -1740,98 +1081,11 @@ div.started .reputation-score {
     color: #333333;
 }
 
     color: #333333;
 }
 

-.post-type-6 a {
-    color: #333333;
-}
-

 .post-type-8 a {
     color: #333333;
 }
 
 .post-type-8 a {
     color: #333333;
 }
 

-.bookInfo {
-    float: left;
-    padding: 5px;
-    width: 940px;
-}
-
-.bookCover {
-    float: left;
-    width: 200px;
-}
-
-.bookCover img {
-    border: 1px solid #CCCCCC;
-    max-width: 200px;
-}
-
-.bookSummary {
-    float: left;
-    font-size: 13px;
-}
-
-.blogRss {
-    background-color: #EEEEEE;
-    float: right;
-    height: 240px;
-    margin: 0 10px 0 0;
-    padding: 5px;
-    width: 460px;
-}
-
-.bookQuestions {
-    margin-bottom: 10px;
-}
-
-.bookFeed {
-    float: right;
-}
-
-.bookAsk {
-    float: right;
-    margin: -30px 10px 0 0;
-    padding: 3px 5px;
-}
-
-.bookAsk a {
-    background-color: #EC7000;
-    color: #FFFFFF;
-    font-size: 15px;
-    font-weight: bold;
-    padding: 3px 6px;
-    text-decoration: none;
-}
-
-.bookAsk a:hover {
-    text-decoration: underline;
-}
-
-.hilite {
-    background-color: #FFFF00;
-}
-
-.hilite1 {
-    background-color: #FFFF00;
-}
-
-.hilite2 {
-    background-color: #FF00FF;
-}
-
-.hilite3 {
-    background-color: #00FFFF;
-}
-
-.userStatus {
-    color: #FFFFFF;
-    float: right;
-    margin-left: 12px;
-}
-
-.userStatus a {
-    color: #FFFFFF;
-}
-
-.gold, .badge1 {
+.badge1 {

     color: #FFCC00;
 }
 
     color: #FFCC00;
 }
 


@@ -1847,6 +1101,7 @@ div.started .reputation-score {
     color: #333333;
     font-size: 110%;
     font-weight: bold;
     color: #333333;
     font-size: 110%;
     font-weight: bold;

+    margin-left: 3px;

 }
 
 .footerLinks {
 }
 
 .footerLinks {


@@ -1859,35 +1114,11 @@ div.started .reputation-score {
     font-size: 13px;
 }
 
     font-size: 13px;
 }
 

-.subSearch {
-    margin-bottom: 12px;
-    padding: 4px;
-}
-
-a.comment {
-    background: none repeat scroll 0 0 #EEEEEE;
-    color: #993300;
-    padding: 4px;
-}
-
-a.permLink {
-    padding: 2px;
-}
-
-a.offensive {
-    color: #999999;
-}
-
-ul.bulleta li {
-    background: url("../images/bullet_green.gif") no-repeat scroll 0 2px transparent;
-    margin-bottom: 4px;
-    padding-left: 16px;
-}
-

 .user {
     line-height: 140%;
     padding: 5px;
     width: 170px;
 .user {
     line-height: 140%;
     padding: 5px;
     width: 170px;

+    display: inline-block;

 }
 
 .user ul {
 }
 
 .user ul {


@@ -1902,10 +1133,6 @@ ul.bulleta li {
     margin-right: 4px;
 }
 
     margin-right: 4px;
 }
 

-.yellowbg {
-    background: none repeat scroll 0 0 yellow;
-}
-

 .message {
     background-color: #EEEEEE;
     border: 1px solid #AAAAAA;
 .message {
     background-color: #EEEEEE;
     border: 1px solid #AAAAAA;


@@ -1913,23 +1140,10 @@ ul.bulleta li {
     padding: 5px;
 }
 
     padding: 5px;
 }
 

-.message h1 {
-    font-size: 15px;
-    padding-top: 0;
-}
-

 .message p {
     margin-bottom: 0;
 }
 
 .message p {
     margin-bottom: 0;
 }
 

-p.space-above {
-    margin-top: 10px;
-}
-
-.warning {
-    color: red;
-}
-

 .darkred {
     color: darkred;
 }
 .darkred {
     color: darkred;
 }


@@ -1952,10 +1166,6 @@ p.space-above {
     padding-right: 10px;
 }
 
     padding-right: 10px;
 }
 

-.thousand {
-    color: orange;
-}
-

 .notify {
     background-color: #F4A83D;
     color: #444444;
 .notify {
     background-color: #F4A83D;
     color: #444444;


@@ -1997,10 +1207,6 @@ p.space-above {
     font-size: 15px;
 }
 
     font-size: 15px;
 }
 

-.bigger {
-    font-size: 14px;
-}
-

 .strong {
     font-weight: bold;
 }
 .strong {
     font-weight: bold;
 }


@@ -2040,89 +1246,23 @@ p.space-above {
     padding-top: 0;
 }
 
     padding-top: 0;
 }
 

-.highlight {
-    background-color: #FFF8C6;
-}
-

 .nomargin {
     margin: 0;
 }
 
 .nomargin {
     margin: 0;
 }
 

-.margin-bottom {
-    margin-bottom: 10px;
-}
-
-.margin-top {
-    margin-top: 10px;
-}
-

 .inline-block {
     display: inline-block;
 }
 
 .inline-block {
     display: inline-block;
 }
 

-.action-status {
-    border: medium none;
-    font-size: 12px;
-    line-height: 10px;
-    margin: 0;
-    padding: 0;
-    text-align: center;
-}
-
-.action-status span {
-    -moz-border-radius: 5px 5px 5px 5px;
-    background-color: #FFF380;
-    font-weight: normal;
-    padding: 3px 5px;
-}
-
-.tight {
-    margin: 0;
-    padding: 0;
-}
-

 .list-table td {
     vertical-align: top;
 }
 
 .list-table td {
     vertical-align: top;
 }
 

-.delete-icon {
-    padding-left: 3px;
-    vertical-align: middle;
-}
-
-table.form-as-table .errorlist {
-    color: darkred;
-    display: block;
-    font-size: 10px;
-    margin: 0;
-    padding: 0 0 0 5px;
-    text-align: left;
-}
-

 table.form-as-table input {
     display: inline;
     margin-left: 4px;
 }
 
 table.form-as-table input {
     display: inline;
     margin-left: 4px;
 }
 

-table.form-as-table th {
-    padding-bottom: 4px;
-    vertical-align: bottom;
-}
-
-.form-row-vertical {
-    display: block;
-    margin-top: 8px;
-}
-
-.form-row-vertical label {
-    display: block;
-    margin-bottom: 3px;
-}
-
-.text-align-right {
-    text-align: center;
-}
-

 ul.form-horizontal-rows {
     list-style: none outside none;
     margin: 0;
 ul.form-horizontal-rows {
     list-style: none outside none;
     margin: 0;


@@ -2137,22 +1277,6 @@ ul.form-horizontal-rows label {
     display: inline-block;
 }
 
     display: inline-block;
 }
 

-ul.form-horizontal-rows ul.errorlist {
-    color: darkred;
-    font-size: 10px;
-    left: 180px;
-    line-height: 10px;
-    list-style: none outside none;
-    margin: 0;
-    position: absolute;
-    text-align: left;
-    top: 2px;
-}
-
-ul.form-horizontal-rows ul.errorlist li {
-    height: 10px;
-}
-

 ul.form-horizontal-rows label {
     bottom: 6px;
     font-size: 12px;
 ul.form-horizontal-rows label {
     bottom: 6px;
     font-size: 12px;


@@ -2169,51 +1293,32 @@ ul.form-horizontal-rows li input {
     position: absolute;
 }
 
     position: absolute;
 }
 

-#emailpw-form li input {
-    left: 170px;
-}
-
-#emailpw-form ul.errorlist {
-    left: 170px;
-}
-

 #changepw-form li input {
     left: 150px;
 }
 
 #changepw-form li input {
     left: 150px;
 }
 

-#changepw-form ul.errorlist {
-    left: 150px;
-}
-
-.narrow .summary {
-    float: left;
-}
-
-.narrow .summary .question-title {
-    font-size: 120%;
-    font-weight: bold;
-}
-

 .user-profile-tool-links {
     font-weight: bold;
     padding-bottom: 10px;
 }
 
 .user-profile-tool-links {
     font-weight: bold;
     padding-bottom: 10px;
 }
 

-.post-controls {
-    float: left;
+.post-controls, .tags-container {

     font-size: 11px;
     line-height: 12px;
     margin-bottom: 5px;
     min-width: 200px;
 }
 
     font-size: 11px;
     line-height: 12px;
     margin-bottom: 5px;
     min-width: 200px;
 }
 

-#question-controls .tags {
-    margin: 0 0 3px;
+.tags-container {
+    margin: 0 0 16px 0;

 }
 
 }
 

-.post-update-info-container {
-    float: right;
-    min-width: 190px;
+.post-controls {
+    float: left;
+}
+
+#question-controls .tags {
+    margin: 0 0 3px;

 }
 
 .post-update-info {
 }
 
 .post-update-info {


@@ -2236,25 +1341,6 @@ ul.form-horizontal-rows li input {
     width: 32px;
 }
 
     width: 32px;
 }
 

-.comments-container {
-    clear: both;
-}
-
-.admin {
-    background-color: #FFF380;
-    border: 1px solid darkred;
-    padding: 0 5px;
-}
-
-.admin p {
-    margin-bottom: 3px;
-}
-
-.admin #action_status {
-    font-weight: bold;
-    text-align: center;
-}
-

 #tagSelector {
     padding-bottom: 2px;
 }
 #tagSelector {
     padding-bottom: 2px;
 }


@@ -2267,21 +1353,6 @@ ul.form-horizontal-rows li input {
     margin: 0 2px 0 1px;
 }
 
     margin: 0 2px 0 1px;
 }
 

-#recaptcha_widget_div {
-    clear: both;
-    float: left;
-    width: 318px;
-}
-
-p.signup_p {
-    margin: 20px 0 0;
-}
-
-.simple-subscribe-options ul {
-    list-style: none outside none;
-    margin: 0;
-}
-

 a.sidebar_button {
     background: none repeat scroll 0 0 #EEEEEE;
     color: black;
 a.sidebar_button {
     background: none repeat scroll 0 0 #EEEEEE;
     color: black;


@@ -2296,7 +1367,7 @@ a.sidebar_button:hover {
     text-decoration: none;
 }
 
     text-decoration: none;
 }
 

-a.post-vote, a.favorite-mark, a.accept-answer {
+a.post-vote, .favorite-mark, a.accept-answer {

     display: block;
     height: 24px;
     position: relative;
     display: block;
     height: 24px;
     position: relative;


@@ -2304,43 +1375,53 @@ a.post-vote, a.favorite-mark, a.accept-answer {
 }
 
 a.post-vote.up {
 }
 
 a.post-vote.up {

-    background: url("/m/default/media/images/vote-arrow-up.png") no-repeat scroll center center transparent;
+    background: url("../images/vote-arrow-up.png") no-repeat scroll center center transparent;

 }
 
 a.post-vote.up.on, a.post-vote.up:hover {
 }
 
 a.post-vote.up.on, a.post-vote.up:hover {

-    background: url("/m/default/media/images/vote-arrow-up-on.png") no-repeat scroll center center transparent;
+    background: url("../images/vote-arrow-up-on.png") no-repeat scroll center center transparent;

 }
 
 a.post-vote.down {
 }
 
 a.post-vote.down {

-    background: url("/m/default/media/images/vote-arrow-down.png") no-repeat scroll center center transparent;
+    background: url("../images/vote-arrow-down.png") no-repeat scroll center center transparent;

 }
 
 a.post-vote.down.on, a.post-vote.down:hover {
 }
 
 a.post-vote.down.on, a.post-vote.down:hover {

-    background: url("/m/default/media/images/vote-arrow-down-on.png") no-repeat scroll center center transparent;
+    background: url("../images/vote-arrow-down-on.png") no-repeat scroll center center transparent;

 }
 
 a.accept-answer {
 }
 
 a.accept-answer {

-    background: url("/m/default/media/images/vote-accepted.png") no-repeat scroll center center transparent;
+    background: url("../images/vote-accepted.png") no-repeat scroll center center transparent;

 }
 
 a.accept-answer.on, a.accept-answer:hover {
 }
 
 a.accept-answer.on, a.accept-answer:hover {

-    background: url("/m/default/media/images/vote-accepted-on.png") no-repeat scroll center center transparent;
+    background: url("../images/vote-accepted-on.png") no-repeat scroll center center transparent;
+}
+
+.community-wiki {
+    font-size: 11px;
+    color: #333;
+    background: url("../images/wiki.png") no-repeat left center;
+    padding-left: 36px;
+    margin: 6px 0 0 0;
+    min-height: 32px;
+    line-height: 15px;

 }
 
 }
 

-.post-score {
+.post-score, .comments-char-left-count {

     color: #777777;
     font-family: Arial;
     color: #777777;
     font-family: Arial;

-    font-size: 140%;
+    font-size: 165%;

     font-weight: bold;
     padding: 0 0 3px;
 }
 
     font-weight: bold;
     padding: 0 0 3px;
 }
 

-a.favorite-mark {
-    background: url("/m/default/media/images/vote-favorite-off.png") no-repeat scroll center center transparent;
+.favorite-mark {
+    background: url("../images/vote-favorite-off.png") no-repeat scroll center center transparent;

 }
 
 }
 

-a.favorite-mark.on, a.favorite-mark:hover {
-    background: url("/m/default/media/images/vote-favorite-on.png") no-repeat scroll center center transparent;
+.favorite-mark.on, a.favorite-mark:hover {
+    background: url("../images/vote-favorite-on.png") no-repeat scroll center center transparent;

 }
 
 .favorite-count {
 }
 
 .favorite-count {


@@ -2351,10 +1432,26 @@ a.favorite-mark.on, a.favorite-mark:hover {
     padding: 0;
 }
 
     padding: 0;
 }
 

+.comments-container {
+    clear: both;
+}
+
+.comments-container {
+    padding: 0;
+}
+
+.answered-by-owner .comments-container {
+    background-color: #E6ECFF;
+}
+
+.accepted-answer .comments-container {
+    background-color: #CCFFBF;
+}
+

 .comment {
     border-top: 1px dotted #CCCCCE;
     margin: 0;
 .comment {
     border-top: 1px dotted #CCCCCE;
     margin: 0;

-    width: 100%;
+    position: relative;

 }
 
 .comment.not_top_scorer {
 }
 
 .comment.not_top_scorer {


@@ -2368,52 +1465,76 @@ a.favorite-mark.on, a.favorite-mark:hover {
     font-weight: bold;
     padding-top: 3px;
     vertical-align: top;
     font-weight: bold;
     padding-top: 3px;
     vertical-align: top;

+    float: left;

     width: 22px;
     width: 22px;

+    height: 100%;
+    text-align: center;

 }
 
 .comment-text {
     color: #444444;
 }
 
 .comment-text {
     color: #444444;

-    font-size: 11px;
+    font-size: 12px;

     margin: 0 0 0 22px;
     padding: 0;
 }
 
     margin: 0 0 0 22px;
     padding: 0;
 }
 

+.comment-text p {
+    font-size: 12px;
+}
+

 .comment-info {
     font-size: 11px;
 .comment-info {
     font-size: 11px;

-    margin: 0;
+    margin: 0 0 4px 0;

     text-align: right;
     text-align: right;

+    height: 18px;
+    vertical-align: middle;

 }
 
 }
 

-a.comment-like, a.comment-delete, a.comment-edit {
+.comment-info * {

     float: right;
     height: 18px;
     float: right;
     height: 18px;

+    margin-left: 4px;
+}
+
+a.comment-like, a.comment-delete, a.comment-edit, a.comment-convert {

     margin-left: 2px;
     margin-left: 2px;

-    position: relative;

     width: 18px;
 }
 
 a.comment-like {
     width: 18px;
 }
 
 a.comment-like {

-    background: url("/m/default/media/images/comment-like.png") no-repeat scroll center center transparent;
+    background: url("../images/comment-like.png") no-repeat scroll center center transparent;

 }
 
 a.comment-like:hover, a.comment-like.on {
 }
 
 a.comment-like:hover, a.comment-like.on {

-    background: url("/m/default/media/images/comment-like-on.png") no-repeat scroll center center transparent;
+    background: url("../images/comment-like-on.png") no-repeat scroll center center transparent;

 }
 
 a.comment-delete {
 }
 
 a.comment-delete {

-    background: url("/m/default/media/images/comment-delete.png") no-repeat scroll center center transparent;
+    background: url("../images/comment-delete.png") no-repeat scroll center center transparent;

 }
 
 a.comment-delete:hover {
 }
 
 a.comment-delete:hover {

-    background: url("/m/default/media/images/comment-delete-hover.png") no-repeat scroll center center transparent;
+    background: url("../images/comment-delete-hover.png") no-repeat scroll center center transparent;
+}
+
+a.comment-convert {
+    background: url("../images/convert-off.png") no-repeat scroll center center transparent;
+}
+
+a.comment-convert:hover {
+    background: url("../images/convert-hover.png") no-repeat scroll center center transparent;

 }
 
 a.comment-edit {
 }
 
 a.comment-edit {

-    background: url("/m/default/media/images/comment-edit.png") no-repeat scroll center center transparent;
+    background: url("../images/comment-edit.png") no-repeat scroll center center transparent;

 }
 
 a.comment-edit:hover {
 }
 
 a.comment-edit:hover {

-    background: url("/m/default/media/images/comment-edit-hover.png") no-repeat scroll center center transparent;
+    background: url("../images/comment-edit-hover.png") no-repeat scroll center center transparent;
+}
+
+img.subscription-remove {
+    float:right;

 }
 
 .comment-form-container {
 }
 
 .comment-form-container {


@@ -2426,8 +1547,9 @@ a.comment-edit:hover {
 }
 
 .comment-form-widgets-container textarea {
 }
 
 .comment-form-widgets-container textarea {

-    height: 6em;
+    height: 80px;

     width: 80%;
     width: 80%;

+    float: left;

 }
 
 span.comment-chars-left {
 }
 
 span.comment-chars-left {


@@ -2435,10 +1557,6 @@ span.comment-chars-left {
     margin-right: 20px;
 }
 
     margin-right: 20px;
 }
 

-span.comment-chars-left.warn {
-    color: red;
-}
-

 div.comment-tools {
     border-top: 1px dotted #CCCCCE;
     padding-top: 12px;
 div.comment-tools {
     border-top: 1px dotted #CCCCCE;
     padding-top: 12px;


@@ -2464,12 +1582,16 @@ div.comment-tools a:hover {
     text-decoration: none;
 }
 
     text-decoration: none;
 }
 

-.action-link a {
+.action-link {

     color: #777777;
     cursor: pointer;
     padding: 3px;
 }
 
     color: #777777;
     cursor: pointer;
     padding: 3px;
 }
 

+.action-link a {
+    color: inherit;
+}
+

 .action-link a.ajax-command:hover {
     background-color: #777777;
     color: #FFFFFF;
 .action-link a.ajax-command:hover {
     background-color: #777777;
     color: #FFFFFF;


@@ -2479,3 +1601,228 @@ div.comment-tools a:hover {
 .action-link-separator {
     color: #CCCCCC;
 }
 .action-link-separator {
     color: #CCCCCC;
 }

+
+.deleted {
+    background-color: #F4E7E7;
+}
+
+#command-loader {
+    position: fixed;
+    bottom: 0px;
+    left: 0px;
+    width: 24px;
+    height: 24px;
+    background: url('/m/default/media/images/indicator.gif')
+}
+
+#command-loader.success {
+    background: url('/m/default/media/images/vote-accepted-on.png')
+}
+
+.comment-form-buttons {
+    width: 18%;
+    height: 100%;
+    float: right;
+}
+
+.comment-form-buttons input, .user-prompt .prompt-buttons button {
+    height: 16px;
+    line-height: 12px;
+    font-size: 110%;
+    border: 1px solid #999;
+}
+
+.comment-form-buttons input {
+    width: 100%;
+    height: 22px;
+    vertical-align: middle;
+    margin-top: 6px;
+}
+
+.comments-char-left-count.warn {
+    color: orange;
+}
+
+#ask-related-questions {
+    max-height: 150px;
+    overflow-y: auto;
+}
+
+.context-menu {
+    position: relative;
+}
+
+div.dialog, .context-menu-dropdown {
+    position: absolute;
+    background-color: #EEEEEE;
+    -moz-border-radius: 5px;
+    -webkit-border-radius: 5px;
+    -moz-box-shadow: 2px 2px 5px #3060A8;
+    -webkit-box-shadow: 2px 2px 5px #3060A8;
+}
+
+.context-menu-dropdown {
+    display: none;
+    right: 0px;
+    top: 1.5em;
+    text-align: left;
+    list-style-type: none;
+    z-index: 500;
+}
+
+.context-menu-dropdown li.item {
+    padding: 4px 8px 4px 8px;
+    -moz-border-radius: 5px;
+    -webkit-border-radius: 5px;
+}
+
+.context-menu-dropdown li.item a {
+    color: inherit;
+    white-space: nowrap;
+    text-decoration: none;
+}
+
+.context-menu-dropdown li.separator {
+    text-align: center;
+    padding: 10px 0 4px 0;
+    font-size: 120%;
+    font-weight: bold;
+}
+
+.context-menu-dropdown li.item:hover {
+    background-color: #3060A8;
+    color: white;
+}
+
+.context-menu-dropdown span {
+    margin-right: 4px;
+    float: left;
+    width: 16px;
+    height: 16px;
+}
+
+.context-menu-trigger {
+    cursor: pointer;
+}
+
+div.dialog .dialog-content {
+    padding: 12px 12px 37px 12px;
+    z-index: 1000;
+}
+
+div.dialog .dialog-buttons {
+    margin: 0px;
+    height: 25px;
+    text-align: center;
+    position: absolute;
+    bottom: 0px;
+    left: 0px;
+    width: 100%;
+}
+
+.dialog-yes, .dialog-no {
+    margin: 0 3px 5px 3px;
+    -moz-border-radius: 3px;
+    -webkit-border-radius: 3px;
+    background-color: #3060A8;
+    color: white;
+    height: 20px;
+    line-height: 20px;
+    font-weight: bold;
+    border: 0;
+}
+
+div.dialog.confirm, div.dialog.warning {
+    text-align: center;
+}
+
+div.dialog.confirm {
+    font-size: 140%;
+    font-weight: bold;
+}
+
+div.dialog.prompt {
+    width: 300px;
+}
+
+div.dialog.prompt .dialog-content select, div.dialog.prompt .dialog-content textarea, div.dialog.prompt .dialog-content input[type=text] {
+    width: 100%;
+    padding: 0;
+    border: 0;
+}
+
+.user-prompt .prompt-buttons {
+    text-align: right;
+}
+
+.suspended-user {
+    text-decoration: line-through;
+}
+
+.feed-icon {
+    width: 14px;
+    height: 14px;
+    display: inline-block;
+}
+
+div#subscription_list {
+    width: 100%;
+    /*float:left;*/
+}
+
+div.subscription_summary {
+    border-top: 2px dotted #CCCCCE;
+    overflow: hidden;
+    padding: 3px 0px 5px 0;
+    position: relative;
+    width:100%;
+    margin-top: 5px;
+}
+
+div.subscription_title {
+    /*float:left;
+    line-height:30px;*/
+    margin-top: 5px;
+    font-size: 16px;
+    font-weight:bold;
+}
+
+a.subscription_unsubscribe_button {
+    float:left;
+    font-size: 11px;
+    font-weight:bold;
+
+    margin-right:15px;
+    margin-top: 5px;
+}
+
+div.subscription_userinfo {
+    float:right;
+}
+
+div.subscription_tags {
+    font-family: sans-serif;
+    float:left;
+}
+div.subscription_tags a, span.tag {
+    background-color: #EEEEEE;
+    border-bottom: 1px solid #CCCCCC;
+    border-right: 1px solid #CCCCCC;
+    color: #777777;
+    font-size: 11px;
+    font-weight: normal;
+    padding: 1px 8px;
+    text-decoration: none;
+    white-space: nowrap;
+}
+div.subscription_tags a:hover {
+    background-color: #356FCB;
+    color: #FFFFFF;
+}
+
+div.wmd-button {
+    color:white;
+}
+div.wmd-button-bar {
+    float:left;
+}