]> git.openstreetmap.org Git - osqa.git/blobdiff - forum/skins/default/media/style/style.css
OSQA-240: adjusted wmd-preview to not be 100%, this seemed to cause it to run afoul...
[osqa.git] / forum / skins / default / media / style / style.css
index 02148ab0d5c96aeffc440fcd323c34fa87ed5540..b2653d34c4d7ba48c22fa6fff61d743e0316a1c1 100644 (file)
-@import url(jquery.autocomplete.css);
-@import url(openid.css);
-@import url(prettify.css);
+@import "jquery.autocomplete.css";
 
-/* 公用 */
 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 {
-    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;}
+
+.login label {display: block;}
+.login .form-row-vertical {margin-bottom: 8px;}
 
 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 {
-    margin-bottom: 13px;
-    font-size: 13px;
-    line-height: 140%;
+       font-size: 13px;
+       line-height: 140%;
+       margin-bottom: 13px;
 }
 
 a {
-    color: #333333;
-    text-decoration: none;
+       color: #3060A8;
+       text-decoration: none;
 }
 
 .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;
-}
-
-.dis {
-    display: block;
-}
-
-.inline {
-    display: inline;
-}
-
-.none {
-    display: none;
+       color: #763333;
+       text-decoration: underline;
 }
 
-.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 {
-    height: 30px;
-    line-height: 30px;
-    clear: both;
-    visibility: hidden;
+       clear: both;
+       height: 30px;
+       line-height: 30px;
+       visibility: hidden;
 }
 
 h1 {
-    font-size: 160%;
-    padding: 5px 0 5px 0;
+       font-size: 160%;
+       padding: 5px 0;
 }
 
 h2 {
-    font-size: 140%;
-    padding: 3px 0 3px 0;
+       font-size: 140%;
+       padding: 3px 0;
 }
 
 h3 {
-    font-size: 120%;
-    padding: 3px 0 3px 0;
+       font-size: 120%;
+       padding: 3px 0;
 }
 
 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 {
-    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 {
-    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 {
-    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 {
-    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 {
-    width: 960px;
-    margin: auto;
-    padding: 0;
+       margin: auto;
+       padding: 0;
+       width: 990px;
 }
 
 #roof {
-    position: relative;
-    margin-top: 0px;
-    background: #FFF;
+       background: none repeat scroll 0 0 #FFFFFF;
+       margin-top: 0;
+       position: relative;
 }
 
 #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 {
-    width: 710px;
-    float: left;
-    position: relative;
+       float: left;
+       position: relative;
+       width: 740px;
 }
 
 #CARight {
-    width: 240px;
-    float: right;
+       float: right;
+       width: 240px;
 }
 
 #CAFull {
-    float: left;
-    padding: 0 5px 0 5px;
-    width: 950px;
+       float: left;
+       padding: 0 5px;
+       width: 950px;
 }
 
 #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 {
