Added less compiled css for production mode

4 files changed, 5698 insertions, 2680 deletions

diff --git a/askbot/skins/common/templates/widgets/search_bar.html b/askbot/skins/common/templates/widgets/search_bar.html
index 7cc76ec4..e4d2f488 100644
--- a/askbot/skins/common/templates/widgets/search_bar.html
+++ b/askbot/skins/common/templates/widgets/search_bar.html
@@ -28,7 +28,7 @@
                 {%elif request.user.is_authenticated()%}
                 class="searchInputAuth" 
                 {%else%}
-                class="searchInputh" 
+                class="searchInput" 
                 {% endif %}
                 type="text" 
                 autocomplete="off"
diff --git a/askbot/skins/default/media/style/style.css b/askbot/skins/default/media/style/style.css
index 209894e3..f87ecd88 100644
--- a/askbot/skins/default/media/style/style.css
+++ b/askbot/skins/default/media/style/style.css
@@ -1,2664 +1,2480 @@
 @import url(jquery.autocomplete.css);
-@import "lib_style.less"; /* Library of predifined less functions styles */
-
+/* General Predifined classes, read more in lesscss.org */
+/* Variables for Colors*/
+/* Variables for fonts*/
+/* "Trebuchet MS", sans-serif;*/
+/* Receive exactly positions for background Sprite  */
+/* CSS3 Elements */
+/* Library of predifined less functions styles */
 /* ----- General HTML Styles----- */
-
 body {
-    background: #FFF;
-    font-size: 14px;
-    line-height: 150%;
-    margin: 0;
-    padding: 0;
-    color: #000;
-    font-family:@body-font;
+  background: #FFF;
+  font-size: 14px;
+  line-height: 150%;
+  margin: 0;
+  padding: 0;
+  color: #000;
+  font-family: Arial;
 }
-
 div {
-    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;
+  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;
 }
-
 label {
-    vertical-align: middle;
+  vertical-align: middle;
 }
-
 hr {
-    border: none;
-    border-top: 1px dashed #ccccce;
+  border: none;
+  border-top: 1px dashed #ccccce;
 }
-
 input, select {
-    vertical-align: middle;
-    font-family: Trebuchet MS, "segoe ui", Helvetica, Tahoma, Verdana, MingLiu, PMingLiu, Arial, sans-serif;
-    margin-left:0px;
+  vertical-align: middle;
+  font-family: Trebuchet MS, "segoe ui", Helvetica, Tahoma, Verdana, MingLiu, PMingLiu, Arial, sans-serif;
+  margin-left: 0px;
 }
-
 p {
-    font-size: 14px;
-    line-height: 140%;
-    margin-bottom: 6px;
+  font-size: 14px;
+  line-height: 140%;
+  margin-bottom: 6px;
 }
-
 a {
-    color:@link;
-    text-decoration: none;
-    cursor: pointer;
+  color: #1b79bd;
+  text-decoration: none;
+  cursor: pointer;
 }
-
 h2 {
-    font-size: 21px;
-    padding: 3px 0 3px 5px;
+  font-size: 21px;
+  padding: 3px 0 3px 5px;
 }
-
 h3 {
-    font-size: 19px;
-    padding: 3px 0 3px 5px;
+  font-size: 19px;
+  padding: 3px 0 3px 5px;
 }
-
 ul {
-    list-style: disc;
-    margin-left: 20px;
-    padding-left: 0px;
-    margin-bottom: 1em;
+  list-style: disc;
+  margin-left: 20px;
+  padding-left: 0px;
+  margin-bottom: 1em;
 }
-
 ol {
-    list-style: decimal;
-    margin-left: 30px;
-    margin-bottom: 1em;
-    padding-left: 0px;
+  list-style: decimal;
+  margin-left: 30px;
+  margin-bottom: 1em;
+  padding-left: 0px;
 }
-
 td ul {
-    vertical-align: middle;
+  vertical-align: middle;
 }
-
 li input {
-    margin: 3px 3px 4px 3px;
+  margin: 3px 3px 4px 3px;
 }
-
 pre {
-    font-family: Consolas, Monaco, Liberation Mono, Lucida Console, Monospace;
-    font-size: 100%;
-    margin-bottom: 10px;
-    /*overflow: auto;*/
-    background-color: #F5F5F5;
-    padding-left: 5px;
-    padding-top: 5px;
-    /*width: 671px;*/
-    padding-bottom: 20px ! ie7;
-}
+  font-family: Consolas, Monaco, Liberation Mono, Lucida Console, Monospace;
+  font-size: 100%;
+  margin-bottom: 10px;
+  /*overflow: auto;*/
 
-code {
-    font-family: Consolas, Monaco, Liberation Mono, Lucida Console, Monospace;
-    font-size: 100%;
+  background-color: #F5F5F5;
+  padding-left: 5px;
+  padding-top: 5px;
+  /*width: 671px;*/
 
+  padding-bottom: 20px ! ie7;
+}
+code {
+  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;
+  margin-bottom: 10px;
+  margin-right: 15px;
+  padding: 10px 0px 1px 10px;
+  background-color: #F5F5F5;
 }
-
 /* http://pathfindersoftware.com/2007/09/developers-note-2/ */
-* html .clearfix,
-* html .paginator {
-    height: 1;
-    overflow: visible;
-}
-+ html .clearfix,
-+ html .paginator {
-    min-height: 1%;
-}
-.clearfix:after,
-.paginator:after {
-    clear: both;
-    content:".";
-    display:block;
-    height: 0;
-    visibility: hidden;
+* html .clearfix, * html .paginator {
+  height: 1;
+  overflow: visible;
+}
++ html .clearfix, + html .paginator {
+  min-height: 1%;
+}
+.clearfix:after, .paginator:after {
+  clear: both;
+  content: ".";
+  display: block;
+  height: 0;
+  visibility: hidden;
 }
-
 .badges a {
-    color: #763333;
-    text-decoration: underline;
+  color: #763333;
+  text-decoration: underline;
 }
-
 a:hover {
-    text-decoration: underline;
+  text-decoration: underline;
 }
-
 .badge-context-toggle.active {
-    cursor: pointer;
-    text-decoration: underline;
+  cursor: pointer;
+  text-decoration: underline;
 }
-
 h1 {
-    font-size: 24px;
-    padding: 10px 0 5px 0px;
+  font-size: 24px;
+  padding: 10px 0 5px 0px;
 }
-
 /* ----- Custom positions ----- */
-
-.left{float:left}
-.right{float:right}
-.clean{clear:both}
-.center{
-    margin: 0 auto;
-    padding: 0;
+.left {
+  float: left;
+}
+.right {
+  float: right;
+}
+.clean {
+  clear: both;
+}
+.center {
+  margin: 0 auto;
+  padding: 0;
 }
-
-
 /* ----- Notify message bar , check blocks/system_messages.html ----- */
-
 .notify {
-    position: fixed;
-    top: 0px;
-    left: 0px;
-    width: 100%;
-    z-index: 100;
-    padding: 0;
-    text-align: center;
-    background-color: #f5dd69;
-    border-top:#fff 1px solid;
-    font-family:@main-font;
-
-    p {
-         margin-top: 6px;
-        margin-bottom: 6px;
-        font-size: 16px;
-        color:#424242
-    }
+  position: fixed;
+  top: 0px;
+  left: 0px;
+  width: 100%;
+  z-index: 100;
+  padding: 0;
+  text-align: center;
+  background-color: #f5dd69;
+  border-top: #fff 1px solid;
+  font-family: 'Yanone Kaffeesatz', sans-serif;
+}
+.notify p {
+  margin-top: 6px;
+  margin-bottom: 6px;
+  font-size: 16px;
+  color: #424242;
 }
-
 #closeNotify {
-    position: absolute;
-    right: 5px;
-    top: 7px;
-    color: #735005;
-    text-decoration: none;
-    line-height: 18px;
-    .sprites(-6px,-5px);
-    cursor: pointer;
-    width:20px;
-    height:20px;
+  position: absolute;
+  right: 5px;
+  top: 7px;
+  color: #735005;
+  text-decoration: none;
+  line-height: 18px;
+  background: -6px -5px url(../images/sprites.png) no-repeat;
+  cursor: pointer;
+  width: 20px;
+  height: 20px;
 }
-
 #closeNotify:hover {
-    .sprites(-26px,-5px);
+  background: -26px -5px url(../images/sprites.png) no-repeat;
 }
-
 /* ----- Header, check blocks/header.html ----- */
-
 #header {
-    margin-top: 0px;
-    background: @header-color;
-    font-family:@main-font;
-}
-
-.content-wrapper {/* wrapper positioning class */
-    width: 960px;
-    margin: auto;
-    position:relative;
-}
-
-#logo img{
-    padding: 5px 0px 5px 0px;
-    height: 75px;
-    width: auto;
+  margin-top: 0px;
+  background: #16160f;
+  font-family: 'Yanone Kaffeesatz', sans-serif;
+}
+.content-wrapper {
+  /* wrapper positioning class */
+
+  width: 960px;
+  margin: auto;
+  position: relative;
+}
+#logo img {
+  padding: 5px 0px 5px 0px;
+  height: 75px;
+  width: auto;
+}
+#userToolsNav {
+  /* Navigation bar containing login link or user information, check widgets/user_navigation.html*/
+
+  height: 20px;
+  position: absolute;
+  bottom: 0;
+  right: 0px;
+  padding-bottom: 5px;
+}
+#userToolsNav a {
+  height: 35px;
+  text-align: right;
+  margin-left: 20px;
+  text-decoration: underline;
+  color: #d0e296;
+  font-size: 16px;
+}
+#userToolsNav a:first-child {
+  margin-left: 0;
+}
+#userToolsNav a#ab-responses {
+  margin-left: 3px;
+}
+#userToolsNav .user-info, #userToolsNav .user-micro-info {
+  color: #b5b593;
+}
+#userToolsNav a img {
+  vertical-align: middle;
+  margin-bottom: 2px;
+}
+#userToolsNav .user-info a {
+  margin: 0;
+  text-decoration: none;
+}
+#metaNav {
+  /* Top Navigation bar containing links for tags, people and badges, check widgets/header.html */
+
+  float: right;
+}
+#metaNav a {
+  color: #e2e2ae;
+  padding: 0px 0px 0px 35px;
+  height: 25px;
+  line-height: 30px;
+  margin: 5px 0px 0px 10px;
+  font-size: 18px;
+  font-weight: 100;
+  text-decoration: none;
+  display: block;
+  float: left;
+}
+#metaNav a:hover {
+  text-decoration: underline;
+}
+#metaNav a.on {
+  font-weight: bold;
+  color: #FFF;
+  text-decoration: none;
+}
+#metaNav a.special {
+  font-size: 18px;
+  color: #B02B2C;
+  font-weight: bold;
+  text-decoration: none;
+}
+#metaNav a.special:hover {
+  text-decoration: underline;
+}
+#metaNav #navTags {
+  background: -50px -5px url(../images/sprites.png) no-repeat;
+}
+#metaNav #navUsers {
+  background: -125px -5px url(../images/sprites.png) no-repeat;
+}
+#metaNav #navBadges {
+  background: -210px -5px url(../images/sprites.png) no-repeat;
+}
+#secondaryHeader {
+  /* Div containing Home button, scope navigation, search form and ask button, check blocks/secondary_header.html */
+
+  height: 55px;
+  background: #e9e9e1;
+  border-bottom: #d3d3c2 1px solid;
+  border-top: #fcfcfc 1px solid;
+  margin-bottom: 10px;
+  font-family: 'Yanone Kaffeesatz', sans-serif;
+}
+#secondaryHeader #homeButton {
+  border-right: #afaf9e 1px solid;
+  background: -6px -36px url(../images/sprites.png) no-repeat;
+  height: 55px;
+  width: 43px;
+  display: block;
+  float: left;
+}
+#secondaryHeader #homeButton:hover {
+  background: -51px -36px url(../images/sprites.png) no-repeat;
+}
+#secondaryHeader #scopeWrapper {
+  width: 688px;
+  float: left;
+}
+#secondaryHeader #scopeWrapper a {
+  display: block;
+  float: left;
+}
+#secondaryHeader #scopeWrapper .scope-selector {
+  font-size: 21px;
+  color: #5a5a4b;
+  height: 55px;
+  line-height: 55px;
+  margin-left: 24px;
+}
+#secondaryHeader #scopeWrapper .on {
+  background: url(../images/scopearrow.png) no-repeat center bottom;
+}
+#secondaryHeader #scopeWrapper .ask-message {
+  font-size: 24px;
+}
+#searchBar {
+  /* Main search form , check widgets/search_bar.html */
+
+  display: inline-block;
+  background-color: #fff;
+  width: 412px;
+  border: 1px solid #c9c9b5;
+  float: right;
+  height: 42px;
+  margin: 6px 0px 0px 15px;
+}
+#searchBar .searchInput, #searchBar .searchInputCancelable .searchInputAuth .searchInputCancelableAuth {
+  font-size: 30px;
+  height: 40px;
+  font-weight: 300;
+  background: #FFF;
+  border: 0px;
+  color: #484848;
+  padding-left: 10px;
+  font-family: Arial;
+  vertical-align: middle;
+}
+#searchBar .searchInput, #searchBar .searchInputCancelable {
+  width: 352px;
+}
+#searchBar .searchInputCancelable {
+  width: 317px;
+}
+#searchBar .searchInputAuth {
+  width: 340px;
+}
+#searchBar .searchInputCancelableAuth {
+  width: 310px;
+  /*FIXME byron */
+
+}
+#searchBar .logoutsearch {
+  width: 337px;
+}
+#searchBar .searchBtn {
+  font-size: 10px;
+  color: #666;
+  background-color: #eee;
+  height: 42px;
+  border: #FFF 1px solid;
+  line-height: 22px;
+  text-align: center;
+  float: right;
+  margin: 0px;
+  width: 48px;
+  background: -98px -36px url(../images/sprites.png) no-repeat;
+  cursor: pointer;
+}
+#searchBar .searchBtn:hover {
+  background: -146px -36px url(../images/sprites.png) no-repeat;
+}
+#searchBar .cancelSearchBtn {
+  font-size: 30px;
+  color: #ce8888;
+  background: #fff;
+  height: 42px;
+  border: 0px;
+  border-left: #deded0 1px solid;
+  text-align: center;
+  width: 35px;
+  cursor: pointer;
+}
+#searchBar .cancelSearchBtn:hover {
+  color: #d84040;
+}
+#askButton {
+  /* check blocks/secondary_header.html and widgets/ask_button.html*/
+
+  background: url(../images/bigbutton.png) repeat-x bottom;
+  line-height: 44px;
+  text-align: center;
+  width: 200px;
+  height: 42px;
+  font-size: 23px;
+  color: #4a757f;
+  margin-top: 7px;
+  float: right;
+  text-transform: uppercase;
+  border-radius: 5px;
+  -ms-border-radius: 5px;
+  -moz-border-radius: 5px;
+  -webkit-border-radius: 5px;
+  -khtml-border-radius: 5px;
+  -webkit-box-shadow: 1px 1px 2px #636363;
+  -moz-box-shadow: 1px 1px 2px #636363;
+  box-shadow: 1px 1px 2px #636363;
+}
+#askButton:hover {
+  text-decoration: none;
+  background: url(../images/bigbutton.png) repeat-x top;
+  text-shadow: 0px 1px 0px #c6d9dd;
+  -moz-text-shadow: 0px 1px 0px #c6d9dd;
+  -webkit-text-shadow: 0px 1px 0px #c6d9dd;
 }
-
-#userToolsNav {/* Navigation bar containing login link or user information, check widgets/user_navigation.html*/
-    height: 20px;
-    position:absolute;
-    bottom: 0;
-    right:0px;
-    padding-bottom:5px;
-
-    a {
-        height: 35px;
-        text-align: right;
-        margin-left: 20px;
-        text-decoration: underline;
-        color:#d0e296;
-        font-size:16px;
-    }
-    
-    a:first-child {
-        margin-left: 0;
-    }
-    
-    a#ab-responses {
-        margin-left: 3px;
-    }
-    
-    .user-info,.user-micro-info{
-        color:#b5b593;
-    }
-
-    a img {
-        vertical-align:middle;
-        margin-bottom:2px;
-    }
-
-    .user-info a {
-        margin: 0;
-        text-decoration: none;
-    }
-}
-
-#metaNav {/* Top Navigation bar containing links for tags, people and badges, check widgets/header.html */
-    float:right;
-
-    a {
-        color: #e2e2ae;
-        padding: 0px 0px 0px 35px;
-        height: 25px;
-        line-height: 30px;
-        margin:5px 0px 0px 10px;
-        font-size: 18px;
-        font-weight: 100;
-        text-decoration: none;
-        display: block;
-        float: left;
-    }
-
-    a:hover {
-        text-decoration: underline;
-    }
-
-    a.on {
-        font-weight:bold;
-        color: #FFF;
-        text-decoration: none;
-    }
-
-    a.special {
-        font-size: 18px;
-        color: #B02B2C;
-        font-weight: bold;
-        text-decoration: none;
-    }
-
-    a.special:hover {
-        text-decoration: underline;
-    }
-
-    #navTags{
-        .sprites(-50px,-5px)
-    }
-
-    #navUsers{
-        .sprites(-125px,-5px)
-    }
-
-    #navBadges{
-        .sprites(-210px,-5px)
-    }
-}
-
-#secondaryHeader{ /* Div containing Home button, scope navigation, search form and ask button, check blocks/secondary_header.html */
-    height:55px;
-    background:#e9e9e1;
-    border-bottom:#d3d3c2 1px solid;
-    border-top:#fcfcfc 1px solid;
-    margin-bottom:10px;
-    font-family:@main-font;
-
-    #homeButton{
-        border-right:#afaf9e 1px solid;
-       .sprites(-6px,-36px);
-        height:55px;
-       width:43px;
-       display:block;
-       float:left;
-    }
-    
-    #homeButton:hover{
-        .sprites(-6px-45,-36px);
-    }
-    
-    #scopeWrapper{
-        width:688px;
-        float:left;
-        
-        a{
-            display:block;
-           float:left;
-         }
-
-        .scope-selector{
-            font-size:21px;
-            color:#5a5a4b;
-            height:55px;
-            line-height:55px;
-            margin-left:24px
-        }
-        .on{
-            background:url(../images/scopearrow.png) no-repeat center bottom;
-        }
-
-        .ask-message{
-            font-size:24px;
-        }
-    }
-}
-
-#searchBar { /* Main search form , check widgets/search_bar.html */
-    display:inline-block;
-    background-color: #fff;
-    width:412px;
-    border: 1px solid #c9c9b5;
-    float:right;
-    height:42px;
-    margin:6px 0px 0px 15px;
-
-    .searchInput, .searchInputCancelable 
-    .searchInputAuth .searchInputCancelableAuth {
-        font-size: 30px;
-        height: 40px;
-        font-weight:300;
-        background:#FFF;
-        border:0px;
-        color:#484848;
-        padding-left:10px;
-        font-family:@body-font;
-        vertical-align: middle;
-    }
-
-    .searchInput, .searchInputCancelable {
-        width: 352px;
-    }
-
-    .searchInputCancelable {
-        width: 317px;
-    }
-
-    .searchInputAuth{
-        width: 340px; 
-    }
-
-    .searchInputCancelableAuth {
-        width: 310px; /*FIXME byron */
-    }
-
-    .logoutsearch {
-        width: 337px;
-    }
-
-    .searchBtn {
-        font-size: 10px;
-        color: #666;
-        background-color: #eee;
-        height: 42px;
-        border:#FFF 1px solid;
-        line-height: 22px;
-        text-align: center;
-        float:right;
-        margin: 0px;
-        width:48px;
-        .sprites(-98px,-36px);
-        cursor:pointer;
-    }
-
-    .searchBtn:hover {
-        .sprites(-98px-48,-36px);
-    }
-
-    .cancelSearchBtn {
-        font-size: 30px;
-        color: #ce8888;
-        background:#fff;
-        height: 42px;
-        border:0px;
-        border-left:#deded0 1px solid;
-        text-align: center;
-        width: 35px;
-        cursor:pointer;
-    }
-
-    .cancelSearchBtn:hover {
-        color: #d84040;
-    }
-}
-
-#askButton{ /* check blocks/secondary_header.html and widgets/ask_button.html*/
-    background: url(../images/bigbutton.png) repeat-x bottom;
-    line-height:44px;
-    text-align:center;
-    width:200px;
-    height:42px;
-    font-size:23px;
-    color:@button-label;
-    margin-top:7px;
-    float:right;
-    text-transform:uppercase;
-    .rounded-corners(5px);
-    .box-shadow(1px, 1px, 2px, #636363)
-}
-
-#askButton:hover{
-    text-decoration:none;
-    background: url(../images/bigbutton.png) repeat-x top;
-    .text-shadow(0px, 1px, 0px, #c6d9dd)
-}
-
 /* ----- Content layout, check two_column_body.html or one_column_body.html ----- */
-
 #ContentLeft {
-    width: 730px;
-    float: left;
-    position: relative;
-    padding-bottom:10px;
+  width: 730px;
+  float: left;
+  position: relative;
+  padding-bottom: 10px;
 }
-
 #ContentRight {
-    width: 200px;
-    float: right;
-    padding: 0 0px 10px 0px;
+  width: 200px;
+  float: right;
+  padding: 0 0px 10px 0px;
 }
-
 #ContentFull {
-    float: left;
-    width: 960px;
+  float: left;
+  width: 960px;
 }
-
 /* ----- Sidebar Widgets Box, check main_page/sidebar.html or question/sidebar.html ----- */
