/******************************************

    ▓▓                                        ▓▓▓▓▓▓      ▓▓▓            ▓▓                                                        ▓▓▓              ▓▓        ▓▓                                            ▓▓▓  ▓▓▓                                      ▓▓                        
    ▓▓              ▓                          ▓        ▓        ▓            ▓▓                                                          ▓                ▓▓          ▓                                              ▓▓  ▓▓                                        ▓▓                        
                      ▓                          ▓    ▓            ▓                                                                          ▓                              ▓                                              ▓▓  ▓▓                                                                    
  ▓▓▓          ▓▓▓▓▓                      ▓    ▓            ▓          ▓▓▓            ▓▓▓▓        ▓▓▓▓                      ▓              ▓▓▓          ▓    ▓▓▓      ▓▓▓▓                      ▓▓  ▓▓        ▓▓▓      ▓▓▓  ▓▓▓    ▓▓▓              ▓▓      
      ▓              ▓                          ▓▓▓▓            ▓              ▓          ▓        ▓    ▓      ▓                      ▓                  ▓          ▓    ▓        ▓        ▓                    ▓  ▓  ▓      ▓      ▓        ▓▓    ▓        ▓            ▓    ▓    
      ▓              ▓                          ▓    ▓            ▓              ▓          ▓▓▓▓▓▓    ▓                              ▓                  ▓          ▓  ▓          ▓▓▓▓▓▓                    ▓  ▓  ▓          ▓▓▓        ▓                ▓          ▓        ▓  
      ▓              ▓                          ▓    ▓            ▓              ▓          ▓                ▓▓▓                        ▓                  ▓          ▓▓  ▓        ▓                              ▓  ▓  ▓        ▓    ▓        ▓                ▓          ▓        ▓  
      ▓              ▓                          ▓                  ▓              ▓          ▓                      ▓                      ▓                  ▓          ▓    ▓        ▓                              ▓  ▓  ▓      ▓      ▓        ▓                ▓          ▓        ▓  
      ▓              ▓                          ▓                  ▓              ▓          ▓        ▓    ▓      ▓                      ▓        ▓        ▓          ▓      ▓      ▓        ▓                    ▓  ▓  ▓      ▓      ▓        ▓                ▓            ▓    ▓    
  ▓▓▓▓▓            ▓▓                    ▓▓▓            ▓▓▓▓▓      ▓▓▓▓▓        ▓▓▓▓      ▓▓▓▓                      ▓▓▓▓▓▓▓    ▓▓▓▓▓    ▓▓▓  ▓▓▓      ▓▓▓▓                    ▓▓  ▓  ▓▓      ▓▓▓▓▓  ▓▓▓▓▓        ▓▓▓▓▓          ▓▓      
                                                                                                                                                                                                                                                                                                                
Theme Name: FLM 2.0
Theme URI: http://www.SMbey0nd.com/
CopyRight '2009 it Flies Like Mario
Description: This is my theme for a tutorial.

Author: SMbey0nd(完颜小卓)
Author URI: http://www.SMbey0nd.com/
Twitter: SMbey0nd
Email: SMbey0nd@163.com
QQ: 100999829

I Love the WONFU Big Band & Some Other Indie Vintage Music :)
I Love 花夏小小！
We are Music！

*******************************************/
/*-====FLM====-< CSS Reset Begin --*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset, img{border:none;}
address, caption, cite, code, dfn, em, strong, th, var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption, th{text-align:left;}
h1, h2, h3, h4, h5, h6{font-size:100%;}
h1{font-size:18px;}
h2,h3{font-size:16px;}
q:before, q:after{content:'';}
abbr, acronym{border:none;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input, button, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;vertical-align:middle;}
input, button, textarea, select{*font-size:100%;}
select, input, button, textarea{font:100% Tahoma,Helvetica,Arial,sans-serif;}
table{font-size:inherit;font:100%;}
pre, code, kbd, samp, tt{font-family:'Courier New', Courier, monospace;}
small{font-size:100%;}
abbr, acronym{border-bottom:1px dotted;cursor:help;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
hr{color:#D1D7DC;background-color:#D1D7DC;border:none;height:1px;}
/*-====FLM====-< CSS Reset End --*/

