]> git.openstreetmap.org Git - osqa.git/blobdiff - forum/skins/default/media/style/style.css
change the order in which comments are ordered
[osqa.git] / forum / skins / default / media / style / style.css
index 482d3629c3ee3697810db3e92f1263f0f847d435..58bc23aa3374bf51a740db1db03fda7cd70c5e8c 100644 (file)
@@ -1,6 +1,8 @@
 @import "jquery.autocomplete.css";
 
 body {
+    /*overflow-y: scroll;
+    height: 100%; */
     background: none repeat scroll 0 0 #FFFFFF;
     color: #000000;
     font-family: sans-serif;
@@ -15,7 +17,7 @@ div {
     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;
@@ -25,6 +27,14 @@ label {
     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;
@@ -33,7 +43,7 @@ hr {
 }
 
 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;
 }
 
@@ -48,6 +58,12 @@ a {
     text-decoration: none;
 }
 
+.clear {
+  clear: both;
+  width: 0px;
+  height: 0px;
+}
+
 .badges a {
     color: #763333;
     text-decoration: underline;
@@ -57,86 +73,10 @@ a:hover {
     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;
 }
 
-.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;
@@ -147,16 +87,20 @@ a:hover {
 h1 {
     font-size: 160%;
     padding: 5px 0;
+    line-height: 110%;
+    overflow: hidden;
 }
 
 h2 {
     font-size: 140%;
     padding: 3px 0;
+    line-height: 110%;
 }
 
 h3 {
     font-size: 120%;
     padding: 3px 0;
+    line-height: 110%;
 }
 
 ul {
@@ -184,17 +128,19 @@ li input {
 pre {
     background-color: #F5F5F5;
     font-family: Consolas, Monaco, Liberation Mono, Lucida Console, Monospace;
-    font-size: 100%;
+    font-size: 90%;
     margin-bottom: 10px;
     overflow: auto;
     padding-left: 5px;
     padding-top: 5px;
     width: 580px;
+    white-space: pre-wrap;
 }
 
 code {
     font-family: Consolas, Monaco, Liberation Mono, Lucida Console, Monospace;
-    font-size: 100%;
+    font-size: 90%;
+    white-space: pre-wrap;
 }
 
 blockquote {
@@ -202,18 +148,23 @@ blockquote {
     margin-bottom: 10px;
     margin-right: 15px;
     padding: 10px 0 1px 10px;
+    max-width: 650px;
+}
+
+blockquote blockquote {
+    margin: 0;
+    padding: 0;
 }
 
-#wrapper {
+#wrapper, #announcement {
     margin: auto;
     padding: 0;
     width: 990px;
+    background-color: #FFF;
 }
 
 #roof {
-    background: none repeat scroll 0 0 #FFFFFF;
-    margin-top: 0;
-    position: relative;
+    width: 990px;
 }
 
 #room {
@@ -245,17 +196,13 @@ blockquote {
     padding-bottom: 0;
     padding-top: 6px;
     text-align: center;
-    width: 100%;
+    width: 990px;
 }
 
 #top {
-    background-color: #FFFFFF;
-    height: 20px;
+    float: right;
     padding: 3px;
-    position: absolute;
-    right: 0;
     text-align: right;
-    top: 0;
     width: 500px;
 }
 
@@ -269,20 +216,17 @@ blockquote {
 }
 
 #logo {
+    float: left;
     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;
@@ -299,11 +243,11 @@ blockquote {
     text-decoration: none;
 }
 
-#navBar .nav a:hover {
+#nav a:hover {
     text-decoration: underline;
 }
 
-#navBar .nav a.on {
+#nav a.on {
     background: none repeat scroll 0 0 #356FCB;
     border: 1px solid #356FCB;
     color: #FFFFFF;
@@ -313,23 +257,24 @@ blockquote {
     text-decoration: none;
 }
 
-#navBar .nav a.special {
+#nav a#nav_ask {
+    float: right;
     color: #B02B2C;
     font-size: 14px;
     font-weight: bold;
     text-decoration: none;
 }
 
-#navBar .nav a.special:hover {
+#nav a#nav_ask:hover {
     text-decoration: underline;
 }
 
-#navBar .nav div.focus {
-    float: right;
-    padding-right: 0;
+#nav a#nav_ask.on {
+   color: #FFFFFF;
 }
 
 #searchBar {