-
 .box {
-    background: #fff;
-    padding: 4px 0px 10px 0px;
-    width:200px;
-
-    p {
-        margin-bottom: 4px;
-    }
-
-    p.info-box-follow-up-links {
-        text-align: right;
-        margin: 0;
-    }
-
-    h2 {
-        padding-left: 0;
-        background:#eceeeb;
-        height:30px;
-        line-height:30px;
-        text-align:right;
-        font-size:18px !important;
-        font-weight:normal;
-        color:#656565;
-        padding-right:10px;
-        margin-bottom:10px;
-        font-family:@main-font;
-    }
-    h3{
-        color:#4a757f;
-        font-size:18px;
-        text-align:left;
-        font-weight:normal;
-        font-family:@main-font;
-    }
-    .contributorback{
-        background: #eceeeb url(../images/contributorsback.png) no-repeat center left;
-    }
-
-    label {
-        color: @info-text;
-        font-size:15px;
-        display: block;
-        float: right;
-        width: 177px;
-        font-family:@main-font;
-    }
-
-    ul {
-        margin-left: 22px;
-    }
-
-    li {
-        list-style-type: disc;
-        font-size: 13px;
-        line-height: 20px;
-        margin-bottom: 10px;
-        color:@info-text;
-    }
-    ul.tags {
-        list-style: none;
-        margin: 0;
-        padding: 0;
-        line-height: 170%;
-        display: block;
-    }
-    #displayTagFilterControl p label{
-        color:@info-text;
-        font-size:15px;
-    }
-
-    .inputs{
-        #interestingTagInput, #ignoredTagInput{
-            width:158px;
-            border:#c9c9b5 1px solid;
-            height:25px;
-        }
-        #interestingTagAdd, #ignoredTagAdd{
-            background:url(../images/small-button-blue.png) repeat-x top;
-            border:0;
-            color:@button-label;
-            font-weight:bold;
-            font-size:12px;
-            width:30px;
-            height:27px;
-            margin-top:-2px;
-            cursor:pointer;
-            .rounded-corners(4px);
-             .text-shadow(0px,1px,0px,#E6F6FA);
-             .box-shadow(1px, 1px, 2px, #808080);
-             
-            
-       }
-        #interestingTagAdd:hover, #ignoredTagAdd:hover{
-            background:url(../images/small-button-blue.png) repeat-x bottom;
-       }
-    }
-    
-    img.gravatar {
-        margin:1px;
-    }
-
-/* widgets for question template */
-
-    a.followed, a.follow{
-        background: url(../images/medium-button.png) top repeat-x;
-        height:34px;
-        line-height:34px;
-        text-align:center;
-        border:0;
-        font-family:@main-font;
-        color:@button-label;
-        font-weight:normal;
-        font-size:21px;
-        margin-top:3px;
-        display:block;
-        width:120px;
-        text-decoration:none;
-        .rounded-corners(4px);
-        .box-shadow(1px, 1px, 2px, #636363);
-        .center;
-    }
-
-    a.followed:hover, a.follow:hover{
-        text-decoration:none;
-        background: url(../images/medium-button.png) bottom repeat-x;
-        .text-shadow(0px, 1px, 0px, #c6d9dd);
-    }
-
-    a.followed div.unfollow{
-        display:none;
-    }
-
-    a.followed:hover div{
-        display:none;
-    }
-    a.followed:hover div.unfollow{
-        display:inline;
-        color:#a05736;
-    }
-    
-    .favorite-number {
-        padding: 5px 0 0 5px;
-        font-size: 100%;
-        font-family: Arial;
-        font-weight: bold;
-        color: #777;
-        text-align:center;
-    }
-}
-
-.statsWidget p{
-    color:@info-text;
-    font-size:16px;
-    border-bottom:#cccccc 1px solid;
-    font-size:13px;
-    
-    strong{
-        float:right;
-        padding-right:10px;
-    }
+  background: #fff;
+  padding: 4px 0px 10px 0px;
+  width: 200px;
+  /* widgets for question template */
+
+}
+.box p {
+  margin-bottom: 4px;
+}
+.box p.info-box-follow-up-links {
+  text-align: right;
+  margin: 0;
+}
+.box h2 {
+  padding-left: 0;
+  background: #eceeeb;
+  height: 30px;
+  line-height: 30px;
+  text-align: right;
+  font-size: 18px !important;
+  font-weight: normal;
+  color: #656565;
+  padding-right: 10px;
+  margin-bottom: 10px;
+  font-family: 'Yanone Kaffeesatz', sans-serif;
+}
+.box h3 {
+  color: #4a757f;
+  font-size: 18px;
+  text-align: left;
+  font-weight: normal;
+  font-family: 'Yanone Kaffeesatz', sans-serif;
+}
+.box .contributorback {
+  background: #eceeeb url(../images/contributorsback.png) no-repeat center left;
+}
+.box label {
+  color: #707070;
+  font-size: 15px;
+  display: block;
+  float: right;
+  width: 177px;
+  font-family: 'Yanone Kaffeesatz', sans-serif;
+}
+.box ul {
+  margin-left: 22px;
+}
+.box li {
+  list-style-type: disc;
+  font-size: 13px;
+  line-height: 20px;
+  margin-bottom: 10px;
+  color: #707070;
+}
+.box ul.tags {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  line-height: 170%;
+  display: block;
+}
+.box #displayTagFilterControl p label {
+  color: #707070;
+  font-size: 15px;
+}
+.box .inputs #interestingTagInput, .box .inputs #ignoredTagInput {
+  width: 158px;
+  border: #c9c9b5 1px solid;
+  height: 25px;
+}
+.box .inputs #interestingTagAdd, .box .inputs #ignoredTagAdd {
+  background: url(../images/small-button-blue.png) repeat-x top;
+  border: 0;
+  color: #4a757f;
+  font-weight: bold;
+  font-size: 12px;
+  width: 30px;
+  height: 27px;
+  margin-top: -2px;
+  cursor: pointer;
+  border-radius: 4px;
+  -ms-border-radius: 4px;
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+  -khtml-border-radius: 4px;
+  text-shadow: 0px 1px 0px #e6f6fa;
+  -moz-text-shadow: 0px 1px 0px #e6f6fa;
+  -webkit-text-shadow: 0px 1px 0px #e6f6fa;
+  -webkit-box-shadow: 1px 1px 2px #808080;
+  -moz-box-shadow: 1px 1px 2px #808080;
+  box-shadow: 1px 1px 2px #808080;
+}
+.box .inputs #interestingTagAdd:hover, .box .inputs #ignoredTagAdd:hover {
+  background: url(../images/small-button-blue.png) repeat-x bottom;
+}
+.box img.gravatar {
+  margin: 1px;
+}
+.box a.followed, .box a.follow {
+  background: url(../images/medium-button.png) top repeat-x;
+  height: 34px;
+  line-height: 34px;
+  text-align: center;
+  border: 0;
+  font-family: 'Yanone Kaffeesatz', sans-serif;
+  color: #4a757f;
+  font-weight: normal;
+  font-size: 21px;
+  margin-top: 3px;
+  display: block;
+  width: 120px;
+  text-decoration: none;
+  border-radius: 4px;
+  -ms-border-radius: 4px;
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+  -khtml-border-radius: 4px;
+  -webkit-box-shadow: 1px 1px 2px #636363;
+  -moz-box-shadow: 1px 1px 2px #636363;
+  box-shadow: 1px 1px 2px #636363;
+  margin: 0 auto;
+  padding: 0;
+}
+.box a.followed:hover, .box a.follow:hover {
+  text-decoration: none;
+  background: url(../images/medium-button.png) bottom repeat-x;
+  text-shadow: 0px 1px 0px #c6d9dd;
+  -moz-text-shadow: 0px 1px 0px #c6d9dd;
+  -webkit-text-shadow: 0px 1px 0px #c6d9dd;
+}
+.box a.followed div.unfollow {
+  display: none;
+}
+.box a.followed:hover div {
+  display: none;
+}
+.box a.followed:hover div.unfollow {
+  display: inline;
+  color: #a05736;
+}
+.box .favorite-number {
+  padding: 5px 0 0 5px;
+  font-size: 100%;
+  font-family: Arial;
+  font-weight: bold;
+  color: #777;
+  text-align: center;
+}
+.statsWidget p {
+  color: #707070;
+  font-size: 16px;
+  border-bottom: #cccccc 1px solid;
+  font-size: 13px;
+}
+.statsWidget p strong {
+  float: right;
+  padding-right: 10px;
 }
 .questions-related {
-    word-wrap: break-word;
-    
-    p {
-        line-height: 20px;
-        padding: 4px 0px 4px 0px;
-        font-size: 16px;
-        font-weight:normal;
-        border-bottom:#cccccc 1px solid;
-    }
-    a{
-        font-size:13px;
-    }
+  word-wrap: break-word;
+}
+.questions-related p {
+  line-height: 20px;
+  padding: 4px 0px 4px 0px;
+  font-size: 16px;
+  font-weight: normal;
+  border-bottom: #cccccc 1px solid;
+}
+.questions-related a {
+  font-size: 13px;
 }
 /* tips and markdown help are widgets for ask template */
-
-#tips{
-    li{
-        color:@info-text;
-       font-size:13px;
-       list-style-image: url(../images/tips.png);
-    }
-    a{
-        font-size:16px;
-    }
+#tips li {
+  color: #707070;
+  font-size: 13px;
+  list-style-image: url(../images/tips.png);
 }
-
-#markdownHelp{
-    li{
-        color:@info-text;
-       font-size:13px;
-    }
-    a{
-        font-size:16px;
-    }
+#tips a {
+  font-size: 16px;
+}
+#markdownHelp li {
+  color: #707070;
+  font-size: 13px;
+}
+#markdownHelp a {
+  font-size: 16px;
 }
-
-
 /* ----- Sorting top Tab, check main_page/tab_bar.html ------*/
-
 .tabBar {
-    background-color: #eff5f6;
-    height: 30px;
-    margin-bottom: 3px;
-    margin-top: 3px;
-    float:right;
-    font-family:@sort-font;
-    font-size:16px;
-    .rounded-corners(5px);
+  background-color: #eff5f6;
+  height: 30px;
+  margin-bottom: 3px;
+  margin-top: 3px;
+  float: right;
+  font-family: Georgia, serif;
+  font-size: 16px;
+  border-radius: 5px;
+  -ms-border-radius: 5px;
+  -moz-border-radius: 5px;
+  -webkit-border-radius: 5px;
+  -khtml-border-radius: 5px;
 }
-
 .tabBar h2 {
-    float: left;
+  float: left;
 }
-
 .tabsA, .tabsC {
-    float: right;
-    position: relative;
-    display: block;
-    height: 20px;
+  float: right;
+  position: relative;
+  display: block;
+  height: 20px;
 }
-
 /* tabsA - used for sorting */
-.tabsA { float: right; }
-.tabsC { float: left; }
-
-.tabsA a, .tabsC a{
-
-    border-left: 1px solid #d0e1e4;
-    color: @section-title;
-    display: block;
-    float: left;
-    height: 20px;
-    line-height: 20px;
-    padding:4px 7px 4px 7px;
-    text-decoration: none;
-}
-
-.tabsA a.on, .tabsC a.on, .tabsA a:hover, .tabsC a:hover {
-    color: @button-label;
-}
-
-.tabsA a.rev.on, tabsA a.rev.on:hover {
+.tabsA {
+  float: right;
+}
+.tabsC {
+  float: left;
+}
+.tabsA a, .tabsC a {
+  border-left: 1px solid #d0e1e4;
+  color: #7ea9b3;
+  display: block;
+  float: left;
+  height: 20px;
+  line-height: 20px;
+  padding: 4px 7px 4px 7px;
+  text-decoration: none;
+}
+.tabsA a.on,
+.tabsC a.on,
+.tabsA a:hover,
+.tabsC a:hover {
+  color: #4a757f;
 }
-
 .tabsA .label, .tabsC .label {
-    float: left;
-    color: #646464;
-    margin-top:4px;
-    margin-right:5px;
+  float: left;
+  color: #646464;
+  margin-top: 4px;
+  margin-right: 5px;
 }
-
 .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;
+  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;
 }
-
 .rss {
-    float: right;
-    font-size: 16px;
-    color: #f57900;
-    margin: 5px 0px 3px 7px;
-    width:52px;
-    padding-left: 16px;
-    padding-top:3px;
-    background:#fff url(../images/feed-icon-small.png) no-repeat center right;
-    float:right;
-    font-family:@sort-font;
-    font-size:16px;
+  float: right;
+  font-size: 16px;
+  color: #f57900;
+  margin: 5px 0px 3px 7px;
+  width: 52px;
+  padding-left: 16px;
+  padding-top: 3px;
+  background: #ffffff url(../images/feed-icon-small.png) no-repeat center right;
+  float: right;
+  font-family: Georgia, serif;
+  font-size: 16px;
 }
-
 .rss:hover {
-    color: #F4A731 !important;
+  color: #F4A731 !important;
 }
-
 /* ----- Headline, containing number of questions and tags selected, check main_page/headline.html ----- */
-
-#questionCount{
-    font-weight:bold;
-    font-size:23px;
-    color:@section-title;
-    width:200px;
-    float:left;
-    margin-bottom:8px;
-    padding-top:6px;
-    font-family:@main-font;
+#questionCount {
+  font-weight: bold;
+  font-size: 23px;
+  color: #7ea9b3;
+  width: 200px;
+  float: left;
+  margin-bottom: 8px;
+  padding-top: 6px;
+  font-family: 'Yanone Kaffeesatz', sans-serif;
+}
+#listSearchTags {
+  float: left;
+  margin-top: 3px;
+  color: #707070;
+  font-size: 16px;
+  font-family: 'Yanone Kaffeesatz', sans-serif;
 }
-
-#listSearchTags{
-    float:left;
-    margin-top:3px;
-    color:@info-text;
-    font-size:16px;
-    font-family:@main-font;
-}
-
 ul#searchTags {
-    margin-left:10px;
-    float:right;
-    padding-top:2px;
+  margin-left: 10px;
+  float: right;
+  padding-top: 2px;
 }
-
 .search-tips {
-    font-size:16px;
-    line-height:17px;
-    color: @info-text;
-    margin:5px 0 10px 0;
-    padding:0px;
-    float:left;
-    font-family:@main-font;
-
-    a {
-        text-decoration: underline;
-        color: @link;
-    }
+  font-size: 16px;
+  line-height: 17px;
+  color: #707070;
+  margin: 5px 0 10px 0;
+  padding: 0px;
+  float: left;
+  font-family: 'Yanone Kaffeesatz', sans-serif;
+}
+.search-tips a {
+  text-decoration: underline;
+  color: #1b79bd;
 }
-
 /* ----- Question list , check main_page/content.html and macros/macros.html----- */
-
 #question-list {
-    float: left;
-    position: relative;
-    background-color: #FFF;
-    padding: 0;
-    width: 100%;
+  float: left;
+  position: relative;
+  background-color: #FFF;
+  padding: 0;
+  width: 100%;
 }
-
 .short-summary {
-    position: relative;
-    filter: inherit;
-    padding: 10px;
-    border-bottom: 1px solid #DDDBCE;
-    margin-bottom:1px;
-    overflow: hidden;
-    width: 710px;
-    float: left;
-    background: url(../images/summary-background.png) repeat-x;
-    
-    h2 {
-        font-size: 24px;
-        font-weight:normal;
-        line-height: 26px;
-        padding-left: 0;
-        margin-bottom:8px;
-        display:block;
-        font-family:@main-font;
-    }
-    
-    a {
-        color:@question-link;
-    }
-
-    .userinfo {
-        text-align:right;
-        line-height:16px;
-        font-family:@body-font;
-        padding-right:4px;
-    }
-    
-
-    .userinfo .relativetime, span.anonymous 
-     {
-        font-size: 11px;
-        clear:both;
-        font-weight: normal;
-        color: #555;
-    }
-
-    .userinfo a{
-        font-weight:bold;
-        font-size:11px;
-    }
-    
-    .counts {
-        float: right;
-        margin: 4px 0 0 5px;
-        font-family:@main-font;
-    }
-    
-    .counts .item-count {
-        padding:0px 5px 0px 5px;
-        font-size: 25px;
-        font-family:@main-font;
-    }
-    
-    .counts .votes div,
-    .counts .views div,
-    .counts .answers div,
-    .counts .favorites div
-    {
-        margin-top:3px;
-        font-size: 14px;
-        line-height:14px;
-        color: #646464;
-    }
-    
-    .tags {
-        margin-top: 0;
-    }
-    
-    .votes, .answers, .favorites, .views {
-        text-align: center;
-        margin: 0 3px;
-        padding: 8px 2px 0px 2px;
-        width: 51px;
-        float: right;
-        height:44px;
-        border:#dbdbd4 1px solid;
-    }
-
-    .votes{
-        background: url(../images/vote-background.png) repeat-x;
-    }
-
-    .answers{
-        background:url(../images/answers-background.png) repeat-x;
-    }
-    
-    .views {
-        background:url(../images/view-background.png) repeat-x;
-    }
-
-    .no-votes .item-count {
-        color: #b1b5b6;
-    }
-    .some-votes .item-count {
-        color: #4a757f;
-    }
-    
-    .no-answers .item-count {
-        color: #b1b5b6;
-    }
-    .some-answers .item-count {
-        color: #eab243;
-    }
-    
-    .no-views .item-count {
-        color: #b1b5b6;
-    }
-    .some-views .item-count {
-        color: #d33f00;
-    }
-    
-    .accepted .item-count {
-        background:url(../images/accept.png) no-repeat top right;
-        display: block;
-        text-align: center;
-        width: 40px;
-        color: #eab243;
-    }
-
-    .some-favorites .item-count {
-        background:#338333;
-        color:#d0f5a9;
-    }
-    .no-favorites .item-count {
-        background: #eab243;
-        color: yellow;
-    }
-
+  position: relative;
+  filter: inherit;
+  padding: 10px;
+  border-bottom: 1px solid #DDDBCE;
+  margin-bottom: 1px;
+  overflow: hidden;
+  width: 710px;
+  float: left;
+  background: url(../images/summary-background.png) repeat-x;
+}
+.short-summary h2 {
+  font-size: 24px;
+  font-weight: normal;
+  line-height: 26px;
+  padding-left: 0;
+  margin-bottom: 8px;
+  display: block;
+  font-family: 'Yanone Kaffeesatz', sans-serif;
+}
+.short-summary a {
+  color: #464646;
+}
+.short-summary .userinfo {
+  text-align: right;
+  line-height: 16px;
+  font-family: Arial;
+  padding-right: 4px;
+}
+.short-summary .userinfo .relativetime, .short-summary span.anonymous {
+  font-size: 11px;
+  clear: both;
+  font-weight: normal;
+  color: #555;
+}
+.short-summary .userinfo a {
+  font-weight: bold;
+  font-size: 11px;
+}
+.short-summary .counts {
+  float: right;
+  margin: 4px 0 0 5px;
+  font-family: 'Yanone Kaffeesatz', sans-serif;
+}
+.short-summary .counts .item-count {
+  padding: 0px 5px 0px 5px;
+  font-size: 25px;
+  font-family: 'Yanone Kaffeesatz', sans-serif;
+}
+.short-summary .counts .votes div,
+.short-summary .counts .views div,
+.short-summary .counts .answers div,
+.short-summary .counts .favorites div {
+  margin-top: 3px;
+  font-size: 14px;
+  line-height: 14px;
+  color: #646464;
+}
+.short-summary .tags {
+  margin-top: 0;
+}
+.short-summary .votes,
+.short-summary .answers,
+.short-summary .favorites,
+.short-summary .views {
+  text-align: center;
+  margin: 0 3px;
+  padding: 8px 2px 0px 2px;
+  width: 51px;
+  float: right;
+  height: 44px;
+  border: #dbdbd4 1px solid;
+}
+.short-summary .votes {
+  background: url(../images/vote-background.png) repeat-x;
+}
+.short-summary .answers {
+  background: url(../images/answers-background.png) repeat-x;
+}
+.short-summary .views {
+  background: url(../images/view-background.png) repeat-x;
+}
+.short-summary .no-votes .item-count {
+  color: #b1b5b6;
+}
+.short-summary .some-votes .item-count {
+  color: #4a757f;
+}
+.short-summary .no-answers .item-count {
+  color: #b1b5b6;
+}
+.short-summary .some-answers .item-count {
+  color: #eab243;
+}
+.short-summary .no-views .item-count {
+  color: #b1b5b6;
+}
+.short-summary .some-views .item-count {
+  color: #d33f00;
+}
+.short-summary .accepted .item-count {
+  background: url(../images/accept.png) no-repeat top right;
+  display: block;
+  text-align: center;
+  width: 40px;
+  color: #eab243;
+}
+.short-summary .some-favorites .item-count {
+  background: #338333;
+  color: #d0f5a9;
+}
+.short-summary .no-favorites .item-count {
+  background: #eab243;
+  color: yellow;
 }
-
 /* ----- Question list Paginator , check main_content/pager.html and macros/utils_macros.html----- */
-
 .evenMore {
-    font-size: 13px;
-    color:@info-text;
-    padding:15px 0px 10px 0px;
-    clear:both;
+  font-size: 13px;
+  color: #707070;
+  padding: 15px 0px 10px 0px;
+  clear: both;
 }
-
 .evenMore a {
-    text-decoration: underline;
-    color:@link;
+  text-decoration: underline;
+  color: #1b79bd;
 }
-
 .pager {
-    margin-top: 10px;
-    margin-bottom: 16px;
+  margin-top: 10px;
+  margin-bottom: 16px;
 }
-
 .pagesize {
-    margin-top: 10px;
-    margin-bottom: 16px;
-    float: right;
+  margin-top: 10px;
+  margin-bottom: 16px;
+  float: right;
 }
-
 .paginator {
-    padding: 5px 0 10px 0;
-    font-size:13px;
-
-    .prev a, .prev a:visited,
-    .next a, .next a:visited {
-         background-color: #fff;
-        color: #777;
-        padding: 2px 4px 3px 4px;
-    }
-    a{
-        color:@section-title;
-    }
-    .prev {
-        margin-right: .5em;
-    }
-
-    .next {
-        margin-left: .5em;
-    }
-
-    .page a, .page a:visited, .curr {
-        padding: .25em;
-        background-color: #fff;
-        margin: 0em .25em;
-        color: #ff;
-    }
-
-    .curr {
-        background-color: #8ebcc7;
-        color: #fff;
-        font-weight: bold;
-    }
-    .next a, .prev a{
-        color:@section-title
-    }
-    .page a:hover,
-    .curr a:hover,
-    .prev a:hover,
-    .next a:hover {
-        color: #8C8C8C;
-        background-color: #E1E1E1;
-        text-decoration: none;
-    }
-
-    .text {
-        color: #777;
-        padding: .3em;
-    }
-
-    .paginator-container-left {
-        padding: 5px 0 10px 0;
-    }
-
+  padding: 5px 0 10px 0;
+  font-size: 13px;
+}
+.paginator .prev a,
+.paginator .prev a:visited,
+.paginator .next a,
+.paginator .next a:visited {
+  background-color: #fff;
+  color: #777;
+  padding: 2px 4px 3px 4px;
+}
+.paginator a {
+  color: #7ea9b3;
+}
+.paginator .prev {
+  margin-right: .5em;
+}
+.paginator .next {
+  margin-left: .5em;
+}
+.paginator .page a, .paginator .page a:visited, .paginator .curr {
+  padding: .25em;
+  background-color: #fff;
+  margin: 0em .25em;
+  color: #ff;
+}
+.paginator .curr {
+  background-color: #8ebcc7;
+  color: #fff;
+  font-weight: bold;
+}
+.paginator .next a, .paginator .prev a {
+  color: #7ea9b3;
+}
+.paginator .page a:hover,
+.paginator .curr a:hover,
+.paginator .prev a:hover,
+.paginator .next a:hover {
+  color: #8C8C8C;
+  background-color: #E1E1E1;
+  text-decoration: none;
+}
+.paginator .text {
+  color: #777;
+  padding: .3em;
+}
+.paginator .paginator-container-left {
+  padding: 5px 0 10px 0;
 }
-
 /* ----- Tags Styles ----- */
-
 /* tag formatting is also copy-pasted in template
    because it must be the same in the emails
    askbot/models/__init__.py:format_instant_notification_email()
 */
-
 /* tag cloud */
-
 .tag-size-1 {
-    font-size:12px;
+  font-size: 12px;
 }
 .tag-size-2 {
-    font-size:13px;
+  font-size: 13px;
 }
 .tag-size-3 {
-    font-size:14px;
+  font-size: 14px;
 }
 .tag-size-4 {
-    font-size:15px;
+  font-size: 15px;
 }
 .tag-size-5 {
-    font-size:16px;
+  font-size: 16px;
 }
 .tag-size-6 {
-    font-size:17px;
+  font-size: 17px;
 }
 .tag-size-7 {
-    font-size:18px;
+  font-size: 18px;
 }
 .tag-size-8 {
-    font-size:19px;
+  font-size: 19px;
 }
 .tag-size-9 {
-    font-size:20px;
+  font-size: 20px;
 }
 .tag-size-10 {
-    font-size:21px;
+  font-size: 21px;
 }
-
-ul.tags,
-ul.tags.marked-tags,
-ul#related-tags {
-    list-style: none;
-    margin: 0;
-    padding: 0;
-    line-height: 170%;
-    display: block;
+ul.tags, ul.tags.marked-tags, ul#related-tags {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  line-height: 170%;
+  display: block;
 }
-
 ul.tags li {
-    float:left;
-    display: block;
-    margin: 0 5px 0 0;
-    padding: 0;
-    height:20px;
+  float: left;
+  display: block;
+  margin: 0 5px 0 0;
+  padding: 0;
+  height: 20px;
 }
-
 .wildcard-tags {
-    clear: both;
+  clear: both;
 }
-
-ul.tags.marked-tags li,
-.wildcard-tags ul.tags li {
-    margin-bottom: 5px;
+ul.tags.marked-tags li, .wildcard-tags ul.tags li {
+  margin-bottom: 5px;
 }
-
 #tagSelector div.inputs {
-    clear: both;
-    float: none;
-    margin-bottom:10px;
+  clear: both;
+  float: none;
+  margin-bottom: 10px;
 }
-
-.tags-page ul.tags li,
-ul#ab-user-tags li {
-    width: 160px;
-    margin:5px;
+.tags-page ul.tags li, ul#ab-user-tags li {
+  width: 160px;
+  margin: 5px;
 }
-
 ul#related-tags li {
-    margin: 0 5px 5px 0;
-    float: left;
-    clear: left;
+  margin: 0 5px 5px 0;
+  float: left;
+  clear: left;
 }
-
 /* .tag-left and .tag-right are for the sliding doors decoration of tags */
-
 .tag-left {
-    background: url(../images/tag-right.png) no-repeat right center;
-    border: none;
-    cursor: pointer;
-    display: block;
-    float: left;
-    height: 20px;
-    margin: 0 5px 0 0;
-    padding: 0;
+  background: url(../images/tag-right.png) no-repeat right center;
+  border: none;
+  cursor: pointer;
+  display: block;
+  float: left;
+  height: 20px;
+  margin: 0 5px 0 0;
+  padding: 0;
 }
-
 .tag-right {
-    background:url(../images/tag-left.png) no-repeat left center;
-    border: none;
-    display: block;
-    float: left;
-    height: 20px;
-    line-height: 20px;
-    font-weight: normal;
-    font-size: 11px;
-    padding: 0px 10px 0px 15px;
-    text-decoration: none;
-    text-align: center;
-    white-space: nowrap;
-    vertical-align: middle;
-    font-family:@body-font;
-    color:#717179;
+  background: url(../images/tag-left.png) no-repeat left center;
+  border: none;
+  display: block;
+  float: left;
+  height: 20px;
+  line-height: 20px;
+  font-weight: normal;
+  font-size: 11px;
+  padding: 0px 10px 0px 15px;
+  text-decoration: none;
+  text-align: center;
+  white-space: nowrap;
+  vertical-align: middle;
+  font-family: Arial;
+  color: #717179;
 }
 .deletable-tag {
-    margin-right: 3px;
-    white-space: nowrap;
+  margin-right: 3px;
+  white-space: nowrap;
 }
-
 .deletable-tag .tag-right {
-    padding-right: 0px;
-    float: left;
+  padding-right: 0px;
+  float: left;
 }
 .deletable-tag.tag-left {
-    padding-right: 0px;
+  padding-right: 0px;
 }