/*-====FLM====-< CSS Sprites Begin --*/
#SMbey0nd,
.logo,.logo h1,
.bBlog .header .nav li.nBlog,
.bTweets .header .nav li.nTweets,
.bTags .header .nav li.nTags,
.bAbout .header .nav li.nAbout,
.header .nav,
.header .nav ul,
.header .nav .cranks,
.bg,
.artiList h2,
.article .info,
.aside .practical .hd,
.aside .practical .sideBox h2,
.aside .practical .sideBox .ft,
.aside .practical .sideBox .detail li,
.aside .practical .search .detail div,
.aside .cc,
.fold a,
.fold b,
.unfold a,
.unfold b,
.footer .copyright,
.footer .sublogo,
.bPage .comments .commTitle,
.bPage .comments .commList .gravata p,
.bPage .section .comments .commPost h3
{background:url(images/flm_norepeat.png) no-repeat 1000px 1000px;}
.header,.aside .practical .sideBox .detail,.iBtn,.footer{background:url(images/flm_repeat.png) repeat-x 1000px 1000px;}
.bPage .section .comments .commList .gravatar p strong{background:url(images/flm_alpha.png) no-repeat;}
/*-====FLM====-< CSS Sprites End --*/

/*-====FLM====-< Global Begin --*/
body{color:#000;font:12px/1.5 georgia,verdana,Helvetica,Arial,'宋体',sans-serif;background:url(images/bg.png);}
img{vertical-align:middle;}
strong,em{font-weight:700;}
a{color:#000;text-decoration:underline;}
a:hover{text-decoration:none;}
.hidden{visibility:hidden;}
.none{display:none;}
input,select,textarea{font-family:微软雅黑;border:1px #000 solid;}
.iText{height:20px;line-height:20px;padding-top:3px;}
.iTextA{line-height:20px;padding-top:3px;}
.iBtn{height:25px;line-height:25px;font-weight:700;font-size:12px;color:#FFF;cursor:pointer;outline:0;background-color:#000;background-position:0 -101px;}
.iBtn:hover{background:#FFF;color:#000;}
.iBtn::-moz-focus-inner{border-color:transparent;}
/*-====FLM====-< Global End --*/

/*-====FLM====-< ClearFloat Begin --*/
.main:after,
.aside .practical .logos .detail ul:after
{content:".";height:0;visibility:hidden;display:block;clear:both;}
/*-====FLM====-< ClearFloat End --*/

/*-====FLM====-< Common Layout Begin --*/
#Container{width:1000px;margin:0 auto;border:1px #000 solid;background:#000;}
#Container .fix{border:1px #FFF solid;}
.header{height:163px;margin-top:11px;background-position:0 158px;}
.header .logo{height:130px;overflow:hidden;background-position:850px -136px;background-color:#FFF;}
.header .logo h1{width:339px;height:122px;margin:7px 0 0 22px;background-position:0 0;}
.header .logo h1 img{display:none;}
.header .logo h1 a{display:block;height:100%;text-indent:-9876px;overflow:hidden;}
.header .nav{height:33px;background-position:848px -393px;}
.header .nav ul,.header .nav p,.header .nav li{float:left;height:28px;line-height:28px;}
.header .nav ul{padding-left:39px;background-position:4px -312px;}
.header .nav li{width:59px;margin-right:8px;font:700 14px/28px Consolas;text-align:center;}
.header .nav li a{display:block;color:#FFF;padding-top:4px;line-height:24px;}
.bBlog .header .nav li.nBlog,
.bTweets .header .nav li.nTweets,
.bTags .header .nav li.nTags,
.bAbout .header .nav li.nAbout{background-position:0 -275px;}
.bBlog .header .nav li.nBlog a,
.bTweets .header .nav li.nTweets a,
.bTags .header .nav li.nTags a,
.bAbout .header .nav li.nAbout a{color:#000;font-weight:400;text-decoration:none;}
.header .nav .cranks{margin-left:20px;color:#FFF;font-size:14px;font-weight:700;text-indent:25px;background-position:0 -353px;}
.header .nav .cranks a{color:#fff;}
.main{padding:15px 0;position:relative;}
.main .section,.main .aside{float:left;}
.main .section .wrap{margin-right:301px;color:#FFF;}
.main .section .wrap-fold{margin-right:0;}
.main .section .wrap-fold .article .entry{padding-right:50px;}
.main .aside{width:280px;margin-left:-301px;position:relative;}
.footer{height:42px;margin-bottom:11px;overflow:hidden;position:relative;background-position:0 0;}
.footer .copyright{height:30px;line-height:30px;margin-top:7px;padding-top:5px;text-align:center;font-family:Verdana;background-color:#FFF;background-position:831px -1295px;}
.footer .copyright a{text-decoration:none;}
.footer .copyright a:hover{text-decoration:underline;}
.footer .sublogo{display:block;width:190px;height:35px;position:absolute;left:8px;top:8px;background-position:0 -1345px;}
.footer .sublogo a{display:block;text-indent:-9876px;overflow:hidden;}
/*-====FLM====-< Common Layout End --*/

/*-====FLM====-< Style Detail Begin --*/
/*Common*/
.bg{width:195px;height:82px;text-indent:-9876px;position:absolute;right:11px;top:11px;background-position:0 -596px;}
.artiList{padding-left:12px;min-width:685px;}
.artiList .artiNav{padding:0 30px 10px;overflow:hidden;position:relative;}
.artiList .artiNav a{color:#FFF;}
.artiList .artiNav .previous{float:left;}
.artiList .artiNav .next{float:right;}
.article .artiTitle{height:60px;line-height:60px;text-indent:60px;padding-right:30px;font-size:18px;font-family:微软雅黑;overflow:hidden;background-position:0 -434px;}
.article .artiTitle a{color:#FFF;text-decoration:none;}
.article .artiTitle a:hover{color:#F90;}
.article .entry{padding:0 30px;font-size:14px;min-height:60px;line-height:1.8;word-wrap:break-word;word-break:break-all;}
.article .entry a{color:#FFF;padding:0 3px;}
.article .entry a:hover{color:#F90;}
.article .entry:first-letter,.article .entry p:first-child:first-letter{float:left;font:700 48px/48px 微软雅黑;color:#F90;}
.article .info{height:38px;margin:-8px 0;padding:37px 30px 0 0;text-align:right;font-family:微软雅黑;background-position:right -507px;}
.article .info a{color:#FFF;}
.pagination{padding:15px 0 10px 20px;font-family:微软雅黑;}
.pagination a,.pagination span{margin-right:5px;font-size:14px;}
.pagination span{font-weight:700;}
.pagination a{color:#FFF;}

.aside{padding-top:10px;font-size:14px;}
#SMbey0nd{position:relative;background-position:2px -883px;}
#SMbey0nd h2,#SMbey0nd .otherInfo{display:none;}
#SMbey0nd a{display:block;height:67px;text-indent:-9876px;overflow:hidden;position:relative;}
#SMbey0nd img{position:absolute;left:71px;top:28px;}
.aside .practical{background:#FFF;}
.aside .practical .hd{display:block;height:10px;text-indent:-9876px;overflow:hidden;background-position:0 -963px;}
.aside .practical .sideBox{padding:0 5px;}
.aside .practical .sideBox h2{height:44px;line-height:44px;text-indent:65px;color:#FFF;font-style:italic;font-family:微软雅黑;background-position:0 -988px;}
.aside .practical .sideBox .detail{padding:5px 0 10px 33px;background-position:22px bottom;background-repeat:repeat-y;}
.aside .practical .sideBox .detail li{text-indent:20px;background-position:1px -1227px;}
.aside .practical .sideBox .ft{display:block;height:6px;text-indent:-9876px;background-position:12px -1179px;}
.aside .practical .category li{color:#F70;font-weight:700;}
.aside .practical .category li a{margin-right:4px;}
.aside .practical .search label{display:none;}
.aside .practical .search .detail{padding:12px 0 12px 33px;}
.aside .practical .search .detail div{padding-left:12px;background-position:-345px -1175px;}
.aside .practical .search .iText{width:150px;}
.aside .practical .search .iBtn{width:50px;}
.aside .practical .comments a,.aside .practical .blogroll a,.aside .practical .resources a{font-weight:700;}
.aside .practical .logos .detail li,.aside .practical .other .detail li{text-indent:0;background:none;}
.aside .practical .logos .detail,.aside .practical .other .detail{padding:10px 0 10px 33px;}
.aside .practical .logos .detail li{float:left;margin:4px 8px 4px 4px;}
.aside .practical .other .detail h3{display:none;}
.aside .practical .other .detail li{margin:4px 0;}
.aside .cc{height:124px;overflow:hidden;background-position:0 -1048px;}
.aside .cc a{display:block;line-height:50px;margin-top:74px;text-indent:-9876px;overflow:hidden;}

.fold,.unfold{width:12px;height:76px;position:absolute;right:308px;top:92px;clear:both;}
.fold a,.unfold a{display:block;height:13px;text-indent:-9876px;overflow:hidden;background-position:0 -690px;}
.fold b,.unfold b{height:58px;margin-top:5px;text-indent:-9876px;background-position:0 -708px;}
.unfold{right:12px;}
.unfold a{background-position:-22px -690px;}
.unfold b{background-position:-22px -708px;}

/*Single*/
.article .entry p{margin:15px 0;padding-left:10px;}
.article .entry ul,.article .entry ol{padding-left:25px;margin:15px 0;}
.article .entry ul li{list-style:square;}
.article .entry ul ul li{list-style:circle;}
.article .entry ol li{list-style:decimal;}
.article .entry ol ul li{list-style:circle;}
.article .entry .tips{padding:10px;margin:15px;color:#CCC;border:1px #CCC dotted;}
.article .entry h2,.article .entry h3,.article .entry h4,.article .entry h5,.article .entry h6{font-family:微软雅黑;}
.article .entry h2{font-size:18px;color:#FA0;}
.article .entry h3{font-size:16px;}
.article .entry h4{font-size:14px;padding-left:5px;}
.article .entry h5{font-size:13px;padding-left:10px;}
.article .entry blockquote{padding:10px 35px;margin:15px;background:url(images/quote.png) no-repeat;}
.article .entry pre{padding:10px;margin:15px;border-left:2px #F90 solid;color:#F90;font-family:Monaco,"Andale Mono","Lucida Console","Bitstream Vera Sans Mono","Courier New",monospace;white-space:pre-wrap;}
.article .entry .dim{color:#C0C0C0;}

/*Page*/
.bPage .section .comments{margin-top:-42px;padding-left:37px;}
.bPage .section .comments a{color:#FFF;}
.bPage .section .comments .commTitle,.bPage .section .comments .commPost h3{height:36px;text-indent:10px;font-family:微软雅黑;background-position:-110px -745px;}
.bPage .section .comments .commTitle h2{display:inline;}
.bPage .section .comments .commTitle a{font-weight:400;}
.bPage .section .comments .commList{padding:18px 0 0 14px;}
.bPage .section .comments .commList li{margin-bottom:13px;overflow:hidden;}
.bPage .section .comments .commList .gravatar,.bPage .comments .commList .entry{float:left;}
.bPage .section .comments .commList .gravatar{width:102px;}
.bPage .section .comments .commList .gravatar p{display:block;padding:12px 0 0 32px;text-decoration:none;position:relative;background-position:0 -784px;}
.bPage .section .comments .commList .gravatar p strong{display:block;width:20px;height:20px;text-align:center;position:absolute;right:0;bottom:2px;}
.bPage .section .comments .commList .even .gravatar p:hover strong{color:#C00;}
.bPage .section .comments .commList .gravatar p:hover strong{color:#F90;}
.bPage .section .comments .commList .gravatar p img{border:1px #FFF solid;}
.bPage .section .comments .commList .gravatar p:hover img{border-color:#F90;}
.bPage .section .comments .commList .even .gravatar p:hover img{border-color:#C00;}
.bPage .section .comments .commList .entry{width:476px;padding:12px 0 0 15px;}
.bPage .section .comments .commList .entry dt{padding-bottom:5px;}
.bPage .section .comments .commList .entry dt strong{padding-right:5px;font-family:微软雅黑;font-weight:700;}
.bPage .section .comments .commList .entry dd:first-letter,
.bPage .section .comments .commList .entry dd p:first-child:first-letter{font:700 22px/22px 微软雅黑;color:#F90;}
.bPage .section .comments .commList .even .entry dd:first-letter,
.bPage .section .comments .commList .even .entry dd p:first-child:first-letter{color:#C00;}
.bPage .section .comments .commPost .commPostForm{padding-left:30px;}
.bPage .section .comments .commPost .commPostForm p{padding:5px 0;}
.bPage .section .comments .commPost .commPostForm .required{padding-left:10px;color:#F90;}
.bPage .section .comments .commPost .commPostForm .iText{width:200px;}
.bPage .section .comments .commPost .commPostForm .iTextA{width:400px;}
.bPage .section .comments .commPost .commPostForm .iBtn{height:29px;line-height:29px;padding:0 15px;border-color:#FFF;background-position:0 -99px;}

/*404*/
.b404 .artiList .entry{width:582px;padding:0 0 0 60px;}
.b404 .artiList .entry .hd{height:293px;overflow:hidden;background:url(images/flm_404.png) no-repeat;}
.b404 .artiList .entry .hd h3{margin:170px 0 0 80px;font:bold 22px/22px 微软雅黑;}
.b404 .artiList .entry .bd{width:400px;min-height:160px;margin:-70px 0 0 56px;padding-left:25px;border:#FFF solid;border-width:0 2px;}
.b404 .artiList .entry .ft{height:125px;background:url(images/flm_404.png) no-repeat -576px 0;}
.b404 .artiList .entry ul,.bPage .article .entry ol{margin:0;}

/*-====FLM====-< Style Detail End --*/

/*-====FLM Game Over====-*/