]> git.openstreetmap.org Git - osqa.git/blobdiff - forum/skins/default/media/style/style.css
projects / osqa.git / blobdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | inline | side by side
Added title for login page and changed prompt for "oppurtunity", may still be in...
[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 02148ab0d5c96aeffc440fcd323c34fa87ed5540..6cc944df2e4ee0170f6c441e46f24beaade08f8b 100644 (file)
--- a/forum/skins/default/media/style/style.css
+++ b/forum/skins/default/media/style/style.css
@@ -1,2459 +1,1307 @@
-@import url(jquery.autocomplete.css);
-@import url(openid.css);
-@import url(prettify.css);
+@import "jquery.autocomplete.css";
 
 
-/* 公用 */
 body {
 body {
-    background: #FFF;
-    font-size: 12px;
-    line-height: 150%;
-    margin: 0;
-    padding: 0;
-    color: #000;
-    font-family: sans-serif;
+       background: none repeat scroll 0 0 #FFFFFF;
+       color: #000000;
+       font-family: sans-serif;
+       font-size: 12px;
+       line-height: 150%;
+       margin: 0;
+       padding: 0;
 }
 
 div {
 }
 
 div {
-    margin: 0 auto;
-    padding: 0;
+       margin: 0 auto;
+       padding: 0;
 }
 
 }
 
-h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd, form, img, p {
-    margin: 0;
-    padding: 0;
-    border: none;
+h1,h2,h3,ul,li,form,img,p {
+       border: medium none;
+       margin: 0;
+       padding: 0;
 }
 
 }
 
-label {
-    vertical-align: middle;
-}
+label { vertical-align: middle; }
 
 hr {
 
 hr {
-    border: none;
-    border-top: 1px dashed #ccccce;
+       border-color: #CCCCCE -moz-use-text-color -moz-use-text-color;
+       border-right: medium none;
+       border-style: dashed none none;
+       border-width: 1px medium medium;
 }
 
 }
 
-input, select {
-    vertical-align: middle;
-    font-family: Trebuchet MS, "segoe ui", Helvetica, "Microsoft YaHei", 宋 体, Tahoma, Verdana, MingLiu, PMingLiu, Arial, sans-serif;
+input,select {
+       font-family: Trebuchet MS,"segoe ui",Helvetica,"Microsoft YaHei",Tahoma,Verdana,MingLiu,PMingLiu,Arial,sans-serif;
+       vertical-align: middle;
 }
 
 p {
 }
 
 p {
-    margin-bottom: 13px;
-    font-size: 13px;
-    line-height: 140%;
+       font-size: 13px;
+       line-height: 140%;
+       margin-bottom: 13px;
 }
 
 a {
 }
 
 a {
-    color: #333333;
-    text-decoration: none;
+       color: #3060A8;
+       text-decoration: none;
 }
 
 .badges a {
 }
 
 .badges a {
-    color: #763333;
-    text-decoration: underline;
-}
-
-a:hover {
-    text-decoration: underline;
-}
-
-.block {
-    width: 960px;
-    height: auto;
-}
-
-.fleft {
-    float: left;
-}
-
-.fright {
-    float: right;
-}
-
-.tleft {
-    text-align: left;
-}
-
-.tcenter {
-    text-align: center;
-}
-
-.tright {
-    text-align: right;
+       color: #763333;
+       text-decoration: underline;
 }
 
 }
 
-.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 {
-    height: 6px;
-    line-height: 6px;
-    clear: both;
-    visibility: hidden;
-}
+a:hover { text-decoration: underline; }
+.tright { text-align: right; }
 
 .spacer3 {
 
 .spacer3 {
-    height: 30px;
-    line-height: 30px;
-    clear: both;
-    visibility: hidden;
+       clear: both;
+       height: 30px;
+       line-height: 30px;
+       visibility: hidden;
 }
 
 h1 {
 }
 
 h1 {
-    font-size: 160%;
-    padding: 5px 0 5px 0;
+       font-size: 160%;
+       padding: 5px 0;
 }
 
 h2 {
 }
 
 h2 {
-    font-size: 140%;
-    padding: 3px 0 3px 0;
+       font-size: 140%;
+       padding: 3px 0;
 }
 
 h3 {
 }
 
 h3 {
-    font-size: 120%;
-    padding: 3px 0 3px 0;
+       font-size: 120%;
+       padding: 3px 0;
 }
 
 ul {
 }
 
 ul {
-    list-style: disc;
-    margin-left: 20px;
-    padding-left: 0px;
-    margin-bottom: 1em;
+       list-style: disc outside none;
+       margin-bottom: 1em;
+       margin-left: 20px;
+       padding-left: 0;
 }
 
 ol {
 }
 
 ol {
-    list-style: decimal;
-    margin-left: 30px;
-    margin-bottom: 1em;
-    padding-left: 0px;
+       list-style: decimal outside none;
+       margin-bottom: 1em;
+       margin-left: 30px;
+       padding-left: 0;
 }
 
 }
 
-td ul {
-    vertical-align: middle;
-}
-
-li input {
-    margin: 3px 3px 4px 3px;
-}
+td ul { vertical-align: middle; }
+li input { margin: 3px 3px 4px; }
 
 pre {
 
 pre {
-    font-family: Consolas, Monaco, Liberation Mono, Lucida Console, Monospace;
-    font-size: 100%;
-    margin-bottom: 10px;
-    overflow: auto;
-    width: 580px;
-    background-color: #F5F5F5;
-    padding-left: 5px;
-    padding-top: 5px;
-    padding-bottom: 20px ! ie7;
+       background-color: #F5F5F5;
+       font-family: Consolas,Monaco,Liberation Mono,Lucida Console,Monospace;
+       font-size: 100%;
+       margin-bottom: 10px;
+       overflow: auto;
+       padding-left: 5px;
+       padding-top: 5px;
+       width: 580px;
 }
 
 code {
 }
 
 code {
-    font-family: Consolas, Monaco, Liberation Mono, Lucida Console, Monospace;
-    font-size: 100%;
-
+       font-family: Consolas,Monaco,Liberation Mono,Lucida Console,Monospace;
+       font-size: 100%;
 }
 
 blockquote {
 }
 
 blockquote {
-    margin-bottom: 10px;
-    margin-right: 15px;
-    padding: 10px 0px 1px 10px;
-    background-color: #F5F5F5;
+       background-color: #F5F5F5;
+       margin-bottom: 10px;
+       margin-right: 15px;
+       padding: 10px 0 1px 10px;
 }
 
 }
 
-/*页面布局*/
 #wrapper {
 #wrapper {
-    width: 960px;
-    margin: auto;
-    padding: 0;
+       margin: auto;
+       padding: 0;
+       width: 990px;
 }
 
 #roof {
 }
 
 #roof {
-    position: relative;
-    margin-top: 0px;
-    background: #FFF;
+       background: none repeat scroll 0 0 #FFFFFF;
+       margin-top: 0;
+       position: relative;
 }
 
 #room {
 }
 
 #room {
-    padding: 10px 0 10px 0;
-    background-color: #FFF;
-    border-bottom: 1px solid #777;
+       background-color: #FFFFFF;
+       border-bottom: 1px solid #777777;
+       padding: 10px 0;
 }
 
 #CALeft {
 }
 
 #CALeft {
-    width: 710px;
-    float: left;
-    position: relative;
+       float: left;
+       position: relative;
+       width: 740px;
 }
 
 #CARight {
 }
 
 #CARight {
-    width: 240px;
-    float: right;
+       float: right;
+       width: 240px;
 }
 
 #CAFull {
 }
 
 #CAFull {
-    float: left;
-    padding: 0 5px 0 5px;
-    width: 950px;
+       float: left;
+       padding: 0 5px;
+       width: 950px;
 }
 
 #ground {
 }
 
 #ground {
-    width: 100%;
-    border-top: 1px solid #000;
-    padding-top: 6px;
-    padding-bottom: 0px;
-    text-align: center;
-    background: #777;
+       background: none repeat scroll 0 0 #BDCCED;
+       border-top: 1px solid #000000;
+       padding-bottom: 0;
+       padding-top: 6px;
+       text-align: center;
+       width: 100%;
 }
 
 }
 
-/*#licenseLogo {position:absolute;top:10px;right:10px;}*/
-
-/*顶部及导航栏*/
 #top {
 #top {
-    position: absolute;
-    top: 0px;
-    right: 0px;
-    height: 20px;
-    text-align: right;
-    padding: 3px;
-    background-color: #ffffff;
-    width: 500px;
+       background-color: #FFFFFF;
+       height: 20px;
+       padding: 3px;
+       position: absolute;
+       right: 0;
+       text-align: right;
+       top: 0;
+       width: 500px;
 }
 
 }
 
-/*#header {width:960px;}*/
 #top a {
 #top a {
-    height: 35px;
-    text-align: right; /*letter-spacing:1px; */
-    margin-left: 20px;
-    text-decoration: underline;
-    font-size: 12px;
-    color: #333333;
+       color: #333333;
+       font-size: 12px;
+       height: 35px;
+       margin-left: 20px;
+       text-align: right;
+       text-decoration: underline;
 }
 
 }
 
-#logo {
-    padding: 5px 0px 0px 0px;
-}
+#logo { padding: 5px 0 0; }
 
 #navBar {
 
 #navBar {
-    float: clear;
-    position: relative;
-    display: block;
-    width: 960px;
+       display: block;
+       position: relative;
+       width: 990px;
 }
 
 }
 
-#navBar .nav {
-    margin: 20px 0px 0px 16px; /*letter-spacing:1px; */
-}
+#navBar .nav { margin: 20px 0 0 16px; }
 
 #navBar .nav a {
 
 #navBar .nav a {