+    text-align: center;
     background-color: #B6C4E2;
     border-color: #EEEEEC #A9ACA5 #BABDB6 #EEEEEC;
     border-style: solid;
@@ -342,6 +287,8 @@ blockquote {
 }
 
 #searchBar .searchInput {
+    border: 0px;
+    padding: 3px;
     font-size: 13px;
     height: 18px;
     width: 400px;
@@ -374,106 +321,8 @@ blockquote {
     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 {
@@ -485,6 +334,14 @@ blockquote {
     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;
@@ -513,6 +370,11 @@ blockquote {
     font-weight: bold;
 }
 
+.short-summary .question-summary-wrapper {
+  float: right;
+  width: 565px;
+}
+
 .short-summary .votes, .short-summary .status, .short-summary .views {
     -moz-border-radius: 5px 5px 5px 5px;
     border-bottom: 1px solid #CCCCCC;
@@ -540,17 +402,13 @@ blockquote {
     margin-bottom: 10px;
 }
 
-.evenMore {
-    font-size: 14px;
-    font-weight: 800;
-}
-
 .questions-count {
     color: #A40000;
     font-family: sans-serif;
-    font-size: 32px;
+    font-size: 24px;
     font-weight: 600;
     margin-top: 3px;
+    margin-right: 5px;
     padding: 0 0 5px 0;
 }
 
@@ -581,36 +439,6 @@ blockquote {
     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;
@@ -650,18 +478,6 @@ blockquote {
     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;
@@ -670,15 +486,15 @@ blockquote {
     padding: 2px 4px 3px;
 }
 
-.paginator .prev, .paginator .prev-na {
+.paginator .prev {
     margin-right: 0.5em;
 }
 
-.paginator .next, .paginator .next-na {
+.paginator .next {
     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;
@@ -694,7 +510,7 @@ blockquote {
     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;
@@ -707,11 +523,6 @@ blockquote {
     padding: 0.3em;
 }
 
-.paginator-container {
-    float: right;
-    padding: 10px 0;
-}
-
 .paginator-container-left {
     padding: 5px 0 10px;
 }
@@ -740,28 +551,6 @@ blockquote {
     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;
@@ -772,12 +561,7 @@ blockquote {
     margin-top: 0;
 }
 
-.deletable-tag {
-    margin-right: 3px;
-    white-space: nowrap;
-}
-
-a.medal {
+.medal {
     background: none repeat scroll 0 0 #FFFFCD;
     border-color: #EEEEEE #CCCCCC #CCCCCC #EEEEEE;
     border-left: 1px solid #EEEEEE;
@@ -788,7 +572,11 @@ a.medal {
     font-weight: bold;
     line-height: 250%;
     padding: 4px 12px 4px 6px;
+}
+
+a.medal {
     text-decoration: none;
+    color: #333333;
 }
 
 a.medal:hover {
@@ -819,16 +607,7 @@ a.medal:hover {
     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;
@@ -838,33 +617,35 @@ a.medal:hover {
     height: 20px;
     line-height: 22px;
     margin: 5px 4px 0 0;
-    padding: 0 11px;
     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;
 }
 
-.tabsA a:hover, .tabsB a:hover {
+.tabsA a:hover {
     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;
@@ -887,22 +668,6 @@ a.medal:hover {
     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;
@@ -927,14 +692,6 @@ a.medal:hover {
     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;
@@ -953,43 +710,6 @@ a.medal:hover {
     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;
@@ -1001,17 +721,6 @@ a.medal:hover {
     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;
@@ -1019,18 +728,7 @@ a.medal:hover {
 }
 
 .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 {
@@ -1038,101 +736,17 @@ a.medal:hover {
     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;
 }
 
-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 {
@@ -1145,23 +759,25 @@ div.comments-container, div.comments-container-accepted, div.comments-container-
     font-size: 13px;
     line-height: 20px;
     min-height: 80px;
+    margin: 0 0 20px 0;
 }
 
 .answer-body img {
-    max-width: 600px;
+    max-width: 640px;
 }
 
-.accepted-answer {
-    background-color: #EBFFE6;
-    border-bottom-color: #9BD59B;
+/* Fixes OSQA-143 IE8 text overflow issue */
+div.question-body p, div.answer-body p {
+    max-width: 700px;
 }
 
-.accepted-answer .comments-link {
-    background-color: #CCFFBF;
+.answered-by-owner {
+    background: none repeat scroll 0 0 #E9E9FF;
 }
 
-.accepted-answer .comments-container {
-    background-color: #CCFFBF;
+.accepted-answer {
+    background-color: #EBFFE6;
+    border-bottom-color: #9BD59B;
 }
 
 .answered {
@@ -1179,30 +795,6 @@ div.comments-container, div.comments-container-accepted, div.comments-container-
     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;
@@ -1228,6 +820,29 @@ div.comments-container, div.comments-container-accepted, div.comments-container-
     color: #333333;
 }
 
+#medalList .badgeListDescription {
+    float: left;
+    margin-top: 8px;
+    max-width: 60%;
+}
+
+#medalList .badgeListItem {
+    float: left;
+    width: 32%;
+}
+
+#medalList .intoMyBadges span {
+    font-size: 175%;
+    padding-right: 5px;
+    color: #5B9058;
+}
+#medalList .intoMyBadges {
+    float: left;
+    min-width: 5%;
+    text-align: right;
+    height:30px;
+}
+
 .list-item {
     margin-left: 15px;
 }
@@ -1256,11 +871,6 @@ table.form-as-table li {
     display: inline;
 }
 
-table.form-as-table th {
-    font-weight: normal;
-    text-align: left;
-}
-
 table.form-as-table pre {
     display: inline;
 }
@@ -1276,61 +886,14 @@ table.check-table td {
     padding-top: 10px;
 }
 
-.errors {
-    color: red;
-    line-height: 20px;
-}
-
 .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 {
@@ -1357,19 +920,8 @@ span.form-error {
     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%;
+    overflow: hidden;
 }
 
 .preview-toggle {
@@ -1383,12 +935,6 @@ span.form-error {
     cursor: pointer;
 }
 
-.edit-content-html {
-    border-bottom: 1px dotted #D8D2A9;
-    border-top: 1px dotted #D8D2A9;
-    margin: 5px 0;
-}
-
 #revisions {
     width: 950px;
 }
@@ -1399,9 +945,12 @@ span.form-error {
     width: 100%;
 }
 
+.revision .rev-arrow {
+    cursor: pointer;
+}
+
 .revision .header {
     background-color: #EEEEEE;
-    cursor: pointer;
     padding: 5px;
 }
 
@@ -1414,7 +963,7 @@ span.form-error {
 }
 
 .revision .summary span {
-    background-color: yellow;
+    /**background-color: yellow;**/
     display: inline;
     padding-left: 3px;
     padding-right: 3px;
@@ -1445,26 +994,14 @@ span.form-error {
     padding-left: 10px;
 }
 
-.revision .answerbody {
-    padding: 10px 0 5px 10px;
-}
-
 del {
     color: #FF5F5F;
 }
 
-del .post-tag {
-    color: #FF5F5F;
-}
-
 ins {
     background-color: #97FF97;
 }
 
-ins .post-tag {
-    background-color: #97FF97;
-}
-
 .count {
     color: #777777;
     font-family: Arial;
@@ -1498,191 +1035,50 @@ ins .post-tag {
     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;
+.relativetime {
+    text-decoration: none;
+}
+
+.answer-summary {
+    clear: both;
+    display: block;
     padding: 3px;
-    text-align: center;
 }
 
-.favorites-empty {
+.answer-votes {
+    background-color: #EEEEEE;
+    color: #555555;
     float: left;
-    height: 45px;
-    width: 32px;
+    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;
 }
 
-.question-summary {
-    border-bottom: 1px dotted #999999;
-    float: left;
-    overflow: hidden;
-    padding: 11px 0;
-    width: 670px;
+.vote-count {
+    color: #777777;
+    font-family: Arial;
+    font-size: 160%;
+    font-weight: 700;
 }
 
-.user-info-table {
-    margin-bottom: 10px;
+.user-action-1 {
+    color: #333333;
+    font-weight: bold;
 }
 
-.user-stats-table .question-summary {
-    width: 800px;
-}
-
-.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;
-}
-
-.stats div {
-    font-size: 11px;
-    text-align: center;
-}
-
-.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;
-}
-
-.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-2 {
+    color: #CCCCCC;
+    font-weight: bold;
 }
 
 .user-action-3 {
@@ -1693,14 +1089,6 @@ div.started .reputation-score {
     color: #333333;
 }
 
-.user-action-5 {
-    color: darkred;
-}
-
-.user-action-6 {
-    color: darkred;
-}
-
 .user-action-7 {
     color: #333333;
 }
@@ -1712,11 +1100,6 @@ div.started .reputation-score {
     padding: 3px;
 }
 
-.revision-summary {
-    background-color: #FFFE9B;
-    padding: 2px;
-}
-
 .question-title-link a {
     color: #0077CC;
     font-weight: bold;
@@ -1734,10 +1117,6 @@ div.started .reputation-score {
     font-weight: bold;
 }
 
-.post-type-5 a {
-    font-weight: bold;
-}
-
 .post-type-2 a {
     color: #333333;
 }
@@ -1746,98 +1125,11 @@ div.started .reputation-score {
     color: #333333;
 }
 
-.post-type-6 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;
 }
 
@@ -1849,7 +1141,7 @@ div.started .reputation-score {
     color: #CC9933;
 }
 
-.score {
+.score, .accept_rate {
     color: #333333;
     font-size: 110%;
     font-weight: bold;
@@ -1866,35 +1158,11 @@ div.started .reputation-score {
     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;
+    display: inline-block;
 }
 
 .user ul {
@@ -1909,10 +1177,6 @@ ul.bulleta li {
     margin-right: 4px;
 }
 
-.yellowbg {
-    background: none repeat scroll 0 0 yellow;
-}
-
 .message {
     background-color: #EEEEEE;
     border: 1px solid #AAAAAA;
@@ -1920,23 +1184,10 @@ ul.bulleta li {
     padding: 5px;
 }
 
-.message h1 {
-    font-size: 15px;
-    padding-top: 0;
-}
-
 .message p {
     margin-bottom: 0;
 }
 
-p.space-above {
-    margin-top: 10px;
-}
-
-.warning {
-    color: red;
-}
-
 .darkred {
     color: darkred;
 }
@@ -1959,10 +1210,6 @@ p.space-above {
     padding-right: 10px;
 }
 
-.thousand {
-    color: orange;
-}
-
 .notify {
     background-color: #F4A83D;
     color: #444444;
@@ -1976,6 +1223,10 @@ p.space-above {
     z-index: 100;
 }
 
+* html .notify {
+    position: absolute;
+}
+
 .notify p {
     font-size: 16px;
     margin-bottom: 5px;
@@ -2004,10 +1255,6 @@ p.space-above {
     font-size: 15px;
 }
 
-.bigger {
-    font-size: 14px;
-}
-
 .strong {
     font-weight: bold;
 }
@@ -2047,117 +1294,35 @@ p.space-above {
     padding-top: 0;
 }
 
-.highlight {
-    background-color: #FFF8C6;
-}
-
 .nomargin {
     margin: 0;
 }
 
-.margin-bottom {
-    margin-bottom: 10px;
-}
-
-.margin-top {
-    margin-top: 10px;
-}
-
 .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;
 }
 
-.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 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 li {
-    height: 40px;
-    position: relative;
-}
-
-ul.form-horizontal-rows label {
-    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;
+    height: 40px;
+    position: relative;
 }
 
-ul.form-horizontal-rows ul.errorlist li {
-    height: 10px;
+ul.form-horizontal-rows label {
+    display: inline-block;
 }
 
 ul.form-horizontal-rows label {
@@ -2176,53 +1341,38 @@ ul.form-horizontal-rows li input {
     position: absolute;
 }
 
-#emailpw-form li input {
-    left: 170px;
-}
-
-#emailpw-form ul.errorlist {
-    left: 170px;
-}
-
 #changepw-form li input {
     left: 150px;
 }
 
-#changepw-form ul.errorlist {
-    left: 150px;
+.user-profile-tool-links {
+    font-weight: bold;
+    padding-bottom: 10px;
 }
 
-.narrow .summary {
-    float: left;
+.post-controls, .tags-container {
+    font-size: 11px;
+    line-height: 12px;
+    margin-bottom: 5px;
+    min-width: 200px;
 }
 
-.narrow .summary .question-title {
-    font-size: 120%;
-    font-weight: bold;
+.tags-container {
+    margin: 0 0 16px 0;
 }
 
-.user-profile-tool-links {
-    font-weight: bold;
-    padding-bottom: 10px;
+#question-tags {
+    margin-top: 15px;
 }
 
 .post-controls {
     float: left;
-    font-size: 11px;
-    line-height: 12px;
-    margin-bottom: 5px;
-    min-width: 200px;
 }
 
 #question-controls .tags {
     margin: 0 0 3px;
 }
 
-.post-update-info-container {
-    float: right;
-    min-width: 190px;
-}
-
 .post-update-info {
     display: inline-block;
     float: right;
@@ -2243,25 +1393,6 @@ ul.form-horizontal-rows li input {
     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;
 }
@@ -2274,21 +1405,6 @@ ul.form-horizontal-rows li input {
     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;
@@ -2311,43 +1427,53 @@ a.post-vote, .favorite-mark, a.accept-answer {
 }
 
 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 {
-    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 {
-    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 {
-    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 {
-    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 {
-    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;
-    font-size: 140%;
+    font-size: 165%;
     font-weight: bold;
     padding: 0 0 3px;
 }
 
 .favorite-mark {
-    background: url("/m/default/media/images/vote-favorite-off.png") no-repeat scroll center center transparent;
+    background: url("../images/vote-favorite-off.png") no-repeat scroll center center transparent;
 }
 
 .favorite-mark.on, a.favorite-mark:hover {
-    background: url("/m/default/media/images/vote-favorite-on.png") no-repeat scroll center center transparent;
+    background: url("../images/vote-favorite-on.png") no-repeat scroll center center transparent;
 }
 
 .favorite-count {
@@ -2358,10 +1484,26 @@ a.accept-answer.on, a.accept-answer:hover {
     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;
-    width: 100%;
+    position: relative;
 }
 
 .comment.not_top_scorer {
@@ -2375,57 +1517,90 @@ a.accept-answer.on, a.accept-answer:hover {
     font-weight: bold;
     padding-top: 3px;
     vertical-align: top;
+    float: left;
     width: 22px;
+    height: 100%;
+    text-align: center;
 }
 
 .comment-text {
     color: #444444;
-    font-size: 11px;
+    font-size: 12px;
     margin: 0 0 0 22px;
     padding: 0;
 }
 
+.comment-text p {
+    font-size: 12px;
+}
+
 .comment-info {
     font-size: 11px;
-    margin: 0;
+    margin: 0 0 4px 0;
     text-align: right;
+    height: 18px;
+    vertical-align: middle;
 }
 
-a.comment-like, a.comment-delete, a.comment-edit {
+.comment-info * {
     float: right;
     height: 18px;
+    margin-left: 4px;
+}
+
+a.comment-like, a.comment-delete, a.comment-edit, a.comment-convert, a.comment-convert-to-question {
     margin-left: 2px;
-    position: relative;
     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 {
-    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 {
-    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 {
-    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-convert-to-question {
+    background: url("../images/convert-to-question-off.png") no-repeat scroll center center transparent;
+}
+
+a.comment-convert-to-question:hover {
+    background: url("../images/convert-to-question-hover.png") no-repeat scroll center center transparent;
 }
 
 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 {
-    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 {
     display: none;
     padding-top: 12px;
+    margin-bottom: 8px;
 }
 
 .comment-form-widgets-container input {
@@ -2433,8 +1608,9 @@ a.comment-edit:hover {
 }
 
 .comment-form-widgets-container textarea {
-    height: 6em;
+    height: 80px;
     width: 80%;
+    float: left;
 }
 
 span.comment-chars-left {
@@ -2442,16 +1618,21 @@ span.comment-chars-left {
     margin-right: 20px;
 }
 
-span.comment-chars-left.warn {
-    color: red;
-}
-
 div.comment-tools {
     border-top: 1px dotted #CCCCCE;
     padding-top: 12px;
     text-align: right;
 }
 
+div.comment-tools span.comment-tools-separator {
+    float: left;
+    display: block;
+    line-height: 17px;
+    color: #ccc;
+    font-size: 15px;
+    margin-left: 1px;
+}
+
 div.comment-tools .comments-showing {
     color: #777777;
     font-size: 11px;
@@ -2471,12 +1652,16 @@ div.comment-tools a:hover {
     text-decoration: none;
 }
 
-.action-link {
+.action-link {
     color: #777777;
     cursor: pointer;
     padding: 3px;
 }
 
+.action-link a {
+    color: inherit;
+}
+
 .action-link a.ajax-command:hover {
     background-color: #777777;
     color: #FFFFFF;
@@ -2486,3 +1671,272 @@ div.comment-tools a:hover {
 .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: auto;
+    padding: 2px 0 4px 0;
+    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 42px 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 {
+    padding: 0px 5px;
+    margin: 0 3px 5px 3px;
+    -moz-border-radius: 3px;
+    -webkit-border-radius: 3px;
+    background-color: #3060A8;
+    color: white;
+    line-height: 20px;
+    vertical-align: baseline;
+    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: 355px;
+}
+
+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;*/
+}
+
+.subscription_switch {
+    display: inline-block;
+    zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
+    *display: inline;
+    vertical-align: baseline;
+    margin: 0 2px;
+    outline: none;
+    cursor: pointer;
+    text-align: center;
+    text-decoration: none;
+    font: 11px Arial, Helvetica, sans-serif;
+    padding: .2em 1em .275em;
+    text-shadow: 0 1px 1px rgba(0,0,0,.3);
+    -webkit-border-radius: .5em;
+    -moz-border-radius: .5em;
+    border-radius: .5em;
+    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
+    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
+    box-shadow: 0 1px 2px rgba(0,0,0,.2);
+    color: #101010 !important;
+    border: solid 1px #b7b7b7;
+    background: #fff;
+    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
+    background: -moz-linear-gradient(top,  #fff,  #ededed);
+    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
+}
+.subscription_switch:hover {
+    text-decoration: none;
+    background: #ededed;
+    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
+    background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
+    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
+    color: #101010 !important;
+}
+.subscription_switch:active {
+    position: relative;
+    top: 1px;
+    background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
+    background: -moz-linear-gradient(top,  #ededed,  #fff);
+    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
+}
+
+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;
+}