-
-.tags a.tag-right,
-.tags span.tag-right {
-    color: #585858;
-    text-decoration: none;
-
+.tags a.tag-right, .tags span.tag-right {
+  color: #585858;
+  text-decoration: none;
 }
-.tags a:hover{
-    color: #1A1A1A;
+.tags a:hover {
+  color: #1A1A1A;
 }
-
 .users-page h1, .tags-page h1 {
-    float: left;
+  float: left;
 }
-
 .main-page h1 {
-    margin-right: 5px;
+  margin-right: 5px;
 }
-
 span.delete-icon {
-    padding-left: 13px;
-    vertical-align: bottom;
-    background: url(../images/close-small-dark.png) bottom no-repeat;
-    cursor: default;
+  padding-left: 13px;
+  vertical-align: bottom;
+  background: url(../images/close-small-dark.png) bottom no-repeat;
+  cursor: default;
 }
 span.delete-icon:hover {
-    background: url(../images/close-small-dark.png) top no-repeat;
+  background: url(../images/close-small-dark.png) top no-repeat;
 }
-
 .tags span.delete-icon {
-    float: left;
-    height: 20px;
-    width:8px;
-    margin: 0px 0 0 10px;
-    display: block;
+  float: left;
+  height: 20px;
+  width: 8px;
+  margin: 0px 0 0 10px;
+  display: block;
 }
-
 .tag-number {
-    font-weight: normal;
-    float: left;
-    font-size:16px;
-    color:#5d5d5d;
+  font-weight: normal;
+  float: left;
+  font-size: 16px;
+  color: #5d5d5d;
 }
-
 .badges .tag-number {
-    float: none;
-    display: inline;
-    padding-right: 15px;
+  float: none;
+  display: inline;
+  padding-right: 15px;
 }
-
 /* ----- Ask and Edit Question Form template----- */
-
-.section-title{
-    color:@section-title;
-    font-family:@main-font;
-    font-weight:bold;
-    font-size:24px;
+.section-title {
+  color: #7ea9b3;
+  font-family: 'Yanone Kaffeesatz', sans-serif;
+  font-weight: bold;
+  font-size: 24px;
 }
-
 .ask-body {
-    padding-right: 10px;
+  padding-right: 10px;
 }
-
-#fmask{
-    margin-bottom:30px;
-    width:100%;
+#fmask {
+  margin-bottom: 30px;
+  width: 100%;
 }
-
 #askFormBar {
-    display:inline-block;
-    padding: 4px 7px 5px 0px;
-    margin-top:0px;
-    
-    p{
-       margin:0 0 5px 0;
-       font-size:14px;
-       color:@info-text-dark;
-       line-height:1.4;
-    }
-    .questionTitleInput {
-        font-size: 24px;
-        line-height: 24px;
-        height: 36px;
-        margin: 0px;
-        padding: 0px 0 0 5px;
-        border:#cce6ec 3px solid;
-        width:725px;
-    }
-}
-
-.ask-page, .edit-question-page{
-
-    div#question-list {
-         float: none;
-        border-bottom:#f0f0ec 1px solid;
-        float:left;
-        margin-bottom:10px;
-        a{
-            line-height:30px;
-        }
-
-    }
-
-    div#question-list h2 {
-        font-size: 13px;
-        padding-bottom: 0;
-        color:@link;
-        border-top:#f0f0ec 1px solid;
-        border-left:#f0f0ec 1px solid;
-        height:30px;
-        line-height:30px;
-        font-weight:normal;
-    }
-
-    div#question-list span {
-        width:28px;
-        height:26px;
-        line-height:26px;
-        text-align:center;
-        margin-right: 10px;
-        float:left;
-        display:block;
-        color:#fff;
-        background: #b8d0d5;
-        .rounded-corners(3px);
-    }
-    label{
-        color:@info-text-dark;
-        font-size:13px;
-    }
-
-    #id_tags{
-        border:#cce6ec 3px solid;
-        height:25px;
-        padding-left:5px;
-        width:395px;
-        font-size:14px;
-    }
+  display: inline-block;
+  padding: 4px 7px 5px 0px;
+  margin-top: 0px;
+}
+#askFormBar p {
+  margin: 0 0 5px 0;
+  font-size: 14px;
+  color: #525252;
+  line-height: 1.4;
+}
+#askFormBar .questionTitleInput {
+  font-size: 24px;
+  line-height: 24px;
+  height: 36px;
+  margin: 0px;
+  padding: 0px 0 0 5px;
+  border: #cce6ec 3px solid;
+  width: 725px;
+}
+.ask-page div#question-list, .edit-question-page div#question-list {
+  float: none;
+  border-bottom: #f0f0ec 1px solid;
+  float: left;
+  margin-bottom: 10px;
+}
+.ask-page div#question-list a, .edit-question-page div#question-list a {
+  line-height: 30px;
+}
+.ask-page div#question-list h2, .edit-question-page div#question-list h2 {
+  font-size: 13px;
+  padding-bottom: 0;
+  color: #1b79bd;
+  border-top: #f0f0ec 1px solid;
+  border-left: #f0f0ec 1px solid;
+  height: 30px;
+  line-height: 30px;
+  font-weight: normal;
+}
+.ask-page div#question-list span, .edit-question-page div#question-list span {
+  width: 28px;
+  height: 26px;
+  line-height: 26px;
+  text-align: center;
+  margin-right: 10px;
+  float: left;
+  display: block;
+  color: #fff;
+  background: #b8d0d5;
+  border-radius: 3px;
+  -ms-border-radius: 3px;
+  -moz-border-radius: 3px;
+  -webkit-border-radius: 3px;
+  -khtml-border-radius: 3px;
+}
+.ask-page label, .edit-question-page label {
+  color: #525252;
+  font-size: 13px;
+}
+.ask-page #id_tags, .edit-question-page #id_tags {
+  border: #cce6ec 3px solid;
+  height: 25px;
+  padding-left: 5px;
+  width: 395px;
+  font-size: 14px;
 }
-
 .title-desc {
-    color: @info-text;
-    font-size: 13px;
-}
-
-#fmanswer input.submit,
-.ask-page input.submit,
-.edit-question-page input.submit {
-    float: left;
-    background: url(../images/medium-button.png) top repeat-x;
-    height:34px;
-    border:0;
-    font-family:@main-font;
-    color:@button-label;
-    font-weight:normal;
-    font-size:21px;
-    margin-top:3px;
-    .rounded-corners(4px);
-    .box-shadow(1px, 1px, 2px, #636363);
-    margin-right:7px;
+  color: #707070;
+  font-size: 13px;
+}
+#fmanswer input.submit, .ask-page input.submit, .edit-question-page input.submit {
+  float: left;
+  background: url(../images/medium-button.png) top repeat-x;
+  height: 34px;
+  border: 0;
+  font-family: 'Yanone Kaffeesatz', sans-serif;
+  color: #4a757f;
+  font-weight: normal;
+  font-size: 21px;
+  margin-top: 3px;
+  border-radius: 4px;
+  -ms-border-radius: 4px;
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+  -khtml-border-radius: 4px;
+  -webkit-box-shadow: 1px 1px 2px #636363;
+  -moz-box-shadow: 1px 1px 2px #636363;
+  box-shadow: 1px 1px 2px #636363;
+  margin-right: 7px;
+}
+#fmanswer input.submit:hover, .ask-page input.submit:hover, .edit-question-page input.submit:hover {
+  text-decoration: none;
+  background: url(../images/medium-button.png) bottom repeat-x;
+  text-shadow: 0px 1px 0px #c6d9dd;
+  -moz-text-shadow: 0px 1px 0px #c6d9dd;
+  -webkit-text-shadow: 0px 1px 0px #c6d9dd;
+}
+#editor {
+  /*adjustment for editor preview*/
+
+  font-size: 100%;
+  min-height: 200px;
+  line-height: 18px;
+  margin: 0;
+  border-left: #cce6ec 3px solid;
+  border-bottom: #cce6ec 3px solid;
+  border-right: #cce6ec 3px solid;
+  border-top: 0;
+  padding: 10px;
+  margin-bottom: 10px;
+  width: 710px;
 }
-
-#fmanswer input.submit:hover,
-.ask-page input.submit:hover,
-.edit-question-page input.submit:hover{
-    text-decoration:none;
-    background: url(../images/medium-button.png) bottom repeat-x;
-    .text-shadow(0px, 1px, 0px, #c6d9dd)
-}
-#editor { /*adjustment for editor preview*/
-    font-size: 100%;
-    min-height: 200px;
-    line-height: 18px;
-    margin:0;
-    border-left:#cce6ec 3px solid;
-    border-bottom:#cce6ec 3px solid;
-    border-right:#cce6ec 3px solid;
-    border-top:0;
-    padding:10px;
-    margin-bottom:10px;
-    width:710px;
-}
-
 #id_title {
-    width: 100%;
+  width: 100%;
 }
-
 .wmd-preview {
-    margin: 3px 0 5px 0;
-    padding: 6px;
-    background-color: #F5F5F5;
-    min-height: 20px;
-    overflow: auto;
-    font-size:13px;
-    font-family:@body-font;
-
-    p{
-        margin-bottom:14px;
-       line-height:1.4;
-       font-size:14px;
-    }
+  margin: 3px 0 5px 0;
+  padding: 6px;
+  background-color: #F5F5F5;
+  min-height: 20px;
+  overflow: auto;
+  font-size: 13px;
+  font-family: Arial;
+}
+.wmd-preview p {
+  margin-bottom: 14px;
+  line-height: 1.4;
+  font-size: 14px;
 }
-
 .wmd-preview pre {
-    background-color: #E7F1F8;
-
+  background-color: #E7F1F8;
 }
-
 .wmd-preview blockquote {
-    background-color: #eee;
+  background-color: #eee;
 }
-
 .wmd-preview IMG {
-    max-width: 600px;
+  max-width: 600px;
 }
-
 .preview-toggle {
-    width: 100%;
-    color: #b6a475; /*letter-spacing:1px;*/
-    text-align: left;
-}
+  width: 100%;
+  color: #b6a475;
+  /*letter-spacing:1px;*/
 
+  text-align: left;
+}
 .preview-toggle span:hover {
-    cursor: pointer;
+  cursor: pointer;
 }
-
 .after-editor {
-    margin-top: 10px;
+  margin-top: 10px;
 }
-
 .checkbox {
-    margin-left:5px;
-    font-weight:normal;
-    cursor:help
+  margin-left: 5px;
+  font-weight: normal;
+  cursor: help;
 }
-
 .question-options {
-    margin-top: 1px;
-    color: #666;
-    line-height: 13px;
-    margin-bottom:5px;
+  margin-top: 1px;
+  color: #666;
+  line-height: 13px;
+  margin-bottom: 5px;
 }
 .question-options label {
-    vertical-align: text-bottom;
+  vertical-align: text-bottom;
 }
-
 .edit-content-html {
-    border-top: 1px dotted #D8D2A9;
-    border-bottom: 1px dotted #D8D2A9;
-    margin: 5px 0 5px 0;
-}
-
-.edit-question-page, #fmedit{
-    color:@info-text-dark;
-    
-    #id_revision{
-        font-size:14px;
-        margin-top:5px;
-        margin-bottom:5px;
-    }
-    #id_title{
-        font-size: 24px;
-        line-height: 24px;
-        height: 36px;
-        margin: 0px;
-        padding: 0px 0 0 5px;
-        border:#cce6ec 3px solid;
-        width:725px;
-        margin-bottom:10px;
-    }
-    #id_summary{
-        border:#cce6ec 3px solid;
-        height:25px;
-        padding-left:5px;
-        width:395px;
-        font-size:14px;
-    }
-    .title-desc{
-        margin-bottom:10px;
-    }
+  border-top: 1px dotted #D8D2A9;
+  border-bottom: 1px dotted #D8D2A9;
+  margin: 5px 0 5px 0;
+}
+.edit-question-page, #fmedit {
+  color: #525252;
+}
+.edit-question-page #id_revision, #fmedit #id_revision {
+  font-size: 14px;
+  margin-top: 5px;
+  margin-bottom: 5px;
+}
+.edit-question-page #id_title, #fmedit #id_title {
+  font-size: 24px;
+  line-height: 24px;
+  height: 36px;
+  margin: 0px;
+  padding: 0px 0 0 5px;
+  border: #cce6ec 3px solid;
+  width: 725px;
+  margin-bottom: 10px;
+}
+.edit-question-page #id_summary, #fmedit #id_summary {
+  border: #cce6ec 3px solid;
+  height: 25px;
+  padding-left: 5px;
+  width: 395px;
+  font-size: 14px;
+}
+.edit-question-page .title-desc, #fmedit .title-desc {
+  margin-bottom: 10px;
 }
-
 /* ----- Question template ----- */