-    color: #333333;
-    background-color: #fff0e0;
-    /*border-left: 1px solid #eeeeec;
-                 border-right: 1px solid #babdb6;
-                 border-top: 1px solid #eeeeec;*/
-    border: 1px solid #888888;
-    border-bottom: none;
-    padding: 0px 12px 3px 12px;
-    height: 25px;
-    line-height: 30px;
-    margin-left: 10px;
-    font-size: 14px;
-    font-weight: 400;
-    text-decoration: none;
-    display: block;
-    float: left;
-}
-
-#navBar .nav a:hover {
-    text-decoration: underline
-}
+       background-color: #E5EBF8;
+       border-color: #888888 #888888 -moz-use-text-color;
+       border-style: solid solid none;
+       border-width: 1px 1px medium;
+       color: #333333;
+       display: block;
+       float: left;
+       font-size: 14px;
+       font-weight: 400;
+       height: 25px;
+       line-height: 30px;
+       margin-left: 10px;
+       padding: 0 12px 3px;
+       text-decoration: none;
+}
+
+#navBar .nav a:hover { text-decoration: underline; }
 
 #navBar .nav a.on {
 
 #navBar .nav a.on {
-    height: 24px;
-    line-height: 28px;
-    border-bottom: 1px solid #a40000;
-    border-right: 1px solid #820000;
-    border-top: 1px solid #d40000;
-    border-left: 1px solid #d40000; /*background:#A31E39; */
-    background: #a40000;
-    color: #FFF;
-    font-weight: 600;
-    text-decoration: none
+       background: none repeat scroll 0 0 #356FCB;
+       border: 1px solid #356FCB;
+       color: #FFFFFF;
+       font-weight: 600;
+       height: 24px;
+       line-height: 28px;
+       text-decoration: none;
 }
 
 #navBar .nav a.special {
 }
 
 #navBar .nav a.special {
-    font-size: 14px;
-    color: #B02B2C;
-    font-weight: bold;
-    text-decoration: none;
+       color: #B02B2C;
+       font-size: 14px;
+       font-weight: bold;
+       text-decoration: none;
 }
 
 }
 
-#navBar .nav a.special:hover {
-    text-decoration: underline;
-}
+#navBar .nav a.special:hover { text-decoration: underline; }
 
 #navBar .nav div.focus {
 
 #navBar .nav div.focus {
-    float: right;
-    padding-right: 0px;
+       float: right;
+       padding-right: 0;
 }
 
 }
 
-/*搜索栏*/
 #searchBar {
 #searchBar {
-    width: 958px;
-    background-color: #888a85; /*#e9b96e;*/
-    border: 1px solid #aaaaaa;
-    padding: 4px 0 0 0;
+       background-color: #B6C4E2;
+       border-color: #EEEEEC #A9ACA5 #BABDB6 #EEEEEC;
+       border-style: solid;
+       border-width: 1px;
+       padding: 4px 0 0;
+       width: 988px;
 }
 
 }
 
-/* #B02B2C */
-#searchBar .content {
-}
+#searchBar .content { }
 
 #searchBar .searchInput {
 
 #searchBar .searchInput {
-    font-size: 13px;
-    height: 18px;
-    width: 400px;
+       font-size: 13px;
+       height: 18px;
+       width: 400px;
 }
 
 #searchBar .searchBtn {
 }
 
 #searchBar .searchBtn {
-    font-size: 14px;
-    height: 26px;
-    width: 80px;
+       font-size: 14px;
+       height: 26px;
+       width: 80px;
 }
 
 #searchBar .options {
 }
 
 #searchBar .options {
-    padding: 3px 0 3px 0;
-    font-size: 100%;
-    color: #EEE; /*letter-spacing:1px;*/
-}
-
-#searchBar .options INPUT {
-    margin: 0 3px 0 15px;
+       color: #333333;
+       font-size: 120%;
+       padding: 3px 0;
 }
 
 }
 
-#searchBar .options INPUT:hover {
-    cursor: pointer
-}
+#searchBar .options input { margin: 0 3px 0 15px; }
+#searchBar .options input:hover { cursor: pointer; }
 
 
-/*问题列表*/
 #listA {
 #listA {
-    float: left;
-    background-color: #FFF;
-    padding: 0 0px 0 0px;
-    width: 100%;
-}
-
-#listA .qstA {
-    position: relative;
-    padding: 3px 5px 5px 10px;
-    border-top: 1px dashed #ccccce;
-    /*border-left:1px solid #ebebbe;
-    border-right:1px solid #b4b48e;
-    border-bottom:1px solid #b4b48e;*/
-    background: white; /* #f9f7ed;*/
-/*margin:10px 0 10px 0;*/
-/*background:url(../images/quest-bg.gif) repeat-x top;*/
-}
-
-#listA .qstA thumb {
-    float: left;
-}
-
-#listA .qstA H2 {
-    font-size: 14px;
-    font-weight: 800;
-    margin: 8px auto;
-    padding: 0px;
+       background-color: #FFFFFF;
+       float: left;
+       padding: 0 0;
+       width: 100%;
 }
 
 }
 
-#listA .qstA H2 a {
-    color: 333333 /*#2e3436*/;
-    font-size: 15px;
-}
-
-#listA .qstA .stat {
-    position: absolute;
-    right: 0px;
-    bottom: 5px;
-    font-size: 12px; /*letter-spacing:1px;*/
-    float: right;
-}
-
-#listA .qstA .stat span {
-    margin-right: 5px;
-}
-
-#listA .qstA .stat td {
-    min-width: 40px;
-    text-align: center;
-}
-
-#listA .qstA .stat .num {
-    font-family: sans-serif;
-    color: #a40000;
-    /*background:#eeeeec;
- border: 1px solid #babdb6;*/
-    margin: 0px;
-    font-size: 17px;
-    font-weight: 800;
-}
-
-#listA .qstA table {
-    border-spacing: 0px;
-}
-
-#listA .qstA table td {
-    padding: 0px;
-    width: 60px;
-    text-align: center;
-}
-
-#listA .qstA .stat .unit {
-    color: #777777;
-    margin: 0px
-}
-
-#listA .qstA .from {
-    margin-top: 5px;
-    font-size: 13px;
-    color: #777777;
-}
-
-#listA .qstA .from .score {
-    font-family: sans-serif;
-    color: #555555;
-}
-
-#listA .qstA .date {
-    margin-left: 10px;
-    color: #777777;
-}
-
-#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 {
 }
 
 .short-summary {
-    position: relative;
-    padding: 3px 5px 5px 10px;
-    border-top: 1px dotted #ccccce;
-    overflow: hidden;
-    width: 700px;
-    float: left;
+       border-top: 1px dotted #CCCCCE;
+       float: left;
+       overflow: hidden;
+       padding: 3px 0px 5px 0;
+       position: relative;
+       width: 740px;
 }
 
 }
 
-.short-summary h2 {
-    font-size: 16px;
-    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: 17px;
 }
 
 .short-summary .userinfo {
 }
 
 .short-summary .userinfo {
-    float: right;
-    margin-top: 8px;
+       color: #666666;
+       float: right;
+       margin-top: 8px;
 }
 
 }
 
