*{margin:0;padding:0}
html,body{overflow:hidden;padding:0;margin:0;width:100%;height:100%;font-size:14px;line-height:135%;font-family:"Lucida Grande",Helvetica,Verdana,sans-serif;color:#333}
img{border:0}
#layout{overflow:auto;background:#ccc url(../images/hor-bg.png) 0 -386px repeat-x;padding:0;margin:0;width:100%;height:100%;position:relative;}
#wrapper{position:relative;width:90%;margin:10px auto;background:#369;overflow:hidden;}
#wrapper .cn{position:absolute;width:26px;left:-13px;top:-13px;background:url(../images/wr.png)}
#wrapper .cn.tr,#wrapper .cn.br{margin-left:100%}
#wrapper .cn.bl,#wrapper .cn.br{top:auto;height:13px;margin-top:-13px}
#wrapper .cn.tr,#wrapper .cn.tl{height:185px}
#header{background:url(../images/hor-bg.png) 0 -101px repeat-x;padding:8px 13px 0;height:164px;border-bottom:1px solid #036}
#header img{margin-top:5px}
#header h2{margin-top:-50px;margin-left:200px;font-size:20px;color:#fc3}
#header h1{visibility:hidden}
#logo{background:transparent url(../images/logo-bg.png) no-repeat;height:157px}
#center{padding:5px;border-left:1px solid #036;border-right:1px solid #69c;border-top:1px solid #69c}
#container{position:relative;overflow:hidden;padding:8px 0;background:#fff}
#container .content{border-left:1px solid #666;border-right:1px solid #ccc;padding-top:23px}
#container .content .main{background:url(../images/container-bg.png) repeat-x;padding:17px 6px;}
#container .cn{position:absolute;left:-8px;top:-8px;background:url(../images/cr.png)}
#container .cn.tr,#container .cn.br{margin-left:100%;width:16px;height:16px}
#container .cn.bl,#container .cn.br{top:auto;width:16px;height:16px;margin-top:0}
#container .cn.tl{width:16px;height:16px}
#menu{border-top:1px solid #ccc;border-bottom: 1px solid #666;font-family:Georgia,"Lucida Grande",Helvetica,Verdana,sans-serif,serif;font-size:16px}
#menu ul{border:1px solid #666;border-right:#fff;background:#999 url(../images/hor-bg.png) 0 -70px repeat-x;height:31px;display:inline;list-style-type:none;padding:1;position:absolute;top:0px;left:0px;width:100%}
#menu ul li{float:left;height:20px;margin-left:8px;min-width:75px;padding:5px 10px;font-size:15px}
#menu a{text-decoration:none;color:#333;font-weight:bolder;text-shadow:#999 0px 0px 2px;filter:progid:DXImageTransform.Microsoft.Glow(Color=#999999,Strength=)progid:DXImageTransform.Microsoft.blur(pixelradius=1, enabled='true')}
#menu a:hover {color:#000}
#menu .selected{color:#036;font-weight:bold;text-shadow:#000 0px 0px 3px;filter:progid:DXImageTransform.Microsoft.Glow(Color=#000000,Strength=)progid:DXImageTransform.Microsoft.blur(pixelradius=1, enabled='true');background:#ccc;border-color:#036 #999 #036 #eee;border-style:solid;border-width:3px 1px;height:16px}
#content{float:left;width:100%;position:relative;overflow:hidden}
#main{padding:0 300px 0 0}
.article{background:url(../images/article.png) 90% 300px no-repeat;border:1px solid #ccc;padding:5px;margin-bottom:10px}
.article p,.article ul,.article ol,.article dl{padding:10px;padding-top:0;font-family:Verdana,Helvetica,sans-serif,serif}
.article li{display:list-item;list-style:inside}
.article ol li{list-style-type:decimal}
.article dl{background:#fffff0}
.article dt{font-weight:bolder}
.article dd{font-weight:normal;padding-left:30px}
.category-image{float:left;padding-top:10px;padding-right:5px}
.small-icon{float:left;margin-right:4px;}
.article h2{padding:5px;color:#369;font-weight:bold;font-family:Georgia,"Lucida Grande",Helvetica,Verdana,sans-serif,serif;font-size:20px}
.article h2 a{text-decoration:none;color:#369}
.article h3 {text-align:center}
.article a, a {color:#6c0;font-weight:bold;text-decoration:none}
.article a:hover {text-decoration:underline}
.article .date{padding:5px;border-top:2px solid #369;text-align:right}
.date a{color:#6c0}
.article .tags{float:left;padding:5px}
.article .comments-summary{float:right;padding:5px}
.tags a{color:#369}
.tags a,.date a,.comments-summary a{text-decoration:none;font-weight:bold}
.tags a:hover ,.date a:hover ,.comments-summary a:hover {text-decoration:underline}
.comments h2 {color:#666;font-size:16px;font-family:"Lucida Grande",Helvetica,Verdana,sans-serif,serif;border-top:2px solid #ccc}
.branch{padding-left:10px}
.comment{border:1px dashed #ccc;margin-bottom:5px;padding:5px}
.comment p{font-family:Verdana,Helvetica,sans-serif,serif}
.comment .header{color:#6c0;font-size:12px}
.comment .header a{color:#369;font-weight:bold;font-size:15px;display:block}
.comment .header img{float:left;border:1px dotted #ccc;background:#eee;padding:3px;margin-right:10px;margin-bottom:10px}
.comments-summary a{color:#fc3}
.comments-form{padding:10px;background:url(../images/comments-bg.png) no-repeat;width:600px}
.comments-form p{padding:5px 0;}
.comments-form label{width:270px;display:block;float:left;margin-top:4px}
.comments-form textarea{width:598px;height:200px;color:#333;background:#eee;border:1px solid #666;margin-bottom:10px}
.comments-form input{width:300px;color:#333;background:#eee;border:1px solid #666;margin-top:4px}
.comments-form button{width:120px;padding:5px;height:30px;background:#eee url(../images/button.png);border:0}
#sidebar{float:right;width:290px;position:relative;margin-left:-300px}
#sidebar .cn{position:absolute;left:-3px;top:-3px;background:url(../images/sc.png)}
#sidebar .cn.tr,#sidebar .cn.br{margin-left:100%;width:6px;height:6px}
#sidebar .cn.bl,#sidebar .cn.br{top:auto;width:6px;height:3px;margin-top:0}
#sidebar .cn.tl{width:6px;height:6px}
#categories .cn{background:url(../images/cc.png)}
#categories{background:#eee url(../images/cats-bg.png) repeat-x scroll 0 100%;border:1px solid #999}
.overblock{padding-bottom:10px;position:relative;overflow:hidden}
.block{padding:2px 1px;border:1px solid #ccc;background:url(../images/block-btbg.png) repeat-x scroll 0 100%}
.block h2{background:url(../images/hor-bg.png) repeat-x;font-size:16px;padding:1px 10px 0;}
.block.blue h2{border-bottom:2px solid #369}
.block.green h2{border-bottom:2px solid #369}
.block.orange h2{border-bottom:2px solid #369}
.block.gray h2{border-bottom:2px solid #369}
.block.blue,.block.blue a{color:#369}
.block.green,.block.green a{color:#6c0}
.block.orange,.block.orange a{color:#fc3}
.block.gray,.block.gray a{color:#999}
.block ul{list-style-type:none;padding:0 10px}
.block a{text-decoration:none;font-weight:bold}
.block a:hover {text-decoration:underline}
.block-content{padding:5px}
#links{border-bottom:1px solid #666;border-left:1px solid #666;border-right:1px solid #ccc;background:#999 url(../images/links-bg.png) repeat-x;width:100%;min-height:150px;padding:10px;margin-bottom:-8px}
#links ul{list-style-type:none}
#links a{color:#ddd;text-decoration:none;text-shadow:#666 0px 0px 2px;filter:progid:DXImageTransform.Microsoft.Glow(Color=#333333,Strength=)progid:DXImageTransform.Microsoft.blur(pixelradius=1, enabled='true');}
#links h3{font-size:18px;color:#fff;margin:5px 0;text-shadow:#333 0px 0px 3px;filter:progid:DXImageTransform.Microsoft.Glow(Color=#333333,Strength=2)progid:DXImageTransform.Microsoft.blur(pixelradius=2, enabled='true');}
#links .column{float:left;width:30%;margin-right:10px}
#footer{text-align:center;padding:10px;border-left:1px solid #036;border-right:1px solid #69c}
.left{float:left}
.right{float:right}
.centered{display:block;clear:both;margin:5px auto 15px;}
.block .left,.block .right{width:45%;padding:5px;}
.clearer{clear:both;height:0px}
code,.code,.code-block{background:#eee;border:#333 1px dashed}
.code-block,.code{display:block;padding:10px;margin:0 10px}
code p,.code p{padding:0}
.str{color:red}
.func{color:blue}
.comm{color:orange}
.kwrd{font-weight:bold}
.str span{color:red;font-weight:normal}
.comm span{color:orange;font-weight:normal}