-
-.question-page{
-
-    h1{
-        padding-top:0px;
-       font-family:@main-font;
-    }
-    
-    h1 a{
-         color:@question-link;
-        font-size:30px;
-        font-weight:normal;
-        line-height:1;
-    }
-
-    p.rss {
-        float:none;
-        clear:both;
-        padding: 3px 0 0 23px;
-        font-size: 15px;
-        width:110px;
-        background-position:center left;
-        margin-left:0px !important;
-    }
-
-    p.rss a {
-        font-family:@main-font;
-        vertical-align: top;
-    }
-       
-    .question-content{
-        float:right;
-        width:690px;
-        margin-bottom:10px;
-    }
-
-    #question-table{
-        float:left;
-        border-top:#f0f0f0 1px solid;
-    }
-
-    #question-table,
-    .answer-table {
-        margin: 6px 0 0px 0;
-        border-spacing: 0px;
-        width: 680px;
-        padding-right:3px;
-    }
-
-    .answer-table {
-        margin-top:0px;
-        border-bottom: 1px solid #D4D4D4;
-        float:left;
-    }
-
-    .answer-table td,
-    #question-table td {
-        width:20px;
-        vertical-align:top;
-    }
-    .question-body, .answer-body {
-        overflow: auto;
-        margin-top:10px;
-        font-family:@body-font;
-        color:#4b4b4b;
-
-        p{
-            margin-bottom:14px;
-          line-height:1.4;
-          font-size:14px;
-          padding:0px 5px 5px 0px;
-        }
-        
-        a {
-            color:@link;
-        }
-        
-        li {
-            margin-bottom:7px;
-        }
-    }
-
-    .question-body IMG, .answer-body IMG {
-        max-width: 600px;
-    }
-
-    .post-update-info-container {
-        float: right;
-        width: 175px;
-    }
-
-    .post-update-info {
-        background: #fff url(../images/background-user-info.png) repeat-x bottom;
-        float: right;
-        font-size: 9px;
-        font-family:@secondary-font;
-        width: 158px;
-        padding:4px;
-        margin:0px 0px 5px 5px;
-        line-height: 14px;
-        .rounded-corners(4px);
-        .box-shadow (0px, 2px,1px,#bfbfbf);
-        
-         p {
-             line-height: 13px;
-            font-size: 11px;
-            margin: 0 0 2px 1px;
-            padding: 0;
-        }
-        a{
-            color:#444;
-        }
-        .gravatar {
-            float: left;
-            margin-right: 4px;
-        }
-
-        p.tip {
-            color: #444;
-            line-height: 13px;
-            font-size: 10px;
-        }
-    }
-
-    .post-controls{
-        font-size: 11px;
-        line-height: 12px;
-        min-width: 200px;
-        padding-left: 5px;
-        text-align:right;
-        clear: left;
-        float: right;
-        margin-top:10px;
-        
-        a {
-             color: #777;
-            padding: 0px 3px 3px 22px;
-            cursor: pointer;
-            border: none;
-            font-size:12px;
-            font-family:@body-font;
-            text-decoration: none;
-            height:18px;
-            display:block;
-            float:right;
-            line-height:18px;
-            margin-top:-2px;
-            margin-left:4px;
-        }
-        
-         a:hover {
-            background-color: #f5f0c9;
-            
-        }
-        .sep {
-            color: #ccc;
-            float:right;
-            height:18px;
-            font-size:18px;
-        }
-    }
-    .post-controls, .answer-controls{
-        .question-delete{
-            background: url(../images/delete.png) no-repeat center left;
-            padding-left:16px;
-        }
-        .question-flag{
-            background: url(../images/flag.png) no-repeat center left;
-        }
-        .question-edit{
-            background: url(../images/edit2.png) no-repeat center left;
-        }
-        .question-retag{
-            background: url(../images/retag.png) no-repeat center left;
-        }
-        .question-close{
-            background: url(../images/close.png) no-repeat center left;
-        }
-        .permant-link{
-            background: url(../images/link.png) no-repeat center left;
-        }
-    }
-    .tabBar{
-       width:100%;
-    }
-    
-    #questionCount{
-        float:left;
-        font-family:@main-font;
-        line-height:15px;
-    }
-
-    .question-img-upvote, .question-img-downvote,
-    .answer-img-upvote, .answer-img-downvote {
-        width: 25px;
-        height: 20px;
-        cursor:pointer;
-    }
-
-    .question-img-upvote, .answer-img-upvote {
-        background: url(../images/vote-arrow-up-new.png)  no-repeat;
-    }
-
-    .question-img-downvote, .answer-img-downvote {
-        background: url(../images/vote-arrow-down-new.png) no-repeat;
-    }
-
-    .question-img-upvote:hover, .question-img-upvote.on,
-    .answer-img-upvote:hover, .answer-img-upvote.on {
-        background: url(../images/vote-arrow-up-on-new.png) no-repeat;
-    }
-
-    .question-img-downvote:hover, .question-img-downvote.on,
-    .answer-img-downvote:hover, .answer-img-downvote.on {
-        background: url(../images/vote-arrow-down-on-new.png) no-repeat;
-    }
-
-    .question-img-favorite:hover {
-        background: url(../images/vote-favorite-on.png)
-    }
-    div.comments {
-        padding: 0;
-    }
-    #comment-title{
-       font-weight:bold;
-       font-size:23px;
-       color:@section-title;
-       width:200px;
-       float:left;
-       font-family:@main-font;
-    }
-    .comments {
-        font-size: 12px;    
-        clear: both;
-        
-        div.controls {
-              clear: both;
-            float:left;
-            width: 100%;
-            margin: 3px 0 20px 5px;
-        }
-        
-        .controls a {
-             color: #988e4c;
-            padding: 0 3px 2px 22px;
-            font-family:@body-font;
-            font-size:13px;
-            background:url(../images/comment.png) no-repeat center left;
-        }
-
-        .controls a:hover {
-            background-color: #f5f0c9;
-            text-decoration: none;
-        }
-
-        .button {
-            color: #988e4c;
-            font-size: 11px;
-            padding: 3px;
-            cursor: pointer;
-        }
-        a {
-            background-color: inherit;
-            color: @link;
-            padding: 0;
-        }
-        
-        form.post-comments {
-            margin: 3px 30px 4px 5px;
-        }
-
-        textarea {
-            height: 42px;
-            width:100%;
-            margin: 12px 0 5px 1px;
-            font-family: @body-font;
-            outline: none;
-            overflow:auto;
-            font-size: 12px;
-            line-height: 140%;
-            padding-left:2px;
-            padding-top:4px;
-            border:#cce6ec 3px solid;
-        }
-
-        input {
-            margin-left: 10px;
-            margin-top: 1px;
-            vertical-align: top;
-            width: 100px;
-        }
-        button{
-            background:url(../images/small-button-blue.png) repeat-x top;
-            border:0;
-            color:@button-label;
-            font-size:12px;
-            width:95px;
-            font-weight:bold;
-            height:24px;
-            margin-top:-2px;
-            cursor:pointer;
-            .rounded-corners(4px);
-             .text-shadow(0px,1px,0px,#E6F6FA);
-             .box-shadow(1px, 1px, 2px, #808080);
-             float:left;
-        }
-        button:hover{
-            background: url(../images/small-button-blue.png) bottom repeat-x;
-            .text-shadow(0px, 1px, 0px, #c6d9dd);
-        }
-        .counter {
-            display: inline-block;
-            width: 245px;
-            float:right;
-            color:#b6a475 !important;
-            vertical-align: top;
-            font-family:@body-font;
-            float:right;
-            text-align:right;
-        }
-        .comment {
-            border-bottom: 1px solid #edeeeb;
-            margin: 0;
-            margin-top:8px;
-            padding-bottom:4px;
-            overflow: auto;
-            font-family:@body-font;
-            font-size:11px;
-            min-height: 25px;
-            background:url(../images/comment-background.png) bottom repeat-x;
-            .rounded-corners(5px);
-        }
-        div.comment:hover {
-            background-color: #efefef;
-        }
-        a.author{
-            background-color: inherit;
-            color: @link;
-            padding: 0;
-        }
-
-        a.author:hover {
-            text-decoration: underline;
-        }
-        span.delete-icon{
-            background:url(../images/close-small.png) no-repeat;
-        }
-        span.delete-icon:hover{
-            border:#BC564B 2px solid;
-            .rounded-corners(10px);
-            
-        }
-        .content {
-            margin-bottom: 7px;    
-        }
-        
-        .comment-votes {
-            float: left;
-            width: 37px;
-            line-height: 130%;
-            padding: 6px 5px 6px 3px;
-        }
-
-        .comment-body {
-            line-height: 1.3;
-            margin: 3px 26px 0 46px;
-            padding: 5px 3px;
-            color: #666;
-            font-size:13px;
-        }
-
-        .comment-body p{
-            font-size:13px;
-            line-height:1.3;
-            margin-bottom: 3px;
-            padding: 0;
-        }
-
-        .comment-delete {
-            float: right;
-            width: 14px;
-            line-height: 130%;
-            padding: 8px 6px;
-        }
-
-        .upvote {
-            margin: 0px;
-            padding-right: 17px;
-            padding-top: 2px;
-            text-align: right;
-            height: 20px;
-            font-size: 13px;
-            font-weight: bold;
-            color: #777;
-        }
-
-        .upvote.upvoted {
-            color: #d64000;
-        }
-
-        .upvote.hover {
-            background: url(../images/go-up-grey.png) no-repeat;
-            background-position: right 1px;
-        }
-
-        .upvote:hover {
-            background: url(../images/go-up-orange.png) no-repeat;
-            background-position: right 1px;
-        }
-
-        .help-text{
-            float: right;
-            text-align:right;
-            color: gray;
-            margin-bottom: 0px;
-            margin-top: 0px;
-            line-height: 50%;
-        }
-    }
-    #questionTools {
-        font-size: 22px;
-        margin-top: 11px;
-        text-align: left;
-    }
-
-    .question-status {
-        margin-top: 10px;
-        margin-bottom:15px;
-        padding: 20px;
-        background-color: #fef7cc;
-        text-align: center;
-        border:#e1c04a 1px solid;
-    }
-
-    .question-status h3 {
-        font-size: 20px;
-        color:@info-text;
-        font-weight:normal;
-    }
-
-    .vote-buttons {
-        float: left;
-        text-align: center;
-        padding-top: 2px;
-        margin:3px 10px 0px 3px;
-    }
-
-    .vote-buttons IMG {
-        cursor: pointer;
-    }
-
-    .vote-number {
-        font-family: @main-font;
-        padding: 0px 0 5px 0;
-        font-size: 25px;
-        font-weight: bold;
-        color: #777;
-    }
-
-    .vote-buttons .notify-sidebar {
-        text-align: left;
-    }
-    .vote-buttons .notify-sidebar label {
-        vertical-align: top;
-    }
-
-    .tabBar-answer{
-        margin-bottom:15px;
-        padding-left:7px;
-        width:723px;
-        margin-top:10px;
-    }
-    .answer{
-        .vote-buttons {
-            float:left;
-        }
-    }
-    .accepted-answer {
-        background-color: #f7fecc;
-        border-bottom-color: #9BD59B;
-        
-        .vote-buttons {
-            width:27px;
-           margin-right:10px;
-        }
-    }
-
-    .answer .post-update-info a{
-        color:#444444;
-    }
-    
-    .accepted-answer .comments {
-        background-color: #f1f6d4;
-    }
-
-    .answered {
-        background: #CCC;
-        color: #999;
-    }
-
-    .answered-accepted {
-        background: #DCDCDC;
-        color: #763333;
-        
-        strong {
-            color: #E1E818;
-        }
-    }
-
-    .answered-by-owner {
-        background: #F1F1FF;
-
-        .comments .button {
-            background-color: #E6ECFF;
-       }
-        .comments {
-            background-color: #E6ECFF;
-       }
-        .vote-buttons {
-           margin-right:10px;
-        }
-    }
-
-    .answer-img-accept:hover {
-        background: url(../images/vote-accepted-on.png)
-    }
-    .answer-body a {
-        color:@link;
-    }
-    .answer-body li {
-        margin-bottom:0.7em;
-    }
-
-    #fmanswer{
-        color:@info-text;
-        line-height:1.2;
-        margin-top:10px;
-        p{
-            font-size:13px;
-          line-height:1.3;
-        }
-        h2{
-          font-family:@main-font;
-          color:@section-title;
-          font-size:24px;
-        }
-        label{
-          font-size:13px;
-        }
-    }
-    .message {
-        padding: 5px;
-        margin: 0px 0 10px 0;
-
-    }
-
+.question-page h1 {
+  padding-top: 0px;
+  font-family: 'Yanone Kaffeesatz', sans-serif;
+}
+.question-page h1 a {
+  color: #464646;
+  font-size: 30px;
+  font-weight: normal;
+  line-height: 1;
+}
+.question-page p.rss {
+  float: none;
+  clear: both;
+  padding: 3px 0 0 23px;
+  font-size: 15px;
+  width: 110px;
+  background-position: center left;
+  margin-left: 0px !important;
+}
+.question-page p.rss a {
+  font-family: 'Yanone Kaffeesatz', sans-serif;
+  vertical-align: top;
+}
+.question-page .question-content {
+  float: right;
+  width: 690px;
+  margin-bottom: 10px;
+}
+.question-page #question-table {
+  float: left;
+  border-top: #f0f0f0 1px solid;
+}
+.question-page #question-table, .question-page .answer-table {
+  margin: 6px 0 0px 0;
+  border-spacing: 0px;
+  width: 680px;
+  padding-right: 3px;
+}
+.question-page .answer-table {
+  margin-top: 0px;
+  border-bottom: 1px solid #D4D4D4;
+  float: left;
+}
+.question-page .answer-table td, .question-page #question-table td {
+  width: 20px;
+  vertical-align: top;
+}
+.question-page .question-body, .question-page .answer-body {
+  overflow: auto;
+  margin-top: 10px;
+  font-family: Arial;
+  color: #4b4b4b;
+}
+.question-page .question-body p, .question-page .answer-body p {
+  margin-bottom: 14px;
+  line-height: 1.4;
+  font-size: 14px;
+  padding: 0px 5px 5px 0px;
+}
+.question-page .question-body a, .question-page .answer-body a {
+  color: #1b79bd;
+}
+.question-page .question-body li, .question-page .answer-body li {
+  margin-bottom: 7px;
+}
+.question-page .question-body IMG, .question-page .answer-body IMG {
+  max-width: 600px;
+}
+.question-page .post-update-info-container {
+  float: right;
+  width: 175px;
+}
+.question-page .post-update-info {
+  background: #ffffff url(../images/background-user-info.png) repeat-x bottom;
+  float: right;
+  font-size: 9px;
+  font-family: Arial;
+  width: 158px;
+  padding: 4px;
+  margin: 0px 0px 5px 5px;
+  line-height: 14px;
+  border-radius: 4px;
+  -ms-border-radius: 4px;
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+  -khtml-border-radius: 4px;
+  -webkit-box-shadow: 0px 2px 1px #bfbfbf;
+  -moz-box-shadow: 0px 2px 1px #bfbfbf;
+  box-shadow: 0px 2px 1px #bfbfbf;
+}
+.question-page .post-update-info p {
+  line-height: 13px;
+  font-size: 11px;
+  margin: 0 0 2px 1px;
+  padding: 0;
+}
+.question-page .post-update-info a {
+  color: #444;
+}
+.question-page .post-update-info .gravatar {
+  float: left;
+  margin-right: 4px;
+}
+.question-page .post-update-info p.tip {
+  color: #444;
+  line-height: 13px;
+  font-size: 10px;
+}
+.question-page .post-controls {
+  font-size: 11px;
+  line-height: 12px;
+  min-width: 200px;
+  padding-left: 5px;
+  text-align: right;
+  clear: left;
+  float: right;
+  margin-top: 10px;
+}
+.question-page .post-controls a {
+  color: #777;
+  padding: 0px 3px 3px 22px;
+  cursor: pointer;
+  border: none;
+  font-size: 12px;
+  font-family: Arial;
+  text-decoration: none;
+  height: 18px;
+  display: block;
+  float: right;
+  line-height: 18px;
+  margin-top: -2px;
+  margin-left: 4px;
+}
+.question-page .post-controls a:hover {
+  background-color: #f5f0c9;
+}
+.question-page .post-controls .sep {
+  color: #ccc;
+  float: right;
+  height: 18px;
+  font-size: 18px;
+}
+.question-page .post-controls .question-delete, .question-page .answer-controls .question-delete {
+  background: url(../images/delete.png) no-repeat center left;
+  padding-left: 16px;
+}
+.question-page .post-controls .question-flag, .question-page .answer-controls .question-flag {
+  background: url(../images/flag.png) no-repeat center left;
+}
+.question-page .post-controls .question-edit, .question-page .answer-controls .question-edit {
+  background: url(../images/edit2.png) no-repeat center left;
+}
+.question-page .post-controls .question-retag, .question-page .answer-controls .question-retag {
+  background: url(../images/retag.png) no-repeat center left;
+}
+.question-page .post-controls .question-close, .question-page .answer-controls .question-close {
+  background: url(../images/close.png) no-repeat center left;
+}
+.question-page .post-controls .permant-link, .question-page .answer-controls .permant-link {
+  background: url(../images/link.png) no-repeat center left;
+}
+.question-page .tabBar {
+  width: 100%;
+}
+.question-page #questionCount {
+  float: left;
+  font-family: 'Yanone Kaffeesatz', sans-serif;
+  line-height: 15px;
+}
+.question-page .question-img-upvote,
+.question-page .question-img-downvote,
+.question-page .answer-img-upvote,
+.question-page .answer-img-downvote {
+  width: 25px;
+  height: 20px;
+  cursor: pointer;
+}
+.question-page .question-img-upvote, .question-page .answer-img-upvote {
+  background: url(../images/vote-arrow-up-new.png) no-repeat;
+}
+.question-page .question-img-downvote, .question-page .answer-img-downvote {
+  background: url(../images/vote-arrow-down-new.png) no-repeat;
+}
+.question-page .question-img-upvote:hover,
+.question-page .question-img-upvote.on,
+.question-page .answer-img-upvote:hover,
+.question-page .answer-img-upvote.on {
+  background: url(../images/vote-arrow-up-on-new.png) no-repeat;
+}
+.question-page .question-img-downvote:hover,
+.question-page .question-img-downvote.on,
+.question-page .answer-img-downvote:hover,
+.question-page .answer-img-downvote.on {
+  background: url(../images/vote-arrow-down-on-new.png) no-repeat;
+}
+.question-page .question-img-favorite:hover {
+  background: url(../images/vote-favorite-on.png);
+}
+.question-page div.comments {
+  padding: 0;
+}
+.question-page #comment-title {
+  font-weight: bold;
+  font-size: 23px;
+  color: #7ea9b3;
+  width: 200px;
+  float: left;
+  font-family: 'Yanone Kaffeesatz', sans-serif;
+}
+.question-page .comments {
+  font-size: 12px;
+  clear: both;
+}
+.question-page .comments div.controls {
+  clear: both;
+  float: left;
+  width: 100%;
+  margin: 3px 0 20px 5px;
+}
+.question-page .comments .controls a {
+  color: #988e4c;
+  padding: 0 3px 2px 22px;
+  font-family: Arial;
+  font-size: 13px;
+  background: url(../images/comment.png) no-repeat center left;
+}
+.question-page .comments .controls a:hover {
+  background-color: #f5f0c9;
+  text-decoration: none;
+}
+.question-page .comments .button {
+  color: #988e4c;
+  font-size: 11px;
+  padding: 3px;
+  cursor: pointer;
+}
+.question-page .comments a {
+  background-color: inherit;
+  color: #1b79bd;
+  padding: 0;
+}
+.question-page .comments form.post-comments {
+  margin: 3px 30px 4px 5px;
+}
+.question-page .comments textarea {
+  height: 42px;
+  width: 100%;
+  margin: 12px 0 5px 1px;
+  font-family: Arial;
+  outline: none;
+  overflow: auto;
+  font-size: 12px;
+  line-height: 140%;
+  padding-left: 2px;
+  padding-top: 4px;
+  border: #cce6ec 3px solid;
+}
+.question-page .comments input {
+  margin-left: 10px;
+  margin-top: 1px;
+  vertical-align: top;
+  width: 100px;
+}
+.question-page .comments button {
+  background: url(../images/small-button-blue.png) repeat-x top;
+  border: 0;
+  color: #4a757f;
+  font-size: 12px;
+  width: 95px;
+  font-weight: bold;
+  height: 24px;
+  margin-top: -2px;
+  cursor: pointer;
+  border-radius: 4px;
+  -ms-border-radius: 4px;
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+  -khtml-border-radius: 4px;
+  text-shadow: 0px 1px 0px #e6f6fa;
+  -moz-text-shadow: 0px 1px 0px #e6f6fa;
+  -webkit-text-shadow: 0px 1px 0px #e6f6fa;
+  -webkit-box-shadow: 1px 1px 2px #808080;
+  -moz-box-shadow: 1px 1px 2px #808080;
+  box-shadow: 1px 1px 2px #808080;
+  float: left;
+}
+.question-page .comments button:hover {
+  background: url(../images/small-button-blue.png) bottom repeat-x;
+  text-shadow: 0px 1px 0px #c6d9dd;
+  -moz-text-shadow: 0px 1px 0px #c6d9dd;
+  -webkit-text-shadow: 0px 1px 0px #c6d9dd;
+}
+.question-page .comments .counter {
+  display: inline-block;
+  width: 245px;
+  float: right;
+  color: #b6a475 !important;
+  vertical-align: top;
+  font-family: Arial;
+  float: right;
+  text-align: right;
+}
+.question-page .comments .comment {
+  border-bottom: 1px solid #edeeeb;
+  margin: 0;
+  margin-top: 8px;
+  padding-bottom: 4px;
+  overflow: auto;
+  font-family: Arial;
+  font-size: 11px;
+  min-height: 25px;
+  background: url(../images/comment-background.png) bottom repeat-x;
+  border-radius: 5px;
+  -ms-border-radius: 5px;
+  -moz-border-radius: 5px;
+  -webkit-border-radius: 5px;
+  -khtml-border-radius: 5px;
+}
+.question-page .comments div.comment:hover {
+  background-color: #efefef;
+}
+.question-page .comments a.author {
+  background-color: inherit;
+  color: #1b79bd;
+  padding: 0;
+}
+.question-page .comments a.author:hover {
+  text-decoration: underline;
+}
+.question-page .comments span.delete-icon {
+  background: url(../images/close-small.png) no-repeat;
+}
+.question-page .comments span.delete-icon:hover {
+  border: #BC564B 2px solid;
+  border-radius: 10px;
+  -ms-border-radius: 10px;
+  -moz-border-radius: 10px;
+  -webkit-border-radius: 10px;
+  -khtml-border-radius: 10px;
+}
+.question-page .comments .content {
+  margin-bottom: 7px;
+}
+.question-page .comments .comment-votes {
+  float: left;
+  width: 37px;
+  line-height: 130%;
+  padding: 6px 5px 6px 3px;
+}
+.question-page .comments .comment-body {
+  line-height: 1.3;
+  margin: 3px 26px 0 46px;
+  padding: 5px 3px;
+  color: #666;
+  font-size: 13px;
+}
+.question-page .comments .comment-body p {
+  font-size: 13px;
+  line-height: 1.3;
+  margin-bottom: 3px;
+  padding: 0;
+}
+.question-page .comments .comment-delete {
+  float: right;
+  width: 14px;
+  line-height: 130%;
+  padding: 8px 6px;
+}
+.question-page .comments .upvote {
+  margin: 0px;
+  padding-right: 17px;
+  padding-top: 2px;
+  text-align: right;
+  height: 20px;
+  font-size: 13px;
+  font-weight: bold;
+  color: #777;
+}
+.question-page .comments .upvote.upvoted {
+  color: #d64000;
+}
+.question-page .comments .upvote.hover {
+  background: url(../images/go-up-grey.png) no-repeat;
+  background-position: right 1px;
+}
+.question-page .comments .upvote:hover {
+  background: url(../images/go-up-orange.png) no-repeat;
+  background-position: right 1px;
+}
+.question-page .comments .help-text {
+  float: right;
+  text-align: right;
+  color: gray;
+  margin-bottom: 0px;
+  margin-top: 0px;
+  line-height: 50%;
+}
+.question-page #questionTools {
+  font-size: 22px;
+  margin-top: 11px;
+  text-align: left;
+}
+.question-page .question-status {
+  margin-top: 10px;
+  margin-bottom: 15px;
+  padding: 20px;
+  background-color: #fef7cc;
+  text-align: center;
+  border: #e1c04a 1px solid;
+}
+.question-page .question-status h3 {
+  font-size: 20px;
+  color: #707070;
+  font-weight: normal;
+}
+.question-page .vote-buttons {
+  float: left;
+  text-align: center;
+  padding-top: 2px;
+  margin: 3px 10px 0px 3px;
+}
+.question-page .vote-buttons IMG {
+  cursor: pointer;
+}
+.question-page .vote-number {
+  font-family: 'Yanone Kaffeesatz', sans-serif;
+  padding: 0px 0 5px 0;
+  font-size: 25px;
+  font-weight: bold;
+  color: #777;
+}
+.question-page .vote-buttons .notify-sidebar {
+  text-align: left;
+}
+.question-page .vote-buttons .notify-sidebar label {
+  vertical-align: top;
+}
+.question-page .tabBar-answer {
+  margin-bottom: 15px;
+  padding-left: 7px;
+  width: 723px;
+  margin-top: 10px;
+}
+.question-page .answer .vote-buttons {
+  float: left;
+}
+.question-page .accepted-answer {
+  background-color: #f7fecc;
+  border-bottom-color: #9BD59B;
+}
+.question-page .accepted-answer .vote-buttons {
+  width: 27px;
+  margin-right: 10px;
+}
+.question-page .answer .post-update-info a {
+  color: #444444;
+}
+.question-page .accepted-answer .comments {
+  background-color: #f1f6d4;
+}
+.question-page .answered {
+  background: #CCC;
+  color: #999;
+}
+.question-page .answered-accepted {
+  background: #DCDCDC;
+  color: #763333;
+}
+.question-page .answered-accepted strong {
+  color: #E1E818;
+}
+.question-page .answered-by-owner {
+  background: #F1F1FF;
+}
+.question-page .answered-by-owner .comments .button {
+  background-color: #E6ECFF;
+}
+.question-page .answered-by-owner .comments {
+  background-color: #E6ECFF;
+}
+.question-page .answered-by-owner .vote-buttons {
+  margin-right: 10px;
+}
+.question-page .answer-img-accept:hover {
+  background: url(../images/vote-accepted-on.png);
+}
+.question-page .answer-body a {
+  color: #1b79bd;
+}
+.question-page .answer-body li {
+  margin-bottom: 0.7em;
+}
+.question-page #fmanswer {
+  color: #707070;
+  line-height: 1.2;
+  margin-top: 10px;
 }
-
-.facebook-share.icon, .twitter-share.icon, .linkedin-share.icon, .identica-share.icon {
-    background: url(../images/socialsprite.png) no-repeat;
-    display:block;
-    text-indent:-100em;
-    height:25px;
-    width:25px;
-    margin-bottom:3px;
+.question-page #fmanswer p {
+  font-size: 13px;
+  line-height: 1.3;
 }
-
-.facebook-share.icon:hover, .twitter-share.icon:hover, .linkedin-share.icon:hover, .identica-share.icon:hover{
-    opacity:0.8;
-    filter: alpha(opacity=80);
+.question-page #fmanswer h2 {
+  font-family: 'Yanone Kaffeesatz', sans-serif;
+  color: #7ea9b3;
+  font-size: 24px;
+}
+.question-page #fmanswer label {
+  font-size: 13px;
+}
+.question-page .message {
+  padding: 5px;
+  margin: 0px 0 10px 0;
+}
+.facebook-share.icon,
+.twitter-share.icon,
+.linkedin-share.icon,
+.identica-share.icon {
+  background: url(../images/socialsprite.png) no-repeat;
+  display: block;
+  text-indent: -100em;
+  height: 25px;
+  width: 25px;
+  margin-bottom: 3px;
+}
+.facebook-share.icon:hover,
+.twitter-share.icon:hover,
+.linkedin-share.icon:hover,
+.identica-share.icon:hover {
+  opacity: 0.8;
+  filter: alpha(opacity=80);
 }
-
 .facebook-share.icon {
-    background-position: -26px 0px;
+  background-position: -26px 0px;
 }
 .identica-share.icon {
-    background-position: -78px 0px;
+  background-position: -78px 0px;
 }
 .twitter-share.icon {
-    margin-top:10px;
-    background-position: 0px 0px;
+  margin-top: 10px;
+  background-position: 0px 0px;
 }
 .linkedin-share.icon {
-    background-position: -52px 0px;
+  background-position: -52px 0px;
 }
-
 /* -----Content pages, Login, About, FAQ, Users----- */
-
-.openid-signin,
-.meta,
-.users-page,
-{
-    font-size:13px;
-    line-height:1.3;
-    color:@info-text-dark;
-    p{
-        font-size:13px;
-        color:@info-text;
-        line-height:1.3;
-        font-family:@body-font;
-        color:@info-text-dark;
-        margin-bottom:12px;
-    }
-    h2{
-        color:@info-text-dark;
-        padding-left:0px;
-        font-size:16px;
-    }
-    #id_email,#id_name{
-        border:#cce6ec 3px solid;
-        height:25px;
-        padding-left:5px;
-        width:395px;
-        font-size:14px;
-    }
-    textarea{
-        border:#cce6ec 3px solid;
-        padding-left:5px;
-        padding-top:5px;
-        width:395px;
-        font-size:14px;
-    }
-    input.submit{
-        background:url(../images/small-button-blue.png) repeat-x top;
-        border:0;
-        color:@button-label;
-        font-weight:bold;
-        font-size:12px;
-        height:24px;
-        margin-top:-2px;
-        cursor:pointer;
-        .rounded-corners(4px);
-        .text-shadow(0px,1px,0px,#E6F6FA);
-        .box-shadow(1px, 1px, 2px, #808080);
-    }
-    input.submit:hover{
-        background:url(../images/small-button-blue.png) repeat-x bottom;
-        text-decoration:none;
-    }
-    .cancel{
-        background:url(../images/small-button-cancel.png) repeat-x top !important;
-        color:#525252 !important;
-    }
-    .cancel:hover{
-        background:url(../images/small-button-cancel.png) repeat-x bottom !important;
-    }
-}
-
-#email-input-fs,#local_login_buttons,#password-fs,#openid-fs{
-    margin-top:10px;
-    #id_email,#id_username,#id_password,input{
-         font-size: 12px;
-        line-height: 20px;
-        height: 20px;
-        margin: 0px;
-        padding: 0px 0 0 5px;
-        border:#cce6ec 3px solid;
-        width:200px;
-    }
-    .submit-b{
-        background:url(../images/small-button-blue.png) repeat-x top;
-        border:0;
-        color:@button-label;
-        font-weight:bold;
-        font-size:12px;
-        height:24px;
-        margin-top:-2px;
-        cursor:pointer;
-        .rounded-corners(4px);
-        .text-shadow(0px,1px,0px,#E6F6FA);
-        .box-shadow(1px, 1px, 2px, #808080)
-    }
-    .submit-b:hover{
-        background:url(../images/small-button-blue.png) repeat-x bottom;
-    }
+.openid-signin, .meta, .users-page {
+  font-size: 13px;
+  line-height: 1.3;
+  color: #525252;
+}
+.openid-signin p, .meta p, .users-page p {
+  font-size: 13px;
+  color: #707070;
+  line-height: 1.3;
+  font-family: Arial;
+  color: #525252;
+  margin-bottom: 12px;
+}
+.openid-signin h2, .meta h2, .users-page h2 {
+  color: #525252;
+  padding-left: 0px;
+  font-size: 16px;
+}
+.openid-signin #id_email,
+.meta #id_email,
+.users-page #id_email,
+.openid-signin #id_name,
+.meta #id_name,
+.users-page #id_name {
+  border: #cce6ec 3px solid;
+  height: 25px;
+  padding-left: 5px;
+  width: 395px;
+  font-size: 14px;
+}
+.openid-signin textarea, .meta textarea, .users-page textarea {
+  border: #cce6ec 3px solid;
+  padding-left: 5px;
+  padding-top: 5px;
+  width: 395px;
+  font-size: 14px;
+}
+.openid-signin input.submit, .meta input.submit, .users-page input.submit {
+  background: url(../images/small-button-blue.png) repeat-x top;
+  border: 0;
+  color: #4a757f;
+  font-weight: bold;
+  font-size: 12px;
+  height: 24px;
+  margin-top: -2px;
+  cursor: pointer;
+  border-radius: 4px;
+  -ms-border-radius: 4px;
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+  -khtml-border-radius: 4px;
+  text-shadow: 0px 1px 0px #e6f6fa;
+  -moz-text-shadow: 0px 1px 0px #e6f6fa;
+  -webkit-text-shadow: 0px 1px 0px #e6f6fa;
+  -webkit-box-shadow: 1px 1px 2px #808080;
+  -moz-box-shadow: 1px 1px 2px #808080;
+  box-shadow: 1px 1px 2px #808080;
+}
+.openid-signin input.submit:hover, .meta input.submit:hover, .users-page input.submit:hover {
+  background: url(../images/small-button-blue.png) repeat-x bottom;
+  text-decoration: none;
+}
+.openid-signin .cancel, .meta .cancel, .users-page .cancel {
+  background: url(../images/small-button-cancel.png) repeat-x top !important;
+  color: #525252 !important;
+}
+.openid-signin .cancel:hover, .meta .cancel:hover, .users-page .cancel:hover {
+  background: url(../images/small-button-cancel.png) repeat-x bottom !important;
+}
+#email-input-fs,
+#local_login_buttons,
+#password-fs,
+#openid-fs {
+  margin-top: 10px;
+}
+#email-input-fs #id_email,
+#local_login_buttons #id_email,
+#password-fs #id_email,
+#openid-fs #id_email,
+#email-input-fs #id_username,
+#local_login_buttons #id_username,
+#password-fs #id_username,
+#openid-fs #id_username,
+#email-input-fs #id_password,
+#local_login_buttons #id_password,
+#password-fs #id_password,
+#openid-fs #id_password,
+#email-input-fs input,
+#local_login_buttons input,
+#password-fs input,
+#openid-fs input {
+  font-size: 12px;
+  line-height: 20px;
+  height: 20px;
+  margin: 0px;
+  padding: 0px 0 0 5px;
+  border: #cce6ec 3px solid;
+  width: 200px;
+}
+#email-input-fs .submit-b,
+#local_login_buttons .submit-b,
+#password-fs .submit-b,
+#openid-fs .submit-b {
+  background: url(../images/small-button-blue.png) repeat-x top;
+  border: 0;
+  color: #4a757f;
+  font-weight: bold;
+  font-size: 12px;
+  height: 24px;
+  margin-top: -2px;
+  cursor: pointer;
+  border-radius: 4px;
+  -ms-border-radius: 4px;
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+  -khtml-border-radius: 4px;
+  text-shadow: 0px 1px 0px #e6f6fa;
+  -moz-text-shadow: 0px 1px 0px #e6f6fa;
+  -webkit-text-shadow: 0px 1px 0px #e6f6fa;
+  -webkit-box-shadow: 1px 1px 2px #808080;
+  -moz-box-shadow: 1px 1px 2px #808080;
+  box-shadow: 1px 1px 2px #808080;
+}
+#email-input-fs .submit-b:hover,
+#local_login_buttons .submit-b:hover,
+#password-fs .submit-b:hover,
+#openid-fs .submit-b:hover {
+  background: url(../images/small-button-blue.png) repeat-x bottom;
 }
 .openid-input {
-    background: url(../images/openid.gif) no-repeat;
-    padding-left: 15px;
-    cursor: pointer;
+  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;
+  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%;
+  height: 40px;
+  width: 80px;
+  line-height: 40px;
+  cursor: pointer;
+  border: 1px solid #777;
+  font-weight: bold;
+  font-size: 120%;
 }
-
 /* People page */
-
-.tabBar-user{
-    width:375px;
+.tabBar-user {
+  width: 375px;
 }
-
 .user {
-    padding: 5px;
-    line-height: 140%;
-    width: 166px;
-    border:#eee 1px solid;
-    margin-bottom:5px;
-    .rounded-corners(3px);
-    .user-micro-info{
-        color:@info-text-dark;
-    }
- 
+  padding: 5px;
+  line-height: 140%;
+  width: 166px;
+  border: #eee 1px solid;
+  margin-bottom: 5px;
+  border-radius: 3px;
+  -ms-border-radius: 3px;
+  -moz-border-radius: 3px;
+  -webkit-border-radius: 3px;
+  -khtml-border-radius: 3px;
+}
+.user .user-micro-info {
+  color: #525252;
 }
-
 .user ul {
-    margin: 0;
-    list-style-type: none;
+  margin: 0;
+  list-style-type: none;
 }
-
 .user .thumb {
-    clear: both;
-    float: left;
-    margin-right: 4px;
-    display: inline;
+  clear: both;
+  float: left;
+  margin-right: 4px;
+  display: inline;
 }
-
 /* tags page */
-
-.tabBar-tags{
-    width:270px;
-    margin-bottom:15px;
+.tabBar-tags {
+  width: 270px;
+  margin-bottom: 15px;
 }
-
 /* badges page */
-
 a.medal {
-    font-size: 17px;
-    line-height: 250%;
-    margin-right:5px;
-    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;
+  font-size: 17px;
+  line-height: 250%;
+  margin-right: 5px;
+  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;
-}
-
-#award-list{
-    .user{
-        float:left;
-       margin:5px;
-    }
+  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;
+}
+#award-list .user {
+  float: left;
+  margin: 5px;
 }
-
 /* profile page */