+.userinfo a,a.userinfo { color: #3060A8; }
+
 .short-summary .counts {
 .short-summary .counts {
-    float: right;
-    margin-top: 4px;
+       float: left;
+       margin-right: 0px;
+       margin-top: 4px;
+       padding-right: 2px;
 }
 
 .short-summary .counts .item-count {
 }
 
 .short-summary .counts .item-count {
-    font-size: 17px;
-    font-weight: 800;
+       font-size: 17px;
+       font-weight: bold;
 }
 
 }
 
-.short-summary .votes,
-.short-summary .status,
-.short-summary .views {
-    font-size: 12px;
-    text-align: center;
-    margin: 0 0 0 7px;
-    padding: 4px 2px 0px 2px;
-    width: 46px;
-    height: 48px;
-    float: left;
-    -moz-border-radius: 5px;
-    -khtml-border-radius: 5px;
-    -webkit-border-radius: 5px;
+.short-summary .votes,.short-summary .status,.short-summary .views {
+       -moz-border-radius: 5px 5px 5px 5px;
+       border-bottom: 1px solid #CCCCCC;
+       border-right: 1px solid #CCCCCC;
+       float: left;
+       font-size: 11px;
+       height: 42px;
+       margin: 0 6px 0 0px;
+       padding: 8px 2px 0;
+       text-align: center;
+       width: 46px;
 }
 
 }
 
-#question-table {
-    margin-bottom: 10px; /*border-bottom:1px solid #888a85;*/
-}
+.short-summary .votes,.short-summary .views { color: #666666; }
 
 
-.evenMore {
-    font-size: 14px;
-    font-weight: 800;
+.short-summary .favorites {
+       width: 24px;
+       float: left;
+       text-align: center;
 }
 
 }
 
+#question-table { margin-bottom: 10px; }
+
 .questions-count {
 .questions-count {
-    font-size: 32px;
-    font-family: sans-serif;
-    font-weight: 600;
-    padding: 0 0 5px 0px;
-    color: #a40000;
-    margin-top: 3px;
+       color: #A40000;
+       font-family: sans-serif;
+       font-size: 32px;
+       font-weight: 600;
+       margin-top: 3px;
+       padding: 0 0 5px 0;
 }
 
 }
 
-/*内容块*/
 .boxA {
 .boxA {
-    background: #888a85;
-    padding: 6px;
-    margin-bottom: 8px;
-    border 1px solid #babdb6;
+       background: none repeat scroll 0 0 #888A85;
+       margin-bottom: 8px;
+       padding: 6px;
 }
 
 }
 
-.boxA H3 {
-    font-size: 13px;
-    font-weight: 800;
-    color: #FFF;
-    margin: 0;
-    padding: 0;
-    margin-bottom: 4px;
+.boxA h3 {
+       color: #FFFFFF;
+       font-size: 13px;
+       font-weight: 800;
+       margin: 0 0 4px;
+       padding: 0;
 }
 
 .boxA .body {
 }
 
 .boxA .body {
-    border: 1px solid #999;
-    padding: 8px;
-    background: #FFF;
-    font-size: 13px;
+       background: none repeat scroll 0 0 #FFFFFF;
+       border: 1px solid #999999;
+       font-size: 13px;
+       padding: 8px;
 }
 
 .boxA .more {
 }
 
 .boxA .more {
-    padding: 2px;
-    text-align: right;
-    font-weight: 800;
-}
-
-.boxB {
-    background: #F9F7ED;
-    padding: 6px;
-    margin-bottom: 8px;
-    border: solid 1px #aaaaaa;
-}
-
-.boxB H3 {
-    font-size: 13px;
-    font-weight: 800;
-    color: #000;
-    margin: 0;
-    padding: 0 0 0 15px;
-    margin-bottom: 4px;
-    background: url(../images/dot-g.gif) no-repeat left center;
-}
-
-.boxB .body {
-    border: 1px solid #aaaaaa;
-    padding: 8px;
-    background: #FFF;
-    font-size: 13px;
-    line-height: 160%;
-}
-
-.boxB .more {
-    padding: 1px;
-    text-align: right;
-    font-weight: 800;
+       font-weight: 800;
+       padding: 2px;
+       text-align: right;
 }
 
 .boxC {
 }
 
 .boxC {
-    background: #cacdc6; /*f9f7ed;*/
-    padding: 10px;
-    margin-bottom: 8px;
-    border-top: 1px solid #eeeeec;
-    border-left: 1px solid #eeeeec;
-    border-right: 1px solid #a9aca5;
-    border-bottom: 1px solid #babdb6;
+       background: none repeat scroll 0 0 #E5EBF8;
+       border-color: #EEEEEC #A9ACA5 #BABDB6 #EEEEEC;
+       border-style: solid;
+       border-width: 1px;
+       margin-bottom: 8px;
+       padding: 10px;
 }
 
 }
 
-.boxC p {
-    margin-bottom: 8px;
-}
-
-.boxC p.nomargin {
-    margin: 0px;
-}
+.boxC p { margin-bottom: 8px; }
+.boxC p.nomargin { margin: 0; }
 
 .boxC p.info-box-follow-up-links {
 
 .boxC p.info-box-follow-up-links {
-    text-align: right;
-    margin: 0;
+       margin: 0;
+       text-align: right;
 }
 
 }
 
-/*分页*/
 .pager {
 .pager {
-    margin-top: 10px;
-    margin-bottom: 16px;
-    float: left;
+       float: left;
+       margin-bottom: 16px;
+       margin-top: 10px;
 }
 
 .pagesize {
 }
 
 .pagesize {
-    margin-top: 10px;
-    margin-bottom: 16px;
-    float: right;
+       float: right;
+       margin-bottom: 16px;
+       margin-top: 10px;
 }
 
 }
 
-/** PAGINATOR **/
 .paginator {
 .paginator {
-    padding: 5px 0 10px 0;
-    font: normal 12px sans-serif;
-}
-
-.paginator .prev-na,
-.paginator .next-na {
-    padding: .3em;
-    font: bold .875em sans-serif;
-}
-
-.paginator .prev-na,
-.paginator .next-na {
-    border: 1px solid #ccc;
-    background-color: #f9f9f9;
-    color: #aaa;
-    font-weight: normal;
-}
-
-.paginator .prev a, .paginator .prev a:visited,
-.paginator .next a, .paginator .next a:visited {
-    border: 1px solid #fff;
-    background-color: #fff;
-    color: #777;
-    padding: 2px 4px 3px 4px;
-    font: bold 100% sans-serif;
+       font: 12px sans-serif;
+       padding: 5px 0 10px;
 }
 
 }
 
-.paginator .prev, .paginator .prev-na {
-    margin-right: .5em;
+.paginator .prev a,.paginator .prev a:visited,.paginator .next a,.paginator .next a:visited {
+       background-color: #FFFFFF;
+       border: 1px solid #FFFFFF;
+       color: #777777;
+       font: bold 100% sans-serif;
+       padding: 2px 4px 3px;
 }
 
 }
 
-.paginator .next, .paginator .next-na {
-    margin-left: .5em;
-}
+.paginator .prev, { margin-right: 0.5em; }
+.paginator .next, { margin-left: 0.5em; }
 
 
-.paginator .page a, .paginator .page a:visited, .paginator .curr {
-    padding: .25em;
-    font: normal .875em verdana;
-    border: 1px solid #ccc;
-    background-color: #fff;
-    margin: 0em .25em;
-    color: #777;
+.paginator .page a,.paginator .page a:visited,.paginator .curr {
+       background-color: #FFFFFF;
+       border: 1px solid #CCCCCC;
+       color: #777777;
+       font: 0.875em verdana;
+       margin: 0 0.25em;
+       padding: 0.25em;
 }
 
 .paginator .curr {
 }
 
 .paginator .curr {
-    background-color: #777;
-    color: #fff;
-    border: 1px solid #777;
-    font-weight: bold;
+       background-color: #777777;
+       border: 1px solid #777777;
+       color: #FFFFFF;
+       font-weight: bold;
 }
 
 }
 
-.paginator .page a:hover,
-.paginator .curr a:hover,
-.paginator .prev a:hover,
-.paginator .next a:hover {
-    color: #fff;
-    background-color: #777;
-    border: 1px solid #777;
-    text-decoration: none;
+.paginator .page a:hover,.paginator .prev a:hover,.paginator .next a:hover {
+       background-color: #777777;
+       border: 1px solid #777777;
+       color: #FFFFFF;
+       text-decoration: none;
 }
 
 .paginator .text {
 }
 
 .paginator .text {
-    color: #777;
-    padding: .3em;
-    font: bold 100% sans-serif;
+       color: #777777;
+       font: bold 100% sans-serif;
+       padding: 0.3em;
 }
 
 }
 
-.paginator-container {
-    float: right;
-    padding: 10px 0 10px 0;
-}
+.paginator-container-left { padding: 5px 0 10px; }
 
 
-.paginator-container-left {
-    padding: 5px 0 10px 0;
-}
-
-/*标签*/
-.tag {
-    font-size: 13px;
-    font-weight: normal;
-    color: #333;
-    text-decoration: none;
-    background-color: #EEE;
-    border-left: 3px solid #777;
-    border-top: 1px solid #EEE;
-    border-bottom: 1px solid #CCC;
-    border-right: 1px solid #CCC;
-    padding: 1px 8px 1px 8px;
+.tags {
+       display: block;
+       font-family: sans-serif;
+       line-height: 200%;
+       margin-top: 5px;
 }
 
 }
 
-.tags {
-    font-family: sans-serif;
-    line-height: 200%;
-    display: block;
-    margin-top: 5px;
-}
-
-.tags a {
-    white-space: nowrap;
-    font-size: 13px;
-    font-weight: normal;
-    color: #333;
-    text-decoration: none;
-    background-color: #EEE;
-    border-left: 3px solid #777;
-    border-top: 1px solid #EEE;
-    border-bottom: 1px solid #CCC;
-    border-right: 1px solid #CCC;
-    padding: 1px 8px 1px 8px;
+.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;
 }
 
 .tags a:hover {
 }
 
 .tags a:hover {
-    background-color: #fFF;
-    color: #333;
+       background-color: #356FCB;
+       color: #FFFFFF;
 }
 
 }
 
-.tagsbox {
-    line-height: 200%;
+.tag-number {
+       font-family: sans-serif;
+       font-weight: 700;
 }
 
 }
 
-.tagsbox a {
-    font-size: 13px;
-    font-weight: normal;
-    color: #333;
-    text-decoration: none;
-    background-color: #EEE;
-    border-left: 3px solid #777;
-    border-top: 1px solid #EEE;
-    border-bottom: 1px solid #CCC;
-    border-right: 1px solid #CCC;
-    padding: 1px 8px 1px 8px;
+.marked-tags {
+       margin-bottom: 5px;
+       margin-top: 0;
 }
 
 }
 
-.tagsbox a:hover {
-    background-color: #fFF;
-    color: #333;
+a.medal {
+       background: none repeat scroll 0 0 #FFFFCD;
+       border-color: #EEEEEE #CCCCCC #CCCCCC #EEEEEE;
+       border-left: 1px solid #EEEEEE;
+       border-style: solid;
+       border-width: 1px;
+       color: #333333;
+       font-size: 14px;
+       font-weight: bold;
+       line-height: 250%;
+       padding: 4px 12px 4px 6px;
+       text-decoration: none;
+}
+
+a.medal:hover {
+       background: url("../images/medala_on.gif") no-repeat scroll 0 0 transparent;
+       border-color: #E7E296 #D1CA3D #D1CA3D #E7E296;
+       border-left: 1px solid #E7E296;
+       border-style: solid;
+       border-width: 1px;
+       color: #333333;
+       text-decoration: none;
 }
 
 }
 
-.tag-number {
-    font-weight: 700;
-    font-family: sans-serif;
+.tabBar {
+       background-color: #FFFFFF;
+       border-bottom: 1px solid white;
+       clear: both;
+       height: 30px;
+       margin-bottom: 3px;
+       width: 100%;
 }
 
 }
 
-.marked-tags {
-    margin-top: 0px;
-    margin-bottom: 5px;
+.tabsA {
+       background-color: #FFFFFF;
+       display: block;
+       float: right;
+       font-weight: bold;
+       height: 20px;
+       position: relative;
 }
 
 }
 
-.deletable-tag {
-    margin-right: 3px;
-    white-space: nowrap;
+.tabsA a {
+       background: none repeat scroll 0 0 #EEEEEE;
+       border-bottom: 1px solid #CCCCCC;
+       border-right: 1px solid #CCCCCC;
+       color: #888A85;
+       display: block;
+       float: left;
+       height: 20px;
+       line-height: 22px;
+       margin: 5px 4px 0 0;
+       padding: 0 11px;
+       text-decoration: none;
 }
 
 }
 
-/*奖牌*/
-a.medal {
-    font-size: 14px;
-    line-height: 250%;
-    font-weight: 800;
-    color: #333;
-    text-decoration: none;
-    background: url(../images/medala.gif) no-repeat;
-    border-left: 1px solid #EEE;
-    border-top: 1px solid #EEE;
-    border-bottom: 1px solid #CCC;
-    border-right: 1px solid #CCC;
-    padding: 4px 12px 4px 6px;
-}
-
-a:hover.medal {
-    color: #333;
-    text-decoration: none;
-    background: url(../images/medala_on.gif) no-repeat;
-    border-left: 1px solid #E7E296;
-    border-top: 1px solid #E7E296;
-    border-bottom: 1px solid #D1CA3D;
-    border-right: 1px solid #D1CA3D;
-}
-
-/*Tab栏*/
-.tabBar {
-    background-color: #FFF;
-    border-bottom: 1px solid white;
-    height: 30px;
-    width: 100%;
-    clear: both;
-    margin-bottom: 3px;
+.tabsA a.on,.tabsA a:hover, {
+       background: none repeat scroll 0 0 #FFFFFF;
+       color: #A40000;
 }
 
 }
 