-    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 {
-    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 {
-    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 {
-    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 {
-    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 {
-    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 {
-    float: right;
-    padding-right: 0px;
+       float: right;
+       padding-right: 0;
 }
 
-/*搜索栏*/
 #searchBar {
-    width: 958px;
-    background-color: #888a85; /*#e9b96e;*/
-    border: 1px solid #aaaaaa;
-    padding: 4px 0 0 0;
-}
-
-/* #B02B2C */
-#searchBar .content {
-}
-
-#searchBar .searchInput {
-    font-size: 13px;
-    height: 18px;
-    width: 400px;
-}
-
-#searchBar .searchBtn {
-    font-size: 14px;
-    height: 26px;
-    width: 80px;
-}
-
-#searchBar .options {
-    padding: 3px 0 3px 0;
-    font-size: 100%;
-    color: #EEE; /*letter-spacing:1px;*/
-}
-
-#searchBar .options INPUT {
-    margin: 0 3px 0 15px;
-}
-
-#searchBar .options INPUT:hover {
-    cursor: pointer
-}
-
-/*问题列表*/
-#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;
-}
-
-#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;
-}
-
-.short-summary {
-    position: relative;
-    padding: 3px 5px 5px 10px;
-    border-top: 1px dotted #ccccce;
-    overflow: hidden;
-    width: 700px;
-    float: left;
-}
-
-.short-summary h2 {
-    font-size: 16px;
-    font-family: "Trebuchet MS", "segoe ui", arial, sans-serif;
-}
-
-.short-summary .userinfo {
-    float: right;
-    margin-top: 8px;
-}
-
-.short-summary .counts {
-    float: right;
-    margin-top: 4px;
-}
-
-.short-summary .counts .item-count {
-    font-size: 17px;
-    font-weight: 800;
-}
-
-.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;
-}
-
-#question-table {
-    margin-bottom: 10px; /*border-bottom:1px solid #888a85;*/
-}
-
-.evenMore {
-    font-size: 14px;
-    font-weight: 800;
-}
-
-.questions-count {
-    font-size: 32px;
-    font-family: sans-serif;
-    font-weight: 600;
-    padding: 0 0 5px 0px;
-    color: #a40000;
-    margin-top: 3px;
-}
-
-/*内容块*/
-.boxA {
-    background: #888a85;
-    padding: 6px;
-    margin-bottom: 8px;
-    border 1px solid #babdb6;
-}
-
-.boxA H3 {
-    font-size: 13px;
-    font-weight: 800;
-    color: #FFF;
-    margin: 0;
-    padding: 0;
-    margin-bottom: 4px;
-}
-
-.boxA .body {
-    border: 1px solid #999;
-    padding: 8px;
-    background: #FFF;
-    font-size: 13px;
-}
-
-.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;
-}
-
-.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;
-}
-
-.boxC p {
-    margin-bottom: 8px;
-}
-
-.boxC p.nomargin {
-    margin: 0px;
-}
-
-.boxC p.info-box-follow-up-links {
-    text-align: right;
-    margin: 0;
-}
-
-/*分页*/
-.pager {
-    margin-top: 10px;
-    margin-bottom: 16px;
-    float: left;
-}
-
-.pagesize {
-    margin-top: 10px;
-    margin-bottom: 16px;
-    float: right;
-}
-
-/** 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;
-}
-
-.paginator .prev, .paginator .prev-na {
-    margin-right: .5em;
-}
-
-.paginator .next, .paginator .next-na {
-    margin-left: .5em;
+       background-color: #B6C4E2;
+       border-color: #EEEEEC #A9ACA5 #BABDB6 #EEEEEC;
+       border-style: solid;
+       border-width: 1px;
+       padding: 4px 0 0;
+       width: 988px;
 }
 
-.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 .curr {
-    background-color: #777;
-    color: #fff;
-    border: 1px solid #777;
-    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 .text {
-    color: #777;
-    padding: .3em;
-    font: bold 100% sans-serif;
-}
-
-.paginator-container {
-    float: right;
-    padding: 10px 0 10px 0;
-}
-
-.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 {
-    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:hover {
-    background-color: #fFF;
-    color: #333;
-}
-
-.tagsbox {
-    line-height: 200%;
-}
-
-.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;
-}
-
-.tagsbox a:hover {
-    background-color: #fFF;
-    color: #333;
-}
-
-.tag-number {
-    font-weight: 700;
-    font-family: sans-serif;
-}
-
-.marked-tags {
-    margin-top: 0px;
-    margin-bottom: 5px;
-}
-
-.deletable-tag {
-    margin-right: 3px;
-    white-space: nowrap;
-}
-
-/*奖牌*/
-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 {
-    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 {
-    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 {
-    font-size: 13px;
-    border-bottom: 1px solid #777;
-    padding-bottom: 2px;
-    font-weight: 800;
-    margin-bottom: 12px;
-    text-align: right;
-    height: 30px;
-}
-
-.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;
-}
-
-.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;
-}
-
-.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;
-}
-
-.headNormal {
-    text-align: left;
-    padding: 3px;
-    font-size: 15px;
-    margin-bottom: 12px;
-    font-weight: bold;
-    border-bottom: 1px solid #777;
-}
-
-.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;
-}
-
-.questions-related {
-    font-weight: 700;
-    word-wrap: break-word;
-}
-
-.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%;
-}
-
-.question-body {
-    min-height: 100px;
-    font-size: 13px;
-    line-height: 20px;
-}
-
-.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;
-}
-
-.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;
-}
-
-.vote-notification {
-    z-index: 1;
-    cursor: pointer;
-    display: none;
-    position: absolute;
-    padding: 15px;
-    color: White;
-    background-color: darkred;
-    text-align: center;
-}
-
-.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;
-}
-
-span.form-error {
-    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 {
-}
-
-.answer {
-    padding-top: 10px;
-    width: 100%;
-    border-bottom: 1px solid #ccccce;
-}
-
-.answer-body {
-    min-height: 80px;
-    font-size: 13px;
-    line-height: 20px;
-}
-
-.answer-body IMG {
-    max-width: 600px;
-}
-
-.accepted-answer {
-    background-color: #EBFFE6;
-    border-bottom-color: #9BD59B;
-}
-
-.accepted-answer .comments-link {
-    background-color: #CCFFBF;
-}
-
-.accepted-answer .comments-container {
-    background-color: #CCFFBF;
-}
-
-.answered {
-    background: #CCC;
-    color: #999;
-}
-
-.answered-accepted {
-    background: #CCC;
-    color: #763333;
-}
-
-.unanswered {
-    background: #777;
-    color: white;
-}
-
-.answered-by-owner {
-    background: #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)
-}
-
-.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 {
-    margin: 0;
-    list-style-type: none;
-    padding: 0px;
-    min-height: 360px;
-}
-
-.tagsList li {
-    width: 235px;
-    float: left;
-}
-
-.badge-list {
-    margin: 0;
-    list-style-type: none;
-}
-
-/*登录*/
-.list-item {
-    margin-left: 15px;
-}
-
-.list-item LI {
-    list-style-type: disc;
-    font-size: 13px;
-    line-height: 20px;
-    margin-bottom: 10px;
-}
-
-/* openid styles */
-.form-row {
-    line-height: 25px;
-}
-
-table.form-as-table {
-    margin-top: 5px;
-}
-
-table.form-as-table ul {
-    list-style-type: none;
-    display: inline;
-}
-
-table.form-as-table li {
-    display: inline;
-}
-
-table.form-as-table td {
-    text-align: right;
-}
-
-table.form-as-table th {
-    text-align: left;
-    font-weight: normal;
-}
-
-/*.form-row li label {
-    display: inline
-}*/
-.submit-row {
-    line-height: 30px;
-    padding-top: 10px;
-    display: block;
-    clear: both;
-}
-
-.errors {
-    line-height: 20px;
-    color: red;
-}
-
-.error {
-    color: darkred;
-    margin: 0;
-    font-size: 10px;
-}
-
-.error-list li {
-    padding: 5px;
-}
-
-.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 {
-    color: #990000;
-    font-size: 90%;
-    font-weight: normal;
-    margin-left: 5px;
-}
-
-.title-desc {
-    color: #666666;
-    font-size: 90%;
-}
-
-/*adjustment for editor preview*/
-#editor {
-    font-size: 100%;
-    min-height: 200px;
-    line-height: 18px;
-    width: 100%;
-}
-
-.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;
-}
-
-.preview-toggle {
-    font-weight: 600;
-    width: 100%;
-    color: #aaa; /*letter-spacing:1px;*/
-    text-align: left;
+#searchBar .content { }
+
+#searchBar .searchInput {
+       font-size: 13px;
+       height: 18px;
+       width: 400px;
 }
 
