*{font-size:100.01%;}html{font-size:62.5%;}body{margin:0 auto;max-width:96em;min-width:870px;font:12px/1.6em Verdana,Helvetica,Arial,Geneva,Helvetica,sans-serif;color:#1e1e1e;background:url(../img/bg-body-large.gif) repeat-x 0 0;}#leftcolumn span.desc,#leftcolumn span.readfullentry{font-size:.85em;}#leftcolumn span.desc{background:url(../img/comment.png) no-repeat left;}#leftcolumn span.readfullentry{background:url(../img/table_go.png) no-repeat left;}#leftcolumn span.readfullentry a,#leftcolumn span.desc a{font-weight:bold;margin-left:18px;}#leftcolumn span.readfullentry a:link,#leftcolumn span.desc a:link,ul#article_list ul.topic-desc li.comments a:link{text-decoration:underline;}#leftcolumn .topic a,#leftcolumn ul.topic-list li a,.dropped a,.reddit a,.comment-list a{font-weight:bold;text-decoration:underline;}#leftcolumn ul a,#leftcolumn ol a,#leftcolumn span a,#leftcolumn p a,#leftcolumn .published a{text-decoration:underline;}#leftcolumn a img{border:0;}.comment-list a,.reddit a{text-decoration:underline;}#leftcolumn ul a:link:hover,#leftcolumn p a:link:hover,#leftcolumn span a:link:hover,#leftcolumn .published a:link:hover,#leftcolumn span.desc a:hover,.banner-list a:hover,ul.topic-list a:link:hover,ul#article_list ul.topic-desc li.comments a:link:hover,#leftcolumn .topic a:link:hover,.dropped a:hover,.reddit a:hover,.comment-list a:hover{color:#c00;text-decoration:underline;}#leftcolumn ul.spec li{padding:.4em 0;}#leftcolumn span.desc a:visited,#leftcolumn span.desc a:visited:hover,.banner-list a:visited,#leftcolumn a:visited,.reddit a:visited,.comment-list a:visited,ul#article_list ul.topic-desc a:visited,ul#article_list ul.topic-desc a:visited:hover,ul#article_list ul.topic-desc li.comments a:visited{color:#5999DE;text-decoration:underline;}#leftcolumn a:active,#leftcolumn a:focus,#leftcolumn span.desc a:active,#leftcolumn span.desc a:focus{background-color:#FFF0F0;color:#c00;outline:none;text-decoration:underline;}a{color:#0040b6;text-decoration:none;}img{display:block;border:none;text-decoration:none;}#leftcolumn ul.topic-list li img,#leftcolumn .topic img{display:inline;}form,fieldset{margin:0;padding:0;border:none;}input{color:#333;font:1.1em/1.45em Verdana,Geneva,Arial,Helvetica,sans-serif;}p{margin:13px 0 0;}img.withpadding{background-color:#fff;padding:3px 3px;padding:0;}sub,sup{font-size:10px;}#footer{color:#A3A2A0;border-top:1px solid #eee;min-width:820px;height:78px;font-size:.92em;line-height:1.4;background-color:#fff;}#footer .foologo{float:left;width:145px;margin-top:5px;}#footer .foo{width:auto;float:right;padding:15px 25px 0 0;}#footer p{color:#444;font-family:Helvetica,Arial,Verdana,sans-serif;margin:1em 20px;font-size:22px;}#footer a{background:none;text-decoration:underline;outline:0;}#footer a:hover{text-decoration:underline;color:#c00;}#footer .extarnal{color:#a7b63f;text-decoration:underline;}#footer .extarnal:hover{text-decoration:none;}#pagewidth{min-width:820px;width:100%;overflow:hidden;position:relative;}#main{padding:0 455px 20px 0;background:#fff url(../img/bgh6.png) repeat-y 100% 0;overflow:hidden;}#leftcolumn{float:left;width:100%;overflow:hidden;margin-top:115px;}.leftframe{padding:0 21px 0 27px;background:#fff;}#rightcolumn{float:right;width:455px;display:inline;margin:0 -455px 0 0;position:relative;}#gsmall{width:234px;height:60px;position:absolute;top:31px;left:19px;}#main:after{content:".";display:block;height:0;clear:both;visibility:hidden;}#header{background:#fff url(../img/bg-body.gif) repeat-x 0 0;height:45px;min-height:45px;}#header ul{margin:0;padding:0;list-style:none;position:absolute;height:30px;border-top:4px solid #EB4C07;background-color:#404040;width:100%;padding-top:10px;}a.skip-content{position:absolute;top:0;left:0;width:100%;height:6px;overflow:hidden;display:block;text-indent:-9999px;background:#eb4c07 url(../img/bg-skip.gif) repeat-x 0 100%;z-index:100;}a.skip-content:hover{height:20px;padding:9px 0 0;overflow:hidden;border:0 solid #fff;background:#eb4c07 url(../img/bg-skip.gif) repeat-x 0 100%;}a.skip-content span{width:118px;height:10px;background:url(../img/text-skip.gif);display:block;overflow:hidden;margin:0 auto;display:none;cursor:pointer;}a.skip-content:hover span{display:block;}#header ul li{float:left;display:inline;}#header ul a{display:block;font:bold 1.1em Trebuchet MS,Arial,sans-serif;color:#fff;text-transform:uppercase;}#header ul a{padding:3px 7px;-moz-border-radius:3px;-webkit-border-radius:3px;}#header ul a:focus,#header ul a:active,#header ul a:hover{background-color:#5a5a5a;outline:none;}#header ul a.home{margin:0 16px 0 17px;}#header ul a.graphics{margin:0 14px 0 0;}#header ul a.showcases{margin:0 14px 0 0;}#header ul a.fonts{margin:0 14px 0 0;}#header ul a.know-how{margin:0 14px 0 0;}#header ul a.css{margin:0 14px 0 0;}#header ul a.toolbox{margin:0 14px 0 0;}#header ul a.freebies{margin:0 14px 0 0;}#header ul a.tutorials{margin:0 14px 0 0;}#header ul a.ressources{margin:0 14px 0 0;}#header ul a.monday-inspiration{margin:0 14px 0 0;}#header ul a.about-us{margin:0 14px 0 0;}#header ul a.jobs{margin:0 14px 0 0;}#header ul a.forum{margin:0 14px 0 0;}#header ul li.twitter a{background:transparent url(http://88.198.60.17/images/twit.png) no-repeat scroll 0 0;padding-left:37px;padding-right:9px;background-color:#1195CB;}#header ul a.colors{margin:0 21px 0 0;}#home #header ul a.home,#css #header ul a.css,#know-how #header ul a.know-how,#toolbox #header ul a.toolbox,#showcases #header ul a.showcases,#fonts #header ul a.fonts,#inspiration #header ul a.monday-inspiration,#graphics #header ul a.graphics,#freebies #header ul a.freebies,#tutorials #header ul a.tutorials,#colors #header ul a.colors,#ressources #header ul a.ressources,#about-us #header ul a.about-us{background-color:#EB4C07;color:#fff;-moz-border-radius:3px;-webkit-border-radius:3px;}#main a.logo,#main h1.logo{width:229px;height:83px;overflow:hidden;display:block;margin:0;position:absolute;top:66px;left:20px;z-index:3;}#main h1.logo a{display:block;width:100%;text-indent:-9999px;height:100%;background-color:#fff;}#main h1.logo a img{text-indent:0;}.top-banner{position:absolute;top:54px;right:23px;}.banner-list{margin:0 0 7px 20px;overflow:hidden;padding:0;text-align:center;width:430px;list-style:none;font-size:.9em;}.banner-list li{float:left;margin:0 10px 10px 0;padding:0;display:inline;}.banner-list li a{text-decoration:underline;}.banner-list img{border:1px solid #bababa;}#leftcolumn .banner img{border:4px solid #ededed;margin:0 0 0 22px;}#badges{width:196px;margin:0 0 0 10px;}#badges ul{list-style-type:none;margin:0 auto;padding:0;}.nrules{width:84px;float:left;display:inline;}.acs{line-height:1.2em;margin:auto 0 auto 13px;padding-top:10px;text-align:center;}.nrules img,.acs img{margin:0 auto;}.acs a{font-size:10px;color:#333;}.acs a:hover{text-decoration:underline;}ul.prm{list-style-type:none;width:196px;margin:0;padding:0;}ul.prm li{width:180px;margin:15px auto;}#rightcolumn .two{width:414px;margin:0 0 0 20px;overflow:hidden;}#rightcolumn .two .left{width:201px;float:left;}#rightcolumn .two .right{width:201px;float:right;}#rightcolumn .two .box{background-color:#fff;width:194px;margin:0 0 12px 0;padding:4px 0;border-left:1px solid #eee;border-right:1px solid #eee;border-top:4px solid #E8E8E8;border-bottom:4px solid #E8E8E8;-moz-border-radius:4px;-webkit-border-radius:4px;}#rightcolumn h3,#rightcolumn .two .box h3{color:#e64117;margin:.3em 0 .4em 10px;font:1.5em Helvetica,Trebuchet MS,Arial,sans-serif;}#rightcolumn h3{margin:0;}#rightcolumn .two .box ul{margin:0;padding:0;list-style:none;overflow:hidden;font-size:.92em;width:194px;line-height:1.8;}#rightcolumn .two .box ul li{width:194px;float:left;margin:0;padding:0;border-top:1px solid #F0F0F0;}#rightcolumn .two .box ul a{padding:2px 0 2px 10px;display:block;text-decoration:none;color:#444;}#rightcolumn .two .box ul li.inline{padding-left:8px;}#rightcolumn .two .box ul li.inline a{padding:2px;line-height:2.1em;display:inline;}#rightcolumn .two .box ul a:visited{background-color:#F7F7F7;text-decoration:none;}#rightcolumn .two .box ul li:hover a:visited{text-decoration:underline;}#rightcolumn .two .box ul a:active{background-color:#F5F5F5;outline:none;}#rightcolumn .two .box ul a:focus{outline:none;}#rightcolumn .two .box ul a:hover{text-decoration:underline;border:0;}ul.opt{margin:0 20px 3px 19px;text-align:center;padding:10px 0 0 0;width:410px;list-style:none;overflow:hidden;background-color:#fff;}ul.opt li{float:left;}ul.opt li a{display:block;height:27px;overflow:hidden;text-indent:-9999px;}ul.opt li.visible{float:right;display:inline;}ul.opt li.visible a{color:#444;font-size:.9em;text-decoration:underline;text-indent:0;text-align:right;display:block;}ul.opt li.rss-feed a:hover,ul.opt li.rss-feed a{width:112px;margin:0 0 0 302px;background:url(../img/rss-text.gif) no-repeat 0 0;}#rightcolumn form{width:405px;border:1px solid #e8e8e8;overflow:hidden;margin:0 0 0 19px;-moz-border-radius:4px;-webkit-border-radius:4px;}#rightcolumn form:hover{border:1px solid #ddd;}#gsearch{padding:6px 0 0 0;}#gsearch table{background-color:#f0f0f0;}#gsearch input{color:#333;padding:2px 7px;}#gsearch #sbi{width:236px;}#gsearch form{background-color:#f0f0f0;}#gsearch #sbb{padding:1px 4px;margin-left:1px;}ul.topic-list{margin:0;padding:0;list-style:none;overflow:hidden;width:100%;}ul.topic-list li{width:100%;float:left;padding:0 0 14px 0;}.topic .top,ul.topic-list .top{width:100%;padding:6px 0 3px 0;overflow:hidden;font-size:.85em;color:#939393;}.topic .top .published,ul.topic-list .top .published{padding:0 0 0 20px;margin:0;line-height:16px;background:url(../img/ico-published.gif) no-repeat left;float:left;display:inline;text-align:left;height:16px;width:73%;}.topic .top .published span,ul.topic-list .top .published span{color:#000;}.topic .top .published a,ul.topic-list .top .published a{font-weight:bold;}ul.topic-list .top p.published{float:left;text-align:left;height:16px;width:auto;}ul.topic-list .top ul{margin:0;padding:2px 0 0 0;width:76px;float:right;background-color:#fff;}#leftcolumn .top ul li{overflow:hidden;text-indent:-9999px;}ul.topic-list li a.more{font-size:1.2em;font-family:Arial,Trebuchet MS,Arial,sans-serif;padding:0;font-weight:normal;text-decoration:none;}ul.topic-list a.more:visited{color:#444;border:0;}.topic .top ul li,ul.topic-list .top ul li{float:left;width:auto;padding:0;margin:0 6px 0 0;background:none;}ul.topic-list ul{overflow:hidden;margin-top:.5em;margin-bottom:.8em;}ul.topic-list ul li{margin:1em;list-style-type:square;}.topic .top ul li.comments,ul.topic-list .top ul li.comments{padding:0 0 0 9px;background:url(../img/divider.gif) no-repeat left;}.topic .top ul li.comments strong,ul.topic-list .top ul li.comments strong{padding:0 11px 0 0;background:url(../img/bullet-commnet.gif) no-repeat right;}.topic .top ul span,ul.article-list .top ul span,ul.topic-list .top ul span{font-weight:normal;}.topic .top ul a,ul.article-list .top ul a,ul.topic-list .top ul a{padding:0 0 1px 0;}.del-icio-us a span,.digg a span,.smash a span,.stumbleupon a span{float:left;display:block;border:0;text-decoration:none;}.topic .top .del-icio-us span,.topic .top .digg span,.topic .top .smash span,.topic .top .stumbleupon span,ul.article-list .top .del-icio-us span,ul.article-list .top .digg span,ul.article-list .top .smash span,ul.article-list .top .stumbleupon span,ul.topic-list .top .del-icio-us span,ul.topic-list .top .digg span,ul.topic-list .top .smash span,ul.topic-list .top .stumbleupon span{width:16px;height:15px;overflow:hidden;text-indent:-9999px;display:block;padding:0 0 1px 0;cursor:pointer;position:relative;background-image:url(../img/ico-book.gif);background-repeat:no-repeat;}ul.article-list .top .smash span,ul.topic-list .top .smash span{width:19px;height:16px;}.topic .top .del-icio-us,.topic .top .digg,.topic .top .smash,.topic .top .stumbleupon,ul.topic-list .top .del-icio-us,ul.topic-list .top .digg,ul.topic-list .top .smash,ul.topic-list .top .stumbleupon,ul.article-list .top .del-icio-us,ul.article-list .top .digg,ul.article-list .top .smash,ul.article-list .top .stumbleupon{margin:-3px 6px 0 0;}.topic .top .del-icio-us span,ul.article-list .top .del-icio-us span,ul.topic-list .top .del-icio-us span{background-position:0 0;}.topic .top .digg span,ul.article-list .top .digg span,ul.topic-list .top .digg span{background-position:-16px 0;}.topic .top .smash span,ul.article-list .top .smash span,ul.topic-list .top .smash span{background-position:-177px 0;width:19px;height:16px;}.topic .top .stumbleupon span,ul.article-list .top .stumbleupon span,ul.topic-list .top .stumbleupon span{background-position:-32px 0;}ul.topic-list h2{font:44px Helvetica,Arial,Calibri,sans-serif;margin:10px 0 0 0;}.topic h2{font:28px Trebuchet MS,Arial,Helvetica,sans-serif;border-bottom:3px solid #000;margin:20px 0 0;}.topic h3{font-family:Helvetica,Arial,"Lucida Sans Unicode",Tahoma,Verdana,Arial,Helvetica,sans-serif;font-size:2.7em;line-height:1.3em;font-weight:normal;letter-spacing:0;color:#333;padding:.95em 0 0 0;border-bottom:3px solid #333;margin:12px 16px 14px 0;clear:both;}.topic h4{font:italic 2em / 1.4em Georgia,Helvetica,"Lucida Sans Unicode",Tahoma,Verdana,Arial,Helvetica,sans-serif;letter-spacing:0;border:0;color:#c00;margin:1.3em 0 0 0;}h1.title{font:44px Helvetica,Arial,sans-serif;margin:10px 0 0 0;}#leftcolumn h1.title a,#leftcolumn h1.title a:hover,#leftcolumn h1.title a:visited,#leftcolumn ul.topic-list h2 a,#leftcolumn ul.topic-list h2 a:hover{color:#9CAA3B;background:none;text-decoration:none;font-weight:normal;border:0;outline:none;}ul.topic-list img{margin:13px 0 0 0;}ul.topic-list p{margin:13px 0 0 0;line-height:1.72em;}ul.topic-list a.more{color:#0040b6;font-weight:bold;}#leftcolumn .pagers ul li.previous a,#leftcolumn .pagers ul li.previous a:hover,#leftcolumn .pagers ul li.next a,#leftcolumn .pagers ul li.next a:hover{display:block;font-size:1em;text-decoration:none;padding:0;background-color:#F2F2F2;border:1px solid #E5E5E5;-moz-border-radius:3px;-webkit-border-radius:3px;color:#444;padding:5px 10px;line-height:1.2em;font-weight:normal;}.pagers{padding:12px 0 5px 0;margin:-1px 0 0 0;position:relative;font-weight:bold;width:100%;font-size:.9em;}.pagers.no-border{border:none;}.pagers ul{margin:0 0 0 24px;padding:0 0 12px 0;list-style:none;overflow:hidden;width:525px;}.pagers ul a{background:none;}.pagers ul a:hover{text-decoration:none;}.pagers ul li{float:left;margin:0 20px 0 0;}.pagers img{border:4px solid #ededed;margin:0 0 0 22px;}.google{width:412px;margin:0 0 0 20px;}.google ul{margin:0;padding:0;list-style:none;width:412px;overflow:hidden;font-size:.92em;line-height:normal;}.google ul li{width:412px;overflow:hidden;float:left;margin:12px 0 0 0;}.google a{color:#a4b23e;font-weight:bold;text-decoration:underline;}.google a:hover{text-decoration:none;}.google p{margin:0;}.google em{font-style:normal;color:#003fbf;}.topic{width:100%;overflow:hidden;margin:0;padding:0 0 16px 0;}.topic p{margin:13px 0 0 0;line-height:1.72em;}.topic ul{list-style:square outside;margin:.7em 4em 0 4em;padding:0;}.topic ol{margin:1px 0 1px .5em;}.topic ol li{margin:0;padding-top:8px;}.topic a{font-weight:bold;}.topic ul.font-list{margin:0;padding:0;width:100%;}.topic ul.font-list li{padding:15px 0 6px 0;width:100%;border-bottom:1px solid #e4e2e4;background:none;}.topic ul.font-list p{margin:0;font-size:.83em;}.topic ul.summary-list li{margin:18px 0 0;}.topic ul.resources li{padding:0 0 0 10px;line-height:30px;background:url(../img/bullet3.gif) no-repeat left;}.topic ul.resources{margin:10px 0 0 9px;}.topic ul.resources em{font-style:normal;color:#959595;}.topic ul.tags{height:31px;background-color:#ebf5ff;overflow:hidden;height:1%;margin:10px 0 0;color:#6E6E6E;font-weight:normal;padding:0 0 0 10px;line-height:30px;font-size:.92em;}.topic ul.tags li{display:block;background:none;padding:0;}.topic .top ul,ul.topic-list .top ul{margin:0;padding:2px 0 0 0;width:76px;float:right;background-color:#fff;}ul.topic-list li p.readmore a,ul.topic-list li p.readmore a:visited{padding:0;margin:0;}ul.topic-list li p.readmore a:visited{background-color:#fff;border:0;padding:0;}.leftframe .topic ul li,ul.topic-list ul li{margin:.45em 0;padding:0;line-height:1.65em;list-style-type:square;}.article-list{width:100%;overflow:hidden;background:#fff;position:relative;z-index:101;margin:0 0 -1px 0;padding:0;list-style:none;}.article-list li{overflow:hidden;margin:7px 0 0 0;padding:13px 0 9px 12px;border:1px solid #fff;}.article-list li.clear:hover,.article-list li.clear{width:100%!important;overflow:hidden!important;height:1px!important;margin:0!important;padding:0!important;border:none!important;}* html .article-list li.clear{margin:-13px 0 0!important;}* html .square li.clear{margin:0!important;}.article-list li img{border:1px solid #919191;-moz-border-radius:2px;-webkit-border-radius:2px;float:left;margin:5px 12px 0 4px;}.article-list.square li img{margin:3px 12px 0 0;}.article-list h3{padding-bottom:0;padding-top:2px;}.article-list.square h3{padding-top:0;}.article-list h3{font:2em Helvetica,Arial,sans-serif;margin:0 10px 3px 0;}#leftcolumn .article-list h3 a:link,#leftcolumn .article-list h3 a:visited{color:#8E9B36;text-decoration:none;border:0;font-size:.9em;background:none;font-weight:bold;}#leftcolumn .article-list h3 a:visited,#leftcolumn .article-list h3 a:visited:focus,#leftcolumn .article-list h3 a:focus{color:#4C4C4C;text-decoration:none;}#leftcolumn .article-list h3 a:visited:active,#leftcolumn .article-list h3 a:active{background-color:#FDF7BA;color:#444;text-decoration:none;}.article-list p{margin:0 10px 0 0;color:#444;font-size:1em;line-height:1.65em;}.article-list.square p{line-height:1.6em;}ul.article-list .top{border-bottom:none;width:100%;margin:5px 0 0 0;clear:both;padding:6px 0 0;overflow:hidden;color:#939393;font-size:.81em;}ul.article-list .top .published{padding:0 0 0 20px;color:#777;margin:0 0 7px 7px;line-height:15px;background:url(../img/ico-published.gif) no-repeat left;text-align:right;width:500px;}ul.article-list .top .published span{color:#000;}ul.article-list .top .published a{font-weight:bold;}ul.article-list .top ul{width:100%;overflow:hidden;font-weight:bold;margin:3px 0 0;padding:4px 0 0;list-style:none;}ul.article-list .top ul li{float:left;width:auto;padding:0;border:none;margin:0 5px 0 0;background:none;}ul.article-list .top ul li.comments{padding:0 0 0 8px;background:url(../img/divider.gif) no-repeat left;}ul.article-list .top ul li.comments a{white-space:nowrap;}ul.article-list .top ul li.stumbleupon{padding:0 7px 0 0;background:url(../img/divider.gif) no-repeat right;}ul.article-list .top ul li.comments strong{padding:0 10px 0 0;background:url(../img/bullet-commnet.gif) no-repeat right;}ul.v-mode{margin:0;padding:0;width:100%;list-style:none;overflow:hidden;}ul.v-mode li{float:right;}ul.v-mode a{background-image:url(../img/bg-style.gif);display:block;height:9px;width:9px;overflow:hidden;text-indent:-9999px;}#category_view_mode li a.line,#category_view_mode li a.square,#category_view_mode li a.line:hover,#category_view_mode li a.square:hover{border:0;text-decoration:none;}ul.v-mode a.line{background-position:0 0;margin:0 3px 0 0;}ul.v-mode a.square{background-position:-12px 0;}#category_view_mode a.line:focus,#category_view_mode a.line:active,#category_view_mode a.square:active,#category_view_mode a.square:focus{border-bottom:0;text-decoration:none;}ul.v-mode .active a.line,ul.v-mode a.line:hover{background:url(../img/bg-style.gif) no-repeat 0 -9px;}ul.v-mode .active a.square,ul.v-mode a.square:hover{background:url(../img/bg-style.gif) no-repeat -12px -9px;}h2.by-topic{font:44px Helvetica,Arial,sans-serif;color:#96A338;margin:10px 0 0 0;}h2.by-topic strong{font-weight:normal;}ul.article-list.square{padding:0 1px 0 0;}ul.article-list.square li{float:left;overflow:hidden;margin:7px 0 0 0;padding:0;border:none;width:50%;}ul.article-list.square li.hover,ul.article-list.square li:hover{border:none;}ul.article-list li .frame{padding:14px 0 4px 0;}ul.article-list.square li .frame{border:1px solid #fff;padding:9px 0 0 16px;overflow:hidden;height:1%;}#leftcolumn .frame a img{border:1px solid #999;}ul.article-list li{padding-top:0;margin:0;}ul.article-list.square li .frame.second{margin:0 0 0 6px;}.comment-form{background:#f5f5f5 url(../img/bg-form.gif) repeat-x 0 0;width:100%;margin:10px 0 0 0;padding:0 0 1px;}.comment-form fieldset{padding:0 22px 8px 19px;border-bottom:1px solid #fff;}.comment-form dl{margin:0;padding:11px 0 0;font-size:.92em;line-height:1.4;width:100%;}.comment-form label{cursor:pointer;}.comment-form dt{margin:9px 0 0;padding:0;color:#585858;}.comment-form dd{margin:0;padding:0;color:#808080;}.comment-form input{width:283px;height:20px;background:url(../img/bg-input.gif) repeat-x 0 0;padding:5px 0 0 4px;}.comment-form textarea{background-color:#fff;color:#333;font:1.3em/1.4em Arial,Verdana,Geneva,Arial,Helvetica,sans-serif;border:1px solid #c6c6c6;padding:5px 10px 5px 5px;width:98%;height:140px;margin:3px 0 0 0;}.comment-form .submit input{width:154px;height:31px;padding:0;margin:8px 0 0;border:none;}.comment-form dd.allowed-tags{background:url(../img/bg-allowed-tags-t.gif) repeat-x 0 0;width:100%;margin:17px 0 0;}.comment-form dd.allowed-tags div{background:url(../img/bg-allowed-tags-l.gif) repeat-y 0 0;}.comment-form dd.allowed-tags div div{background:url(../img/bg-allowed-tags-t.gif) repeat-x 0 100%;}.comment-form dd.allowed-tags div div div{padding:10px 50px 10px 17px;background:url(../img/bg-allowed-tags-l.gif) repeat-y 100% 0;}.comment-form dd.allowed-tags strong{display:block;padding:0 0 5px;font-weight:normal;color:#585858;}.comment-list ol{margin:1.5em 0 0;padding:0;color:#333;font:1.1em/2em Arial,Verdana,Arial,sans-serif;list-style-type:none;}.comment-list ol .body p{line-height:1.5em;margin-left:14px;}.body blockquote{border:0;border-left:1px solid #ccc;padding:0;font-style:italic;}.comment-list ol li{margin:1.3em 0;}.comment-list strong.number{position:absolute;margin-left:-1.5em;margin-top:0;font-size:1em;font-family:Georgia,Helvetica,Arial;padding:3px 5px;color:#333;}.comment-list ul{margin:0;padding:0;list-style:none;width:100%;}.comment-list ol li{width:90%;padding:1px 20px 13px 20px;line-height:1.6em;border:1px solid #CDDFEF;background-color:#F3F7FB;-moz-border-radius:5px;-webkit-border-radius:5px;margin:9px 0 0 2em;position:relative;}.comment-list ol .bottom .comment{border:0;background-color:transparent;width:auto;text-align:right;}.comment-list ol .top{padding:3px 15px 3px 10px;margin:0 -19px 0 -20px;background-color:#E4ECF6;border-bottom:2px solid #fff;}.comment-list ol .top p,.comment-list ol li.admin .top p{padding:3px 15px 3px 22px;margin:0;}.comment-list ol .top p{background:transparent url(../img/user_comment.gif) no-repeat 0 8px;}.comment-list ol li.admin .top p{background:transparent url(../img/user_comment_yellow.gif) no-repeat 0 4px;}.comment-list ol li.admin .top{padding:3px 15px 3px 10px;line-height:1.6em;background-color:#FFF6BF;}.comment-list ol li.admin{background-color:#FFFAE0;border:1px solid #FFEF8A;-moz-border-radius:8px;-webkit-border-radius:8px;}.comment-list ul .admin .reply .admin ul li,.comment-list ul li.admin .reply li.admin{background:#f7f6e7;}.comment-list ul li.admin .reply li.admin .top,.comment-list ul li.admin .top{background:#eeedde url(../img/separator-list-comment2.gif) repeat-x 0 100%;}.comment-list ul .admin .bottom ul{background:#f7f6e7;}.comment-list ul li.admin li{background:#f7f6e7;}.comment-list ul .admin .reply li,.comment-list ul .admin .reply .admin .reply li{background:#f1f6fa;}.comment-list ul li.admin .reply li.admin .reply .top,.comment-list ul li.admin .reply li .top{background:#e8edf1 url(../img/separator-list-comment.gif) repeat-x 0 100%;}.comment-list ul .admin .reply .admin .reply ul li .comment-list ul li.admin .reply li{background:#f1f6fa;}.comment-list ul .top{background:#e8edf1 url(../img/separator-list-comment.gif) repeat-x 0 100%;line-height:30px;}.comment-list .top{height:36px;line-height:30px;}.comment-list ul .top p{margin:0 0 0 9px;padding:0 0 0 22px;font-size:.92em;color:#959595;background:url(../img/ico-comment.gif) no-repeat left;}.comment-list ul .top p a{font-weight:bold;font-size:1.1em;}.comment-list .number{font:11px Tahoma,Arial,Helvetica,sans-serif;position:absolute;font-weight:normal;width:20px;text-align:center;left:-20px;margin:8px 0 0;}.comment-list li .body{padding-bottom:20px;}.comment-list ul .body{padding:0 23px 35px 34px;}.comment-list ul .body p{margin:10px 0 0;color:#585858;}.comment-list ul .bottom{line-height:30px;border-top:1px solid #fff;overflow:hidden;width:100%;}.comment-list ul .bottom ul{margin:0;padding:0;list-style:none;float:right;width:auto;overflow:hidden;background:none;}.comment-list ul .bottom ul li{float:left;width:auto;font-weight:bold;margin:0;}.comment-list ul .bottom ul a{font-size:11px;color:#a4a7a9;height:30px;float:left;}.comment-list ul .bottom ul a:hover{text-decoration:underline;}.comment-list ul .bottom ul .edit a{padding:0 13px 0 27px;background:url(../img/ico-edit.gif) no-repeat left;}.comment-list ul .bottom ul .delete a{padding:0 13px 0 14px;background:url(../img/ico-delete.gif) no-repeat left;}.comment-list ul .bottom ul .comment a{padding:0 13px 0 24px;background:url(../img/ico-comment.gif) no-repeat left;}.comment-list ul .reply{padding:0 0 0 33px;background:#fff;overflow:hidden;}.comment-list ul ul{width:100%;padding:0;background:#fff;}.comment-list ul ul li,.comment-list ul ul ul li,.comment-list ul ul ul{width:100%;}.tabset{margin:19px 0 0 0;padding:0 0 3px 0;list-style:none;width:100%;overflow:hidden;background:url(../img/bg-tabset.gif) no-repeat 0 100%;font:18px Trebuchet MS,Verdana,Geneva,Arial,Helvetica,sans-serif;}.tabset li{float:left;margin:0 -18px 0 0;padding:0 34px 0 0;text-align:center;height:31px;background:url(../img/bg-tabset-a.gif) no-repeat 100% 0;}#post_tabs li a,#post_tabs li a:visited{line-height:30px;height:31px;color:#444;float:left;text-decoration:none;font-weight:bold;border:0;padding:0 0 0 14px;background:url(../img/bg-tabset-li.gif) no-repeat 0 0;}#leftcolumn .tabset li a:hover{border:0;color:#444;background:url(../img/bg-tabset-li.gif) no-repeat 0 0;}#leftcolumn .tabset li.active a:hover{background:url(../img/bg-tabset-li.gif) no-repeat 0 -31px;}#leftcolumn .tabset li.active{background:url(../img/bg-tabset-a.gif) no-repeat 100% -31px;position:relative;padding:0 34px 0 0;}#post_tabs li.active a,#post_tabs li.active a:hover{background:url(../img/bg-tabset-li.gif) no-repeat 0 -31px;color:#fff;border:0;text-decoration:none;font-weight:bold;}ul.tags li.droppedtags,ul.tags li.dropped{line-height:1.7em;margin-top:5px 10px 5px 5px;}.bookmarks{padding:0 0 0 22px;margin:0 0 -1px 0;background:#fff;position:relative;z-index:200;}.bookmarks p.dropped{margin:0;color:#959595;font-size:.92em;}.bookmarks p.dropped .technorati{padding:0 0 2px 0;}.bookmarks p.dropped .technorati span{background:url(../img/bg-technorati.gif) no-repeat left;padding:0 0 0 19px;}.bookmarks ul{margin:0 21px 0 0;padding:11px 0 4px 0;list-style:none;overflow:hidden;height:1%;background:url(../img/separator.gif) repeat-x 0 0;}.bookmarks ul li{float:left;margin:0 22px 0 0;}.bookmarks ul li a{padding:0 0 3px 0;float:left;}.bookmarks ul span{width:16px;height:15px;overflow:hidden;background:#f00;text-indent:-9999px;display:block;background-image:url(../img/ico-book.gif);background-repeat:no-repeat;cursor:pointer;}.bookmarks ul .rss span{background-position:-159px 0;height:16px;}.bookmarks ul .del-icio-us span{background-position:0 0;}.bookmarks ul .digg span{background-position:-16px 0;}.bookmarks ul .some span{background-position:-63px 0;}.bookmarks ul .technorati span{background-position:-48px 0;}.bookmarks ul .furl span{background-position:-79px 0;}.bookmarks ul .blinklist span{background-position:-95px 0;}.bookmarks ul .magnolia span{background-position:-111px 0;}.bookmarks ul .mister-wong span{background-position:-127px 0;height:16px;}.bookmarks ul .advertise-with-us span{background-position:-143px 0;height:16px;}.bookmarks ul .reddit{width:64px;height:22px;font-size:11px;line-height:22px;overflow:hidden;float:right;margin:0 0 0 -20px;padding:0 0 0 64px;background:url(../img/bg-reddit.gif);}.bookmarks ul .reddit a{background:none;}.bookmarks ul .reddit a:hover{text-decoration:underline;}#leftcolumn .gsense{padding:5px 0 0 0;}#leftcolumn #right_adsense{float:left;padding:17px 0 0 0;}#leftcolumn #right_adsense iframe{width:100%!important;}#leftcolumn .google{width:346px;margin:0;}#rightcolumn form input.txt{width:324px;border:1px solid #fff!important;}* html #rightcolumn form input.txt{margin:0 0 0 -19px!important;}#trackbacks ul,#pings ul{margin-top:10px;}.banner-list img{border:none!important;}.banner-list br{display:none;}#trackbacks{color:#bfbfbf;font-size:.8em;}#trackbacks a{font-size:1.1em;}code{background-color:#F2F8F2;padding:1px;}ol.code{padding:5px;margin:3px 3px 3px 4em;}.code{background-color:#E6F2E6;border:1px solid #ccc;padding:5px;}.code code{background:transparent;display:block;padding:3px;margin-bottom:0;}.code li{background:#F2F8F2;margin:0 0 1px 2.2em;padding:2px;}.code li:hover{background:#fff;}.indent1{margin-left:1em;}.indent2{margin-left:2em;}.indent3{margin-left:3em;}.indent4{margin-left:4em;}blockquote{border-left:2px solid #ccc;padding:0 1em 0;font-style:italic;}abbr{text-decoration:none;}abbr:hover{cursor:help;}span.grey{color:#bfbfbf;}.shortcuts{margin:15px 15px 5px 4em;font-size:.9em;border:1px solid #D8E5FD;}.shortcuts td{padding:3px 8px;border-right:1px solid #eee;}.shortcuts tr.selected td{background-color:#3d80df;color:#fff;font-weight:bold;border-left:1px solid #346DBE;border-bottom:1px solid #7DAAEA;}.shortcuts tr.pdd td{background-color:#F5F9FE;color:#333;border-top:1px solid #EBF2FE;border-bottom:1px solid #EBF2FE;}span.marker,span.markergreen{font-weight:bold;padding:2px 3px;position:relative;left:-25px;top:-1px;}span.marker{padding:2px 5px 2px 0;font-family:Arial;font-size:1.8em;line-height:1.6em;color:#0E88CC;background-color:#fff;border-bottom:1px dashed #DFEDFB;}span.markergreen{padding:2px 5px 2px 0;font-family:Arial;font-size:1.8em;line-height:1.6em;color:#A7B63F;background-color:#fff;border-bottom:1px dashed #A7B63F;}span.blackmarker,span.markerbig{margin:5px 5px 5px 20px;padding:2px 5px 2px 0;font-family:Arial;font-size:1.8em;line-height:1.6em;color:#0E88CC;background-color:#fff;border-bottom:1px dashed #DFEDFB;}span.blackmarker,span.markerbig{font-size:3em;margin:0;border-bottom:1px solid #DFEDFB;}span.blackmarker{color:#fff;padding:2px 10px;margin:0 8px 0 0;background-color:#8ABC00;}ol.overview li{margin-bottom:5px;}p.showcase{margin:2em 0 2em 3em;}a:link img{border-bottom:1px solid #fff;text-decoration:underline;display:block;}.delicious{padding:3px 10px 0 10px;font-size:.9em;}.delicious a{text-decoration:underline;font-weight:normal;}.delicious a:hover{color:#c00;}.delicious a:active,.delicious a:focus{background-color:#FFF0F0;color:#c00;outline:none;}.wp-pagenavi{font-size:.9em;letter-spacing:140%;}.wp-pagenavi a,.wp-pagenavi a:link,.wp-pagenavi a:active{padding:2px 4px 2px 4px;margin:2px;text-decoration:none;border:1px solid #80ABFF;background-color:#FFF;font-weight:bold;}#leftcolumn .wp-pagenavi a:hover,#leftcolumn .wp-pagenavi a:focus,#leftcolumn .wp-pagenavi a:active,#leftcolumn .wp-pagenavi a:visited:focus,#leftcolumn .wp-pagenavi a:visited:active{border:1px solid #0057FF;color:#fff;background-color:#4D8AFF;}#leftcolumn .wp-pagenavi a:visited:hover{border:1px solid #A9A9A9;color:#333;background-color:#fff;}#leftcolumn .wp-pagenavi a:visited{text-decoration:none;border:1px solid #ddd;color:#aaa;}.wp-pagenavi span.pages{padding:3px 5px 3px 5px;margin:2px 2px 2px 2px;color:#000;border:1px solid #fff;background-color:#0049D0;color:#fff;font-weight:bold;}.wp-pagenavi span.current{padding:2px 4px 2px 4px;margin:2px;font-weight:bold;border:1px solid #fff;color:#333;background-color:#fff;}.wp-pagenavi span.extend{padding:2px 4px 2px 4px;margin:2px;border:1px solid #fff;color:#bbb;background-color:#FFF;}#earlierposts{background-color:#fff;width:100%;margin:20px 0 12px 0;padding:4px 0;border-left:1px solid #eee;border-right:1px solid #eee;border-top:4px solid #E8E8E8;border-bottom:4px solid #E8E8E8;-moz-border-radius:4px;-webkit-border-radius:4px;}#earlierposts h3{color:#e64117;margin:.5em 0 .6em 10px;font:1.6em Helvetica,Trebuchet MS,Arial,sans-serif;}#earlierposts ul{margin:0;padding:0;list-style:none;overflow:hidden;font-size:.92em;width:100%;line-height:1.8;}#earlierposts ul li{width:100%;float:left;margin:0;padding:0;border-top:1px solid #F0F0F0;}#earlierposts ul a{padding:4px 0 4px 10px;display:block;text-decoration:none;color:#444;}#earlierposts ul a:visited{background-color:#F7F7F7;text-decoration:none;color:#444;}#earlierposts ul li:hover a:visited{text-decoration:underline;}#earlierposts ul a:active{background-color:#f7f7f7;outline:none;}#earlierposts ul a:focus{outline:none;}#leftcolumn #earlierposts ul a:hover{text-decoration:underline;border:0;color:#444;}.an{font-size:.8em;color:#C0C0C0;margin-left:4px;}#feelsmashing{margin-top:12px;text-align:right;line-height:24px;}#feelsmashing a{display:block;width:161px;height:35px;background:url(http://88.198.60.17/images/but_ifeelsmash.jpg) 100% 0 no-repeat;text-indent:-9999px;padding:0;margin:0;text-align:left;}#feelsmashing a:hover{background:url(http://88.198.60.17/images/but_ifeelsmash.jpg) 100% -35px no-repeat;}#rss{padding-right:0;margin:10px 0;}#rss img{position:relative;left:356px;}.feedcountdiv p{margin-top:5px;text-align:right;margin-right:25px;}.feedcount{text-align:center;background-color:#ee7d00;color:#fff;font-weight:bold;-moz-border-radius:3px;-webkit-border-radius:3px;border:2px solid #cc5b00;padding:3px 6px;}.subscribers{background-color:#cc5b00;color:#fff;padding:0 2px 0 2px;margin:1px 3px;}. .highlight{color:black;}.highlight span{display:inline!important;}.highlight .comment{color:green;}.highlight .conditional{background:#FFFFA0;}.highlight .string,.highlight .regexp,.highlight .number{color:darkred;}.highlight .keyword{color:blue;}.highlight .special{color:red;}.highlight .tag{color:purple;font-weight:bold;}.highlight .attribute{font-weight:bold;}.highlight .attribute.value{color:blue;font-weight:normal;}.highlight .entity{color:orangered;}.highlight .processing-instruction{color:orchid;font-style:italic;}.html .doctype{color:steelblue;font-style:italic;}.css{background-color:F6F6F9;}.css .comment{color:gray;}.css .selector{color:darkred;font-weight:bold;}.css .at_rule{color:orangered;}.css .property{font-weight:bold;}.css .property.value{color:blue;font-weight:normal;}.javascript .global{color:teal;}.javascript .base2{color:purple;}pre{background-color:#F2F8F2;-moz-border-radius:2px;-webkit-border-radius:2px;padding:1em;border:1px solid #D5E9D5;}pre,code,html *.code,kbd{font-size:1.2em;font-family:"Consolas","Bitstream Vera Sans Mono","Lucida Console","Courier New",courier,monospace;}#maillist{margin-top:20px;margin-bottom:16px;padding:12px;border:0 solid red;}.mailsys{padding:20px;}.mailsys input,textarea,select{font:14px / 18px Georgia;padding:3px 5px;}#maillist td{padding:4px;}.broken_link,a.broken_link{text-decoration:line-through;}.social{margin:0;}.social li{float:left;display:inline;padding:0 8px 0 0;}.post-ratings{float:right;display:inline;margin:30px 0 0 0;width:auto;}.grav{position:absolute;top:0;right:0;}.goo{font:menu;}#bgsearch{padding:5px 0;margin:5px 0;border:1px solid #E8E8E8;background-color:#F0F0F0;}#bgsearch table{background-color:#F0F0F0;}.greet_block{background:#fff;border:1px solid #eee;float:left;margin:10px 0;width:100%;}.greet_image{float:left;padding:0 10px 0 0;}.greet_image img{background:none;border:none;margin:0;padding:0;}.greet_text{background:#fff;color:#333;float:left;font-size:16px;line-height:20px;padding:10px;}.greet_block_close{background:#fff;border:1px solid #ccc;float:right;height:15px;margin:0 0 0 10px;width:15px;}.greet_block_close a{color:#ccc;cursor:pointer;font-family:verdana;font-size:12px;font-weight:bold;line-height:14px;margin:0 3px;text-transform:uppercase;}.greet_block_close a:hover{text-decoration:none;}.greet_block_powered_by{float:right;font-size:9px;line-height:14px;padding:0 5px;}.greet_block_powered_by a{color:#ccc;}.greet_search{border-top:1px solid #eee;font-size:11px;margin:5px 0 0 0;padding:2px 0 0 0;}.greet_search a{cursor:pointer;}.latestJobs{background-color:#fff;margin:0 0 12px 20px;width:408px;padding:2px 0 4px 0;border-left:1px solid #eee;border-right:1px solid #eee;border-top:4px solid #E8E8E8;border-bottom:4px solid #E8E8E8;-moz-border-radius:4px;}#rightcolumn .latestJobs h3{margin:.3em 0 .4em 10px;background:url(http://www.smashingmagazine.com/wp-content/themes/SM-theme/img/jobs/job_box_h.jpg) 0 0 no-repeat;text-indent:-9999px;display:block;height:23px;}.latestJobs ul{margin:0;padding:0;list-style:none;overflow:hidden;font-size:.92em;width:408px;border-bottom:1px solid #F0F0F0;}.latestJobs ul li{width:408px;float:left;margin:0;padding:3px 0;border-top:1px solid #F0F0F0;line-height:1.4em;}.latestJobs ul li.odd{background-color:#f6f6f6;}.latestJobs ul li .company{color:#999;padding-left:30px;}.latestJobs ul li a:hover .company{text-decoration:none;}.latestJobs ul li a{padding:2px 0 2px 10px;display:block;text-decoration:none;color:#444;}.latestJobs ul li a.freelance{padding-left:30px;background:url(http://www.smashingmagazine.com/wp-content/themes/SM-theme/img/jobs/ico_fl.gif) 10px 5px no-repeat;}.latestJobs ul li a.fulltime{padding-left:30px;background:url(http://www.smashingmagazine.com/wp-content/themes/SM-theme/img/jobs/ico_ft.gif) 10px 5px no-repeat;}.latestJobs ul li a:focus{outline:none;}.latestJobs ul li a:hover{text-decoration:underline;border:none;}.latestJobs .bottomLinks{padding:2px 0 2px 10px;font-weight:normal;position:relative;height:25px;}.latestJobs .bottomLinks a{color:#0040B6;font-size:.9em;text-decoration:underline;}.latestJobs .bottomLinks a:hover{color:#c00;font-size:.9em;text-decoration:underline;}.latestJobs .bottomLinks .postJobs{position:absolute;right:10px;top:8px;}.latestJobs .bottomLinks .browseJobs{position:absolute;left:10px;top:8px;}.dp-highlighter{font-family:"Consolas","Courier New",Courier,mono,serif;font-size:12px;background-color:#E7E5DC;width:99%;overflow:auto;padding-top:1px;margin:18px 0!important;}.dp-highlighter ol,.dp-highlighter ol li,.dp-highlighter ol li span{border:none;margin:0;padding:0;}.dp-highlighter a,.dp-highlighter a:hover{background:none;border:none;margin:0;padding:0;}.dp-highlighter .bar{padding-left:45px;}.dp-highlighter.collapsed .bar,.dp-highlighter.nogutter .bar{padding-left:0;}.dp-highlighter ol{list-style:decimal;background-color:#fff;color:#5C5C5C;margin:0 0 1px 45px!important;padding:0;}.dp-highlighter.nogutter ol,.dp-highlighter.nogutter ol li{list-style:none!important;margin-left:0!important;}.dp-highlighter ol li,.dp-highlighter .columns div{list-style:decimal-leading-zero;list-style-position:outside!important;border-left:3px solid #6CE26C;background-color:#F8F8F8;color:#5C5C5C;line-height:14px;margin:0!important;padding:0 3px 0 10px!important;}.dp-highlighter.nogutter ol li,.dp-highlighter.nogutter .columns div{border:0;}.dp-highlighter .columns{background-color:#F8F8F8;color:gray;overflow:hidden;width:100%;}.dp-highlighter .columns div{padding-bottom:5px;}.dp-highlighter ol li.alt{background-color:#FFF;color:inherit;}.dp-highlighter ol li span{color:black;background-color:inherit;}.dp-highlighter.collapsed ol{margin:0;}.dp-highlighter.collapsed ol li{display:none;}.dp-highlighter.printing{border:none;}.dp-highlighter.printing .tools{display:none!important;}.dp-highlighter.printing li{display:list-item!important;}.dp-highlighter .tools{font:9px Verdana,Geneva,Arial,Helvetica,sans-serif;color:silver;background-color:#f8f8f8;border-left:3px solid #6CE26C;padding:3px 8px 10px 10px;}.dp-highlighter.nogutter .tools{border-left:0;}.dp-highlighter.collapsed .tools{border-bottom:0;}.dp-highlighter .tools a{font-size:9px;color:#a0a0a0;background-color:inherit;text-decoration:none;margin-right:10px;}.dp-highlighter .tools a:hover{color:red;background-color:inherit;text-decoration:underline;}.dp-about{background-color:#fff;color:#333;margin:0;padding:0;}.dp-about table{width:100%;height:100%;font-size:11px;font-family:Tahoma,Verdana,Arial,sans-serif!important;}.dp-about td{vertical-align:top;padding:10px;}.dp-about .copy{border-bottom:1px solid #ACA899;height:95%;}.dp-about .title{color:red;background-color:inherit;font-weight:bold;}.dp-about .para{margin:0 0 4px;}.dp-about .footer{background-color:#ECEADB;color:#333;border-top:1px solid #fff;text-align:right;}.dp-about .close{font-size:11px;font-family:Tahoma,Verdana,Arial,sans-serif!important;background-color:#ECEADB;color:#333;width:60px;height:22px;}.dp-highlighter .comment,.dp-highlighter .comments{color:#008200;background-color:inherit;}.dp-highlighter .string{color:blue;background-color:inherit;}.dp-highlighter .keyword{color:#069;font-weight:bold;background-color:inherit;}.dp-highlighter .preprocessor{color:gray;background-color:inherit;}