-.tabsA {
-    background-color: #FFF;
-    float: right;
-    position: relative;
-    display: block;
-    font-weight: bold;
-    height: 20px;
-}
-
-.tabsB {
-    background-color: #FFF;
-    float: left;
-    position: relative;
-    display: block;
-    font-weight: bold;
-    height: 20px;
-}
-
-.tabsA a.on, .tabsA a:hover, .tabsB a.on, .tabsB a:hover {
-    background: #fff;
-    color: #a40000;
-    border-top: 1px solid #babdb6;
-    border-left: 1px solid #babdb6;
-    border-right: 1px solid #888a85;
-    border-bottom: 1px solid #888a85;
-    height: 24px;
-    line-height: 26px;
-    margin-top: 3px;
-    padding: 0px 11px 0px 11px;
+.tabsA a:hover, {
+       background: none repeat scroll 0 0 #356FCB;
+       color: #FFFFFF;
 }
 
 }
 
-.tabsA a {
-    background: #f9f7eb;
-    border-top: 1px solid #eeeeec;
-    border-left: 1px solid #eeeeec;
-    border-right: 1px solid #a9aca5;
-    border-bottom: 1px solid #888a85;
-    color: #888a85;
-    display: block;
-    float: left;
-    height: 20px;
-    line-height: 22px;
-    margin: 5px 4px 0 0;
-    padding: 0 11px 0 11px;
-    text-decoration: none;
-}
-
-.tabsB a {
-    background: #eee;
-    border: 1px solid #eee;
-    color: #777;
-    display: block;
-    float: left;
-    height: 22px;
-    line-height: 28px;
-    margin: 5px 0px 0 4px;
-    padding: 0 11px 0 11px;
-    text-decoration: none;
-}
-
-/*.tabsA a:hover, .tabsB a:hover {background: #fff;border: 1px solid #777;border-bottom:3px solid #FFF;}*/
 .headlineA {
 .headlineA {
-    font-size: 13px;
-    border-bottom: 1px solid #777;
-    padding-bottom: 2px;
-    font-weight: 800;
-    margin-bottom: 12px;
-    text-align: right;
-    height: 30px;
+       border-bottom: 1px solid #777777;
+       font-size: 13px;
+       font-weight: 800;
+       height: 30px;
+       margin-bottom: 12px;
+       padding-bottom: 2px;
+       text-align: right;
 }
 
 .headQuestions {
 }
 
 .headQuestions {
-    float: left;
-    height: 23px;
-    line-height: 23px;
-    margin: 5px 0 0 5px;
-    padding: 0px 6px 0px 15px;
-    font-size: 15px;
-    font-weight: 700;
-    border-bottom: 0px solid #777;
-    border-left: 0px solid #darkred;
-    background-color: #FFF;
-    background: url(../images/dot-list.gif) no-repeat left center;
-}
-
-.headAnswers {
-    float: left;
-    padding: 3px;
-    font-size: 18px;
-    font-weight: 800;
-    background: url(../images/ico_answers.gif) left 2px no-repeat;
-    padding-left: 24px;
-}
-
-.headTags {
-    float: left;
-    padding: 3px;
-    font-size: 18px;
-    font-weight: 800;
-    background: url(../images/ico_tags.gif) no-repeat;
-    padding-left: 24px;
+       background: url("../images/dot-list.gif") no-repeat scroll left center transparent;
+       border-bottom: 0 solid #777777;
+       float: left;
+       font-size: 15px;
+       font-weight: 700;
+       height: 23px;
+       line-height: 23px;
+       margin: 5px 0 0 5px;
+       padding: 0 6px 0 15px;
 }
 
 .headUsers {
 }
 
 .headUsers {
-    float: left;
-    height: 23px;
-    line-height: 23px;
-    margin: 5px 0 0 5px;
-    padding: 0px 6px 0px 15px;
-    font-size: 15px;
-    font-weight: 700;
-    border-bottom: 0px solid #777;
-    border-left: 0px solid #darkred;
-    background-color: #FFF;
-    background: url(../images/dot-list.gif) no-repeat left center;
+       background: url("../images/dot-list.gif") no-repeat scroll left center transparent;
+       border-bottom: 0 solid #777777;
+       float: left;
+       font-size: 15px;
+       font-weight: 700;
+       height: 23px;
+       line-height: 23px;
+       margin: 5px 0 0 5px;
+       padding: 0 6px 0 15px;
 }
 
 .headMedals {
 }
 
 .headMedals {
-    float: left;
-    height: 23px;
-    line-height: 23px;
-    margin: 5px 0 0 5px;
-    padding: 0px 6px 0px 15px;
-    font-size: 15px;
-    font-weight: 700;
-    border-bottom: 0px solid #777;
-    border-left: 0px solid #darkred;
-    background-color: #FFF;
-    background: url(../images/dot-list.gif) no-repeat left center;
-}
-
-.headLogin {
-    float: left;
-    padding: 3px;
-    font-size: 15px;
-    font-weight: 800;
-    background: url(../images/ico_login.gif) no-repeat;
-    padding-left: 24px;
+       background: url("../images/dot-list.gif") no-repeat scroll left center transparent;
+       border-bottom: 0 solid #777777;
+       float: left;
+       font-size: 15px;
+       font-weight: 700;
+       height: 23px;
+       line-height: 23px;
+       margin: 5px 0 0 5px;
+       padding: 0 6px 0 15px;
 }
 
 .headNormal {
 }
 
 .headNormal {
-    text-align: left;
-    padding: 3px;
-    font-size: 15px;
-    margin-bottom: 12px;
-    font-weight: bold;
-    border-bottom: 1px solid #777;
+       border-bottom: 1px solid #777777;
+       font-size: 15px;
+       font-weight: bold;
+       margin-bottom: 12px;
+       padding: 3px;
+       text-align: left;
 }
 
 .headUser {
 }
 
 .headUser {
-    text-align: left;
-    padding: 5px;
-    font-size: 20px; /*letter-spacing:1px;*/
-    margin-bottom: 12px;
-    font-weight: 800;
-    border-bottom: 1px solid #777;
-}
-
-/*RSS订阅*/
-#feeds {
-    margin: 10px 0;
-}
-
-#feeds a {
-    background: url(../images/feed-icon-small.png) no-repeat 0;
-    padding-left: 18px;
-    font-weight: 700;
-    font-size: 13px;
-}
-
-/*问题*/
-#question {
-    margin-bottom: 30px;
-}
-
-#question h1 {
-    font-size: 15px;
-    background: #CCC;
-    padding: 6px 8px;;
-}
-
-#question .body {
-    background: #F7F7F7;
-    padding: 20px 10px;
-}
-
-.starter {
-    padding: 10px;
-    background: #E0EAF1;
-}
-
-.vote {
-    font-size: 20px;
-    color: #666;
-    font-weight: 800;
+       border-bottom: 1px solid #777777;
+       font-size: 20px;
+       font-weight: 800;
+       margin-bottom: 12px;
+       padding: 5px;
+       text-align: left;
 }
 
 .questions-related {
 }
 
 .questions-related {
-    font-weight: 700;
-    word-wrap: break-word;
+       font-weight: 700;
+       word-wrap: break-word;
 }
 
 .questions-related p {
 }
 
 .questions-related p {
-    line-height: 20px;
-    margin-bottom: 10px;
-    font-size: 100%;
-}
-
-.question-status {
-    margin-top: 10px;
-    padding: 20px;
-    background-color: #F5F5F5;
-    text-align: center;
-}
-
-.question-status h3 {
-    font-size: 125%;
+       font-size: 100%;
+       line-height: 20px;
+       margin-bottom: 10px;
 }
 
 .question-body {
 }
 
 .question-body {
-    min-height: 100px;
-    font-size: 13px;
-    line-height: 20px;
+       font-size: 13px;
+       line-height: 20px;
+       min-height: 100px;
 }
 
 }
 