-
-.tabBar-profile{
-    width:100%;
-    margin-bottom:15px;
-    float:left;
+.tabBar-profile {
+  width: 100%;
+  margin-bottom: 15px;
+  float: left;
 }
-
-.user-profile-page{
-    font-size:13px;
-    color:@info-text-dark;
-
-    p{
-        font-size:13px;
-        line-height:1.3;
-        color:@info-text-dark;
-    }
-    .avatar img{
-        border:#eee 1px solid;
-       padding:5px;
-    }
-    h2{
-        padding:10px 0px 10px 0px;
-        font-family:@main-font;
-    }
+.user-profile-page {
+  font-size: 13px;
+  color: #525252;
+}
+.user-profile-page p {
+  font-size: 13px;
+  line-height: 1.3;
+  color: #525252;
+}
+.user-profile-page .avatar img {
+  border: #eee 1px solid;
+  padding: 5px;
+}
+.user-profile-page h2 {
+  padding: 10px 0px 10px 0px;
+  font-family: 'Yanone Kaffeesatz', sans-serif;
 }
-
 .user-details {
-    font-size: 13px;
-    h3{
-        font-size:16px;
-    }
+  font-size: 13px;
 }
-
-.user-about {
-    background-color: #EEEEEE;
-    height: 200px;
-    line-height: 20px;
-    overflow: auto;
-    padding: 10px;
-    width: 90%;
-    p{font-size:13px;}
+.user-details h3 {
+  font-size: 16px;
 }
-
-.follow-toggle,.submit {
-    border:0 !important;
-    color:@button-label;
-    font-weight:bold;
-    font-size:12px;
-    height:26px;
-    line-height:26px;
-    margin-top:-2px;
-    font-size:15px;
-    cursor:pointer;
-    font-family:@main-font;
-    background:url(../images/small-button-blue.png) repeat-x top;
-    .rounded-corners(4px);
-    .text-shadow(0px,1px,0px,#E6F6FA);
-    .box-shadow(1px, 1px, 2px, #808080)
+.user-about {
+  background-color: #EEEEEE;
+  height: 200px;
+  line-height: 20px;
+  overflow: auto;
+  padding: 10px;
+  width: 90%;
+}
+.user-about p {
+  font-size: 13px;
+}
+.follow-toggle, .submit {
+  border: 0 !important;
+  color: #4a757f;
+  font-weight: bold;
+  font-size: 12px;
+  height: 26px;
+  line-height: 26px;
+  margin-top: -2px;
+  font-size: 15px;
+  cursor: pointer;
+  font-family: 'Yanone Kaffeesatz', sans-serif;
+  background: url(../images/small-button-blue.png) repeat-x top;
+  border-radius: 4px;
+  -ms-border-radius: 4px;
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+  -khtml-border-radius: 4px;
+  text-shadow: 0px 1px 0px #e6f6fa;
+  -moz-text-shadow: 0px 1px 0px #e6f6fa;
+  -webkit-text-shadow: 0px 1px 0px #e6f6fa;
+  -webkit-box-shadow: 1px 1px 2px #808080;
+  -moz-box-shadow: 1px 1px 2px #808080;
+  box-shadow: 1px 1px 2px #808080;
 }
-
 .follow-toggle:hover, .submit:hover {
-    background:url(../images/small-button-blue.png) repeat-x bottom;
-    text-decoration:none !important;
+  background: url(../images/small-button-blue.png) repeat-x bottom;
+  text-decoration: none !important;
 }
-
-.follow-toggle .follow{
-    font-color: #000;
-    font-style:normal;
+.follow-toggle .follow {
+  font-color: #000;
+  font-style: normal;
 }
-
-.follow-toggle .unfollow div.unfollow-red{
-    display:none;
+.follow-toggle .unfollow div.unfollow-red {
+  display: none;
 }
-
-.follow-toggle .unfollow:hover div.unfollow-red{
-    display:inline;
-    color:#fff;
-    font-weight:bold;
-    color:#A05736;
+.follow-toggle .unfollow:hover div.unfollow-red {
+  display: inline;
+  color: #fff;
+  font-weight: bold;
+  color: #A05736;
 }
-
-.follow-toggle .unfollow:hover div.unfollow-green{
-    display:none;
+.follow-toggle .unfollow:hover div.unfollow-green {
+  display: none;
 }
-
 .count {
-    font-family: @main-font;
-    font-size: 200%;
-    font-weight: 700;
-    color: #777
+  font-family: 'Yanone Kaffeesatz', sans-serif;
+  font-size: 200%;
+  font-weight: 700;
+  color: #777777;
 }
-
 .scoreNumber {
-    font-family: @main-font;
-    font-size: 35px;
-    font-weight: 800;
-    color: #777;
-    line-height: 40px; /*letter-spacing:0px*/
-    margin-top: 3px;
-}
+  font-family: 'Yanone Kaffeesatz', sans-serif;
+  font-size: 35px;
+  font-weight: 800;
+  color: #777;
+  line-height: 40px;
+  /*letter-spacing:0px*/
 
+  margin-top: 3px;
+}
 .vote-count {
-    font-family: Arial;
-    font-size: 160%;
-    font-weight: 700;
-    color: #777;
+  font-family: Arial;
+  font-size: 160%;
+  font-weight: 700;
+  color: #777;
 }
-
 .answer-summary {
-    display: block;
-    clear: both;
-    padding: 3px;
+  display: block;
+  clear: both;
+  padding: 3px;
 }
-
 .answer-votes {
-    background-color: #EEEEEE;
-    color: #555555;
-    float: left;
-    font-family: Arial;
-    font-size: 15px;
-    font-weight: bold;
-    height: 17px;
-    padding: 2px 4px 5px;
-    text-align: center;
-    text-decoration: none;
-    width: 20px;
-    margin-right: 10px;
-    .rounded-corners(4px);
+  background-color: #EEEEEE;
+  color: #555555;
+  float: left;
+  font-family: Arial;
+  font-size: 15px;
+  font-weight: bold;
+  height: 17px;
+  padding: 2px 4px 5px;
+  text-align: center;
+  text-decoration: none;
+  width: 20px;
+  margin-right: 10px;
+  border-radius: 4px;
+  -ms-border-radius: 4px;
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+  -khtml-border-radius: 4px;
 }
-
 .karma-summary {
-    padding:5px;
-    font-size:13px;
+  padding: 5px;
+  font-size: 13px;
 }
-
 .karma-summary h3 {
-    text-align: center;
-    font-weight: bold;
-    padding:5px;
+  text-align: center;
+  font-weight: bold;
+  padding: 5px;
 }
-
 .karma-diagram {
-    width:477px;
-    height:300px;
-    float:left;
-    margin-right:10px;
+  width: 477px;
+  height: 300px;
+  float: left;
+  margin-right: 10px;
 }
-
 .karma-details {
-    float:right;
-    width:450px;
-    height:250px;
-    overflow-y:auto;
-    word-wrap:break-word;
-    p{margin-bottom:10px;}
+  float: right;
+  width: 450px;
+  height: 250px;
+  overflow-y: auto;
+  word-wrap: break-word;
+}
+.karma-details p {
+  margin-bottom: 10px;
 }
-
 .karma-gained {
-    font-weight:bold;
-    background:#eee;
-    width:25px;
-    margin-right:5px;
-    color:green;
-    padding:3px;
-    display:block;
-    float:left;
-    text-align:center;
-    .rounded-corners(3px);
+  font-weight: bold;
+  background: #eee;
+  width: 25px;
+  margin-right: 5px;
+  color: green;
+  padding: 3px;
+  display: block;
+  float: left;
+  text-align: center;
+  border-radius: 3px;
+  -ms-border-radius: 3px;
+  -moz-border-radius: 3px;
+  -webkit-border-radius: 3px;
+  -khtml-border-radius: 3px;
 }
-
 .karma-lost {
-    font-weight:bold;
-    background:#eee;
-    width:25px;
-    color:red;
-    padding:3px;
-    display:block;
-    margin-right:5px;
-    float:left;
-    text-align:center;
-    .rounded-corners(3px);
+  font-weight: bold;
+  background: #eee;
+  width: 25px;
+  color: red;
+  padding: 3px;
+  display: block;
+  margin-right: 5px;
+  float: left;
+  text-align: center;
+  border-radius: 3px;
+  -ms-border-radius: 3px;
+  -moz-border-radius: 3px;
+  -webkit-border-radius: 3px;
+  -khtml-border-radius: 3px;
 }
-
-.submit-row{
-    margin-bottom:10px;
+.submit-row {
+  margin-bottom: 10px;
 }
-
 /*-----  Revision pages ----- */
-
 .revision {
-    margin: 10px 0 10px 0;
-    font-size: 13px;
-    color:@info-text-dark;
-    
-    p{
-        font-size:13px;
-        line-height:1.3;
-        color:@info-text-dark;
-    }
-    
-    h3{
-        font-family:@main-font;
-        font-size:21px;
-        padding-left:0px;
-    }
-    
-    .header {
-        background-color: #F5F5F5;
-        padding: 5px;
-        cursor: pointer;
-    }
-
-    .author {
-        background-color: #e9f3f5;
-    }
-
-    .summary {
-        padding: 5px 0 10px 0;
-    }
-
-    .summary span {
-        background-color:#fde785;
-        padding:6px;
-        .rounded-corners(4px);
-        display: inline;
-        .box-shadow(1px, 1px, 4px, #cfb852);
-    }
-
-    .answerbody {
-        padding: 10px 0 5px 10px;
-    }
-
-    .revision-mark {
-        width: 150px;
-        text-align: left;
-        display: inline-block;
-        font-size: 11px;
-        overflow: hidden;
-
-        .gravatar{
-             float:left;
-            margin-right:4px;
-            padding-top:5px;
-        }
-    }
-
-    .revision-number {
-        font-size: 300%;
-        font-weight: bold;
-        font-family: sans-serif;
-    }
+  margin: 10px 0 10px 0;
+  font-size: 13px;
+  color: #525252;
+}
+.revision p {
+  font-size: 13px;
+  line-height: 1.3;
+  color: #525252;
+}
+.revision h3 {
+  font-family: 'Yanone Kaffeesatz', sans-serif;
+  font-size: 21px;
+  padding-left: 0px;
+}
+.revision .header {
+  background-color: #F5F5F5;
+  padding: 5px;
+  cursor: pointer;
+}
+.revision .author {
+  background-color: #e9f3f5;
+}
+.revision .summary {
+  padding: 5px 0 10px 0;
+}
+.revision .summary span {
+  background-color: #fde785;
+  padding: 6px;
+  border-radius: 4px;
+  -ms-border-radius: 4px;
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+  -khtml-border-radius: 4px;
+  display: inline;
+  -webkit-box-shadow: 1px 1px 4px #cfb852;
+  -moz-box-shadow: 1px 1px 4px #cfb852;
+  box-shadow: 1px 1px 4px #cfb852;
+}
+.revision .answerbody {
+  padding: 10px 0 5px 10px;
+}
+.revision .revision-mark {
+  width: 150px;
+  text-align: left;
+  display: inline-block;
+  font-size: 11px;
+  overflow: hidden;
+}
+.revision .revision-mark .gravatar {
+  float: left;
+  margin-right: 4px;
+  padding-top: 5px;
+}
+.revision .revision-number {
+  font-size: 300%;
+  font-weight: bold;
+  font-family: sans-serif;
 }
-
 del, del .post-tag {
-    color: #C34719;
+  color: #C34719;
 }
-
 ins .post-tag, ins p, ins {
-    background-color: #E6F0A2;
+  background-color: #E6F0A2;
 }
-
 /* ----- Red Popup notification ----- */
-
 .vote-notification {
-    z-index: 1;
-    cursor: pointer;
-    display: none;
-    position: absolute;
-    font-family:@secondary-font;
-    font-size:14px;
-    font-weight:normal;
-    color: white;
-    background-color: #8e0000;
-    text-align: center;
-    padding-bottom:10px;
-    .box-shadow(0px, 2px, 4px, #370000);
-    .rounded-corners(4px);
-
-    h3{
-        background:url(../images/notification.png) repeat-x top;
-       padding:10px 10px 10px 10px;
-       font-size:13px;
-       margin-bottom:5px;
-       border-top:#8e0000 1px solid;
-       color:#fff;
-       font-weight:normal;
-       .rounded-corners-top(4px);
-    }
-    a {
-        color: #fb7321;
-        text-decoration: underline;
-        font-weight:bold;
-    }
-
+  z-index: 1;
+  cursor: pointer;
+  display: none;
+  position: absolute;
+  font-family: Arial;
+  font-size: 14px;
+  font-weight: normal;
+  color: white;
+  background-color: #8e0000;
+  text-align: center;
+  padding-bottom: 10px;
+  -webkit-box-shadow: 0px 2px 4px #370000;
+  -moz-box-shadow: 0px 2px 4px #370000;
+  box-shadow: 0px 2px 4px #370000;
+  border-radius: 4px;
+  -ms-border-radius: 4px;
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+  -khtml-border-radius: 4px;
+}
+.vote-notification h3 {
+  background: url(../images/notification.png) repeat-x top;
+  padding: 10px 10px 10px 10px;
+  font-size: 13px;
+  margin-bottom: 5px;
+  border-top: #8e0000 1px solid;
+  color: #fff;
+  font-weight: normal;
+  border-top-right-radius: 4px;
+  border-top-left-radius: 4px;
+  -moz-border-radius-topright: 4px;
+  -moz-border-radius-topleft: 4px;
+  -webkit-border-top-left-radius: 4px;
+  -webkit-border-top-right-radius: 4px;
+}
+.vote-notification a {
+  color: #fb7321;
+  text-decoration: underline;
+  font-weight: bold;
 }
-
-
 /* ----- Footer links , check blocks/footer.html----- */
-
 #ground {
-    width: 100%;
-    clear: both;
-    border-top: 1px solid #000;
-    padding: 6px 0 0 0;
-    background: @header-color;
-    font-size:16px;
-    font-family:@main-font;
-
-    p {
-        margin-bottom:0;
-    }
+  width: 100%;
+  clear: both;
+  border-top: 1px solid #000;
+  padding: 6px 0 0 0;
+  background: #16160f;
+  font-size: 16px;
+  font-family: 'Yanone Kaffeesatz', sans-serif;
+}
+#ground p {
+  margin-bottom: 0;
 }
-
 .footer-links {
-    color: #EEE;
-    text-align:left;
-    width:500px;
-    float:left;
-    a {
-        color: #e7e8a8;
-    }
+  color: #EEE;
+  text-align: left;
+  width: 500px;
+  float: left;
 }
-
-.powered-link{
-    width:500px;
-    float:left;
-    text-align:left;
-    a{
-        color:#8ebcc7;
-    }
+.footer-links a {
+  color: #e7e8a8;
 }
-
-.copyright{
-    color:#616161;
-    width:450px;
-    float:right;
-    text-align:right;
-
-    a{
-        color:#8ebcc7;
-    }
-    img.license-logo {
-        margin: 6px 0px 20px 10px;
-        float:right;
-    }
+.powered-link {
+  width: 500px;
+  float: left;
+  text-align: left;
+}
+.powered-link a {
+  color: #8ebcc7;
+}
+.copyright {
+  color: #616161;
+  width: 450px;
+  float: right;
+  text-align: right;
+}
+.copyright a {
+  color: #8ebcc7;
+}
+.copyright img.license-logo {
+  margin: 6px 0px 20px 10px;
+  float: right;
 }
-
-
 .notify-me {
-    float: left;
+  float: left;
 }
-
-
 span.text-counter {
-    margin-right: 20px;
+  margin-right: 20px;
 }
-
 span.form-error {
-    color: #990000;
-    font-weight: normal;
-    margin-left: 5px;
+  color: #990000;
+  font-weight: normal;
+  margin-left: 5px;
 }
-
 p.form-item {
-    margin: 0px;
+  margin: 0px;
 }
-
-
-
-
 .deleted {
-    background: #F4E7E7 none repeat scroll 0 0;
+  background: #F4E7E7 none repeat scroll 0 0;
 }
-
-
 /* openid styles */
 .form-row {
-    line-height: 25px;
+  line-height: 25px;
 }
-
 table.form-as-table {
-    margin-top: 5px;
+  margin-top: 5px;
 }
-
 table.form-as-table ul {
-    list-style-type: none;
-    display: inline;
+  list-style-type: none;
+  display: inline;
 }
-
 table.form-as-table li {
-    display: inline;
+  display: inline;
 }
-
 table.form-as-table td {
-    text-align: right;
+  text-align: right;
 }
-
 table.form-as-table th {
-    text-align: left;
-    font-weight: normal;
+  text-align: left;
+  font-weight: normal;
 }
-
 table.ab-subscr-form {
-    width: 45em;
+  width: 45em;
 }
-
 table.ab-tag-filter-form {
-    width: 45em;
+  width: 45em;
 }
-
 .submit-row {
-    line-height: 30px;
-    padding-top: 10px;
-    display: block;
-    clear: both;
+  line-height: 30px;
+  padding-top: 10px;
+  display: block;
+  clear: both;
 }
-
 .errors {
-    line-height: 20px;
-    color: red;
+  line-height: 20px;
+  color: red;
 }
-
 .error {
-    color: darkred;
-    margin: 0;
-    font-size: 10px;
+  color: darkred;
+  margin: 0;
+  font-size: 10px;
 }
-
 label.retag-error {
-    color: darkred;
-    padding-left: 5px;
-    font-size: 10px;
+  color: darkred;
+  padding-left: 5px;
+  font-size: 10px;
 }
-
 .fieldset {
-    border: none;
-    margin-top: 10px;
-    padding: 10px;
+  border: none;
+  margin-top: 10px;
+  padding: 10px;
 }
-
-
 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;
 }
-
-
 /*
 .favorites-count-off {
     color: #919191;
@@ -2672,580 +2488,527 @@ span.form-error {
     text-align: center;
 }
 */
-
 /* todo: get rid of this in html */
 .favorites-empty {
-    width: 32px;
-    height: 45px;
-    float: left;
+  width: 32px;
+  height: 45px;
+  float: left;
 }
-
 .user-info-table {
-    margin-bottom: 10px;
-    border-spacing: 0;
+  margin-bottom: 10px;
+  border-spacing: 0;
 }
-
 /* todo: remove this hack? */
 .user-stats-table .narrow {
-    width: 660px;
+  width: 660px;
 }
-
 .narrow .summary h3 {
-    padding: 0px;
-    margin: 0px;
+  padding: 0px;
+  margin: 0px;
 }
-
 .relativetime {
-    font-weight: bold;
-    text-decoration: none;
+  font-weight: bold;
+  text-decoration: none;
 }
-
 .narrow .tags {
-    float: left;
+  float: left;
 }
-
-
-
-
 /* todo: make these more semantic */
 .user-action-1 {
-    font-weight: bold;
-    color: #333;
+  font-weight: bold;
+  color: #333;
 }
-
 .user-action-2 {
-    font-weight: bold;
-    color: #CCC;
+  font-weight: bold;
+  color: #CCC;
 }
-
 .user-action-3 {
-    color: #333;
+  color: #333;
 }
-
 .user-action-4 {
-    color: #333;
+  color: #333;
 }
-
 .user-action-5 {
-    color: darkred;
+  color: darkred;
 }
-
 .user-action-6 {
-    color: darkred;
+  color: darkred;
 }
-
 .user-action-7 {
-    color: #333;
+  color: #333;
 }
-
 .user-action-8 {
-    padding: 3px;
-    font-weight: bold;
-    background-color: #CCC;
-    color: #763333;
+  padding: 3px;
+  font-weight: bold;
+  background-color: #CCC;
+  color: #763333;
 }
-
 .revision-summary {
-    background-color: #FFFE9B;
-    padding: 2px;
+  background-color: #FFFE9B;
+  padding: 2px;
 }
-
 .question-title-link a {
-    font-weight: bold;
-    color: #0077CC;
+  font-weight: bold;
+  color: #0077CC;
 }
-
 .answer-title-link a {
-    color: #333;
+  color: #333;
 }
-
 /* todo: make these more semantic */
 .post-type-1 a {
-    font-weight: bold;
-
+  font-weight: bold;
 }
-
 .post-type-3 a {
-    font-weight: bold;
-
+  font-weight: bold;
 }
-
 .post-type-5 a {
-    font-weight: bold;
+  font-weight: bold;
 }
-
 .post-type-2 a {
-    color: #333;
+  color: #333;
 }
-
 .post-type-4 a {
-    color: #333;
+  color: #333;
 }
-
 .post-type-6 a {
-    color: #333;
+  color: #333;
 }
-
 .post-type-8 a {
-    color: #333;
+  color: #333;
 }
-
 .hilite {
-    background-color: #ff0;
+  background-color: #ff0;
 }
-
 .hilite1 {
-    background-color: #ff0;
+  background-color: #ff0;
 }
-
 .hilite2 {
-    background-color: #f0f;
+  background-color: #f0f;
 }
-
 .hilite3 {
-    background-color: #0ff;
+  background-color: #0ff;
 }
-
 .gold, .badge1 {
-    color: #FFCC00;
+  color: #FFCC00;
 }
-
 .silver, .badge2 {
-    color: #CCCCCC;
+  color: #CCCCCC;
 }
-
 .bronze, .badge3 {
-    color: #CC9933;
+  color: #CC9933;
 }
-
 .score {
-    font-weight: 800;
-    color: #333;
+  font-weight: 800;
+  color: #333;
 }
-
-
 a.comment {
-    background: #EEE;
-    color: #993300;
-    padding: 5px;
+  background: #EEE;
+  color: #993300;
+  padding: 5px;
 }
-
 a.offensive {
-    color: #999;
+  color: #999;
 }
-
 .message h1 {
-    padding-top: 0px;
-    font-size: 15px;
+  padding-top: 0px;
+  font-size: 15px;
 }
-
 .message p {
-    margin-bottom: 0px;
+  margin-bottom: 0px;
 }
-
 p.space-above {
-    margin-top: 10px;
+  margin-top: 10px;
 }
-
 .warning {
-    color: red;
+  color: red;
 }
-
-
-
 button::-moz-focus-inner {
-    padding:0;
-    border:none;
+  padding: 0;
+  border: none;
 }
 .submit {
-    cursor: pointer; /*letter-spacing:1px;*/
-    background-color: #D4D0C8;
-    height: 30px;
-    border: 1px solid #777777; /*	width:100px; */
-    font-weight: bold;
-    font-size: 120%;
-}
+  cursor: pointer;
+  /*letter-spacing:1px;*/
 
+  background-color: #D4D0C8;
+  height: 30px;
+  border: 1px solid #777777;
+  /*	width:100px; */
+
+  font-weight: bold;
+  font-size: 120%;
+}
 .submit:hover {
-    text-decoration: underline;
+  text-decoration: underline;
 }
-
 .submit.small {
-    margin-right:5px;
-    height:20px;
-    font-weight:normal;
-    font-size:12px;
-    padding:1px 5px;
+  margin-right: 5px;
+  height: 20px;
+  font-weight: normal;
+  font-size: 12px;
+  padding: 1px 5px;
 }
 .submit.small:hover {
-    text-decoration:none;
+  text-decoration: none;
 }
 .question-page a.submit {
-    display: -moz-inline-stack;
-    display: inline-block;
-    line-height: 30px;
-    padding: 0 5px;
-    *display: inline;
+  display: -moz-inline-stack;
+  display: inline-block;
+  line-height: 30px;
+  padding: 0 5px;
+  *display: inline;
 }
-
 .noscript {
-    position: fixed;
-    top: 0px;
-    left: 0px;
-    width: 100%;
-    z-index: 100;
-    padding: 5px 0;
-    text-align: center;
-    font-family: sans-serif;
-    font-size: 120%;
-    font-weight: Bold;
-    color: #FFFFFF;
-    background-color: #AE0000;
+  position: fixed;
+  top: 0px;
+  left: 0px;
+  width: 100%;
+  z-index: 100;
+  padding: 5px 0;
+  text-align: center;
+  font-family: sans-serif;
+  font-size: 120%;
+  font-weight: Bold;
+  color: #FFFFFF;
+  background-color: #AE0000;
 }
-
 .big {
-    font-size: 14px;
+  font-size: 14px;
 }
-
 .strong {
-    font-weight: bold;
+  font-weight: bold;
 }
+.orange {
+  /* used in django.po */
 
-.orange {/* used in django.po */
-    color: #d64000;
-    font-weight: bold;
+  color: #d64000;
+  font-weight: bold;
 }
-
 .grey {
-    color: #808080;
+  color: #808080;
 }
-
 .about div {
-    padding: 10px 5px 10px 5px;
-    border-top: 1px dashed #aaaaaa;
+  padding: 10px 5px 10px 5px;
+  border-top: 1px dashed #aaaaaa;
 }
-
 .highlight {
-    background-color: #FFF8C6;
+  background-color: #FFF8C6;
 }
-
 .nomargin {
-    margin: 0;
+  margin: 0;
 }
-
 .margin-bottom {
-    margin-bottom: 10px;
+  margin-bottom: 10px;
 }
-
 .margin-top {
-    margin-top: 10px;
+  margin-top: 10px;
 }
-
 .inline-block {
-    display: inline-block;
+  display: inline-block;
 }
-
 .action-status {
-    margin: 0;
-    border: none;
-    text-align: center;
-    line-height: 10px;
-    font-size: 12px;
-    padding: 0;
+  margin: 0;
+  border: none;
+  text-align: center;
+  line-height: 10px;
+  font-size: 12px;
+  padding: 0;
 }
-
 .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;
-}
+  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;
+}
 .list-table td {
-    vertical-align: top;
+  vertical-align: top;
 }
-
 /* 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;
+  display: block;
+  margin: 0;
+  padding: 0 0 0 5px;
+  text-align: left;
+  font-size: 10px;
+  color: darkred;
 }
-
 table.form-as-table input {
-    display: inline;
-    margin-left: 4px;
+  display: inline;
+  margin-left: 4px;
 }
-
 table.form-as-table th {
-    vertical-align: bottom;
-    padding-bottom: 4px;
+  vertical-align: bottom;
+  padding-bottom: 4px;
 }
-
 .form-row-vertical {
-    margin-top: 8px;
-    display: block;
+  margin-top: 8px;
+  display: block;
 }
-
 .form-row-vertical label {
-    margin-bottom: 3px;
-    display: block;
+  margin-bottom: 3px;
+  display: block;
 }
-
 /* above stuff needs to go */
 .text-align-right {
-    text-align: center;
+  text-align: center;
 }
-
 ul.form-horizontal-rows {
-    list-style: none;
-    margin: 0;
+  list-style: none;
+  margin: 0;
 }
-
 ul.form-horizontal-rows li {
-    position: relative;
-    height: 40px;
+  position: relative;
+  height: 40px;
 }
-
 ul.form-horizontal-rows label {
-    display: inline-block;
+  display: inline-block;
 }
-
 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;
+  list-style: none;
+  color: darkred;
+  font-size: 10px;
+  line-height: 10px;
+  position: absolute;
+  top: 2px;
+  left: 180px;
+  text-align: left;
+  margin: 0;
 }
-
 ul.form-horizontal-rows ul.errorlist li {
-    height: 10px;
+  height: 10px;
 }
-
 ul.form-horizontal-rows label {
-    position: absolute;
-    left: 0px;
-    bottom: 6px;
-    margin: 0px;
-    line-height: 12px;
-    font-size: 12px;
+  position: absolute;
+  left: 0px;
+  bottom: 6px;
+  margin: 0px;
+  line-height: 12px;
+  font-size: 12px;
 }
-
 ul.form-horizontal-rows li input {
-    position: absolute;
-    bottom: 0px;
-    left: 180px;
-    margin: 0px;
+  position: absolute;
+  bottom: 0px;
+  left: 180px;
+  margin: 0px;
 }
-
 .narrow .summary {
-    float: left;
+  float: left;
 }
-
 .user-profile-tool-links {
-    font-weight: bold;
-    vertical-align: top;
+  font-weight: bold;
+  vertical-align: top;
 }
-
-
 ul.post-tags {
-    margin-left: 7px;
+  margin-left: 7px;
 }
 ul.post-tags li {
-    margin-top: 4px;
-    margin-bottom: 3px;
+  margin-top: 4px;
+  margin-bottom: 3px;
 }
-
 ul.post-retag {
-    margin-bottom:0px;
-    margin-left:5px;
+  margin-bottom: 0px;
+  margin-left: 5px;
 }
-
 #question-controls .tags {
-    margin: 0 0 3px 0;
+  margin: 0 0 3px 0;
 }
-
 #tagSelector {
-    padding-bottom: 2px;
-    margin-bottom: 0;
+  padding-bottom: 2px;
+  margin-bottom: 0;
 }
-
 #related-tags {
-    padding-left: 3px;
+  padding-left: 3px;
 }
-
 #hideIgnoredTagsControl {
-    margin: 5px 0 0 0;
+  margin: 5px 0 0 0;
 }
-
 #hideIgnoredTagsControl label {
-    font-size: 12px;
-    color: #666;
+  font-size: 12px;
+  color: #666;
 }
-
 #hideIgnoredTagsCb {
-    margin: 0 2px 0 1px;
+  margin: 0 2px 0 1px;
 }
-
 #recaptcha_widget_div {
-    width: 318px;
-    float: left;
-    clear: both;
+  width: 318px;
+  float: left;
+  clear: both;
 }
-
 p.signup_p {
-    margin: 20px 0px 0px 0px;
+  margin: 20px 0px 0px 0px;
 }
-
 .simple-subscribe-options ul {
-    list-style: none;
-    list-style-position: outside;
-    margin: 0;
+  list-style: none;
+  list-style-position: outside;
+  margin: 0;
 }
-
 /* a workaround to set link colors correctly */
-
 .wmd-preview a {
-    color:@link;
+  color: #1b79bd;
 }
-
 .wmd-preview li {
-    margin-bottom:7px;
-    font-size:14px;
+  margin-bottom: 7px;
+  font-size: 14px;
 }
-
 .search-result-summary {
-    font-weight: bold;
-    font-size:18px;
-    line-height:22px;
-    margin:0px 0px 0px 0px;
-    padding:2px 0 0 0;
-    float: left;
+  font-weight: bold;
+  font-size: 18px;
+  line-height: 22px;
+  margin: 0px 0px 0px 0px;
+  padding: 2px 0 0 0;
+  float: left;
 }
-
-.faq-rep-item { 
-    text-align:right;
-    padding-right:5px; 
+.faq-rep-item {
+  text-align: right;
+  padding-right: 5px;
 }
-
-
 .user-info-table .gravatar {
-    margin:0;
+  margin: 0;
 }
-
 #responses {
-    clear:both;
-    line-height:18px;
-    margin-bottom:15px;
+  clear: both;
+  line-height: 18px;
+  margin-bottom: 15px;
 }
-
 #responses div.face {
-    float:left;
-    text-align: center;
-    width: 54px;
-    padding: 3px;
-    overflow:hidden;
+  float: left;
+  text-align: center;
+  width: 54px;
+  padding: 3px;
+  overflow: hidden;
 }
