LESS CSS problem

I am trying to use LESS C开发者_开发知识库SS to write my CSS. I have imported the style.css and less.js file in that order.

But i am not able to generate the CSS when i write the CSS like this

@black: #231f20;
@brown: #241714;
@red: #cd0001;

#header #logo { width:224px; height: 75px; backgroud-color:@red;}

Link: http://bakasura.in/king/

Less File: http://bakasura.in/king/css/styles.less

backgroud-color:@red contains a typo.

Try background-color:@red instead.

Looking at your source you import the less.js after the styles.less

<link rel="stylesheet/less" href="css/styles.less">
<script src="js/less-1.1.3.min.js"></script>

This may or may not make any difference.