-.question-body IMG {
-    max-width: 600px;
-}
-
-.question-mark {
-    /*background-color:#fff5e0;
-    border-top: 1px solid #eeeeec;
-    border-right: 1px solid #babdb6;
-    border-bottom: 1px solid #babdb6;
-    border-left: 1px solid #eeeeec;*/
-    text-align: left;
-    padding: 5px;
-    overflow: hidden;
-}
-
-.question-edit {
-    text-align: left;
-    overflow: hidden;
-}
+.question-body img { max-width: 600px; }
 
 .vote-buttons {
 
 .vote-buttons {
-    float: left;
-    text-align: center;
-}
-
-.vote-buttons IMG {
-    cursor: pointer;
-}
-
-.vote-number {
-    font-family: Arial;
-    padding: 0px 0 3px 0;
-    font-size: 140%;
-    font-weight: bold;
-    color: #777;
-}
-
-.question-img-upvote:hover {
-    background: url(../images/vote-arrow-up-on.png)
-}
-
-.question-img-downvote:hover {
-    background: url(../images/vote-arrow-down-on.png)
-}
-
-.question-img-favorite:hover {
-    background: url(../images/vote-favorite-on.png)
-}
-
-.favorite-number {
-    padding: 0px;
-    font-size: 100%;
-    font-family: Arial;
-    font-weight: bold;
-    color: #777;
+       float: left;
+       text-align: center;
 }
 
 .vote-notification {
 }
 
 .vote-notification {
-    z-index: 1;
-    cursor: pointer;
-    display: none;
-    position: absolute;
-    padding: 15px;
-    color: White;
-    background-color: darkred;
-    text-align: center;
+       background-color: darkred;
+       color: White;
+       cursor: pointer;
+       display: none;
+       padding: 15px;
+       position: absolute;
+       text-align: center;
+       z-index: 1;
 }
 
 .vote-notification a {
 }
 
 .vote-notification a {
-    color: White;
-    text-decoration: underline;
-}
-
-.offensive-flag a {
-    color: #777;
-    padding: 3px;
-    cursor: pointer;
-}
-
-.offensive-flag a:hover {
-    background-color: #777;
-    text-decoration: none;
-    color: #fff;
-}
-
-.linksopt a {
-    color: #777;
-    padding: 3px;
-    cursor: pointer;
-}
-
-.linksopt a:hover {
-    background-color: #777;
-    text-decoration: none;
-    color: #fff;
-}
-
-.action-link a {
-    color: #777;
-    padding: 3px;
-    cursor: pointer;
-}
-
-.action-link: a hover {
-    background-color: #777;
-    text-decoration: none;
-    color: #fff;
-}
-
-.action-link-separator {
-    color: #ccc;
-}
-
-.wiki-category {
-    margin-left: 5px;
-    color: #999;
-    font-size: 90%;
-}
-
-div.comments {
-    line-height: 150%;
-    padding: 10px 0;
-}
-
-div.post-comments {
-    clear: both;
-    background: url(../images/gray-up-arrow-h18px.png) no-repeat;
-    width: 100%;
-    padding-left: 12px;
-    margin: 3px 0 10px 0;
-}
-
-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.text-counter {
-    margin-right: 20px;
-    font-size: 11px;
+       color: White;
+       text-decoration: underline;
 }
 
 span.form-error {
 }
 
 span.form-error {
-    color: #990000;
-    font-weight: normal;
-    margin-left: 5px;
+       color: #990000;
+       font-weight: normal;
+       margin-left: 5px;
 }
 
 }
 
-p.form-item {
-    margin: 0px;
-}
-
-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;
-}
-
-a.comments-link, a.comments-link-accepted, a.comments-link-owner, a.comments-link-deleted {
-    color: black;
-    font-size: 11px;
-    background: #eeeeee;
-    padding: 3px;
-    cursor: pointer;
-}
-
-.post-comments a:hover {
-    background-color: #777777;
-    color: white;
-    text-decoration: none;
-}
-
-a.comment-user, a.comment-user:hover {
-    background-color: inherit;
-    color: blue;
-    padding: 0;
-}
-
-a.comment-user:hover {
-    text-decoration: underline;
-}
-
-/*回答*/
-#answers {
-}
+div.comments-container, { padding: 0; }
 
 .answer {
 
 .answer {
-    padding-top: 10px;
-    width: 100%;
-    border-bottom: 1px solid #ccccce;
+       border-bottom: 1px solid #CCCCCE;
+       padding-top: 10px;
+       width: 100%;
 }
 
 .answer-body {
 }
 
 .answer-body {
-    min-height: 80px;
-    font-size: 13px;
-    line-height: 20px;
-}
-
-.answer-body IMG {
-    max-width: 600px;
+       font-size: 13px;
+       line-height: 20px;
+       min-height: 80px;
 }
 
 .accepted-answer {
 }
 
 .accepted-answer {
-    background-color: #EBFFE6;
-    border-bottom-color: #9BD59B;
-}
-
-.accepted-answer .comments-link {
-    background-color: #CCFFBF;
+       background-color: #EBFFE6;
+       border-bottom-color: #9BD59B;
 }
 
 }
 
-.accepted-answer .comments-container {
-    background-color: #CCFFBF;
-}
+.accepted-answer .comments-container { background-color: #CCFFBF; }
 
 .answered {
 
 .answered {
-    background: #CCC;
-    color: #999;
+       background: none repeat scroll 0 0 #E5EBF8;
+       color: #314362;
 }
 
 }
 
-.answered-accepted {
-    background: #CCC;
-    color: #763333;
+.answered-accepted,.answer-votes.answered-accepted {
+       background: none repeat scroll 0 0 #E6F8DD;
+       color: #3A6231;
 }
 
 .unanswered {
 }
 
 .unanswered {
-    background: #777;
-    color: white;
-}
-
-.answered-by-owner {
-    background: #E9E9FF;
+       background: none repeat scroll 0 0 #F3E3E1;
+       color: #6B2B28;
 }
 
 }
 
-.answered-by-owner .comments-link {
-    background-color: #E6ECFF;
-}
+.answered-by-owner { background: none repeat scroll 0 0 #E9E9FF; }
+.answered-by-owner .comments-container { 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)
-}
-
-.deleted {
-    background: #F4E7E7 none repeat scroll 0 0;
-}
-
-/*标签列表*/
-/*
-.tagsbox {}
-.tagsbox a {color:#000;line-height:30px;margin-right:10px;font-size:100%;background-color:#F9F7ED;padding:3px;border:1px solid #aaaaaa;}
-.tagsbox a:hover {text-decoration:none;background-color:#F9F7ED;color:#B02B2C;} */
 .tagsList {
 .tagsList {
-    margin: 0;
-    list-style-type: none;
-    padding: 0px;
-    min-height: 360px;
+       list-style-type: none;
+       margin: 0;
+       min-height: 360px;
+       padding: 0;
 }
 
 .tagsList li {
 }
 
 .tagsList li {
-    width: 235px;
-    float: left;
+       float: left;
+       width: 235px;
 }
 
 .badge-list {
 }
 
 .badge-list {
-    margin: 0;
-    list-style-type: none;
+       list-style-type: none;
+       margin: 0;
 }
 
 }
 
-/*登录*/
-.list-item {
-    margin-left: 15px;
-}
+.badge-list a { color: #3060A8; }
+.badge-list a.medal { color: #333333; }
+.list-item { margin-left: 15px; }
 
 
-.list-item LI {
-    list-style-type: disc;
-    font-size: 13px;
-    line-height: 20px;
-    margin-bottom: 10px;
+.list-item li {
+       font-size: 13px;
+       line-height: 20px;
+       list-style-type: disc;
+       margin-bottom: 10px;
 }
 
 }
 
-/* openid styles */
-.form-row {
-    line-height: 25px;
-}
-
-table.form-as-table {
-    margin-top: 5px;
-}
+.form-row { line-height: 25px; }
+table.form-as-table { margin-top: 5px; }
 
 table.form-as-table ul {
 
 table.form-as-table ul {
-    list-style-type: none;
-    display: inline;
-}
-
-table.form-as-table li {
-    display: inline;
+       display: inline;
+       list-style-type: none;
 }
 
 }
 
-table.form-as-table td {
-    text-align: right;
-}
-
-table.form-as-table th {
-    text-align: left;
-    font-weight: normal;
-}
+table.form-as-table li { display: inline; }
+table.form-as-table pre { display: inline; }
+table.check-table td { padding-right: 50px; }
 
 
-/*.form-row li label {
-    display: inline
-}*/
 .submit-row {
 .submit-row {
-    line-height: 30px;
-    padding-top: 10px;
-    display: block;
-    clear: both;
-}
-
-.errors {
-    line-height: 20px;
-    color: red;
+       clear: both;
+       display: block;
+       line-height: 30px;
+       padding-top: 10px;
 }
 
 .error {
 }
 
 .error {
-    color: darkred;
-    margin: 0;
-    font-size: 10px;
-}
-
-.error-list li {
-    padding: 5px;
+       color: darkred;
+       font-size: 10px;
+       margin: 0;
 }
 
 }
 
-.fieldset {
-/*     border:solid 1px #777;*/
-    border: none;
-    margin-top: 10px;
-    padding: 10px;
-}
-
-.openid-input {
-    background: url(../images/openid.gif) no-repeat;
-    padding-left: 15px;
-    cursor: pointer;
-}
-
-.openid-login-input {
-    background-position: center left;
-    background: url(../images/openid.gif) no-repeat 0% 50%;
-    padding: 5px 5px 5px 15px;
-    cursor: pointer;
-    font-family: Trebuchet MS;
-    font-weight: 300;
-    font-size: 150%;
-    width: 500px;
-}
-
-.openid-login-submit {
-    height: 40px;
-    width: 80px;
-    line-height: 40px;
-    cursor: pointer;
-    border: 1px solid #777;
-    font-weight: bold;
-    font-size: 120%;
-}
-
-.openid-samples {
-
-}
-
-.openid-samples .list, .list li {
-    font-family: Trebuchet MS, "segoe ui", Helvetica, "Microsoft YaHei", 宋 体, Tahoma, Verdana, MingLiu, PMingLiu, Arial, sans-serif;
-    list-style: none !important;
-    margin-left: -30px !important;
-    line-height: 20px !important;
-}
-
-/*表单相关*/
 span.form-error {
 span.form-error {
-    color: #990000;
-    font-size: 90%;
-    font-weight: normal;
-    margin-left: 5px;
+       color: #990000;
+       font-size: 90%;
+       font-weight: normal;
+       margin-left: 5px;
 }
 
 .title-desc {
 }
 
 .title-desc {
-    color: #666666;
-    font-size: 90%;
+       color: #666666;
+       font-size: 90%;
 }
 
 }
 
-/*adjustment for editor preview*/
 #editor {
 #editor {
-    font-size: 100%;
-    min-height: 200px;
-    line-height: 18px;
-    width: 100%;
+       font-size: 100%;
+       line-height: 18px;
+       min-height: 200px;
+       width: 100%;
 }
 
 .wmd-preview {
 }
 
 .wmd-preview {
-    margin-top: 10px;
-    padding: 6px;
-    width: 100%;
-    background-color: #F5F5F5;
-    min-height: 20px;
-}
-
-.wmd-preview pre {
-    background-color: #E7F1F8;
-
-}
-
-.wmd-preview blockquote {
-    background-color: #eee;
-}
-
-.wmd-preview IMG {
-    max-width: 600px;
+       background-color: #F5F5F5;
+       margin-top: 10px;
+       min-height: 20px;
+       padding: 6px;
+       width: 100%;
 }
 
 .preview-toggle {
 }
 
 .preview-toggle {
-    font-weight: 600;
-    width: 100%;
-    color: #aaa; /*letter-spacing:1px;*/
-    text-align: left;
-}
-
-.preview-toggle span:hover {
-    cursor: pointer;
+       color: #AAAAAA;
+       font-weight: 600;
+       text-align: left;
+       width: 100%;
 }
 
 }
 
-.edit-content-html {
-    border-top: 1px dotted #D8D2A9;
-    border-bottom: 1px dotted #D8D2A9;
-    margin: 5px 0 5px 0;
-}
-
-/*修订记录*/
-
-#revisions {
-    width: 950px;
-}
+.preview-toggle span:hover { cursor: pointer; }
+#revisions { width: 950px; }
 
 .revision {
 
 .revision {
-    margin: 10px 0 10px 0;
-    width: 100%;
-    font-size: 13px;
+       font-size: 13px;
+       margin: 10px 0;
+       width: 100%;
 }
 
 .revision .header {
 }
 
 .revision .header {
-    background-color: #eee;
-    padding: 5px;
-    cursor: pointer;
+       background-color: #EEEEEE;
+       cursor: pointer;
+       padding: 5px;
 }
 
 }
 