-
 .response-parent {
-    margin-top: 18px;
+  margin-top: 18px;
 }
-
-.response-parent strong{
-    font-size: 20px;
+.response-parent strong {
+  font-size: 20px;
 }
-
 .re {
-    min-height: 57px;
-    clear: both;
-    margin-top: 10px;
+  min-height: 57px;
+  clear: both;
+  margin-top: 10px;
 }
-
 #responses input {
-    float:left;
+  float: left;
 }
 #re_tools {
-    margin-bottom:10px;
+  margin-bottom: 10px;
 }
 #re_sections {
-    margin-bottom:6px;
+  margin-bottom: 6px;
 }
 #re_sections .on {
-    font-weight:bold;
+  font-weight: bold;
 }
-
 .avatar-page ul {
-    list-style: none;
+  list-style: none;
 }
 .avatar-page li {
-    display: inline;
+  display: inline;
 }
 .user-profile-page .avatar p {
-    margin-bottom: 0px;
+  margin-bottom: 0px;
 }
 .user-profile-page .tabBar a#stats {
-    margin-left: 0;
+  margin-left: 0;
 }
 .user-profile-page img.gravatar {
-    margin: 2px 0 3px 0;
+  margin: 2px 0 3px 0;
 }
 .user-profile-page h3 {
-    padding: 0;
-    margin-top: -3px;
+  padding: 0;
+  margin-top: -3px;
 }
 .userList {
-    font-size: 13px;
+  font-size: 13px;
 }
-
 img.flag {
-    border: 1px solid #eee;
-    vertical-align: text-top;
+  border: 1px solid #eee;
+  vertical-align: text-top;
 }
-
 .main-page img.flag {
-    vertical-align: text-bottom;
+  vertical-align: text-bottom;
 }
-
-
 /* Pretty printing styles. Used with prettify.js. */
-
 a.edit {
-    padding-left:3px;
-    color: #145bff;
+  padding-left: 3px;
+  color: #145bff;
+}
+.str {
+  color: #080;
+}
+.kwd {
+  color: #008;
+}
+.com {
+  color: #800;
+}
+.typ {
+  color: #606;
+}
+.lit {
+  color: #066;
+}
+.pun {
+  color: #660;
+}
+.pln {
+  color: #000;
+}
+.tag {
+  color: #008;
+}
+/* name conflict here */
+.atn {
+  color: #606;
+}
+.atv {
+  color: #080;
+}
+.dec {
+  color: #606;
+}
+pre.prettyprint {
+  padding: 3px;
+  border: 0px solid #888;
 }