-.preview-toggle span:hover {
-    cursor: pointer;
+#searchBar .searchBtn {
+       font-size: 14px;
+       height: 26px;
+       width: 80px;
 }
 
-.edit-content-html {
-    border-top: 1px dotted #D8D2A9;
-    border-bottom: 1px dotted #D8D2A9;
-    margin: 5px 0 5px 0;
+#searchBar .options {
+       color: #333333;
+       font-size: 120%;
+       padding: 3px 0;
 }
 
-/*修订记录*/
+#searchBar .options input { margin: 0 3px 0 15px; }
+#searchBar .options input:hover { cursor: pointer; }
 
-#revisions {
-    width: 950px;
+#listA {
+       background-color: #FFFFFF;
+       float: left;
+       padding: 0 0;
+       width: 100%;
 }
 
-.revision {
-    margin: 10px 0 10px 0;
-    width: 100%;
-    font-size: 13px;
+.thousand {
+       color: orange;
 }
 
-.revision .header {
-    background-color: #eee;
-    padding: 5px;
-    cursor: pointer;
+.short-summary {
+       border-top: 1px dotted #CCCCCE;
+       float: left;
+       overflow: hidden;
+       padding: 3px 0px 5px 0;
+       position: relative;
+       width: 740px;
 }
 
-.revision .author {
-    background-color: #E9E9FF;
+.short-summary h2 a {
+       color: #2A5594;
+       font-family: "Trebuchet MS","segoe ui",arial,sans-serif;
+       font-size: 17px;
 }
 
-.revision .summary {
-    padding: 5px 0 10px 0;
+.short-summary .userinfo {
+       color: #666666;
+       float: right;
+       margin-top: 8px;
 }
 
-.revision .summary span {
-    background-color: yellow;
-    padding-left: 3px;
-    padding-right: 3px;
-    display: inline;
-}
+.userinfo a,a.userinfo { color: #3060A8; }
 
-.revision h1 {
-    font-size: 130%;
-    font-weight: 600;
-    padding: 15px 0 15px 0;
+.short-summary .counts {
+       float: left;
+       margin-right: 0px;
+       margin-top: 4px;
+       padding-right: 2px;
 }
 
-.revision-mark {
-    width: 200px;
-    text-align: left;
-    display: inline-block;
-    font-size: 90%;
-    overflow: hidden;
+.short-summary .counts .item-count {
+       font-size: 17px;
+       font-weight: bold;
 }
 
-.revision-number {
-    font-size: 300%;
-    font-weight: bold;
-    font-family: sans-serif;
+.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;
 }
 
-.revision .body {
-    padding-left: 10px;
-    margin-bottom: 50px;
-}
+.short-summary .votes,.short-summary .views { color: #666666; }
 
-.revision .answerbody {
-    padding: 10px 0 5px 10px;
+.short-summary .favorites {
+       width: 24px;
+       float: left;
+       text-align: center;
 }
 
-/* Revision pages */
-del {
-    color: #FF5F5F;
-}
+#question-table { margin-bottom: 10px; }
 
-del .post-tag {
-    color: #FF5F5F;
+.questions-count {
+       color: #A40000;
+       font-family: sans-serif;
+       font-size: 24px;
+       font-weight: 600;
+       margin-top: 3px;
+    margin-right: 5px;
+       padding: 0 0 5px 0;
 }
 
-ins {
-    background-color: #97ff97;
+.boxA {
+    background: none repeat scroll 0 0 #888A85;
+    margin-bottom: 8px;
+    padding: 6px;
 }
 
-ins .post-tag {
-    background-color: #97ff97;
+.boxA h3 {
+       color: #FFFFFF;
+       font-size: 13px;
+       font-weight: 800;
+       margin: 0 0 4px;
+       padding: 0;
 }
 
-/*用户资料页面*/
-.count {
-    font-family: Arial;
-    font-size: 200%;
-    font-weight: 700;
-    color: #777
+.boxA .body {
+       background: none repeat scroll 0 0 #FFFFFF;
+       border: 1px solid #999999;
+       font-size: 13px;
+       padding: 8px;
 }
 
-.scoreNumber {
-    font-family: Arial;
-    font-size: 35px;
-    font-weight: 800;
-    color: #777;
-    line-height: 40px; /*letter-spacing:0px*/
+.boxA .more {
+       font-weight: 800;
+       padding: 2px;
+       text-align: right;
 }
 
-.user-details {
-    font-size: 13px;
+.boxC {
+       background: none repeat scroll 0 0 #E5EBF8;
+       border-color: #EEEEEC #A9ACA5 #BABDB6 #EEEEEC;
+       border-style: solid;
+       border-width: 1px;
+       margin-bottom: 8px;
+       padding: 10px;
 }
 
-.user-about {
-    background-color: #EEEEEE;
-    height: 200px;
-    line-height: 20px;
-    overflow: auto;
-    padding: 10px;
-    width: 90%;
-}
+.boxC p { margin-bottom: 8px; }
+.boxC p.nomargin { margin: 0; }
 
-.user-edit-link {
-    background: url(../images/edit.png) no-repeat;
-    padding-left: 20px;
+.boxC p.info-box-follow-up-links {
+       margin: 0;
+       text-align: right;
 }
 
-.favorites-count-off {
-    color: #919191;
-    float: left;
-    padding: 3px;
-    margin: 10px 0 0 0;
-    text-align: center;
+.pager {
+       float: left;
+       margin-bottom: 16px;
+       margin-top: 10px;
 }
 
-.favorites-count {
-    color: #D4A849;
-    float: left;
-    padding: 3px;
-    margin: 10px 0 0 0;
-    text-align: center;
+.pagesize {
+       float: right;
+       margin-bottom: 16px;
+       margin-top: 10px;
 }
 
-.favorites-empty {
-    width: 32px;
-    height: 45px;
-    float: left;
+.paginator {
+       font: 12px sans-serif;
+       padding: 5px 0 10px;
 }
 
-.question-summary {
-    border-bottom: 1px dotted #999999;
-    float: left;
-    overflow: hidden;
-    padding: 11px 0;
-    width: 670px;
+.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;
 }
 
-.user-info-table {
-    width: 950;
-    margin-bottom: 10px;
-}
+.paginator .prev { margin-right: 0.5em; }
+.paginator .next { margin-left: 0.5em; }
 
-.user-stats-table .question-summary {
-    width: 800px;
+.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;
 }
 
-.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;
+.paginator .curr {
+       background-color: #777777;
+       border: 1px solid #777777;
+       color: #FFFFFF;
+       font-weight: bold;
 }
 
-.stats div {
-    font-size: 11px;
-    text-align: center;
+.paginator .page a:hover,.paginator .prev a:hover,.paginator .next a:hover {
+       background-color: #777777;
+       border: 1px solid #777777;
+       color: #FFFFFF;
+       text-decoration: none;
 }
 
-.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;
+.paginator .text {
+       color: #777777;
+       font: bold 100% sans-serif;
+       padding: 0.3em;
 }
 
-.narrow .summary {
-    width: 600px;
-    display: inline-block;
-}
+.paginator-container-left { padding: 5px 0 10px; }
 
-.narrow .summary h3 {
-    padding: 0px;
-    margin: 0px;
+.tags {
+       display: block;
+       font-family: sans-serif;
+       line-height: 200%;
+       margin-top: 5px;
 }
 
-.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;
+.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;
 }
 
-.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;
+.tags a:hover {
+       background-color: #356FCB;
+       color: #FFFFFF;
 }
 
-.narrow .vote-count-post {
-    font-weight: 800;
-    display: block;
-    margin: 0;
-    font-size: 190%;
-    color: #555;
-    line-height: 20px;
+.tag-number {
+       font-family: sans-serif;
+       font-weight: 700;
 }
 
-.narrow .answer-count-post {
-    font-weight: 800;
-    display: block;
-    margin: 0;
-    font-size: 190%;
+.marked-tags {
+       margin-bottom: 5px;
+       margin-top: 0;
 }
 
-.narrow .views-count-post {
-    font-weight: 800;
-    display: block;
-    margin: 0;
-    font-size: 190%;
+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;
 }
 
-div.started {
-    color: #999999;
-    float: right;
-    line-height: 18px;
-
+.tabBar {
+       background-color: #FFFFFF;
+       border-bottom: 1px solid white;
+       clear: both;
+       height: 30px;
+       margin-bottom: 3px;
+       width: 100%;
 }
 
-.narrow div.started {
-    line-height: inherit;
-    padding-top: 4px;
-    white-space: nowrap;
-    width: auto;
+.tabsA {
+       background-color: #FFFFFF;
+       display: block;
+       float: right;
+       font-weight: bold;
+       height: 20px;
+       position: relative;
 }
 
-.relativetime {
-    font-weight: bold;
-    text-decoration: none;
+.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;
 }
 
-div.started a {
-    font-weight: bold;
+.tabsA a.on,.tabsA a:hover {
+       background: none repeat scroll 0 0 #FFFFFF;
+       color: #A40000;
 }
 
-div.started .reputation-score {
-    margin-left: 1px;
+.tabsA a:hover {
+       background: none repeat scroll 0 0 #356FCB;
+       color: #FFFFFF;
 }
 
-.narrow  .tags {
-    float: left;
+.headlineA {
+       border-bottom: 1px solid #777777;
+       font-size: 13px;
+       font-weight: 800;
+       height: 30px;
+       margin-bottom: 12px;
+       padding-bottom: 2px;
+       text-align: right;
 }
 
-.answer-summary {
-    display: block;
-    clear: both;
-    padding: 3px;
+.headQuestions {
+       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;
 }
 
-.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;
+.headUsers {
+       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;
 }
 
-.vote-count {
-    font-family: Arial;
-    font-size: 160%;
-    font-weight: 700;
-    color: #777;
+.headMedals {
+       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;
 }
 
-.user-action {
-
+.headNormal {
+       border-bottom: 1px solid #777777;
+       font-size: 15px;
+       font-weight: bold;
+       margin-bottom: 12px;
+       padding: 3px;
+       text-align: left;
 }
 
-.user-action-1 {
-    font-weight: bold;
-    color: #333;
+.headUser {
+       border-bottom: 1px solid #777777;
+       font-size: 20px;
+       font-weight: 800;
+       margin-bottom: 12px;
+       padding: 5px;
+       text-align: left;
 }
 
-.user-action-2 {
-    font-weight: bold;
-    color: #CCC;
+.questions-related {
+       font-weight: 700;
+       word-wrap: break-word;
 }
 
-.user-action-3 {
-    color: #333;
+.questions-related p {
+       font-size: 100%;
+       line-height: 20px;
+       margin-bottom: 10px;
 }
 
-.user-action-4 {
-    color: #333;
+.question-body {
+       font-size: 13px;
+       line-height: 20px;
+       min-height: 100px;
 }
 
-.user-action-5 {
-    color: darkred;
-}
+.question-body img { max-width: 640px; }
 
-.user-action-6 {
-    color: darkred;
+.vote-buttons {
+       float: left;
+       text-align: center;
 }
 
-.user-action-7 {
-    color: #333;
+.vote-notification {
+       background-color: darkred;
+       color: White;
+       cursor: pointer;
+       display: none;
+       padding: 15px;
+       position: absolute;
+       text-align: center;
+       z-index: 1;
 }
 
-.user-action-8 {
-    padding: 3px;
-    font-weight: bold;
-    background-color: #CCC;
-    color: #763333;
+.vote-notification a {
+       color: White;
+       text-decoration: underline;
 }
 
-.revision-summary {
-    background-color: #FFFE9B;
-    padding: 2px;
+span.form-error {
+       color: #990000;
+       font-weight: normal;
+       margin-left: 5px;
 }
 
-.question-title-link a {
-    font-weight: bold;
-    color: #0077CC;
+ul.errorlist li {
+       color: #990000;
+       font-weight: normal;
+       margin-left: 0px;
+    margin-top: 5px;
 }
 
-.answer-title-link a {
-    color: #333;
+.answer {
+       border-bottom: 1px solid #CCCCCE;
+       padding-top: 10px;
+       width: 100%;
 }
 
-.post-type-1 a {
-    font-weight: bold;
-
+.answer-body {
+       font-size: 13px;
+       line-height: 20px;
+       min-height: 80px;
 }
 
-.post-type-3 a {
-    font-weight: bold;
+.answer-body img { max-width: 640px; }
 
-}
+.answered-by-owner { background: none repeat scroll 0 0 #E9E9FF; }
 
-.post-type-5 a {
-    font-weight: bold;
+.accepted-answer {
+       background-color: #EBFFE6;
+       border-bottom-color: #9BD59B;
 }
 
-.post-type-2 a {
-    color: #333;
+.answered {
+       background: none repeat scroll 0 0 #E5EBF8;
+       color: #314362;
 }
 
-.post-type-4 a {
-    color: #333;
+.answered-accepted,.answer-votes.answered-accepted {
+       background: none repeat scroll 0 0 #E6F8DD;
+       color: #3A6231;
 }
 
-.post-type-6 a {
-    color: #333;
+.unanswered {
+       background: none repeat scroll 0 0 #F3E3E1;
+       color: #6B2B28;
 }
 
-.post-type-8 a {
-    color: #333;
+.tagsList {
+       list-style-type: none;
+       margin: 0;
+       min-height: 360px;
+       padding: 0;
 }
 
-/*读书频道*/
-.bookInfo {
-    float: left;
-    width: 940px;
-    padding: 5px;
+.tagsList li {
+       float: left;
+       width: 235px;
 }
 
-.bookCover {
-    float: left;
-    width: 200px;
+.badge-list {
+       list-style-type: none;
+       margin: 0;
 }
 
-.bookCover img {
-    border: 1px solid #ccc;
-    max-width: 200px;
-}
+.badge-list a { color: #3060A8; }
+.badge-list a.medal { color: #333333; }
+.list-item { margin-left: 15px; }
 
-.bookSummary {
-    float: left;
-    font-size: 13px;
+.list-item li {
+       font-size: 13px;
+       line-height: 20px;
+       list-style-type: disc;
+       margin-bottom: 10px;
 }
 
-.blogRss {
-    float: right;
-    margin: 0 10px 0 0;
-    width: 460px;
-    height: 240px;
-    background-color: #EEE;
-    padding: 5px;
-}
+.form-row { line-height: 25px; }
+table.form-as-table { margin-top: 5px; }
 
-.bookQuestions {
-    margin-bottom: 10px;
+table.form-as-table ul {
+       display: inline;
+       list-style-type: none;
 }
 
-.bookFeed {
-    float: right;
-}
+table.form-as-table li { display: inline; }
+table.form-as-table pre { display: inline; }
+table.check-table td { padding-right: 50px; }
 
-.bookAsk {
-/*letter-spacing:1px; */
-    float: right;
-    margin: -30px 10px 0 0;
-    padding: 3px 5px 3px 5px;
+.submit-row {
+       clear: both;
+       display: block;
+       line-height: 30px;
+       padding-top: 10px;
 }
 
-.bookAsk a {
-    font-size: 15px;
-    color: #FFF;
-    font-weight: bold;
-    text-decoration: none;
-    background-color: #EC7000;
-    padding: 3px 6px 3px 6px;
+.error {
+       color: darkred;
+       font-size: 10px;
+       margin: 0;
 }
 
-.bookAsk a:hover {
-    text-decoration: underline;
+span.form-error {
+       color: #990000;
+       font-size: 90%;
+       font-weight: normal;
+       margin-left: 5px;
 }
 
-/*其他全局样式*/
-.hilite {
-    background-color: #ff0;
+.title-desc {
+       color: #666666;
+       font-size: 90%;
 }
 
-.hilite1 {
-    background-color: #ff0;
+#editor {
+       font-size: 100%;
+       line-height: 18px;
+       min-height: 200px;
+       width: 100%;
 }
 
-.hilite2 {
-    background-color: #f0f;
+.wmd-preview {
+       background-color: #F5F5F5;
+       margin-top: 10px;
+       min-height: 20px;
+       padding: 6px;
+       width: 98%;
 }
 
-.hilite3 {
-    background-color: #0ff;
+.preview-toggle {
+       color: #AAAAAA;
+       font-weight: 600;
+       text-align: left;
+       width: 100%;
 }
 
-.userStatus {
-    margin-left: 12px;
-    color: #FFF;
-    float: right;
-}
+.preview-toggle span:hover { cursor: pointer; }
+#revisions { width: 950px; }
 
-.userStatus a {
-    color: #FFF;
+.revision {
+       font-size: 13px;
+       margin: 10px 0;
+       width: 100%;
 }
 
-.gold, .badge1 {
-    color: #FFCC00;
+.revision .header {
+       background-color: #EEEEEE;
+       cursor: pointer;
+       padding: 5px;
 }
 
-.silver, .badge2 {
-    color: #CCCCCC;
-}
+.revision .author { background-color: #E9E9FF; }
+.revision .summary { padding: 5px 0 10px; }
 
-.bronze, .badge3 {
-    color: #CC9933;
+.revision .summary span {
+       background-color: yellow;
+       display: inline;
+       padding-left: 3px;
+       padding-right: 3px;
 }
 
-.score {
-    font-weight: 800;
-    color: #333;
+.revision h1 {
+       font-size: 130%;
+       font-weight: 600;
+       padding: 15px 0;
 }
 
-.footerLinks {
-    color: #EEE;
-    font-size: 13px; /* letter-spacing:1px;*/
+.revision-mark {
+       display: inline-block;
+       font-size: 90%;
+       overflow: hidden;
+       text-align: left;
+       width: 200px;
 }
 
-.footerLinks a {
-    color: #FFF;
-    font-size: 13px;
+.revision-number {
+       font-family: sans-serif;
+       font-size: 300%;
+       font-weight: bold;
 }
 
-.subSearch {
-    margin-bottom: 12px;
-    padding: 4px;
+.revision .body {
+       margin-bottom: 50px;
+       padding-left: 10px;
 }
 
-a.comment {
-    background: #EEE;
-    color: #993300;
-    padding: 4px;
-}
+del { color: #FF5F5F; }
+ins { background-color: #97FF97; }
 
-a.permLink {
-    padding: 2px;
+.count {
+       color: #777777;
+       font-family: Arial;
+       font-size: 200%;
+       font-weight: 700;
 }
 
-a.offensive {
-    color: #999;
+.scoreNumber {
+       color: #777777;
+       font-family: Arial;
+       font-size: 35px;
+       font-weight: 800;
+       line-height: 40px;
 }
 
-ul.bulleta li {
-    background: url(../images/bullet_green.gif) no-repeat 0px 2px;
-    padding-left: 16px;
-    margin-bottom: 4px;
-}
+.user-details { font-size: 13px; }
 
-.user {
-    padding: 5px;
-    line-height: 140%;
-    width: 170px;
+.user-about {
+       background-color: #EEEEEE;
+       height: 200px;
+       line-height: 20px;
+       overflow: auto;
+       padding: 10px;
+       width: 90%;
 }
 
-.user ul {
-    margin: 0;
-    list-style-type: none;
+.user-edit-link {
+       background: url("../images/edit.png") no-repeat scroll 0 0 transparent;
+       padding-left: 20px;
 }
 
-.user .thumb {
-    clear: both;
-    float: left;
-    margin-right: 4px;
-    display: inline;
-}
+.user-info-table { margin-bottom: 10px; }
+.relativetime { text-decoration: none; }
 
-.yellowbg {
-    background: yellow;
+.answer-summary {
+       clear: both;
+       display: block;
+       padding: 3px;
 }
 
-.message {
-    padding: 5px;
-    margin: 10px 0 10px 0;
-    background-color: #eee;
-    border: 1px solid #aaaaaa;
+.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;
 }
 
-.message h1 {
-    padding-top: 0px;
-    font-size: 15px;
+.vote-count {
+       color: #777777;
+       font-family: Arial;
+       font-size: 160%;
+       font-weight: 700;
 }
 
-.message p {
-    margin-bottom: 0px;
+.user-action-1 {
+       color: #333333;
+       font-weight: bold;
 }
 
-p.space-above {
-    margin-top: 10px;
+.user-action-2 {
+       color: #CCCCCC;
+       font-weight: bold;
 }
 
-.warning {
-    color: red;
-}
+.user-action-3 { color: #333333; }
+.user-action-4 { color: #333333; }
+.user-action-7 { color: #333333; }
 
-.darkred {
-    color: darkred;
+.user-action-8 {
+       background-color: #CCCCCC;
+       color: #763333;
+       font-weight: bold;
+       padding: 3px;
 }
 
-.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%;
+.question-title-link a {
+       color: #0077CC;
+       font-weight: bold;
 }
 
-.submit:hover {
-    text-decoration: underline;
+.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 {
+       color: #333333;
+       font-size: 110%;
+       font-weight: bold;
+       margin-left: 3px;
 }
 
-.ask-body {
-    padding-right: 10px;
+.footerLinks {
+       color: #3060A8;
+       font-size: 13px;
 }
 
-.thousand {
-    color: orange;
+.footerLinks a {
+       color: #3060A8;
+       font-size: 13px;
 }
 
-.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;
+.user {
+       line-height: 140%;
+       padding: 5px;
+       width: 170px;
 }
 
-.notify p {
-    margin-top: 5px;
-    margin-bottom: 5px;
-    font-size: 16px;
+.user ul {
+       list-style-type: none;
+       margin: 0;
 }
 
-#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;
+.user .thumb {
+       clear: both;
+       display: inline;
+       float: left;
+       margin-right: 4px;
 }
 
-#close-notify:hover {
-    text-decoration: none;
+.message {
+       background-color: #EEEEEE;
+       border: 1px solid #AAAAAA;
+       margin: 10px 0;
+       padding: 5px;
 }
 
-.big {
-    font-size: 15px;
+.message p { margin-bottom: 0; }
+.darkred { color: darkred; }
+
+.submit {
+       background-color: #D4D0C8;
+       border: 1px solid #777777;
+       cursor: pointer;
+       font-size: 120%;
+       font-weight: bold;
+       height: 40px;
+       padding-bottom: 4px;
 }
 
-.bigger {
-    font-size: 14px;
+.submit:hover { text-decoration: underline; }
+.ask-body { padding-right: 10px; }
+
+.notify {
+       background-color: #F4A83D;
+       color: #444444;
+       font-weight: bold;
+       left: 0;
+       padding: 0;
+       position: fixed;
+       text-align: center;
+       top: 0;
+       width: 100%;
+       z-index: 100;
 }
 
-.strong {
-    font-weight: bold;
+.notify p {
+       font-size: 16px;
+       margin-bottom: 5px;
+       margin-top: 5px;
 }
 
+#close-notify {
+       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 {
-    color: #d64000;
-    font-weight: bold;
+       color: #D64000;
+       font-weight: bold;
 }
 
-.grey {
-    color: #808080;
-}
+.grey { color: #808080; }
 
 .about div {
-    padding: 10px 5px 10px 5px;
-    border-top: 1px dashed #aaaaaa;
+       border-top: 1px dashed #AAAAAA;
+       padding: 10px 5px;
 }
 
 .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 {
-    color: #d64000;
-    text-decoration: underline;
+       color: #D64000;
+       text-decoration: underline;
 }
 
 .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;
+table.form-as-table input {
+       display: inline;
+       margin-left: 4px;
 }
 
-.margin-bottom {
-    margin-bottom: 10px;
+ul.form-horizontal-rows {
+       list-style: none outside none;
+       margin: 0;
 }
 
-.margin-top {
-    margin-top: 10px;
+ul.form-horizontal-rows li {
+       height: 40px;
+       position: relative;
 }
 
-.inline-block {
-    display: inline-block;
-}
+ul.form-horizontal-rows label { display: inline-block; }
 
-.action-status {
-    margin: 0;
-    border: none;
-    text-align: center;
-    line-height: 10px;
-    font-size: 12px;
-    padding: 0;
+ul.form-horizontal-rows label {
+       bottom: 6px;
+       font-size: 12px;
+       left: 0;
+       line-height: 12px;
+       margin: 0;
+       position: absolute;
 }
 
-.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 li input {
+       bottom: 0;
+       left: 180px;
+       margin: 0;
+       position: absolute;
 }
 
-.tight {
-    margin: 0;
-    padding: 0;
-}
+#changepw-form li input { left: 150px; }
 
-.list-table td {
-    vertical-align: top;
+.user-profile-tool-links {
+       font-weight: bold;
+       padding-bottom: 10px;
 }
 
-p.comment {
-    border-top: 1px dotted #ccccce;
-    margin: 0;
-    font-size: 11px;
-    color: #444444;
-    padding: 5px 0 5px 0;
+.post-controls {
+       font-size: 11px;
+       line-height: 12px;
+       margin-bottom: 5px;
+       min-width: 200px;
 }
 
-.delete-icon {
-    vertical-align: middle;
-    padding-left: 3px;
+#question-controls .tags { margin: 0 0 3px; }
+
+.post-update-info {
+       display: inline-block;
+       float: right;
+       margin-bottom: 5px;
+       width: 190px;
 }
 
-/* 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-update-info p {
+       font-size: 11px;
+       line-height: 15px;
+       margin: 0 0 4px;
+       padding: 0;
 }
 
-table.form-as-table input {
-    display: inline;
-    margin-left: 4px;
+.post-update-info img {
+       float: left;
+       margin: 4px 8px 0 0;
+       width: 32px;
 }
 
-table.form-as-table th {
-    vertical-align: bottom;
-    padding-bottom: 4px;
+#tagSelector { padding-bottom: 2px; }
+#hideIgnoredTagsControl { margin: 5px 0 0; }
+#hideIgnoredTagsCb { margin: 0 2px 0 1px; }
+
+a.sidebar_button {
+       background: none repeat scroll 0 0 #EEEEEE;
+       color: black;
+       cursor: pointer;
+       font-size: 11px;
+       padding: 3px;
 }
 
-.form-row-vertical {
-    margin-top: 8px;
-    display: block;
+a.sidebar_button:hover {
+       background-color: #777777;
+       color: white;
+       text-decoration: none;
 }
 
-.form-row-vertical label {
-    margin-bottom: 3px;
-    display: block;
+a.post-vote,.favorite-mark,a.accept-answer {
+       display: block;
+       height: 24px;
+       position: relative;
+       width: 24px;
 }
 
-/* above stuff needs to go */
-.text-align-right {
-    text-align: center;
+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; }
+
+.post-score, .comments-char-left-count {
+       color: #777777;
+       font-family: Arial;
+       font-size: 165%;
+       font-weight: bold;
+       padding: 0 0 3px;
 }
 
-ul.form-horizontal-rows {
-    list-style: none;
-    margin: 0;
+.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; }
+
+.favorite-count {
+       color: #777777;
+       font-family: Arial;
+       font-size: 100%;
+       font-weight: bold;
+       padding: 0;
 }
 
-ul.form-horizontal-rows li {
+.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;
     position: relative;
-    height: 40px;
 }
 
-ul.form-horizontal-rows label {
-    display: inline-block;
-}
+.comment.not_top_scorer { display: none; }
 
-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;
+.comment-score {
+       color: #777777;
+       font-family: Arial;
+       font-size: 16px;
+       font-weight: bold;
+       padding-top: 3px;
+       vertical-align: top;
+    float: left;
+       width: 22px;
+    height: 100%;
+    text-align: center;
 }
 
-ul.form-horizontal-rows ul.errorlist li {
-    height: 10px;
+.comment-text {
+       color: #444444;
+       font-size: 12px;
+       margin: 0 0 0 22px;
+       padding: 0;
 }
 
-ul.form-horizontal-rows label {
-    position: absolute;
-    left: 0px;
-    bottom: 6px;
-    margin: 0px;
-    line-height: 12px;
+.comment-text p {
     font-size: 12px;
 }
 
-ul.form-horizontal-rows li input {
-    position: absolute;
-    bottom: 0px;
-    left: 180px;
-    margin: 0px;
+.comment-info {
+       font-size: 11px;
+       margin: 0 0 4px 0;
+    text-align: right;
+    height: 18px;
+    vertical-align: middle;
 }
 
-#emailpw-form li input {
-    left: 170px;
+.comment-info * {
+    float: right;
+       height: 18px;
+       margin-left: 4px;
 }
 
-#emailpw-form ul.errorlist {
-    left: 170px;
+a.comment-like,a.comment-delete,a.comment-edit {
+       margin-left: 2px;
+       width: 18px;
 }
 
-#changepw-form li input {
-    left: 150px;
-}
+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; }
 
-#changepw-form ul.errorlist {
-    left: 150px;
+.comment-form-container {
+       display: none;
+       padding-top: 12px;
 }
 
-.narrow .summary {
+.comment-form-widgets-container input { vertical-align: top; }
+
+.comment-form-widgets-container textarea {
+       height: 80px;
+       width: 80%;
     float: left;
 }
 
-.narrow .summary .question-title {
-    font-weight: bold;
-    font-size: 120%;
+span.comment-chars-left {
+       font-size: 11px;
+       margin-right: 20px;
 }
 
-.user-profile-tool-links {
-    padding-bottom: 10px;
-    font-weight: bold;
+div.comment-tools {
+       border-top: 1px dotted #CCCCCE;
+       padding-top: 12px;
+       text-align: right;
 }
 
-.post-controls {
-    float: left;
-    font-size: 11px;
-    line-height: 12px;
-    min-width: 200px;
-    margin-bottom: 5px;
+div.comment-tools .comments-showing {
+       color: #777777;
+       font-size: 11px;
 }
 
-#question-controls .tags {
-    margin: 0 0 3px 0;
+div.comment-tools a {
+       background: none repeat scroll 0 0 #EEEEEE;
+       color: black;
+       cursor: pointer;
+       font-size: 11px;
+       padding: 3px;
 }
 
-.post-update-info-container {
-    float: right;
-    min-width: 190px;
+div.comment-tools a:hover {
+       background-color: #777777;
+       color: white;
+       text-decoration: none;
 }
 
-.post-update-info {
-    display: inline-block;
-    float: right;
-    width: 190px;
-    margin-bottom: 5px;
+.action-link a {
+       color: #777777;
+       cursor: pointer;
+       padding: 3px;
 }
 
-.post-update-info p {
-    font-size: 11px;
-    line-height: 15px;
-    margin: 0 0 4px 0;
-    padding: 0;
+.action-link a.ajax-command:hover {
+       background-color: #777777;
+       color: #FFFFFF;
+       text-decoration: none;
 }
 
-.post-update-info img {
-    float: left;
-    width: 32px;
-    margin: 4px 8px 0 0;
-}
+.action-link-separator { color: #CCCCCC; }
+
+.deleted {background-color: #F4E7E7;}
 
-.comments-container {
-    clear: both;
+#command-loader {
+    position: fixed;
+    bottom: 0px;
+    left: 0px;
+    width: 24px;
+    height: 24px;
+    background: url('/m/default/media/images/indicator.gif')
 }
 
-.admin {
-    background-color: #fff380; /* nice yellow */
-    border: 1px solid darkred;
-    padding: 0 5px 0 5px;
+#command-loader.success {
+    background: url('/m/default/media/images/vote-accepted-on.png')
 }
 
-.admin p {
-    margin-bottom: 3px;
+.user-prompt {
+    width: 300px;
 }
 
-.admin #action_status {
-    text-align: center;
-    font-weight: bold;
+.user-prompt select, .user-prompt textarea {
+    width: 100%;
+    padding: 0;
+    border: 0;
 }
 
-#tagSelector {
-    padding-bottom: 2px;
+.user-prompt .prompt-buttons {
+    text-align: right;
 }
 
-#hideIgnoredTagsControl {
-    margin: 5px 0 0 0;
+.comment-form-buttons {
+    width: 18%;
+    height: 100%;
+    float: right;
 }
 
-#hideIgnoredTagsCb {
-    margin: 0 2px 0 1px;
+.comment-form-buttons input, .user-prompt .prompt-buttons button {
+    height: 16px;
+    line-height: 12px;
+    font-size: 110%;
+    border: 1px solid #999;
 }
 
-#recaptcha_widget_div {
-    width: 318px;
-    float: left;
-    clear: both;
+.comment-form-buttons input {
+    width: 100%;
+    height: 22px;
+    vertical-align: middle;
+    margin-top: 6px;
 }
 
-p.signup_p {
-    margin: 20px 0px 0px 0px;
+.comments-char-left-count.warn {
+    color: orange;    
 }
 
-.simple-subscribe-options ul {
-    list-style: none;
-    list-style-position: outside;
-    margin: 0;
+.moderation {
+       background-color: #FFF380;
+       border: 1px solid darkred;
+       padding: 0 5px;
 }
+
+.moderation p { margin-bottom: 3px; }
+
+.moderation #action_status {
+       font-weight: bold;
+       text-align: center;
+}
\ No newline at end of file