-.revision .author {
-    background-color: #E9E9FF;
-}
-
-.revision .summary {
-    padding: 5px 0 10px 0;
-}
+.revision .author { background-color: #E9E9FF; }
+.revision .summary { padding: 5px 0 10px; }
 
 .revision .summary span {
 
 .revision .summary span {
-    background-color: yellow;
-    padding-left: 3px;
-    padding-right: 3px;
-    display: inline;
+       background-color: yellow;
+       display: inline;
+       padding-left: 3px;
+       padding-right: 3px;
 }
 
 .revision h1 {
 }
 
 .revision h1 {
-    font-size: 130%;
-    font-weight: 600;
-    padding: 15px 0 15px 0;
+       font-size: 130%;
+       font-weight: 600;
+       padding: 15px 0;
 }
 
 .revision-mark {
 }
 
 .revision-mark {
-    width: 200px;
-    text-align: left;
-    display: inline-block;
-    font-size: 90%;
-    overflow: hidden;
+       display: inline-block;
+       font-size: 90%;
+       overflow: hidden;
+       text-align: left;
+       width: 200px;
 }
 
 .revision-number {
 }
 
 .revision-number {
-    font-size: 300%;
-    font-weight: bold;
-    font-family: sans-serif;
+       font-family: sans-serif;
+       font-size: 300%;
+       font-weight: bold;
 }
 
 .revision .body {
 }
 
 .revision .body {
-    padding-left: 10px;
-    margin-bottom: 50px;
+       margin-bottom: 50px;
+       padding-left: 10px;
 }
 
 }
 
-.revision .answerbody {
-    padding: 10px 0 5px 10px;
-}
+del { color: #FF5F5F; }
+ins { background-color: #97FF97; }
 
 
-/* Revision pages */
-del {
-    color: #FF5F5F;
-}
-
-del .post-tag {
-    color: #FF5F5F;
-}
-
-ins {
-    background-color: #97ff97;
-}
-
-ins .post-tag {
-    background-color: #97ff97;
-}
-
-/*用户资料页面*/
 .count {
 .count {
-    font-family: Arial;
-    font-size: 200%;
-    font-weight: 700;
-    color: #777
+       color: #777777;
+       font-family: Arial;
+       font-size: 200%;
+       font-weight: 700;
 }
 
 .scoreNumber {
 }
 
 .scoreNumber {
-    font-family: Arial;
-    font-size: 35px;
-    font-weight: 800;
-    color: #777;
-    line-height: 40px; /*letter-spacing:0px*/
+       color: #777777;
+       font-family: Arial;
+       font-size: 35px;
+       font-weight: 800;
+       line-height: 40px;
 }
 
 }
 
-.user-details {
-    font-size: 13px;
-}
+.user-details { font-size: 13px; }
 
 .user-about {
 
 .user-about {
-    background-color: #EEEEEE;
-    height: 200px;
-    line-height: 20px;
-    overflow: auto;
-    padding: 10px;
-    width: 90%;
+       background-color: #EEEEEE;
+       height: 200px;
+       line-height: 20px;
+       overflow: auto;
+       padding: 10px;
+       width: 90%;
 }
 
 .user-edit-link {
 }
 
 .user-edit-link {
-    background: url(../images/edit.png) no-repeat;
-    padding-left: 20px;
-}
-
-.favorites-count-off {
-    color: #919191;
-    float: left;
-    padding: 3px;
-    margin: 10px 0 0 0;
-    text-align: center;
-}
-
-.favorites-count {
-    color: #D4A849;
-    float: left;
-    padding: 3px;
-    margin: 10px 0 0 0;
-    text-align: center;
-}
-
-.favorites-empty {
-    width: 32px;
-    height: 45px;
-    float: left;
-}
-
-.question-summary {
-    border-bottom: 1px dotted #999999;
-    float: left;
-    overflow: hidden;
-    padding: 11px 0;
-    width: 670px;
-}
-
-.user-info-table {
-    width: 950;
-    margin-bottom: 10px;
-}
-
-.user-stats-table .question-summary {
-    width: 800px;
-}
-
-.narrow .stats {
-    background: transparent none repeat scroll 0 0;
-    float: left;
-    height: 48px;
-    margin: 0 0 0 7px;
-    padding: 0;
-    width: auto;
-    font-family: Arial;
-}
-
-.stats div {
-    font-size: 11px;
-    text-align: center;
-}
-
-.narrow .votes {
-    background: #EEEEEE none repeat scroll 0 0;
-    float: left;
-    height: 42px;
-    margin: 0 3px 0 0;
-    padding: 5px;
-    width: 46px;
-    text-align: center;
-    -moz-border-radius: 5px;
-    -khtml-border-radius: 5px;
-    -webkit-border-radius: 5px;
-}
-
-.narrow .summary {
-    width: 600px;
-    display: inline-block;
+       background: url("../images/edit.png") no-repeat scroll 0 0 transparent;
+       padding-left: 20px;
 }
 
 }
 
-.narrow .summary h3 {
-    padding: 0px;
-    margin: 0px;
-}
-
-.narrow .views {
-    height: 42px;
-    float: left;
-    margin: 0 7px 0 0; /*padding:5px 0 5px 4px;*/
-    padding: 5px;
-    width: 46px;
-    text-align: center;
-    -moz-border-radius: 5px;
-    -khtml-border-radius: 5px;
-    -webkit-border-radius: 5px;
-    color: #777;
-}
-
-.narrow .status {
-    float: left;
-    height: 42px;
-    margin: 0 3px 0 0;
-    padding: 5px;
-    width: 46px;
-    text-align: center;
-    -moz-border-radius: 5px;
-    -khtml-border-radius: 5px;
-    -webkit-border-radius: 5px;
-}
-
-.narrow .vote-count-post {
-    font-weight: 800;
-    display: block;
-    margin: 0;
-    font-size: 190%;
-    color: #555;
-    line-height: 20px;
-}
-
-.narrow .answer-count-post {
-    font-weight: 800;
-    display: block;
-    margin: 0;
-    font-size: 190%;
-}
-
-.narrow .views-count-post {
-    font-weight: 800;
-    display: block;
-    margin: 0;
-    font-size: 190%;
-}
-
-div.started {
-    color: #999999;
-    float: right;
-    line-height: 18px;
-
-}
-
-.narrow div.started {
-    line-height: inherit;
-    padding-top: 4px;
-    white-space: nowrap;
-    width: auto;
-}
-
-.relativetime {
-    font-weight: bold;
-    text-decoration: none;
-}
-
-div.started a {
-    font-weight: bold;
-}
-
-div.started .reputation-score {
-    margin-left: 1px;
-}
-
-.narrow  .tags {
-    float: left;
-}
+.user-info-table { margin-bottom: 10px; }
+.relativetime { text-decoration: none; }
 
 .answer-summary {
 
 .answer-summary {
-    display: block;
-    clear: both;
-    padding: 3px;
+       clear: both;
+       display: block;
+       padding: 3px;
 }
 
 .answer-votes {
 }
 
 .answer-votes {
-    background-color: #EEEEEE;
-    color: #555555;
-    float: left;
-    font-family: Arial;
-    font-size: 110%;
-    font-weight: bold;
-    height: 15px;
-    padding: 4px 4px 5px;
-    text-align: center;
-    text-decoration: none;
-    width: 20px;
-    margin-right: 10px;
+       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 {
 }
 
 .vote-count {
-    font-family: Arial;
-    font-size: 160%;
-    font-weight: 700;
-    color: #777;
-}
-
-.user-action {
-
+       color: #777777;
+       font-family: Arial;
+       font-size: 160%;
+       font-weight: 700;
 }
 
 .user-action-1 {
 }
 
 .user-action-1 {
-    font-weight: bold;
-    color: #333;
+       color: #333333;
+       font-weight: bold;
 }
 
 .user-action-2 {
 }
 
 .user-action-2 {
-    font-weight: bold;
-    color: #CCC;
+       color: #CCCCCC;
+       font-weight: bold;
 }
 
 }
 
-.user-action-3 {
-    color: #333;
-}
-
-.user-action-4 {
-    color: #333;
-}
-
-.user-action-5 {
-    color: darkred;
-}
-
-.user-action-6 {
-    color: darkred;
-}
-
-.user-action-7 {
-    color: #333;
-}
+.user-action-3 { color: #333333; }
+.user-action-4 { color: #333333; }
+.user-action-7 { color: #333333; }
 
 .user-action-8 {
 
 .user-action-8 {
-    padding: 3px;
-    font-weight: bold;
-    background-color: #CCC;
-    color: #763333;
-}
-
-.revision-summary {
-    background-color: #FFFE9B;
-    padding: 2px;
+       background-color: #CCCCCC;
+       color: #763333;
+       font-weight: bold;
+       padding: 3px;
 }
 
 .question-title-link a {
 }
 
 .question-title-link a {
-    font-weight: bold;
-    color: #0077CC;
+       color: #0077CC;
+       font-weight: bold;
 }
 
 }
 
-.answer-title-link a {
-    color: #333;
-}
-
-.post-type-1 a {
-    font-weight: bold;
-
-}
-
-.post-type-3 a {
-    font-weight: bold;
-
-}
-
-.post-type-5 a {
-    font-weight: bold;
-}
-
-.post-type-2 a {
-    color: #333;
-}
-
-.post-type-4 a {
-    color: #333;
-}
-
-.post-type-6 a {
-    color: #333;
-}
-
-.post-type-8 a {
-    color: #333;
-}
-
-/*读书频道*/
-.bookInfo {
-    float: left;
-    width: 940px;
-    padding: 5px;
-}
-
-.bookCover {
-    float: left;
-    width: 200px;
-}
-
-.bookCover img {
-    border: 1px solid #ccc;
-    max-width: 200px;
-}
-
-.bookSummary {
-    float: left;
-    font-size: 13px;
-}
-
-.blogRss {
-    float: right;
-    margin: 0 10px 0 0;
-    width: 460px;
-    height: 240px;
-    background-color: #EEE;
-    padding: 5px;
-}
-
-.bookQuestions {
-    margin-bottom: 10px;
-}
-
-.bookFeed {
-    float: right;
-}
-
-.bookAsk {
-/*letter-spacing:1px; */
-    float: right;
-    margin: -30px 10px 0 0;
-    padding: 3px 5px 3px 5px;
-}
-
-.bookAsk a {
-    font-size: 15px;
-    color: #FFF;
-    font-weight: bold;
-    text-decoration: none;
-    background-color: #EC7000;
-    padding: 3px 6px 3px 6px;
-}
-
-.bookAsk a:hover {
-    text-decoration: underline;
-}
-
-/*其他全局样式*/
-.hilite {
-    background-color: #ff0;
-}
-
-.hilite1 {
-    background-color: #ff0;
-}
-
-.hilite2 {
-    background-color: #f0f;
-}
-
-.hilite3 {
-    background-color: #0ff;
-}
-
-.userStatus {
-    margin-left: 12px;
-    color: #FFF;
-    float: right;
-}
-
-.userStatus a {
-    color: #FFF;
-}
-
-.gold, .badge1 {
-    color: #FFCC00;
-}
-
-.silver, .badge2 {
-    color: #CCCCCC;
-}
-
-.bronze, .badge3 {
-    color: #CC9933;
-}
+.answer-title-link a { color: #333333; }
+.post-type-1 a { font-weight: bold; }
+.post-type-3 a { font-weight: bold; }
+.post-type-2 a { color: #333333; }
+.post-type-4 a { color: #333333; }
+.post-type-8 a { color: #333333; }
+.badge1 { color: #FFCC00; }
+.silver,.badge2 { color: #CCCCCC; }
+.bronze,.badge3 { color: #CC9933; }
 
 .score {
 
 .score {
-    font-weight: 800;
-    color: #333;
+       color: #333333;
+       font-size: 110%;
+       font-weight: bold;
+       margin-left: 3px;
 }
 
 .footerLinks {
 }
 
 .footerLinks {
-    color: #EEE;
-    font-size: 13px; /* letter-spacing:1px;*/
+       color: #3060A8;
+       font-size: 13px;
 }
 
 .footerLinks a {
 }
 
 .footerLinks a {
-    color: #FFF;
-    font-size: 13px;
-}
-
-.subSearch {
-    margin-bottom: 12px;
-    padding: 4px;
-}
-
-a.comment {
-    background: #EEE;
-    color: #993300;
-    padding: 4px;
-}
-
-a.permLink {
-    padding: 2px;
-}
-
-a.offensive {
-    color: #999;
-}
-
-ul.bulleta li {
-    background: url(../images/bullet_green.gif) no-repeat 0px 2px;
-    padding-left: 16px;
-    margin-bottom: 4px;
+       color: #3060A8;
+       font-size: 13px;
 }
 
 .user {
 }
 
 .user {
-    padding: 5px;
-    line-height: 140%;
-    width: 170px;
+       line-height: 140%;
+       padding: 5px;
+       width: 170px;
 }
 
 .user ul {
 }
 
 .user ul {
-    margin: 0;
-    list-style-type: none;
+       list-style-type: none;
+       margin: 0;
 }
 
 .user .thumb {
 }
 
 .user .thumb {
-    clear: both;
-    float: left;
-    margin-right: 4px;
-    display: inline;
-}
-
-.yellowbg {
-    background: yellow;
+       clear: both;
+       display: inline;
+       float: left;
+       margin-right: 4px;
 }
 
 .message {
 }
 
 .message {
-    padding: 5px;
-    margin: 10px 0 10px 0;
-    background-color: #eee;
-    border: 1px solid #aaaaaa;
-}
-
-.message h1 {
-    padding-top: 0px;
-    font-size: 15px;
-}
-
-.message p {
-    margin-bottom: 0px;
-}
-
-p.space-above {
-    margin-top: 10px;
+       background-color: #EEEEEE;
+       border: 1px solid #AAAAAA;
+       margin: 10px 0;
+       padding: 5px;
 }
 
 }
 
-.warning {
-    color: red;
-}
-
-.darkred {
-    color: darkred;
-}
+.message p { margin-bottom: 0; }
+.darkred { color: darkred; }
 
 .submit {
 
 .submit {
-    cursor: pointer; /*letter-spacing:1px;*/
-    background-color: #D4D0C8;
-    height: 40px;
-    border: 1px solid #777777; /*      width:100px; */
-    font-weight: bold;
-    padding-bottom: 4px;
-    font-size: 120%;
+       background-color: #D4D0C8;
+       border: 1px solid #777777;
+       cursor: pointer;
+       font-size: 120%;
+       font-weight: bold;
+       height: 40px;
+       padding-bottom: 4px;
 }
 
 }
 
-.submit:hover {
-    text-decoration: underline;
-}
-
-.ask-body {
-    padding-right: 10px;
-}
-
-.thousand {
-    color: orange;
-}
+.submit:hover { text-decoration: underline; }
+.ask-body { padding-right: 10px; }
 
 .notify {
 
 .notify {
-    position: fixed;
-    top: 0px;
-    left: 0px;
-    width: 100%;
-    z-index: 100;
-    padding: 0;
-    text-align: center;
-    font-weight: Bold;
-    color: #444;
-    background-color: #F4A83D;
+       background-color: #F4A83D;
+       color: #444444;
+       font-weight: bold;
+       left: 0;
+       padding: 0;
+       position: fixed;
+       text-align: center;
+       top: 0;
+       width: 100%;
+       z-index: 100;
 }
 
 .notify p {
 }
 
 .notify p {
-    margin-top: 5px;
-    margin-bottom: 5px;
-    font-size: 16px;
+       font-size: 16px;
+       margin-bottom: 5px;
+       margin-top: 5px;
 }
 
 #close-notify {
 }
 
 #close-notify {
-    position: absolute;
-    right: 5px;
-    top: 5px;
-    padding: 0 3px 0 3px;
-    color: #735005;
-    text-decoration: none;
-    font-size: 14px;
-    line-height: 18px;
-    background-color: #FAD163;
-    border: 2px #735005 solid;
-    cursor: pointer;
-}
-
-#close-notify:hover {
-    text-decoration: none;
-}
-
-.big {
-    font-size: 15px;
-}
-
-.bigger {
-    font-size: 14px;
-}
-
-.strong {
-    font-weight: bold;
-}
+       background-color: #FAD163;
+       border: 2px solid #735005;
+       color: #735005;
+       cursor: pointer;
+       font-size: 14px;
+       line-height: 18px;
+       padding: 0 3px;
+       position: absolute;
+       right: 5px;
+       text-decoration: none;
+       top: 5px;
+}
+
+#close-notify:hover { text-decoration: none; }
+.big { font-size: 15px; }
+.strong { font-weight: bold; }
 
 .orange {
 
 .orange {
-    color: #d64000;
-    font-weight: bold;
+       color: #D64000;
+       font-weight: bold;
 }
 
 }
 
-.grey {
-    color: #808080;
-}
+.grey { color: #808080; }
 
 .about div {
 
 .about div {
-    padding: 10px 5px 10px 5px;
-    border-top: 1px dashed #aaaaaa;
+       border-top: 1px dashed #AAAAAA;
+       padding: 10px 5px;
 }
 
 .about div.first {
 }
 
 .about div.first {
-    padding-top: 0;
-    border-top: none;
+       border-top: medium none;
+       padding-top: 0;
 }
 
 }
 
-.about p {
-    margin-bottom: 10px;
-}
+.about p { margin-bottom: 10px; }
 
 .about a {
 
 .about a {
-    color: #d64000;
-    text-decoration: underline;
+       color: #D64000;
+       text-decoration: underline;
 }
 
 .about h3 {
 }
 
 .about h3 {
-    line-height: 30px;
-    font-size: 15px;
-    font-weight: 700;
-    padding-top: 0px;
+       font-size: 15px;
+       font-weight: 700;
+       line-height: 30px;
+       padding-top: 0;
 }
 
 }
 
-.highlight {
-    background-color: #FFF8C6;
-}
+.nomargin { margin: 0; }
+.inline-block { display: inline-block; }
+.list-table td { vertical-align: top; }
 
 
-.nomargin {
-    margin: 0;
-}
-
-.margin-bottom {
-    margin-bottom: 10px;
-}
-
-.margin-top {
-    margin-top: 10px;
+table.form-as-table input {
+       display: inline;
+       margin-left: 4px;
 }
 
 }
 
-.inline-block {
-    display: inline-block;
+ul.form-horizontal-rows {
+       list-style: none outside none;
+       margin: 0;
 }
 
 }
 
-.action-status {
-    margin: 0;
-    border: none;
-    text-align: center;
-    line-height: 10px;
-    font-size: 12px;
-    padding: 0;
+ul.form-horizontal-rows li {
+       height: 40px;
+       position: relative;
 }
 
 }
 
-.action-status span {
-    padding: 3px 5px 3px 5px;
-    background-color: #fff380; /* nice yellow */
-    font-weight: normal;
-    -moz-border-radius: 5px;
-    -khtml-border-radius: 5px;
-    -webkit-border-radius: 5px;
-}
+ul.form-horizontal-rows label { display: inline-block; }
 
 
-.tight {
-    margin: 0;
-    padding: 0;
+ul.form-horizontal-rows label {
+       bottom: 6px;
+       font-size: 12px;
+       left: 0;
+       line-height: 12px;
+       margin: 0;
+       position: absolute;
 }
 
 }
 
-.list-table td {
-    vertical-align: top;
+ul.form-horizontal-rows li input {
+       bottom: 0;
+       left: 180px;
+       margin: 0;
+       position: absolute;
 }
 
 }
 
-p.comment {
-    border-top: 1px dotted #ccccce;
-    margin: 0;
-    font-size: 11px;
-    color: #444444;
-    padding: 5px 0 5px 0;
-}
+#changepw-form li input { left: 150px; }
 
 
-.delete-icon {
-    vertical-align: middle;
-    padding-left: 3px;
+.user-profile-tool-links {
+       font-weight: bold;
+       padding-bottom: 10px;
 }
 
 }
 
-/* these need to go */
-table.form-as-table .errorlist {
-    display: block;
-    margin: 0;
-    padding: 0 0 0 5px;
-    text-align: left;
-    font-size: 10px;
-    color: darkred;
+.post-controls {
+       float: left;
+       font-size: 11px;
+       line-height: 12px;
+       margin-bottom: 5px;
+       min-width: 200px;
 }
 
 }
 
-table.form-as-table input {
-    display: inline;
-    margin-left: 4px;
-}
+#question-controls .tags { margin: 0 0 3px; }
 
 
-table.form-as-table th {
-    vertical-align: bottom;
-    padding-bottom: 4px;
+.post-update-info-container {
+       float: right;
+       min-width: 190px;
 }
 
 }
 
-.form-row-vertical {
-    margin-top: 8px;
-    display: block;
+.post-update-info {
+       display: inline-block;
+       float: right;
+       margin-bottom: 5px;
+       width: 190px;
 }
 
 }
 
-.form-row-vertical label {
-    margin-bottom: 3px;
-    display: block;
+.post-update-info p {
+       font-size: 11px;
+       line-height: 15px;
+       margin: 0 0 4px;
+       padding: 0;
 }
 
 }
 
-/* above stuff needs to go */
-.text-align-right {
-    text-align: center;
+.post-update-info img {
+       float: left;
+       margin: 4px 8px 0 0;
+       width: 32px;
 }
 
 }
 
-ul.form-horizontal-rows {
-    list-style: none;
-    margin: 0;
-}
+.comments-container { clear: both; }
 
 
-ul.form-horizontal-rows li {
-    position: relative;
-    height: 40px;
+.admin {
+       background-color: #FFF380;
+       border: 1px solid darkred;
+       padding: 0 5px;
 }
 
 }
 
-ul.form-horizontal-rows label {
-    display: inline-block;
-}
+.admin p { margin-bottom: 3px; }
 
 
-ul.form-horizontal-rows ul.errorlist {
-    list-style: none;
-    color: darkred;
-    font-size: 10px;
-    line-height: 10px;
-    position: absolute;
-    top: 2px;
-    left: 180px;
-    text-align: left;
-    margin: 0;
+.admin #action_status {
+       font-weight: bold;
+       text-align: center;
 }
 
 }
 
-ul.form-horizontal-rows ul.errorlist li {
-    height: 10px;
-}
+#tagSelector { padding-bottom: 2px; }
+#hideIgnoredTagsControl { margin: 5px 0 0; }
+#hideIgnoredTagsCb { margin: 0 2px 0 1px; }
 
 
-ul.form-horizontal-rows label {
-    position: absolute;
-    left: 0px;
-    bottom: 6px;
-    margin: 0px;
-    line-height: 12px;
-    font-size: 12px;
+a.sidebar_button {
+       background: none repeat scroll 0 0 #EEEEEE;
+       color: black;
+       cursor: pointer;
+       font-size: 11px;
+       padding: 3px;
 }
 
 }
 
-ul.form-horizontal-rows li input {
-    position: absolute;
-    bottom: 0px;
-    left: 180px;
-    margin: 0px;
+a.sidebar_button:hover {
+       background-color: #777777;
+       color: white;
+       text-decoration: none;
 }
 
 }
 
-#emailpw-form li input {
-    left: 170px;
+a.post-vote,.favorite-mark,a.accept-answer {
+       display: block;
+       height: 24px;
+       position: relative;
+       width: 24px;
 }
 
 }
 
-#emailpw-form ul.errorlist {
-    left: 170px;
-}
+a.post-vote.up { 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("../images/vote-arrow-up-on.png") no-repeat scroll center center transparent; }
+a.post-vote.down { 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("../images/vote-arrow-down-on.png") no-repeat scroll center center transparent; }
+a.accept-answer { background: url("../images/vote-accepted.png") no-repeat scroll center center transparent; }
+a.accept-answer.on,a.accept-answer:hover { background: url("../images/vote-accepted-on.png") no-repeat scroll center center transparent; }
 
 
-#changepw-form li input {
-    left: 150px;
+.post-score {
+       color: #777777;
+       font-family: Arial;
+       font-size: 140%;
+       font-weight: bold;
+       padding: 0 0 3px;
 }
 
 }
 
-#changepw-form ul.errorlist {
-    left: 150px;
-}
+.favorite-mark { background: url("../images/vote-favorite-off.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; }
 
 
-.narrow .summary {
-    float: left;
+.favorite-count {
+       color: #777777;
+       font-family: Arial;
+       font-size: 100%;
+       font-weight: bold;
+       padding: 0;
 }
 
 }
 
-.narrow .summary .question-title {
-    font-weight: bold;
-    font-size: 120%;
+.comment {
+       border-top: 1px dotted #CCCCCE;
+       margin: 0;
+       width: 100%;
 }
 
 }
 
-.user-profile-tool-links {
-    padding-bottom: 10px;
-    font-weight: bold;
-}
+.comment.not_top_scorer { display: none; }
 
 
-.post-controls {
-    float: left;
-    font-size: 11px;
-    line-height: 12px;
-    min-width: 200px;
-    margin-bottom: 5px;
+.comment-score {
+       color: #777777;
+       font-family: Arial;
+       font-size: 16px;
+       font-weight: bold;
+       padding-top: 3px;
+       vertical-align: top;
+       width: 22px;
 }
 
 }
 
-#question-controls .tags {
-    margin: 0 0 3px 0;
+.comment-text {
+       color: #444444;
+       font-size: 11px;
+       margin: 0 0 0 22px;
+       padding: 0;
 }
 
 }
 
-.post-update-info-container {
-    float: right;
-    min-width: 190px;
+.comment-info {
+       font-size: 11px;
+       margin: 0;
+       text-align: right;
 }
 
 }
 
-.post-update-info {
-    display: inline-block;
-    float: right;
-    width: 190px;
-    margin-bottom: 5px;
+a.comment-like,a.comment-delete,a.comment-edit {
+       float: right;
+       height: 18px;
+       margin-left: 2px;
+       position: relative;
+       width: 18px;
 }
 
 }
 
-.post-update-info p {
-    font-size: 11px;
-    line-height: 15px;
-    margin: 0 0 4px 0;
-    padding: 0;
-}
+a.comment-like { background: url("../images/comment-like.png") no-repeat scroll center center transparent; }
+a.comment-like:hover,a.comment-like.on { background: url("../images/comment-like-on.png") no-repeat scroll center center transparent; }
+a.comment-delete { background: url("../images/comment-delete.png") no-repeat scroll center center transparent; }
+a.comment-delete:hover { background: url("../images/comment-delete-hover.png") no-repeat scroll center center transparent; }
+a.comment-edit { background: url("../images/comment-edit.png") no-repeat scroll center center transparent; }
+a.comment-edit:hover { background: url("../images/comment-edit-hover.png") no-repeat scroll center center transparent; }
 
 
-.post-update-info img {
-    float: left;
-    width: 32px;
-    margin: 4px 8px 0 0;
+.comment-form-container {
+       display: none;
+       padding-top: 12px;
 }
 
 }
 
-.comments-container {
-    clear: both;
-}
+.comment-form-widgets-container input { vertical-align: top; }
 
 
-.admin {
-    background-color: #fff380; /* nice yellow */
-    border: 1px solid darkred;
-    padding: 0 5px 0 5px;
+.comment-form-widgets-container textarea {
+       height: 6em;
+       width: 80%;
 }
 
 }
 
-.admin p {
-    margin-bottom: 3px;
+span.comment-chars-left {
+       font-size: 11px;
+       margin-right: 20px;
 }
 
 }
 
-.admin #action_status {
-    text-align: center;
-    font-weight: bold;
+div.comment-tools {
+       border-top: 1px dotted #CCCCCE;
+       padding-top: 12px;
+       text-align: right;
 }
 
 }
 
-#tagSelector {
-    padding-bottom: 2px;
+div.comment-tools .comments-showing {
+       color: #777777;
+       font-size: 11px;
 }
 
 }
 
-#hideIgnoredTagsControl {
-    margin: 5px 0 0 0;
+div.comment-tools a {
+       background: none repeat scroll 0 0 #EEEEEE;
+       color: black;
+       cursor: pointer;
+       font-size: 11px;
+       padding: 3px;
 }
 
 }
 
-#hideIgnoredTagsCb {
-    margin: 0 2px 0 1px;
+div.comment-tools a:hover {
+       background-color: #777777;
+       color: white;
+       text-decoration: none;
 }
 
 }
 
-#recaptcha_widget_div {
-    width: 318px;
-    float: left;
-    clear: both;
+.action-link a {
+       color: #777777;
+       cursor: pointer;
+       padding: 3px;
 }
 
 }
 
-p.signup_p {
-    margin: 20px 0px 0px 0px;
+.action-link a.ajax-command:hover {
+       background-color: #777777;
+       color: #FFFFFF;
+       text-decoration: none;
 }
 
 }
 
-.simple-subscribe-options ul {
-    list-style: none;
-    list-style-position: outside;
-    margin: 0;
-}
+.action-link-separator { color: #CCCCCC; }
OSQA