-
-.str { color: #080; }
-.kwd { color: #008; }
-.com { color: #800; }
-.typ { color: #606; }
-.lit { color: #066; }
-.pun { color: #660; }
-.pln { color: #000; }
-.tag { color: #008; }/* name conflict here */
-.atn { color: #606; }
-.atv { color: #080; }
-.dec { color: #606; }
-pre.prettyprint { padding: 3px; border: 0px solid #888; }
-
 @media print {
-  .str { color: #060; }
-  .kwd { color: #006; font-weight: bold; }
-  .com { color: #600; font-style: italic; }
-  .typ { color: #404; font-weight: bold; }
-  .lit { color: #044; }
-  .pun { color: #440; }
-  .pln { color: #000; }
-  .tag { color: #006; font-weight: bold; }
-  .atn { color: #404; }
-  .atv { color: #060; }
+  .str {
+    color: #060;
+  }
+  .kwd {
+    color: #006;
+    font-weight: bold;
+  }
+  .com {
+    color: #600;
+    font-style: italic;
+  }
+  .typ {
+    color: #404;
+    font-weight: bold;
+  }
+  .lit {
+    color: #044;
+  }
+  .pun {
+    color: #440;
+  }
+  .pln {
+    color: #000;
+  }
+  .tag {
+    color: #006;
+    font-weight: bold;
+  }
+  .atn {
+    color: #404;
+  }
+  .atv {
+    color: #060;
+  }
 }
diff --git a/askbot/skins/default/media/style/style.less.css b/askbot/skins/default/media/style/style.less.css
new file mode 100644
index 00000000..209894e3
--- /dev/null
+++ b/askbot/skins/default/media/style/style.less.css
@@ -0,0 +1,3251 @@
+@import url(jquery.autocomplete.css);
+@import "lib_style.less"; /* Library of predifined less functions styles */
+
+/* ----- General HTML Styles----- */
+
+body {
+    background: #FFF;
+    font-size: 14px;
+    line-height: 150%;
+    margin: 0;
+    padding: 0;
+    color: #000;
+    font-family:@body-font;
+}
+
+div {
+    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;
+}
+
+label {
+    vertical-align: middle;
+}
+
+hr {
+    border: none;
+    border-top: 1px dashed #ccccce;
+}
+
+input, select {
+    vertical-align: middle;
+    font-family: Trebuchet MS, "segoe ui", Helvetica, Tahoma, Verdana, MingLiu, PMingLiu, Arial, sans-serif;
+    margin-left:0px;
+}
+
+p {
+    font-size: 14px;
+    line-height: 140%;
+    margin-bottom: 6px;
+}
+
+a {
+    color:@link;
+    text-decoration: none;
+    cursor: pointer;
+}
+
+h2 {
+    font-size: 21px;
+    padding: 3px 0 3px 5px;
+}
+
+h3 {
+    font-size: 19px;
+    padding: 3px 0 3px 5px;
+}
+
+ul {
+    list-style: disc;
+    margin-left: 20px;
+    padding-left: 0px;
+    margin-bottom: 1em;
+}
+
+ol {
+    list-style: decimal;
+    margin-left: 30px;
+    margin-bottom: 1em;
+    padding-left: 0px;
+}
+
+td ul {
+    vertical-align: middle;
+}
+
+li input {
+    margin: 3px 3px 4px 3px;
+}
+
+pre {
+    font-family: Consolas, Monaco, Liberation Mono, Lucida Console, Monospace;
+    font-size: 100%;
+    margin-bottom: 10px;
+    /*overflow: auto;*/
+    background-color: #F5F5F5;
+    padding-left: 5px;
+    padding-top: 5px;
+    /*width: 671px;*/
+    padding-bottom: 20px ! ie7;
+}
+
+code {
+    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;
+}
+
+/* http://pathfindersoftware.com/2007/09/developers-note-2/ */
+* html .clearfix,
+* html .paginator {
+    height: 1;
+    overflow: visible;
+}
++ html .clearfix,
++ html .paginator {
+    min-height: 1%;
+}
+.clearfix:after,
+.paginator:after {
+    clear: both;
+    content:".";
+    display:block;
+    height: 0;
+    visibility: hidden;
+}
+
+.badges a {
+    color: #763333;
+    text-decoration: underline;
+}
+
+a:hover {
+    text-decoration: underline;
+}
+
+.badge-context-toggle.active {
+    cursor: pointer;
+    text-decoration: underline;
+}
+
+h1 {
+    font-size: 24px;
+    padding: 10px 0 5px 0px;
+}
+
+/* ----- Custom positions ----- */
+
+.left{float:left}
+.right{float:right}
+.clean{clear:both}
+.center{
+    margin: 0 auto;
+    padding: 0;
+}
+
+
+/* ----- Notify message bar , check blocks/system_messages.html ----- */
+
+.notify {
+    position: fixed;
+    top: 0px;
+    left: 0px;
+    width: 100%;
+    z-index: 100;
+    padding: 0;
+    text-align: center;
+    background-color: #f5dd69;
+    border-top:#fff 1px solid;
+    font-family:@main-font;
+
+    p {
+         margin-top: 6px;
+        margin-bottom: 6px;
+        font-size: 16px;
+        color:#424242
+    }
+}
+
+#closeNotify {
+    position: absolute;
+    right: 5px;
+    top: 7px;
+    color: #735005;
+    text-decoration: none;
+    line-height: 18px;
+    .sprites(-6px,-5px);
+    cursor: pointer;
+    width:20px;
+    height:20px;
+}
+
+#closeNotify:hover {
+    .sprites(-26px,-5px);
+}
+
+/* ----- Header, check blocks/header.html ----- */
+
+#header {
+    margin-top: 0px;
+    background: @header-color;
+    font-family:@main-font;
+}
+
+.content-wrapper {/* wrapper positioning class */
+    width: 960px;
+    margin: auto;
+    position:relative;
+}
+
+#logo img{
+    padding: 5px 0px 5px 0px;
+    height: 75px;
+    width: auto;
+}
+
+#userToolsNav {/* Navigation bar containing login link or user information, check widgets/user_navigation.html*/
+    height: 20px;
+    position:absolute;
+    bottom: 0;
+    right:0px;
+    padding-bottom:5px;
+
+    a {
+        height: 35px;
+        text-align: right;
+        margin-left: 20px;
+        text-decoration: underline;
+        color:#d0e296;
+        font-size:16px;
+    }
+    
+    a:first-child {
+        margin-left: 0;
+    }
+    
+    a#ab-responses {
+        margin-left: 3px;
+    }
+    
+    .user-info,.user-micro-info{
+        color:#b5b593;
+    }
+
+    a img {
+        vertical-align:middle;
+        margin-bottom:2px;
+    }
+
+    .user-info a {
+        margin: 0;
+        text-decoration: none;
+    }
+}
+
+#metaNav {/* Top Navigation bar containing links for tags, people and badges, check widgets/header.html */
+    float:right;
+
+    a {
+        color: #e2e2ae;
+        padding: 0px 0px 0px 35px;
+        height: 25px;
+        line-height: 30px;
+        margin:5px 0px 0px 10px;
+        font-size: 18px;
+        font-weight: 100;
+        text-decoration: none;
+        display: block;
+        float: left;
+    }
+
+    a:hover {
+        text-decoration: underline;
+    }
+
+    a.on {
+        font-weight:bold;
+        color: #FFF;
+        text-decoration: none;
+    }
+
+    a.special {
+        font-size: 18px;
+        color: #B02B2C;
+        font-weight: bold;
+        text-decoration: none;
+    }
+
+    a.special:hover {
+        text-decoration: underline;
+    }
+
+    #navTags{
+        .sprites(-50px,-5px)
+    }
+
+    #navUsers{
+        .sprites(-125px,-5px)
+    }
+
+    #navBadges{
+        .sprites(-210px,-5px)
+    }
+}
+
+#secondaryHeader{ /* Div containing Home button, scope navigation, search form and ask button, check blocks/secondary_header.html */
+    height:55px;
+    background:#e9e9e1;
+    border-bottom:#d3d3c2 1px solid;
+    border-top:#fcfcfc 1px solid;
+    margin-bottom:10px;
+    font-family:@main-font;
+
+    #homeButton{
+        border-right:#afaf9e 1px solid;
+       .sprites(-6px,-36px);
+        height:55px;
+       width:43px;
+       display:block;
+       float:left;
+    }
+    
+    #homeButton:hover{
+        .sprites(-6px-45,-36px);
+    }
+    
+    #scopeWrapper{
+        width:688px;
+        float:left;
+        
+        a{
+            display:block;
+           float:left;
+         }
+
+        .scope-selector{
+            font-size:21px;
+            color:#5a5a4b;
+            height:55px;
+            line-height:55px;
+            margin-left:24px
+        }
+        .on{
+            background:url(../images/scopearrow.png) no-repeat center bottom;
+        }
+
+        .ask-message{
+            font-size:24px;
+        }
+    }
+}
+
+#searchBar { /* Main search form , check widgets/search_bar.html */
+    display:inline-block;
+    background-color: #fff;
+    width:412px;
+    border: 1px solid #c9c9b5;
+    float:right;
+    height:42px;
+    margin:6px 0px 0px 15px;
+
+    .searchInput, .searchInputCancelable 
+    .searchInputAuth .searchInputCancelableAuth {
+        font-size: 30px;
+        height: 40px;
+        font-weight:300;
+        background:#FFF;
+        border:0px;
+        color:#484848;
+        padding-left:10px;
+        font-family:@body-font;
+        vertical-align: middle;
+    }
+
+    .searchInput, .searchInputCancelable {
+        width: 352px;
+    }
+
+    .searchInputCancelable {
+        width: 317px;
+    }
+
+    .searchInputAuth{
+        width: 340px; 
+    }
+
+    .searchInputCancelableAuth {
+        width: 310px; /*FIXME byron */
+    }
+
+    .logoutsearch {
+        width: 337px;
+    }
+
+    .searchBtn {
+        font-size: 10px;
+        color: #666;
+        background-color: #eee;
+        height: 42px;
+        border:#FFF 1px solid;
+        line-height: 22px;
+        text-align: center;
+        float:right;
+        margin: 0px;
+        width:48px;
+        .sprites(-98px,-36px);
+        cursor:pointer;
+    }
+
+    .searchBtn:hover {
+        .sprites(-98px-48,-36px);
+    }
+
+    .cancelSearchBtn {
+        font-size: 30px;
+        color: #ce8888;
+        background:#fff;
+        height: 42px;
+        border:0px;
+        border-left:#deded0 1px solid;
+        text-align: center;
+        width: 35px;
+        cursor:pointer;
+    }
+
+    .cancelSearchBtn:hover {
+        color: #d84040;
+    }
+}
+
+#askButton{ /* check blocks/secondary_header.html and widgets/ask_button.html*/
+    background: url(../images/bigbutton.png) repeat-x bottom;
+    line-height:44px;
+    text-align:center;
+    width:200px;
+    height:42px;
+    font-size:23px;
+    color:@button-label;
+    margin-top:7px;
+    float:right;
+    text-transform:uppercase;
+    .rounded-corners(5px);
+    .box-shadow(1px, 1px, 2px, #636363)
+}
+
+#askButton:hover{
+    text-decoration:none;
+    background: url(../images/bigbutton.png) repeat-x top;
+    .text-shadow(0px, 1px, 0px, #c6d9dd)
+}
+
+/* ----- Content layout, check two_column_body.html or one_column_body.html ----- */
+
+#ContentLeft {
+    width: 730px;
+    float: left;
+    position: relative;
+    padding-bottom:10px;
+}
+
+#ContentRight {
+    width: 200px;
+    float: right;
+    padding: 0 0px 10px 0px;
+}
+
+#ContentFull {
+    float: left;
+    width: 960px;
+}
+
+/* ----- Sidebar Widgets Box, check main_page/sidebar.html or question/sidebar.html ----- */
+
+.box {
+    background: #fff;
+    padding: 4px 0px 10px 0px;
+    width:200px;
+
+    p {
+        margin-bottom: 4px;
+    }
+
+    p.info-box-follow-up-links {
+        text-align: right;
+        margin: 0;
+    }
+
+    h2 {
+        padding-left: 0;
+        background:#eceeeb;
+        height:30px;
+        line-height:30px;
+        text-align:right;
+        font-size:18px !important;
+        font-weight:normal;
+        color:#656565;
+        padding-right:10px;
+        margin-bottom:10px;
+        font-family:@main-font;
+    }
+    h3{
+        color:#4a757f;
+        font-size:18px;
+        text-align:left;
+        font-weight:normal;
+        font-family:@main-font;
+    }
+    .contributorback{
+        background: #eceeeb url(../images/contributorsback.png) no-repeat center left;
+    }
+
+    label {
+        color: @info-text;
+        font-size:15px;
+        display: block;
+        float: right;
+        width: 177px;
+        font-family:@main-font;
+    }
+
+    ul {
+        margin-left: 22px;
+    }
+
+    li {
+        list-style-type: disc;
+        font-size: 13px;
+        line-height: 20px;
+        margin-bottom: 10px;
+        color:@info-text;
+    }
+    ul.tags {
+        list-style: none;
+        margin: 0;
+        padding: 0;
+        line-height: 170%;
+        display: block;
+    }
+    #displayTagFilterControl p label{
+        color:@info-text;
+        font-size:15px;
+    }
+
+    .inputs{
+        #interestingTagInput, #ignoredTagInput{
+            width:158px;
+            border:#c9c9b5 1px solid;
+            height:25px;
+        }
+        #interestingTagAdd, #ignoredTagAdd{
+            background:url(../images/small-button-blue.png) repeat-x top;
+            border:0;
+            color:@button-label;
+            font-weight:bold;
+            font-size:12px;
+            width:30px;
+            height:27px;
+            margin-top:-2px;
+            cursor:pointer;
+            .rounded-corners(4px);
+             .text-shadow(0px,1px,0px,#E6F6FA);
+             .box-shadow(1px, 1px, 2px, #808080);
+             
+            
+       }
+        #interestingTagAdd:hover, #ignoredTagAdd:hover{
+            background:url(../images/small-button-blue.png) repeat-x bottom;
+       }
+    }
+    
+    img.gravatar {
+        margin:1px;
+    }
+
+/* widgets for question template */
+
+    a.followed, a.follow{
+        background: url(../images/medium-button.png) top repeat-x;
+        height:34px;
+        line-height:34px;
+        text-align:center;
+        border:0;
+        font-family:@main-font;
+        color:@button-label;
+        font-weight:normal;
+        font-size:21px;
+        margin-top:3px;
+        display:block;
+        width:120px;
+        text-decoration:none;
+        .rounded-corners(4px);
+        .box-shadow(1px, 1px, 2px, #636363);
+        .center;
+    }
+
+    a.followed:hover, a.follow:hover{
+        text-decoration:none;
+        background: url(../images/medium-button.png) bottom repeat-x;
+        .text-shadow(0px, 1px, 0px, #c6d9dd);
+    }
+
+    a.followed div.unfollow{
+        display:none;
+    }
+
+    a.followed:hover div{
+        display:none;
+    }
+    a.followed:hover div.unfollow{
+        display:inline;
+        color:#a05736;
+    }
+    
+    .favorite-number {
+        padding: 5px 0 0 5px;
+        font-size: 100%;
+        font-family: Arial;
+        font-weight: bold;
+        color: #777;
+        text-align:center;
+    }
+}
+
+.statsWidget p{
+    color:@info-text;
+    font-size:16px;
+    border-bottom:#cccccc 1px solid;
+    font-size:13px;
+    
+    strong{
+        float:right;
+        padding-right:10px;
+    }
+}
+.questions-related {
+    word-wrap: break-word;
+    
+    p {
+        line-height: 20px;
+        padding: 4px 0px 4px 0px;
+        font-size: 16px;
+        font-weight:normal;
+        border-bottom:#cccccc 1px solid;
+    }
+    a{
+        font-size:13px;
+    }
+}
+/* tips and markdown help are widgets for ask template */
+
+#tips{
+    li{
+        color:@info-text;
+       font-size:13px;
+       list-style-image: url(../images/tips.png);
+    }
+    a{
+        font-size:16px;
+    }
+}
+
+#markdownHelp{
+    li{
+        color:@info-text;
+       font-size:13px;
+    }
+    a{
+        font-size:16px;
+    }
+}
+
+
+/* ----- Sorting top Tab, check main_page/tab_bar.html ------*/
+
+.tabBar {
+    background-color: #eff5f6;
+    height: 30px;
+    margin-bottom: 3px;
+    margin-top: 3px;
+    float:right;
+    font-family:@sort-font;
+    font-size:16px;
+    .rounded-corners(5px);
+}
+
+.tabBar h2 {
+    float: left;
+}
+
+.tabsA, .tabsC {
+    float: right;
+    position: relative;
+    display: block;
+    height: 20px;
+}
+
+/* tabsA - used for sorting */
+.tabsA { float: right; }
+.tabsC { float: left; }
+
+.tabsA a, .tabsC a{
+
+    border-left: 1px solid #d0e1e4;
+    color: @section-title;
+    display: block;
+    float: left;
+    height: 20px;
+    line-height: 20px;
+    padding:4px 7px 4px 7px;
+    text-decoration: none;
+}
+
+.tabsA a.on, .tabsC a.on, .tabsA a:hover, .tabsC a:hover {
+    color: @button-label;
+}
+
+.tabsA a.rev.on, tabsA a.rev.on:hover {
+}
+
+.tabsA .label, .tabsC .label {
+    float: left;
+    color: #646464;
+    margin-top:4px;
+    margin-right:5px;
+}
+
+.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;
+}
+
+.rss {
+    float: right;
+    font-size: 16px;
+    color: #f57900;
+    margin: 5px 0px 3px 7px;
+    width:52px;
+    padding-left: 16px;
+    padding-top:3px;
+    background:#fff url(../images/feed-icon-small.png) no-repeat center right;
+    float:right;
+    font-family:@sort-font;
+    font-size:16px;
+}
+
+.rss:hover {
+    color: #F4A731 !important;
+}
+
+/* ----- Headline, containing number of questions and tags selected, check main_page/headline.html ----- */
+
+#questionCount{
+    font-weight:bold;
+    font-size:23px;
+    color:@section-title;
+    width:200px;
+    float:left;
+    margin-bottom:8px;
+    padding-top:6px;
+    font-family:@main-font;
+}
+
+#listSearchTags{
+    float:left;
+    margin-top:3px;
+    color:@info-text;
+    font-size:16px;
+    font-family:@main-font;
+}
+
+ul#searchTags {
+    margin-left:10px;
+    float:right;
+    padding-top:2px;
+}
+
+.search-tips {
+    font-size:16px;
+    line-height:17px;
+    color: @info-text;
+    margin:5px 0 10px 0;
+    padding:0px;
+    float:left;
+    font-family:@main-font;
+
+    a {
+        text-decoration: underline;
+        color: @link;
+    }
+}
+
+/* ----- Question list , check main_page/content.html and macros/macros.html----- */
+
+#question-list {
+    float: left;
+    position: relative;
+    background-color: #FFF;
+    padding: 0;
+    width: 100%;
+}
+
+.short-summary {
+    position: relative;
+    filter: inherit;
+    padding: 10px;
+    border-bottom: 1px solid #DDDBCE;
+    margin-bottom:1px;
+    overflow: hidden;
+    width: 710px;
+    float: left;
+    background: url(../images/summary-background.png) repeat-x;
+    
+    h2 {
+        font-size: 24px;
+        font-weight:normal;
+        line-height: 26px;
+        padding-left: 0;
+        margin-bottom:8px;
+        display:block;
+        font-family:@main-font;
+    }
+    
+    a {
+        color:@question-link;
+    }
+
+    .userinfo {
+        text-align:right;
+        line-height:16px;
+        font-family:@body-font;
+        padding-right:4px;
+    }
+    
+
+    .userinfo .relativetime, span.anonymous 
+     {
+        font-size: 11px;
+        clear:both;
+        font-weight: normal;
+        color: #555;
+    }
+
+    .userinfo a{
+        font-weight:bold;
+        font-size:11px;
+    }
+    
+    .counts {
+        float: right;
+        margin: 4px 0 0 5px;
+        font-family:@main-font;
+    }
+    
+    .counts .item-count {
+        padding:0px 5px 0px 5px;
+        font-size: 25px;
+        font-family:@main-font;
+    }
+    
+    .counts .votes div,
+    .counts .views div,
+    .counts .answers div,
+    .counts .favorites div
+    {
+        margin-top:3px;
+        font-size: 14px;
+        line-height:14px;
+        color: #646464;
+    }
+    
+    .tags {
+        margin-top: 0;
+    }
+    
+    .votes, .answers, .favorites, .views {
+        text-align: center;
+        margin: 0 3px;
+        padding: 8px 2px 0px 2px;
+        width: 51px;
+        float: right;
+        height:44px;
+        border:#dbdbd4 1px solid;
+    }
+
+    .votes{
+        background: url(../images/vote-background.png) repeat-x;
+    }
+
+    .answers{
+        background:url(../images/answers-background.png) repeat-x;
+    }
+    
+    .views {
+        background:url(../images/view-background.png) repeat-x;
+    }
+
+    .no-votes .item-count {
+        color: #b1b5b6;
+    }
+    .some-votes .item-count {
+        color: #4a757f;
+    }
+    
+    .no-answers .item-count {
+        color: #b1b5b6;
+    }
+    .some-answers .item-count {
+        color: #eab243;
+    }
+    
+    .no-views .item-count {
+        color: #b1b5b6;
+    }
+    .some-views .item-count {
+        color: #d33f00;
+    }
+    
+    .accepted .item-count {
+        background:url(../images/accept.png) no-repeat top right;
+        display: block;
+        text-align: center;
+        width: 40px;
+        color: #eab243;
+    }
+
+    .some-favorites .item-count {
+        background:#338333;
+        color:#d0f5a9;
+    }
+    .no-favorites .item-count {
+        background: #eab243;
+        color: yellow;
+    }
+
+}
+
+/* ----- Question list Paginator , check main_content/pager.html and macros/utils_macros.html----- */
+
+.evenMore {
+    font-size: 13px;
+    color:@info-text;
+    padding:15px 0px 10px 0px;
+    clear:both;
+}
+
+.evenMore a {
+    text-decoration: underline;
+    color:@link;
+}
+
+.pager {
+    margin-top: 10px;
+    margin-bottom: 16px;
+}
+
+.pagesize {
+    margin-top: 10px;
+    margin-bottom: 16px;
+    float: right;
+}
+
+.paginator {
+    padding: 5px 0 10px 0;
+    font-size:13px;
+
+    .prev a, .prev a:visited,
+    .next a, .next a:visited {
+         background-color: #fff;
+        color: #777;
+        padding: 2px 4px 3px 4px;
+    }
+    a{
+        color:@section-title;
+    }
+    .prev {
+        margin-right: .5em;
+    }
+
+    .next {
+        margin-left: .5em;
+    }
+
+    .page a, .page a:visited, .curr {
+        padding: .25em;
+        background-color: #fff;
+        margin: 0em .25em;
+        color: #ff;
+    }
+
+    .curr {
+        background-color: #8ebcc7;
+        color: #fff;
+        font-weight: bold;
+    }
+    .next a, .prev a{
+        color:@section-title
+    }
+    .page a:hover,
+    .curr a:hover,
+    .prev a:hover,
+    .next a:hover {
+        color: #8C8C8C;
+        background-color: #E1E1E1;
+        text-decoration: none;
+    }
+
+    .text {
+        color: #777;
+        padding: .3em;
+    }
+
+    .paginator-container-left {
+        padding: 5px 0 10px 0;
+    }
+
+}
+
+/* ----- Tags Styles ----- */
+
+/* tag formatting is also copy-pasted in template
+   because it must be the same in the emails
+   askbot/models/__init__.py:format_instant_notification_email()
+*/
+
+/* tag cloud */
+
+.tag-size-1 {
+    font-size:12px;
+}
+.tag-size-2 {
+    font-size:13px;
+}
+.tag-size-3 {
+    font-size:14px;
+}
+.tag-size-4 {
+    font-size:15px;
+}
+.tag-size-5 {
+    font-size:16px;
+}
+.tag-size-6 {
+    font-size:17px;
+}
+.tag-size-7 {
+    font-size:18px;
+}
+.tag-size-8 {
+    font-size:19px;
+}
+.tag-size-9 {
+    font-size:20px;
+}
+.tag-size-10 {
+    font-size:21px;
+}
+
+ul.tags,
+ul.tags.marked-tags,
+ul#related-tags {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    line-height: 170%;
+    display: block;
+}
+
+ul.tags li {
+    float:left;
+    display: block;
+    margin: 0 5px 0 0;
+    padding: 0;
+    height:20px;
+}
+
+.wildcard-tags {
+    clear: both;
+}
+
+ul.tags.marked-tags li,
+.wildcard-tags ul.tags li {
+    margin-bottom: 5px;
+}
+
+#tagSelector div.inputs {
+    clear: both;
+    float: none;
+    margin-bottom:10px;
+}
+
+.tags-page ul.tags li,
+ul#ab-user-tags li {
+    width: 160px;
+    margin:5px;
+}
+
+ul#related-tags li {
+    margin: 0 5px 5px 0;
+    float: left;
+    clear: left;
+}
+
+/* .tag-left and .tag-right are for the sliding doors decoration of tags */
+
+.tag-left {
+    background: url(../images/tag-right.png) no-repeat right center;
+    border: none;
+    cursor: pointer;
+    display: block;
+    float: left;
+    height: 20px;
+    margin: 0 5px 0 0;
+    padding: 0;
+}
+
+.tag-right {
+    background:url(../images/tag-left.png) no-repeat left center;
+    border: none;
+    display: block;
+    float: left;
+    height: 20px;
+    line-height: 20px;
+    font-weight: normal;
+    font-size: 11px;
+    padding: 0px 10px 0px 15px;
+    text-decoration: none;
+    text-align: center;
+    white-space: nowrap;
+    vertical-align: middle;
+    font-family:@body-font;
+    color:#717179;
+}
+.deletable-tag {
+    margin-right: 3px;
+    white-space: nowrap;
+}
+
+.deletable-tag .tag-right {
+    padding-right: 0px;
+    float: left;
+}
+.deletable-tag.tag-left {
+    padding-right: 0px;
+}
+
+.tags a.tag-right,
+.tags span.tag-right {
+    color: #585858;
+    text-decoration: none;
+
+}
+.tags a:hover{
+    color: #1A1A1A;
+}
+
+.users-page h1, .tags-page h1 {
+    float: left;
+}
+
+.main-page h1 {
+    margin-right: 5px;
+}
+
+span.delete-icon {
+    padding-left: 13px;
+    vertical-align: bottom;
+    background: url(../images/close-small-dark.png) bottom no-repeat;
+    cursor: default;
+}
+span.delete-icon:hover {
+    background: url(../images/close-small-dark.png) top no-repeat;
+}
+
+.tags span.delete-icon {
+    float: left;
+    height: 20px;
+    width:8px;
+    margin: 0px 0 0 10px;
+    display: block;
+}
+
+.tag-number {
+    font-weight: normal;
+    float: left;
+    font-size:16px;
+    color:#5d5d5d;
+}
+
+.badges .tag-number {
+    float: none;
+    display: inline;
+    padding-right: 15px;
+}
+
+/* ----- Ask and Edit Question Form template----- */
+
+.section-title{
+    color:@section-title;
+    font-family:@main-font;
+    font-weight:bold;
+    font-size:24px;
+}
+
+.ask-body {
+    padding-right: 10px;
+}
+
+#fmask{
+    margin-bottom:30px;
+    width:100%;
+}
+
+#askFormBar {
+    display:inline-block;
+    padding: 4px 7px 5px 0px;
+    margin-top:0px;
+    
+    p{
+       margin:0 0 5px 0;
+       font-size:14px;
+       color:@info-text-dark;
+       line-height:1.4;
+    }
+    .questionTitleInput {
+        font-size: 24px;
+        line-height: 24px;
+        height: 36px;
+        margin: 0px;
+        padding: 0px 0 0 5px;
+        border:#cce6ec 3px solid;
+        width:725px;
+    }
+}
+
+.ask-page, .edit-question-page{
+
+    div#question-list {
+         float: none;
+        border-bottom:#f0f0ec 1px solid;
+        float:left;
+        margin-bottom:10px;
+        a{
+            line-height:30px;
+        }
+
+    }
+
+    div#question-list h2 {
+        font-size: 13px;
+        padding-bottom: 0;
+        color:@link;
+        border-top:#f0f0ec 1px solid;
+        border-left:#f0f0ec 1px solid;
+        height:30px;
+        line-height:30px;
+        font-weight:normal;
+    }
+
+    div#question-list span {
+        width:28px;
+        height:26px;
+        line-height:26px;
+        text-align:center;
+        margin-right: 10px;
+        float:left;
+        display:block;
+        color:#fff;
+        background: #b8d0d5;
+        .rounded-corners(3px);
+    }
+    label{
+        color:@info-text-dark;
+        font-size:13px;
+    }
+
+    #id_tags{
+        border:#cce6ec 3px solid;
+        height:25px;
+        padding-left:5px;
+        width:395px;
+        font-size:14px;
+    }
+}
+
+.title-desc {
+    color: @info-text;
+    font-size: 13px;
+}
+
+#fmanswer input.submit,
+.ask-page input.submit,
+.edit-question-page input.submit {
+    float: left;
+    background: url(../images/medium-button.png) top repeat-x;
+    height:34px;
+    border:0;
+    font-family:@main-font;
+    color:@button-label;
+    font-weight:normal;
+    font-size:21px;
+    margin-top:3px;
+    .rounded-corners(4px);
+    .box-shadow(1px, 1px, 2px, #636363);
+    margin-right:7px;
+}
+
+#fmanswer input.submit:hover,
+.ask-page input.submit:hover,
+.edit-question-page input.submit:hover{
+    text-decoration:none;
+    background: url(../images/medium-button.png) bottom repeat-x;
+    .text-shadow(0px, 1px, 0px, #c6d9dd)
+}
+#editor { /*adjustment for editor preview*/
+    font-size: 100%;
+    min-height: 200px;
+    line-height: 18px;
+    margin:0;
+    border-left:#cce6ec 3px solid;
+    border-bottom:#cce6ec 3px solid;
+    border-right:#cce6ec 3px solid;
+    border-top:0;
+    padding:10px;
+    margin-bottom:10px;
+    width:710px;
+}
+
+#id_title {
+    width: 100%;
+}
+
+.wmd-preview {
+    margin: 3px 0 5px 0;
+    padding: 6px;
+    background-color: #F5F5F5;
+    min-height: 20px;
+    overflow: auto;
+    font-size:13px;
+    font-family:@body-font;
+
+    p{
+        margin-bottom:14px;
+       line-height:1.4;
+       font-size:14px;
+    }
+}
+
+.wmd-preview pre {
+    background-color: #E7F1F8;
+
+}
+
+.wmd-preview blockquote {
+    background-color: #eee;
+}
+
+.wmd-preview IMG {
+    max-width: 600px;
+}
+
+.preview-toggle {
+    width: 100%;
+    color: #b6a475; /*letter-spacing:1px;*/
+    text-align: left;
+}
+
+.preview-toggle span:hover {
+    cursor: pointer;
+}
+
+.after-editor {
+    margin-top: 10px;
+}
+
+.checkbox {
+    margin-left:5px;
+    font-weight:normal;
+    cursor:help
+}
+
+.question-options {
+    margin-top: 1px;
+    color: #666;
+    line-height: 13px;
+    margin-bottom:5px;
+}
+.question-options label {
+    vertical-align: text-bottom;
+}
+
+.edit-content-html {
+    border-top: 1px dotted #D8D2A9;
+    border-bottom: 1px dotted #D8D2A9;
+    margin: 5px 0 5px 0;
+}
+
+.edit-question-page, #fmedit{
+    color:@info-text-dark;
+    
+    #id_revision{
+        font-size:14px;
+        margin-top:5px;
+        margin-bottom:5px;
+    }
+    #id_title{
+        font-size: 24px;
+        line-height: 24px;
+        height: 36px;
+        margin: 0px;
+        padding: 0px 0 0 5px;
+        border:#cce6ec 3px solid;
+        width:725px;
+        margin-bottom:10px;
+    }
+    #id_summary{
+        border:#cce6ec 3px solid;
+        height:25px;
+        padding-left:5px;
+        width:395px;
+        font-size:14px;
+    }
+    .title-desc{
+        margin-bottom:10px;
+    }
+}
+
+/* ----- Question template ----- */
+
+.question-page{
+
+    h1{
+        padding-top:0px;
+       font-family:@main-font;
+    }
+    
+    h1 a{
+         color:@question-link;
+        font-size:30px;
+        font-weight:normal;
+        line-height:1;
+    }
+
+    p.rss {
+        float:none;
+        clear:both;
+        padding: 3px 0 0 23px;
+        font-size: 15px;
+        width:110px;
+        background-position:center left;
+        margin-left:0px !important;
+    }
+
+    p.rss a {
+        font-family:@main-font;
+        vertical-align: top;
+    }
+       
+    .question-content{
+        float:right;
+        width:690px;
+        margin-bottom:10px;
+    }
+
+    #question-table{
+        float:left;
+        border-top:#f0f0f0 1px solid;
+    }
+
+    #question-table,
+    .answer-table {
+        margin: 6px 0 0px 0;
+        border-spacing: 0px;
+        width: 680px;
+        padding-right:3px;
+    }
+
+    .answer-table {
+        margin-top:0px;
+        border-bottom: 1px solid #D4D4D4;
+        float:left;
+    }
+
+    .answer-table td,
+    #question-table td {
+        width:20px;
+        vertical-align:top;
+    }
+    .question-body, .answer-body {
+        overflow: auto;
+        margin-top:10px;
+        font-family:@body-font;
+        color:#4b4b4b;
+
+        p{
+            margin-bottom:14px;
+          line-height:1.4;
+          font-size:14px;
+          padding:0px 5px 5px 0px;
+        }
+        
+        a {
+            color:@link;
+        }
+        
+        li {
+            margin-bottom:7px;
+        }
+    }
+
+    .question-body IMG, .answer-body IMG {
+        max-width: 600px;
+    }
+
+    .post-update-info-container {
+        float: right;
+        width: 175px;
+    }
+
+    .post-update-info {
+        background: #fff url(../images/background-user-info.png) repeat-x bottom;
+        float: right;
+        font-size: 9px;
+        font-family:@secondary-font;
+        width: 158px;
+        padding:4px;
+        margin:0px 0px 5px 5px;
+        line-height: 14px;
+        .rounded-corners(4px);
+        .box-shadow (0px, 2px,1px,#bfbfbf);
+        
+         p {
+             line-height: 13px;
+            font-size: 11px;
+            margin: 0 0 2px 1px;
+            padding: 0;
+        }
+        a{
+            color:#444;
+        }
+        .gravatar {
+            float: left;
+            margin-right: 4px;
+        }
+
+        p.tip {
+            color: #444;
+            line-height: 13px;
+            font-size: 10px;
+        }
+    }
+
+    .post-controls{
+        font-size: 11px;
+        line-height: 12px;
+        min-width: 200px;
+        padding-left: 5px;
+        text-align:right;
+        clear: left;
+        float: right;
+        margin-top:10px;
+        
+        a {
+             color: #777;
+            padding: 0px 3px 3px 22px;
+            cursor: pointer;
+            border: none;
+            font-size:12px;
+            font-family:@body-font;
+            text-decoration: none;
+            height:18px;
+            display:block;
+            float:right;
+            line-height:18px;
+            margin-top:-2px;
+            margin-left:4px;
+        }
+        
+         a:hover {
+            background-color: #f5f0c9;
+            
+        }
+        .sep {
+            color: #ccc;
+            float:right;
+            height:18px;
+            font-size:18px;
+        }
+    }
+    .post-controls, .answer-controls{
+        .question-delete{
+            background: url(../images/delete.png) no-repeat center left;
+            padding-left:16px;
+        }
+        .question-flag{
+            background: url(../images/flag.png) no-repeat center left;
+        }
+        .question-edit{
+            background: url(../images/edit2.png) no-repeat center left;
+        }
+        .question-retag{
+            background: url(../images/retag.png) no-repeat center left;
+        }
+        .question-close{
+            background: url(../images/close.png) no-repeat center left;
+        }
+        .permant-link{
+            background: url(../images/link.png) no-repeat center left;
+        }
+    }
+    .tabBar{
+       width:100%;
+    }
+    
+    #questionCount{
+        float:left;
+        font-family:@main-font;
+        line-height:15px;
+    }
+
+    .question-img-upvote, .question-img-downvote,
+    .answer-img-upvote, .answer-img-downvote {
+        width: 25px;
+        height: 20px;
+        cursor:pointer;
+    }
+
+    .question-img-upvote, .answer-img-upvote {
+        background: url(../images/vote-arrow-up-new.png)  no-repeat;
+    }
+
+    .question-img-downvote, .answer-img-downvote {
+        background: url(../images/vote-arrow-down-new.png) no-repeat;
+    }
+
+    .question-img-upvote:hover, .question-img-upvote.on,
+    .answer-img-upvote:hover, .answer-img-upvote.on {
+        background: url(../images/vote-arrow-up-on-new.png) no-repeat;
+    }
+
+    .question-img-downvote:hover, .question-img-downvote.on,
+    .answer-img-downvote:hover, .answer-img-downvote.on {
+        background: url(../images/vote-arrow-down-on-new.png) no-repeat;
+    }
+
+    .question-img-favorite:hover {
+        background: url(../images/vote-favorite-on.png)
+    }
+    div.comments {
+        padding: 0;
+    }
+    #comment-title{
+       font-weight:bold;
+       font-size:23px;
+       color:@section-title;
+       width:200px;
+       float:left;
+       font-family:@main-font;
+    }
+    .comments {
+        font-size: 12px;    
+        clear: both;
+        
+        div.controls {
+              clear: both;
+            float:left;
+            width: 100%;
+            margin: 3px 0 20px 5px;
+        }
+        
+        .controls a {
+             color: #988e4c;
+            padding: 0 3px 2px 22px;
+            font-family:@body-font;
+            font-size:13px;
+            background:url(../images/comment.png) no-repeat center left;
+        }
+
+        .controls a:hover {
+            background-color: #f5f0c9;
+            text-decoration: none;
+        }
+
+        .button {
+            color: #988e4c;
+            font-size: 11px;
+            padding: 3px;
+            cursor: pointer;
+        }
+        a {
+            background-color: inherit;
+            color: @link;
+            padding: 0;
+        }
+        
+        form.post-comments {
+            margin: 3px 30px 4px 5px;
+        }
+
+        textarea {
+            height: 42px;
+            width:100%;
+            margin: 12px 0 5px 1px;
+            font-family: @body-font;
+            outline: none;
+            overflow:auto;
+            font-size: 12px;
+            line-height: 140%;
+            padding-left:2px;
+            padding-top:4px;
+            border:#cce6ec 3px solid;
+        }
+
+        input {
+            margin-left: 10px;
+            margin-top: 1px;
+            vertical-align: top;
+            width: 100px;
+        }
+        button{
+            background:url(../images/small-button-blue.png) repeat-x top;
+            border:0;
+            color:@button-label;
+            font-size:12px;
+            width:95px;
+            font-weight:bold;
+            height:24px;
+            margin-top:-2px;
+            cursor:pointer;
+            .rounded-corners(4px);
+             .text-shadow(0px,1px,0px,#E6F6FA);
+             .box-shadow(1px, 1px, 2px, #808080);
+             float:left;
+        }
+        button:hover{
+            background: url(../images/small-button-blue.png) bottom repeat-x;
+            .text-shadow(0px, 1px, 0px, #c6d9dd);
+        }
+        .counter {
+            display: inline-block;
+            width: 245px;
+            float:right;
+            color:#b6a475 !important;
+            vertical-align: top;
+            font-family:@body-font;
+            float:right;
+            text-align:right;
+        }
+        .comment {
+            border-bottom: 1px solid #edeeeb;
+            margin: 0;
+            margin-top:8px;
+            padding-bottom:4px;
+            overflow: auto;
+            font-family:@body-font;
+            font-size:11px;
+            min-height: 25px;
+            background:url(../images/comment-background.png) bottom repeat-x;
+            .rounded-corners(5px);
+        }
+        div.comment:hover {
+            background-color: #efefef;
+        }
+        a.author{
+            background-color: inherit;
+            color: @link;
+            padding: 0;
+        }
+
+        a.author:hover {
+            text-decoration: underline;
+        }
+        span.delete-icon{
+            background:url(../images/close-small.png) no-repeat;
+        }
+        span.delete-icon:hover{
+            border:#BC564B 2px solid;
+            .rounded-corners(10px);
+            
+        }
+        .content {
+            margin-bottom: 7px;    
+        }
+        
+        .comment-votes {
+            float: left;
+            width: 37px;
+            line-height: 130%;
+            padding: 6px 5px 6px 3px;
+        }
+
+        .comment-body {
+            line-height: 1.3;
+            margin: 3px 26px 0 46px;
+            padding: 5px 3px;
+            color: #666;
+            font-size:13px;
+        }
+
+        .comment-body p{
+            font-size:13px;
+            line-height:1.3;
+            margin-bottom: 3px;
+            padding: 0;
+        }
+
+        .comment-delete {
+            float: right;
+            width: 14px;
+            line-height: 130%;
+            padding: 8px 6px;
+        }
+
+        .upvote {
+            margin: 0px;
+            padding-right: 17px;
+            padding-top: 2px;
+            text-align: right;
+            height: 20px;
+            font-size: 13px;
+            font-weight: bold;
+            color: #777;
+        }
+
+        .upvote.upvoted {
+            color: #d64000;
+        }
+
+        .upvote.hover {
+            background: url(../images/go-up-grey.png) no-repeat;
+            background-position: right 1px;
+        }
+
+        .upvote:hover {
+            background: url(../images/go-up-orange.png) no-repeat;
+            background-position: right 1px;
+        }
+
+        .help-text{
+            float: right;
+            text-align:right;
+            color: gray;
+            margin-bottom: 0px;
+            margin-top: 0px;
+            line-height: 50%;
+        }
+    }
+    #questionTools {
+        font-size: 22px;
+        margin-top: 11px;
+        text-align: left;
+    }
+
+    .question-status {
+        margin-top: 10px;
+        margin-bottom:15px;
+        padding: 20px;
+        background-color: #fef7cc;
+        text-align: center;
+        border:#e1c04a 1px solid;
+    }
+
+    .question-status h3 {
+        font-size: 20px;
+        color:@info-text;
+        font-weight:normal;
+    }
+
+    .vote-buttons {
+        float: left;
+        text-align: center;
+        padding-top: 2px;
+        margin:3px 10px 0px 3px;
+    }
+
+    .vote-buttons IMG {
+        cursor: pointer;
+    }
+
+    .vote-number {
+        font-family: @main-font;
+        padding: 0px 0 5px 0;
+        font-size: 25px;
+        font-weight: bold;
+        color: #777;
+    }
+
+    .vote-buttons .notify-sidebar {
+        text-align: left;
+    }
+    .vote-buttons .notify-sidebar label {
+        vertical-align: top;
+    }
+
+    .tabBar-answer{
+        margin-bottom:15px;
+        padding-left:7px;
+        width:723px;
+        margin-top:10px;
+    }
+    .answer{
+        .vote-buttons {
+            float:left;
+        }
+    }
+    .accepted-answer {
+        background-color: #f7fecc;
+        border-bottom-color: #9BD59B;
+        
+        .vote-buttons {
+            width:27px;
+           margin-right:10px;
+        }
+    }
+
+    .answer .post-update-info a{
+        color:#444444;
+    }
+    
+    .accepted-answer .comments {
+        background-color: #f1f6d4;
+    }
+
+    .answered {
+        background: #CCC;
+        color: #999;
+    }
+
+    .answered-accepted {
+        background: #DCDCDC;
+        color: #763333;
+        
+        strong {
+            color: #E1E818;
+        }
+    }
+
+    .answered-by-owner {
+        background: #F1F1FF;
+
+        .comments .button {
+            background-color: #E6ECFF;
+       }
+        .comments {
+            background-color: #E6ECFF;
+       }
+        .vote-buttons {
+           margin-right:10px;
+        }
+    }
+
+    .answer-img-accept:hover {
+        background: url(../images/vote-accepted-on.png)
+    }
+    .answer-body a {
+        color:@link;
+    }
+    .answer-body li {
+        margin-bottom:0.7em;
+    }
+
+    #fmanswer{
+        color:@info-text;
+        line-height:1.2;
+        margin-top:10px;
+        p{
+            font-size:13px;
+          line-height:1.3;
+        }
+        h2{
+          font-family:@main-font;
+          color:@section-title;
+          font-size:24px;
+        }
+        label{
+          font-size:13px;
+        }
+    }
+    .message {
+        padding: 5px;
+        margin: 0px 0 10px 0;
+
+    }
+
+}
+
+.facebook-share.icon, .twitter-share.icon, .linkedin-share.icon, .identica-share.icon {
+    background: url(../images/socialsprite.png) no-repeat;
+    display:block;
+    text-indent:-100em;
+    height:25px;
+    width:25px;
+    margin-bottom:3px;
+}
+
+.facebook-share.icon:hover, .twitter-share.icon:hover, .linkedin-share.icon:hover, .identica-share.icon:hover{
+    opacity:0.8;
+    filter: alpha(opacity=80);
+}
+
+.facebook-share.icon {
+    background-position: -26px 0px;
+}
+.identica-share.icon {
+    background-position: -78px 0px;
+}
+.twitter-share.icon {
+    margin-top:10px;
+    background-position: 0px 0px;
+}
+.linkedin-share.icon {
+    background-position: -52px 0px;
+}
+
+/* -----Content pages, Login, About, FAQ, Users----- */
+
+.openid-signin,
+.meta,
+.users-page,
+{
+    font-size:13px;
+    line-height:1.3;
+    color:@info-text-dark;
+    p{
+        font-size:13px;
+        color:@info-text;
+        line-height:1.3;
+        font-family:@body-font;
+        color:@info-text-dark;
+        margin-bottom:12px;
+    }
+    h2{
+        color:@info-text-dark;
+        padding-left:0px;
+        font-size:16px;
+    }
+    #id_email,#id_name{
+        border:#cce6ec 3px solid;
+        height:25px;
+        padding-left:5px;
+        width:395px;
+        font-size:14px;
+    }
+    textarea{
+        border:#cce6ec 3px solid;
+        padding-left:5px;
+        padding-top:5px;
+        width:395px;
+        font-size:14px;
+    }
+    input.submit{
+        background:url(../images/small-button-blue.png) repeat-x top;
+        border:0;
+        color:@button-label;
+        font-weight:bold;
+        font-size:12px;
+        height:24px;
+        margin-top:-2px;
+        cursor:pointer;
+        .rounded-corners(4px);
+        .text-shadow(0px,1px,0px,#E6F6FA);
+        .box-shadow(1px, 1px, 2px, #808080);
+    }
+    input.submit:hover{
+        background:url(../images/small-button-blue.png) repeat-x bottom;
+        text-decoration:none;
+    }
+    .cancel{
+        background:url(../images/small-button-cancel.png) repeat-x top !important;
+        color:#525252 !important;
+    }
+    .cancel:hover{
+        background:url(../images/small-button-cancel.png) repeat-x bottom !important;
+    }
+}
+
+#email-input-fs,#local_login_buttons,#password-fs,#openid-fs{
+    margin-top:10px;
+    #id_email,#id_username,#id_password,input{
+         font-size: 12px;
+        line-height: 20px;
+        height: 20px;
+        margin: 0px;
+        padding: 0px 0 0 5px;
+        border:#cce6ec 3px solid;
+        width:200px;
+    }
+    .submit-b{
+        background:url(../images/small-button-blue.png) repeat-x top;
+        border:0;
+        color:@button-label;
+        font-weight:bold;
+        font-size:12px;
+        height:24px;
+        margin-top:-2px;
+        cursor:pointer;
+        .rounded-corners(4px);
+        .text-shadow(0px,1px,0px,#E6F6FA);
+        .box-shadow(1px, 1px, 2px, #808080)
+    }
+    .submit-b:hover{
+        background:url(../images/small-button-blue.png) repeat-x bottom;
+    }
+}
+.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%;
+}
+
+/* People page */
+
+.tabBar-user{
+    width:375px;
+}
+
+.user {
+    padding: 5px;
+    line-height: 140%;
+    width: 166px;
+    border:#eee 1px solid;
+    margin-bottom:5px;
+    .rounded-corners(3px);
+    .user-micro-info{
+        color:@info-text-dark;
+    }
+ 
+}
+
+.user ul {
+    margin: 0;
+    list-style-type: none;
+}
+
+.user .thumb {
+    clear: both;
+    float: left;
+    margin-right: 4px;
+    display: inline;
+}
+
+/* tags page */
+
+.tabBar-tags{
+    width:270px;
+    margin-bottom:15px;
+}
+
+/* badges page */
+
+a.medal {
+    font-size: 17px;
+    line-height: 250%;
+    margin-right:5px;
+    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;
+}
+
+#award-list{
+    .user{
+        float:left;
+       margin:5px;
+    }
+}
+
+/* profile page */
+
+.tabBar-profile{
+    width:100%;
+    margin-bottom:15px;
+    float:left;
+}
+
+.user-profile-page{
+    font-size:13px;
+    color:@info-text-dark;
+
+    p{
+        font-size:13px;
+        line-height:1.3;
+        color:@info-text-dark;
+    }
+    .avatar img{
+        border:#eee 1px solid;
+       padding:5px;
+    }
+    h2{
+        padding:10px 0px 10px 0px;
+        font-family:@main-font;
+    }
+}
+
+.user-details {
+    font-size: 13px;
+    h3{
+        font-size:16px;
+    }
+}
+
+.user-about {
+    background-color: #EEEEEE;
+    height: 200px;
+    line-height: 20px;
+    overflow: auto;
+    padding: 10px;
+    width: 90%;
+    p{font-size:13px;}
+}
+
+.follow-toggle,.submit {
+    border:0 !important;
+    color:@button-label;
+    font-weight:bold;
+    font-size:12px;
+    height:26px;
+    line-height:26px;
+    margin-top:-2px;
+    font-size:15px;
+    cursor:pointer;
+    font-family:@main-font;
+    background:url(../images/small-button-blue.png) repeat-x top;
+    .rounded-corners(4px);
+    .text-shadow(0px,1px,0px,#E6F6FA);
+    .box-shadow(1px, 1px, 2px, #808080)
+}
+
+.follow-toggle:hover, .submit:hover {
+    background:url(../images/small-button-blue.png) repeat-x bottom;
+    text-decoration:none !important;
+}
+
+.follow-toggle .follow{
+    font-color: #000;
+    font-style:normal;
+}
+
+.follow-toggle .unfollow div.unfollow-red{
+    display:none;
+}
+
+.follow-toggle .unfollow:hover div.unfollow-red{
+    display:inline;
+    color:#fff;
+    font-weight:bold;
+    color:#A05736;
+}
+
+.follow-toggle .unfollow:hover div.unfollow-green{
+    display:none;
+}
+
+.count {
+    font-family: @main-font;
+    font-size: 200%;
+    font-weight: 700;
+    color: #777
+}
+
+.scoreNumber {
+    font-family: @main-font;
+    font-size: 35px;
+    font-weight: 800;
+    color: #777;
+    line-height: 40px; /*letter-spacing:0px*/
+    margin-top: 3px;
+}
+
+.vote-count {
+    font-family: Arial;
+    font-size: 160%;
+    font-weight: 700;
+    color: #777;
+}
+
+.answer-summary {
+    display: block;
+    clear: both;
+    padding: 3px;
+}
+
+.answer-votes {
+    background-color: #EEEEEE;
+    color: #555555;
+    float: left;
+    font-family: Arial;
+    font-size: 15px;
+    font-weight: bold;
+    height: 17px;
+    padding: 2px 4px 5px;
+    text-align: center;
+    text-decoration: none;
+    width: 20px;
+    margin-right: 10px;
+    .rounded-corners(4px);
+}
+
+.karma-summary {
+    padding:5px;
+    font-size:13px;
+}
+
+.karma-summary h3 {
+    text-align: center;
+    font-weight: bold;
+    padding:5px;
+}
+
+.karma-diagram {
+    width:477px;
+    height:300px;
+    float:left;
+    margin-right:10px;
+}
+
+.karma-details {
+    float:right;
+    width:450px;
+    height:250px;
+    overflow-y:auto;
+    word-wrap:break-word;
+    p{margin-bottom:10px;}
+}
+
+.karma-gained {
+    font-weight:bold;
+    background:#eee;
+    width:25px;
+    margin-right:5px;
+    color:green;
+    padding:3px;
+    display:block;
+    float:left;
+    text-align:center;
+    .rounded-corners(3px);
+}
+
+.karma-lost {
+    font-weight:bold;
+    background:#eee;
+    width:25px;
+    color:red;
+    padding:3px;
+    display:block;
+    margin-right:5px;
+    float:left;
+    text-align:center;
+    .rounded-corners(3px);
+}
+
+.submit-row{
+    margin-bottom:10px;
+}
+
+/*-----  Revision pages ----- */
+
+.revision {
+    margin: 10px 0 10px 0;
+    font-size: 13px;
+    color:@info-text-dark;
+    
+    p{
+        font-size:13px;
+        line-height:1.3;
+        color:@info-text-dark;
+    }
+    
+    h3{
+        font-family:@main-font;
+        font-size:21px;
+        padding-left:0px;
+    }
+    
+    .header {
+        background-color: #F5F5F5;
+        padding: 5px;
+        cursor: pointer;
+    }
+
+    .author {
+        background-color: #e9f3f5;
+    }
+
+    .summary {
+        padding: 5px 0 10px 0;
+    }
+
+    .summary span {
+        background-color:#fde785;
+        padding:6px;
+        .rounded-corners(4px);
+        display: inline;
+        .box-shadow(1px, 1px, 4px, #cfb852);
+    }
+
+    .answerbody {
+        padding: 10px 0 5px 10px;
+    }
+
+    .revision-mark {
+        width: 150px;
+        text-align: left;
+        display: inline-block;
+        font-size: 11px;
+        overflow: hidden;
+
+        .gravatar{
+             float:left;
+            margin-right:4px;
+            padding-top:5px;
+        }
+    }
+
+    .revision-number {
+        font-size: 300%;
+        font-weight: bold;
+        font-family: sans-serif;
+    }
+}
+
+del, del .post-tag {
+    color: #C34719;
+}
+
+ins .post-tag, ins p, ins {
+    background-color: #E6F0A2;
+}
+
+/* ----- Red Popup notification ----- */
+
+.vote-notification {
+    z-index: 1;
+    cursor: pointer;
+    display: none;
+    position: absolute;
+    font-family:@secondary-font;
+    font-size:14px;
+    font-weight:normal;
+    color: white;
+    background-color: #8e0000;
+    text-align: center;
+    padding-bottom:10px;
+    .box-shadow(0px, 2px, 4px, #370000);
+    .rounded-corners(4px);
+
+    h3{
+        background:url(../images/notification.png) repeat-x top;
+       padding:10px 10px 10px 10px;
+       font-size:13px;
+       margin-bottom:5px;
+       border-top:#8e0000 1px solid;
+       color:#fff;
+       font-weight:normal;
+       .rounded-corners-top(4px);
+    }
+    a {
+        color: #fb7321;
+        text-decoration: underline;
+        font-weight:bold;
+    }
+
+}
+
+
+/* ----- Footer links , check blocks/footer.html----- */
+
+#ground {
+    width: 100%;
+    clear: both;
+    border-top: 1px solid #000;
+    padding: 6px 0 0 0;
+    background: @header-color;
+    font-size:16px;
+    font-family:@main-font;
+
+    p {
+        margin-bottom:0;
+    }
+}
+
+.footer-links {
+    color: #EEE;
+    text-align:left;
+    width:500px;
+    float:left;
+    a {
+        color: #e7e8a8;
+    }
+}
+
+.powered-link{
+    width:500px;
+    float:left;
+    text-align:left;
+    a{
+        color:#8ebcc7;
+    }
+}
+
+.copyright{
+    color:#616161;
+    width:450px;
+    float:right;
+    text-align:right;
+
+    a{
+        color:#8ebcc7;
+    }
+    img.license-logo {
+        margin: 6px 0px 20px 10px;
+        float:right;
+    }
+}
+
+
+.notify-me {
+    float: left;
+}
+
+
+span.text-counter {
+    margin-right: 20px;
+}
+
+span.form-error {
+    color: #990000;
+    font-weight: normal;
+    margin-left: 5px;
+}
+
+p.form-item {
+    margin: 0px;
+}
+
+
+
+
+.deleted {
+    background: #F4E7E7 none repeat scroll 0 0;
+}
+
+
+/* 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;
+}
+
+table.ab-subscr-form {
+    width: 45em;
+}
+
+table.ab-tag-filter-form {
+    width: 45em;
+}
+
+.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;
+}
+
+label.retag-error {
+    color: darkred;
+    padding-left: 5px;
+    font-size: 10px;
+}
+
+.fieldset {
+    border: none;
+    margin-top: 10px;
+    padding: 10px;
+}
+
+
+span.form-error {
+    color: #990000;
+    font-size: 90%;
+    font-weight: normal;
+    margin-left: 5px;
+}
+
+
+/*
+.favorites-count-off {
+    color: #919191;
+    float: left;
+    text-align: center;
+}
+
+.favorites-count {
+    color: #D4A849;
+    float: left;
+    text-align: center;
+}
+*/
+
+/* todo: get rid of this in html */
+.favorites-empty {
+    width: 32px;
+    height: 45px;
+    float: left;
+}
+
+.user-info-table {
+    margin-bottom: 10px;
+    border-spacing: 0;
+}
+
+/* todo: remove this hack? */
+.user-stats-table .narrow {
+    width: 660px;
+}
+
+.narrow .summary h3 {
+    padding: 0px;
+    margin: 0px;
+}
+
+.relativetime {
+    font-weight: bold;
+    text-decoration: none;
+}
+
+.narrow .tags {
+    float: left;
+}
+
+
+
+
+/* todo: make these more semantic */
+.user-action-1 {
+    font-weight: bold;
+    color: #333;
+}
+
+.user-action-2 {
+    font-weight: bold;
+    color: #CCC;
+}
+
+.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-8 {
+    padding: 3px;
+    font-weight: bold;
+    background-color: #CCC;
+    color: #763333;
+}
+
+.revision-summary {
+    background-color: #FFFE9B;
+    padding: 2px;
+}
+
+.question-title-link a {
+    font-weight: bold;
+    color: #0077CC;
+}
+
+.answer-title-link a {
+    color: #333;
+}
+
+/* todo: make these more semantic */
+.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;
+}
+
+.hilite {
+    background-color: #ff0;
+}
+
+.hilite1 {
+    background-color: #ff0;
+}
+
+.hilite2 {
+    background-color: #f0f;
+}
+
+.hilite3 {
+    background-color: #0ff;
+}
+
+.gold, .badge1 {
+    color: #FFCC00;
+}
+
+.silver, .badge2 {
+    color: #CCCCCC;
+}
+
+.bronze, .badge3 {
+    color: #CC9933;
+}
+
+.score {
+    font-weight: 800;
+    color: #333;
+}
+
+
+a.comment {
+    background: #EEE;
+    color: #993300;
+    padding: 5px;
+}
+
+a.offensive {
+    color: #999;
+}
+
+.message h1 {
+    padding-top: 0px;
+    font-size: 15px;
+}
+
+.message p {
+    margin-bottom: 0px;
+}
+
+p.space-above {
+    margin-top: 10px;
+}
+
+.warning {
+    color: red;
+}
+
+
+
+button::-moz-focus-inner {
+    padding:0;
+    border:none;
+}
+.submit {
+    cursor: pointer; /*letter-spacing:1px;*/
+    background-color: #D4D0C8;
+    height: 30px;
+    border: 1px solid #777777; /*	width:100px; */
+    font-weight: bold;
+    font-size: 120%;
+}
+
+.submit:hover {
+    text-decoration: underline;
+}
+
+.submit.small {
+    margin-right:5px;
+    height:20px;
+    font-weight:normal;
+    font-size:12px;
+    padding:1px 5px;
+}
+.submit.small:hover {
+    text-decoration:none;
+}
+.question-page a.submit {
+    display: -moz-inline-stack;
+    display: inline-block;
+    line-height: 30px;
+    padding: 0 5px;
+    *display: inline;
+}
+
+.noscript {
+    position: fixed;
+    top: 0px;
+    left: 0px;
+    width: 100%;
+    z-index: 100;
+    padding: 5px 0;
+    text-align: center;
+    font-family: sans-serif;
+    font-size: 120%;
+    font-weight: Bold;
+    color: #FFFFFF;
+    background-color: #AE0000;
+}
+
+.big {
+    font-size: 14px;
+}
+
+.strong {
+    font-weight: bold;
+}
+
+.orange {/* used in django.po */
+    color: #d64000;
+    font-weight: bold;
+}
+
+.grey {
+    color: #808080;
+}
+
+.about div {
+    padding: 10px 5px 10px 5px;
+    border-top: 1px dashed #aaaaaa;
+}
+
+.highlight {
+    background-color: #FFF8C6;
+}
+
+.nomargin {
+    margin: 0;
+}
+
+.margin-bottom {
+    margin-bottom: 10px;
+}
+
+.margin-top {
+    margin-top: 10px;
+}
+
+.inline-block {
+    display: inline-block;
+}
+
+.action-status {
+    margin: 0;
+    border: none;
+    text-align: center;
+    line-height: 10px;
+    font-size: 12px;
+    padding: 0;
+}
+
+.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;
+}
+
+.list-table td {
+    vertical-align: top;
+}
+
+/* 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;
+}
+
+table.form-as-table input {
+    display: inline;
+    margin-left: 4px;
+}
+
+table.form-as-table th {
+    vertical-align: bottom;
+    padding-bottom: 4px;
+}
+
+.form-row-vertical {
+    margin-top: 8px;
+    display: block;
+}
+
+.form-row-vertical label {
+    margin-bottom: 3px;
+    display: block;
+}
+
+/* above stuff needs to go */
+.text-align-right {
+    text-align: center;
+}
+
+ul.form-horizontal-rows {
+    list-style: none;
+    margin: 0;
+}
+
+ul.form-horizontal-rows li {
+    position: relative;
+    height: 40px;
+}
+
+ul.form-horizontal-rows label {
+    display: inline-block;
+}
+
+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;
+}
+
+ul.form-horizontal-rows ul.errorlist li {
+    height: 10px;
+}
+
+ul.form-horizontal-rows label {
+    position: absolute;
+    left: 0px;
+    bottom: 6px;
+    margin: 0px;
+    line-height: 12px;
+    font-size: 12px;
+}
+
+ul.form-horizontal-rows li input {
+    position: absolute;
+    bottom: 0px;
+    left: 180px;
+    margin: 0px;
+}
+
+.narrow .summary {
+    float: left;
+}
+
+.user-profile-tool-links {
+    font-weight: bold;
+    vertical-align: top;
+}
+
+
+ul.post-tags {
+    margin-left: 7px;
+}
+ul.post-tags li {
+    margin-top: 4px;
+    margin-bottom: 3px;
+}
+
+ul.post-retag {
+    margin-bottom:0px;
+    margin-left:5px;
+}
+
+#question-controls .tags {
+    margin: 0 0 3px 0;
+}
+
+#tagSelector {
+    padding-bottom: 2px;
+    margin-bottom: 0;
+}
+
+#related-tags {
+    padding-left: 3px;
+}
+
+#hideIgnoredTagsControl {
+    margin: 5px 0 0 0;
+}
+
+#hideIgnoredTagsControl label {
+    font-size: 12px;
+    color: #666;
+}
+
+#hideIgnoredTagsCb {
+    margin: 0 2px 0 1px;
+}
+
+#recaptcha_widget_div {
+    width: 318px;
+    float: left;
+    clear: both;
+}
+
+p.signup_p {
+    margin: 20px 0px 0px 0px;
+}
+
+.simple-subscribe-options ul {
+    list-style: none;
+    list-style-position: outside;
+    margin: 0;
+}
+
+/* a workaround to set link colors correctly */
+
+.wmd-preview a {
+    color:@link;
+}
+
+.wmd-preview li {
+    margin-bottom:7px;
+    font-size:14px;
+}
+
+.search-result-summary {
+    font-weight: bold;
+    font-size:18px;
+    line-height:22px;
+    margin:0px 0px 0px 0px;
+    padding:2px 0 0 0;
+    float: left;
+}
+
+.faq-rep-item { 
+    text-align:right;
+    padding-right:5px; 
+}
+
+
+.user-info-table .gravatar {
+    margin:0;
+}
+
+#responses {
+    clear:both;
+    line-height:18px;
+    margin-bottom:15px;
+}
+
+#responses div.face {
+    float:left;
+    text-align: center;
+    width: 54px;
+    padding: 3px;
+    overflow:hidden;
+}
+
+.response-parent {
+    margin-top: 18px;
+}
+
+.response-parent strong{
+    font-size: 20px;
+}
+
+.re {
+    min-height: 57px;
+    clear: both;
+    margin-top: 10px;
+}
+
+#responses input {
+    float:left;
+}
+#re_tools {
+    margin-bottom:10px;
+}
+#re_sections {
+    margin-bottom:6px;
+}
+#re_sections .on {
+    font-weight:bold;
+}
+
+.avatar-page ul {
+    list-style: none;
+}
+.avatar-page li {
+    display: inline;
+}
+.user-profile-page .avatar p {
+    margin-bottom: 0px;
+}
+.user-profile-page .tabBar a#stats {
+    margin-left: 0;
+}
+.user-profile-page img.gravatar {
+    margin: 2px 0 3px 0;
+}
+.user-profile-page h3 {
+    padding: 0;
+    margin-top: -3px;
+}
+.userList {
+    font-size: 13px;
+}
+
+img.flag {
+    border: 1px solid #eee;
+    vertical-align: text-top;
+}
+
+.main-page img.flag {
+    vertical-align: text-bottom;
+}
+
+
+/* Pretty printing styles. Used with prettify.js. */
+
+a.edit {
+    padding-left:3px;
+    color: #145bff;
+}
+
+.str { color: #080; }
+.kwd { color: #008; }
+.com { color: #800; }
+.typ { color: #606; }
+.lit { color: #066; }
+.pun { color: #660; }
+.pln { color: #000; }
+.tag { color: #008; }/* name conflict here */
+.atn { color: #606; }
+.atv { color: #080; }
+.dec { color: #606; }
+pre.prettyprint { padding: 3px; border: 0px solid #888; }
+
+@media print {
+  .str { color: #060; }
+  .kwd { color: #006; font-weight: bold; }
+  .com { color: #600; font-style: italic; }
+  .typ { color: #404; font-weight: bold; }
+  .lit { color: #044; }
+  .pun { color: #440; }
+  .pln { color: #000; }
+  .tag { color: #006; font-weight: bold; }
+  .atn { color: #404; }
+  .atv { color: #060; }
+}
diff --git a/askbot/skins/default/templates/meta/html_head_stylesheets.html b/askbot/skins/default/templates/meta/html_head_stylesheets.html
index 9d5aebad..f64b1a3c 100644
--- a/askbot/skins/default/templates/meta/html_head_stylesheets.html
+++ b/askbot/skins/default/templates/meta/html_head_stylesheets.html
@@ -1,5 +1,9 @@
-<link href="{{"/style/style.css"|media }}" rel="stylesheet/less" type="text/css" />
+{%if settings.DEBUG %}
+<link href="{{"/style/style.less.css"|media }}" rel="stylesheet/less" type="text/css" />
 <script type="text/javascript" src="{{"/js/less.min.js"|media}}"></script>
+{%else%}
+<link href="{{"/style/style.css"|media }}" rel="stylesheet" type="text/css" />
+{%endif%}
 {{ skin.get_extra_css_link() }}
 {% if settings.USE_CUSTOM_CSS %}
     <link