html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}.clearFix:after{content:"."; display:block; height:0; clear:both; visibility:hidden}.clear{clear:both}.void{display:none}.nocomments{ display:none}.comments .nocomments{ display:block}html{overflow-y:scroll}.copy ul li{list-style:circle}ul.articleListing li,ul.articleNav li,#videoPreview li{margin-left:0;list-style:none}form ul li{margin-left:0!important;list-style:none!important}p#announcement{padding-bottom:20px}p#announcement img{margin:0 5px 0 0;vertical-align:text-top}.minWidth,#content,#footer{width:845px;margin:auto}#content{width:914px}#footer{margin-top:36px}#header{position:relative;z-index:1;min-height:48px;padding:18px 0}#header h1,#header form{float:left}#header h1 a span{display:none}#header h1 a{display:block;width:258px;height:30px}#header form{margin:3px 0 0 18px}#header form input{vertical-align:middle}#header form input[type=text]{width:250px}#header form legend,#header form label{display:none}#header ul{float:right}#header ul li{float:left;margin-left:18px;margin-top:7px}#header ul li a{display:block;padding-left:20px}#titleHolder{position:relative;height:1%;margin-top:-18px}#titleHolder #scrollButtons{position:relative;width:820px;margin:auto;cursor:default}#titleHolder #scrollButtons img.scrollLeft,#titleHolder #scrollButtons img.scrollRight{position:absolute;left:0;top:55px}#titleHolder #scrollButtons img.scrollRight{left:auto;right:0}#titleHolder .minWidth{position:relative;overflow:hidden;width:740px}#titleHolder ul{width:2000px;padding:12px 0 6px 0}#titleHolder li{position:relative;float:left;margin:18px}#titleHolder li img{margin:0}#titleHolder li.selected em{position:absolute;bottom:-7px;left:-30px;width:130px;height:90px}#titleHolder li.selected img{position:relative;z-index:2}#titleHolder li.new a em{position:absolute;bottom:auto;left:auto;top:0;right:0;width:35px;height:35px;z-index:2}#content{padding:18px 0 36px 0}.copy ul li{margin-left:36px}#article{clear:both;width:100%;position:relative;padding-top:36px}#article img#topImage{position:absolute;top:-28px;margin:0}#article img#bottomImage{position:absolute;bottom:-23px;margin:0}#article .copy{height:1%;padding:18px 36px}#article pre{padding:18px}#article ol li{margin-left:36px}#listings{margin:18px auto 0 auto;width:860px}ul.articleListing li{position:relative;float:left;width:390px;margin:18px}ul.articleListing li img{position:absolute;left:0;top:0}ul.articleListing li h2,ul.articleListing li h3{margin:0;margin-left:76px}ul.articleListing li h2{margin-top:18px}ul.articleListing li a em{position:absolute;left:35px;top:-15px;width:44px;height:31px}#footer div{float:left;width:160px;margin-bottom:18px}#footer #popularTags{width:365px}#footer li{margin:0}#footer img{margin-left:-35px}h1,h2,h3,h4,p,pre,img,li,legend{margin-bottom:18px;line-height:18px}legend{margin:0;padding:0 0 18px 0}input[type=text],input[type=password],textarea{padding:5px}body#homePage #titleHolder{padding:36px 0 18px 0}body#homePage #titleHolder h1{margin-bottom:9px}body#homePage #content{padding-bottom:0}body#homePage .copy{height:1%;padding:18px 36px}body#homePage #featuredArticle a.bigPicture{position:relative;float:left;width:440px;height:215px}body#homePage #featuredArticle a.bigPicture img{width:440px;height:215px}body#homePage #featuredArticle a.bigPicture em{position:absolute;top:0;right:0;width:133px;height:133px}body#homePage #featuredArticle h2,body#homePage #featuredArticle p,body#homePage #featuredArticle ul{margin-left:480px;padding:0}body#homePage #featuredArticle p,body#homePage #featuredArticle ul{margin-bottom:0}body#homePage #featuredArticle p{float:none;width:auto;margin-right:0}body#homePage .copy p{float:left;width:442px;margin:18px 18px 18px 0}body#homePage ul.articleListing{margin-left:460px}body#homePage ul.articleListing li{width:auto}body#articlePage #videoPreview{position:relative;margin-bottom:18px}body#articlePage #videoPreview img{margin:0}body#articlePage #videoPreview ul{position:absolute;width:840px;height:410px;background:rgba(0,0,0,0.8)}body#articlePage #videoPreview ul li{float:left;width:50%;margin-top:125px}body#articlePage #videoPreview ul li a{display:block;font-size:20px;text-align:center;border:none}body#articlePage #videoPreview ul li a img{display:block;margin:0 auto 18px auto}body#articlePage #videoPreview ul li a.download{font-size:12px}body#articlePage #titleHolder{min-height:130px}body#articlePage #content h1,body#articlePage #content p,ul.articleNav{padding:0 36px}ul.articleNav{height:1%}ul.articleNav li{position:relative;float:left;margin:0;margin-right:18px}ul.articleNav li a{display:block;min-height:1%;padding:18px}ul.articleNav li a em{position:absolute;left:0;width:44px;height:31px}ul.articleNav li a span{margin-left:30px}ul.articleNav li.tabTutorial a{padding-left:18px}ul.articleNav li.tabDemo a{padding-left:0}ul.articleNav li.tabDefault a{padding-left:8px}ul.articleNav li.tabComments a{padding-left:25px}body#articlePage #article p,body#articlePage #article ul.articleNav{padding:0}body#articlePage #footer{margin-top:18px}img.image{display:block;margin:auto}ol#comments li{position:relative;clear:both;margin:0 0 18px 0}ol#comments li h4{margin-left:55px}ol#comments li h4 span{display:block}ol#comments li p.avatar{position:absolute;top:0;left:0}ol#comments li.comment ul li{margin-left:36px}form#commentform label{margin-left:10px}form#commentform input[type=text]{width:353px}form#commentform input#url{width:300px}form#commentform textarea{width:700px}body#contentPage #titleHolder .minWidth h1,body#listingPage #titleHolder .minWidth h1{float:left;margin:0}body#listingPage #titleHolder .minWidth ul.paginator{width:auto;float:right}body#listingPage #titleHolder .minWidth ul.paginator li{float:left;margin:0 0 0 18px}body#contentPage #titleHolder .minWidth,body#listingPage #titleHolder .minWidth{width:845px;padding:36px 0;overflow:visible}body{font:normal 12px/18px Arial,sans-serif}a:link,a:visited,a:hover,a:active,a:focus{text-decoration:none}.amp{font-family:"Baskerville",Georgia;font-style:italic;font-size:125%}p#announcement{font-size:14px;text-align:center}p#announcement em{font-weight:bold;font-style:normal}#header ul li{text-transform:uppercase;font-weight:bold}#titleHolder li.new em,#titleHolder li.selected em{text-indent:-10000px}#titleHolder h1,#content h1{font:normal 36px/36px Georgia;letter-spacing:-1px}#content p{font:normal 18px/22px Georgia}#content .copy h2,legend{font:italic normal 22px/22px Georgia}#content .copy h3{font:italic normal 18px/22px Georgia}#content .copy h4{font:normal 16px/22px Georgia}#content .copy p,#content .copy li,#content .copy input,#content .copy textarea{font:normal 16px/22px Georgia}#content .copy pre{font:normal 14px/18px Courier}#content .copy ol li{list-style:decimal}#content ul.articleListing li h2{font:normal 18px/22px Georgia}#article .copy a{text-decoration:underline}#article .articleNav a,#article #videoPreview a{text-decoration:none}ul.articleListing li h3{font-family:Georgia;font-weight:normal}ul.articleListing li a em{font:normal bold 15px/26px Arial;text-align:center;overflow:hidden}#footer h2{font-size:14px}body#homePage #titleHolder{text-align:center}body#homePage #titleHolder h1{font-size:45px}body#homePage #titleHolder h3{font:normal 18px/22px Georgia}body#homePage #featuredArticle a.bigPicture em{text-indent:-10000px}body#homePage #featuredArticle h2{font:normal 36px/36px Georgia;letter-spacing:-1px}ul.articleNav li{font:normal 18px/22px Georgia}ul.articleNav li a em{text-align:center;font:normal bold 15px/26px Arial}#content ol#comments li{list-style-type:none}#content ol#comments li h4{font-weight:normal;font-size:18px;line-height:22px}#content ol#comments li h4 cite{font-style:normal}#content ol#comments li h4 span{font-size:12px}#content .navigation{margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid #D3C2A5;font-size:20px}#content .navigation a{text-decoration:none}#content .navigation a.prev,#content .navigation a.next{opacity:.5}#footer{font-family:Georgia;font-size:110%}body{background:#130d00 url(../images/background.jpg) 50% 0 no-repeat}a:link,a:visited,a:hover,a:active,a:focus{color:#D3C29D}a:hover,a:focus{color:#FFF;border-color:#000}input[type=text],input[type=password],textarea{border:none;border:1px solid #D3C2A5;border-bottom-color:#E9E1D2;border-right-color:#E9E1D2}input[type=text]:focus,input[type=password]:focus,textarea:focus{background:#FFC}p#announcement{border-bottom:1px solid #efefef}p#announcement em{color:#F00}p#announcement a{color:#000;border-bottom:1px solid #000}#header{background:url(../images/header.png) 0 100% repeat-x}#header h1 a{background:url(../images/logo.gif) 0 0 no-repeat;border:none}#header ul li a{color:#000;background:url(../images/feed.png) 0 50% no-repeat;border:none}#header ul li.podcast a{background-image:url(../images/podcast.png)}#titleHolder{background:url(../images/titleholder.png) 0 100% repeat-x}#titleHolder li a{border:none}#titleHolder li img{border:2px solid #000}#titleHolder li.selected em{background:url(../images/titleholder_selected.png) 100% 100% repeat-x}#titleHolder li.selected img{border:2px solid #FFF}#titleHolder li.new a em{background:url(../images/titleholder_new.png) 100% 0 repeat-x}#titleHolder,#content h1{color:#FFF}#content p{color:#FFF}#content p span{color:#FFF;opacity:.5}body#contentPage p span{color:#3E3D38;opacity:1}#article .copy a{color:#AC8F69}#article .copy a:hover,#article .copy a:focus{color:#000;border-color:#000}#article{background:url(../images/article_top.png) 0 0 no-repeat}#article .copy{background:url(../images/article.gif) 0 0 repeat-y}#article h2,#article h3,#article h4{color:#000}#article p,#article li{color:#3e3d38}#article pre{background:#FFF;border:1px dashed #D3C2A5}#article #videoPreview a:hover,#article #videoPreview a:focus{color:#FFF}ul.articleListing li a{border:none}ul.articleListing li a h2{color:#D3C29D;border-color:#D3C29D}ul.articleListing li a:hover h2,ul.articleListing li a:focus h2{color:#FFF;border-color:#FFF}ul.articleListing li h3{color:#FFF}ul.articleListing li a em{background:url(../images/comments.png) 0 0 no-repeat;color:#000}#footer h2{color:#FFF}#footer a{color:#D3C29D;border-color:#D3C29D}#footer a:hover,#footer a:focus{color:#FFF;border-color:#FFF}#footer #feeds li{background:url(../images/feed.png) 0 50% no-repeat;padding-left:20px}#footer #feeds li.podcast{background-image:url(../images/feed.png)}body#homePage #titleHolder h3{opacity:.5}body#homePage #featuredArticle{background:url(../images/divider_flat.png) 0 100% no-repeat}body#homePage #featuredArticle h2 a{color:#D3C29D;border-color:#D3C29D}body#homePage #featuredArticle h2 a:hover,body#homePage #featuredArticle h2 a:focus{color:#FFF;border-color:#FFF}body#homePage #featuredArticle a.bigPicture{border:none}body#homePage #featuredArticle a.bigPicture em{background:url(../images/featured.png) 0 100% no-repeat}body#homePage .copy{background:url(../images/divider_flat.png) 0 100% no-repeat}ul.articleNav li a{border:none}ul.articleNav li a:hover span,ul.articleNav li a:focus span{color:#FFF;border-color:#FFF}ul.articleNav li a span{color:#D3C2A5}ul.articleNav li.selected a span{color:#FFF;border:none}ul.articleNav li.tabTutorial a{background:url(../images/tutorial_article.png) 0 50% no-repeat}ul.articleNav li.tabDemo a{background:url(../images/demo_article.png) 0 50% no-repeat}ul.articleNav li.tabCode a{background:url(../images/code_article.png) 0 50% no-repeat}ul.articleNav li.tabDefault a{background:url(../images/default_article.png) 0 50% no-repeat}ul.articleNav li a em{background:url(../images/comments_article.png) 0 0 no-repeat;color:#FFF}body#articlePage h1 a{color:#FFF}body#contentPage #content,body#articlePage #content{background:url(../images/article_bottom.png) 0 100% no-repeat}body#articlePage #article ul.articleNav a span{color:#AC8F69;border-bottom:1px solid #AC8F69}body#articlePage #article ul.articleNav li a:hover span,body#articlePage #article ul.articleNav li a:focus span{color:#000;border-color:#000}ol#comments li{border-bottom:1px solid #D3C2A5}ol#comments li.comment ul li{list-style:circle!important}ol#comments li.comment ul li{border:none}ol#comments li a:hover,ol#comments li a:focus{color:#000}ol#comments li.author h4{background:url(../images/author.png) 100% 50% no-repeat}ol#comments img.avatar{border:4px solid #FFF}body#listingPage #content{background:url(../images/divider_flat.png) 0 100% no-repeat}.scrollLeft,.scrollRight{opacity:.85}.scrollLeft:hover,.scrollRight:hover,.scrollLeft:focus,.scrollRight:focus{opacity:1}body#listingPage #titleHolder .minWidth ul.paginator li img{border:none}.disabled{opacity:.25!important}.str{color:#080}.kwd{color:#008}.com{color:#800}.typ{color:#606}.lit{color:#066}.pun{color:#660}.pln{color:#000}.tag{color:#008}.atn{color:#606}.atv{color:#080}.dec{color:#606}pre.prettyprint{padding:2px;border:1px 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}}#demo iframe{ position:relative; border:2px solid #fff; width:838px; height:1000px; background:#fff}.demo #demo,.tutorial #tutorial,.code #code,.comments #allcomments{ display:block}.tutorial .tab,.demo .tab,.code .tab,.comments .tab{ display:none}pre{ overflow:auto}img.image{ border:2px solid #ccc}form#commentform textarea{width:830px}blockquote,blockquote p{margin-left:20px;font-style:italic!important}#content p code span,#content li >code span{color:#fff}#content li >code span{opacity:0.5;filter:alpha(opacity=50)}#content #article p code span,#content #article li >code span{color:#000}
#content p code,#content li >code{font-size:90%;background:#843F1C;color:#111;padding:3px}#content #article p code,#content #article li >code{background:#EAE6CD}.copy a.image,.copy a.image:hover{text-decoration:none}div.update{border:2px solid #ccc;padding:10px;background:#fff;margin-bottom:10px;font:normal 16px/22px Georgia}body#articlePage #videoPreview ul{opacity:0;filter:alpha(opacity=0);-webkit-transition:opacity 500ms;-o-transition:opacity 500ms;-moz-transition:opacity 500ms;transition:opacity 500ms}body#articlePage #videoPreview:hover ul{opacity:1;filter:alpha(opacity=1)}body#articlePage #videoPreview ul li .download{font-size:12px;display:block}div#scrollButtons div.minWidth{height:125px;width:714px}#titleHolder #scrollButtons ul{width:9999px}#titleHolder #scrollButtons li{margin:0;padding:18px;display:block;height:66px;width:66px}#titleHolder #scrollButtons li.selected em.selected{width:148px}#content ol#comments li h4 cite span{font-size:18px}ol#comments li.author h4{background-position:100% 25%}#footer #feeds li.podcast{background-image:url(../images/podcast_mini.png)}#titleHolder #scrollButtons li.new em{ top:20px; right:16px}body#articlePage #videoPreview{ border:5px solid #000; height:400px; overflow:hidden; width:830px}body{ background-color:#0C0401}h1 small{ font-size:50%}#content ol#comments li.comment ol li{ list-style-type:decimal; border-bottom:none; margin-left:40px}body#articlePage #article p.follow{ margin:15px 0; padding:15px 0; border-top:3px solid rgb(211,194,165); border-bottom:3px solid rgb(211,194,165)}body#articlePage #article p.follow .note{ color:#464646}#content{ position:relative}body#articlePage #content h1{ padding-right:100px}#articleNav{ position:absolute; right:36px; top:25px;z-index:10}#articleNav:hover{opacity:1}#articleNav li{opacity:0.7;filter:alpha(opacity=70);float:left;display:block;width:23px;height:24px;margin-right:5px;background:transparent url(../images/nextprev.png) no-repeat scroll left center}#articleNav a{background:transparent url(../images/nextprev.png) no-repeat scroll left center;display:block;width:23px;height:24px;text-indent:-1000px;overflow:hidden;opacity:0.7;filter:alpha(opacity=70)}#articleNav a:hover{opacity:1;filter:alpha(opacity=1)}#articleNav li.next,#articleNav li.next a{background-position:right center}#nextArticle{position:absolute;top:19px;right:35px;line-height:36px;padding:0 17px;height:36px;background:url(../images/prev-next-hover.gif) no-repeat left center}#nextArticle span{padding-right:50px}#nextArticle span.edge{height:36px;width:15px;position:absolute;right:0;top:0;background:url(../images/prev-next-hover.gif) no-repeat right center}#topstrap{background:#fff;border-bottom:1px solid #f0f0f0}#topstrap ul{width:845px;margin:0 auto;list-style:none;height:31px}#topstrap li{line-height:31px;margin:0;font-size:11px;float:left}#topstrap li.new strong{color:#f00}#topstrap li.subscribe{float:right}#topstrap li{color:#999}#topstrap a{color:#999;text-decoration:underline}#topstrap a:hover{color:#666;text-decoration:none}#topstrap li.subscribe a{margin-left:10px;padding:1px 0 1px 18px}#topstrap a.feed{background:url(../images/feed.png) 0 50% no-repeat}#topstrap a.podcast{background:url(../images/podcast.png) 0 50% no-repeat}#searchForm{display:none;text-align:center;padding:46px 0 18px}#homePage #searchForm{padding:17px 0 28px 0}#listingPage #searchForm{padding:42px 0 26px}#contentPage #searchForm{padding:38px 0 30px}#header #filter li{font-weight:normal;text-transform:none;font-size:20px;margin-left:16px}#header #filter a{color:#633;padding:0;background:0;border-bottom:2px solid #633}#searchForm legend{display:none}#searchForm label{font-family:Georgia,times;font-size:36px;margin-right:10px;vertical-align:text-bottom}#searchForm #search{width:400px;font-style:italic;font-family:Georgia,times;font-size:23px;color:#633;border:0;height:30px;padding:5px;vertical-align:top}#searchForm .button,#searchForm p,#searchForm a{font-size:18px;font-weight:bold;color:#fff}#searchForm a{text-decoration:underline}#searchForm p{display:inline}#searchForm p a{margin-left:10px}#searchForm .button{background:#633 url(../images/button-grad.gif);border:1px solid #633;margin-right:10px;-moz-border-radius-topright:20px;-moz-border-radius-bottomright:20px;border-top-right-radius:20px;-webkit-border-top-right-radius:20px;border-bottom-right-radius:20px;-webkit-border-bottom-right-radius:20px;height:40px;padding-right:10px}.titleHolderInner{width:914px;margin:0 auto}#footer .menu{ margin-bottom:0}#footer .poweredby p{ margin:5px 0 10px 0; color:#fff}#footer .poweredby img{ margin:0}div >ins{ display:block !important; background:#F8F3D7 !important; width:auto !important; border:3px solid #D3C2A5 !important; margin-bottom:20px !important}ins >ins{ margin:0 auto !important}.tip p:first-child:before{content:'\272A '}.tip p:last-child{ margin-bottom:0}.tip{ background:rgba(0,0,0,.05); padding:10px; border:1px solid rgba(0,0,0,.2); margin-bottom:14px}body#articlePage #videoPreview{background:#000;}#promo{
  background:url(../images/background.jpg) no-repeat;
  padding-top: 20px;
  padding-bottom: 20px;
  font:normal 16px/20px Georgia;
  border-bottom: 1px solid #000;}
  #promo>div{
    margin:0 auto;width:845px;
    color:#000;
  }
  #promo a { padding: 20px; background:#fff url(http://html5demos.com/images/learn-js.jpg) no-repeat 0px -31px;
    border: 1px solid #000;
  padding-left: 255px;
  color: #000; display: block; }
  #promo a:hover { color: #000; text-decoration: underline; }
.header { float: left; width: 612px; position: relative; }
.articleNav { clear: both; }
#articleNav { top: 9px; }
#nextArticle { top: 4px; }
.tabComments, .tabCode { display: none; }