/*-------------------------------------------------------------SM,3-Col Fluid Layout- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -.autor         vf,sl,Frederick Townes.version       1.0.url       smashingmagazine.com.timestamp       19/09/2007 .. 28/12/2007-------------------------------------------------------------*//*-------------------------------------------------------------SM,Table of Contents- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -1. Body2. Links3. Span.Desc4. General Properties          5. Footer          6. Layout          7. Header          8. Banner-list,marketing          9. Rightcolumn 2-col box          10. Buttons:RSS-Feed          11. Search-Box          12. Topic-list          13. Typography          14. Pagers          15. Google-Searchbox          16. Topic          17. Article-List          18. V-Mode+H-Mode          19. Comment-Form          20. Bookmarks          21. Google AdSense          22. Code snippets,Styling          23. Sideblog          24. Pagination          25. Tag clouds          26. Earlierposts*/ *{font-size:100.01%} html{font-size:62.5%}/*-------------------------------------------------------------1. BODY- - - - - - - - - - - - - - - - - - - - -- - - - - - - - - - - - - - - - - - - - - - - -*/ #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 images{ 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:0.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} a:hover{ }/*-------------------------------------------------------------4. GENERAL PROPERTIES- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/ images{ display:block; border:none; text-decoration:none} #leftcolumn ul.topic-list li images, #leftcolumn .topic images{display:inline} form,fieldset{ margin:0; padding:0; border:none} input,textarea{ color:#585858; font:1.1em Helvetica,Verdana,Geneva,Arial,Helvetica,sans-serif;/*               border:1px solid #c6c6c6;*/ } p{ margin:13px 0 0} images.withpadding{ background-color:#fff; padding:3px 3px; padding:0} sub,sup{ font-size:10px}/*-------------------------------------------------------------5. FOOTER- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/ #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} #footer a:hover{ text-decoration:underline; color:#c00} #footer .extarnal{ color:#a7b63f; text-decoration:underline} #footer .extarnal:hover{ text-decoration:none}/*-------------------------------------------------------------6. LAYOUT- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/          #pagewidth{          min-width:820px;          width:100%;          overflow:hidden;          position:relative}          #main{          padding:0 455px 20px 0;          background:#fff url(../images/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}#main:after{ content:"."; display:block; height:0; clear:both; visibility:hidden}/*-------------------------------------------------------------7. HEADER- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/          #header{          background:#fff url(../images/bg-body.gif) repeat-x 0 0;          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(../images/bg-skip.gif) repeat-x 0 100%;          z-index:100}          a.skip-content:hover{          height:20px;          padding:9px 0 0;          overflow:hidden;          border:0px solid #fff;          background:#eb4c07 url(../images/bg-skip.gif) repeat-x 0 100%}          a.skip-content span{          width:118px;          height:10px;          background:url(../images/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}#header ul a:focus,#header ul a:active,#header ul a:hover{background-color:#5a5a5a;outline:none}/*         #header ul li.service{               float:right;               margin-right:23px;               display:inline}*/ #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.best-month{ 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} #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, #best-month #header ul a.best-month, #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} #main a.logo,#main h1.logo{ width:229px; height:83px; overflow:hidden; display:block; margin:0; position:absolute; top:61px; left:16px; z-index:3} #main h1.logo a{ display:block; width:100%; text-indent:-9999px; height:100%; background-color:#fff} #main h1.logo a images{ text-indent:0} .top-banner{ position:absolute; top:54px; right:23px}/*-------------------------------------------------------------8. BANNER-LIST,MARKETING- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/ .banner-list{ margin:0 0px 7px 20px; overflow:hidden; padding:0; text-align:center; width:430px; list-style:none; font-size:0.9em}  .banner-list li{ float:left; margin:0 10px 10px 0; padding:0; display:inline} .banner-list li a{ text-decoration:underline} .banner-list images{ border:1px solid #bababa} #leftcolumn .banner images{ 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 images,.acs images{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}/*-------------------------------------------------------------9. RIGHTCOLUMN 2-COL BOX- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/ #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} #rightcolumn h3, #rightcolumn .two .box h3{ color:#e64117; margin:0.3em 0 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} /*-------------------------------------------------------------10. BUTTONS:RSS-FEED- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/          ul.opt{          margin:0px 20px 3px 19px;          text-align:center;          padding:10px 0 0 0px;          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:0.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(../images/rss-text.gif) no-repeat 0 0} /*-------------------------------------------------------------11. SEARCH-BOX- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/ #rightcolumn form{ width:405px; border:3px solid #e8e8e8; overflow:hidden; margin:0 0 0 19px; -moz-border-radius:4px} #rightcolumn form:hover{ border:3px solid #ddd}#gsearch table{background-color:#f0f0f0}#gsearch input{color:#333;padding:2px 7px}#gsearch #sbi{width:255px}#gsearch form{background-color:#f0f0f0}#gsearch #sbb{padding:1px 4px;margin-left:1px} /*-------------------------------------------------------------12. TOPIC-LIST- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/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(../images/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;/* width:80%;*/}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:0.5em;margin-bottom:0.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(../images/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(../images/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(../images/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}/*-------------------------------------------------------------13. TYPOGRAPHY- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/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:0.35em 0 0 0; border-bottom:3px solid #333; margin:12px 16px 14px 0; clear:both} .topic h4{ font-family:Helvetica,"Lucida Sans Unicode",Tahoma,Verdana,Arial,Helvetica,sans-serif; font-size:2.2em; line-height:1.3em; font-weight:normal; letter-spacing:0px; color:#111; padding:0.35em 0 0.15em 0; border-bottom:3px solid #222; margin-right:16px; margin-left:0; margin-bottom:0.4em; margin-top:0.7em}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 images{margin:13px 0 0 0}/*ul.topic-list p{margin:11px 0 0 0;line-height:1.7em}*/ul.topic-list p{margin:13px 0 0 0;line-height:1.72em}ul.topic-list a.more{color:#0040b6;font-weight:bold;/*padding-right:15px;background:url(../images/arrows.gif) no-repeat right;*/}/*-------------------------------------------------------------13. PAGERS- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/ #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; 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 images{ border:4px solid #ededed; margin:0 0 0 22px}/*-------------------------------------------------------------14. GOOGLE-SUCHBOX- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/.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}/*-------------------------------------------------------------15. TOPIC- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/.topic{width:100%;overflow:hidden;margin:0;padding:0 0 16px 0}.topic p{/*margin:13px 0 8px 0;line-height:1.7em;*/margin:13px 0 0 0;line-height:1.72em}.topic ul{list-style:square outside;margin:0.7em 4em 0 4em;padding:0}.topic ol{       margin:1px 0 1px 0.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(../images/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:0.45em 0;padding:0;line-height:1.65em;list-style-type:square}/*-------------------------------------------------------------16. ARTICLE-LIST- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/.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.hover,.article-list li:hover{}.article-list li images{border:1px solid #919191; -moz-border-radius:2px;float:left;margin:5px 12px 0 4px}.article-list.square li images{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:0px 10px 3px 0}#leftcolumn .article-list h3 a:link,#leftcolumn .article-list h3 a:visited {color:#8E9B36; text-decoration:none;border:0;font-size:0.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:#188CC3;*/color:#444;text-decoration:none}/*#leftcolumn .article-list h3 a:active{     text-decoration:underline}*/.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(../images/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(../images/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(../images/divider.gif) no-repeat right}ul.article-list .top ul li.comments strong{padding:0 10px 0 0;background:url(../images/bullet-commnet.gif) no-repeat right}/*-------------------------------------------------------------17. V-MODE+H-MODE- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/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(../images/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(../images/bg-style.gif) no-repeat 0 -9px}ul.v-mode .active a.square,ul.v-mode a.square:hover{background:url(../images/bg-style.gif) no-repeat -12px -9px}h2.by-topic{font:44px Helvetica,Arial,sans-serif;color:#96A338;/* background-color:#EBF5FF;*/margin:10px 0 0 0}h2.by-topic strong{font-weight:normal;/*color:#adbb4c;*/}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 0 0px}ul.article-list.square li .frame{/*border-right:1px solid #DEE0E3;*/border:1px solid #fff;padding:9px 0 0 16px;overflow:hidden;height:1%}#leftcolumn .frame a images{ 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}/*-------------------------------------------------------------16. COMMENT-FORM- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/.comment-form{background:#f5f5f5 url(../images/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(../images/bg-input.gif) repeat-x 0 0;padding:5px 0 0 4px}.comment-form textarea{width:100%;height:98px;margin:3px 0 0;background:url(../images/bg-textarea.gif) repeat-x 0 0;padding:5px 0 0 4px}.comment-form .submit input{width:154px;height:31px;padding:0;margin:8px 0 0;border:none}.comment-form dd.allowed-tags{background:url(../images/bg-allowed-tags-t.gif) repeat-x 0 0;width:100%;margin:17px 0 0}.comment-form dd.allowed-tags div{background:url(../images/bg-allowed-tags-l.gif) repeat-y 0 0}.comment-form dd.allowed-tags div div{background:url(../images/bg-allowed-tags-t.gif) repeat-x 0 100%}.comment-form dd.allowed-tags div div div{padding:10px 50px 10px 17px;background:url(../images/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-family:Helvetica,Verdana,Arial,sans-serif;          font-size:1.1em;          list-style-type:none}.comment-list ol .body p{          line-height:1.5em;          margin-left:14px}.comment-list ol li{          margin:1.3em 0}.commentlist ol li:hover{          background-color:#fff}     .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;margin:9px 0 0 2em;position:relative}.comment-list ol li:hover{background-color:#fff}.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:0px -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:0px}.comment-list ol .top p{background:transparent url(../images/user_comment.gif) no-repeat 0 4px}.comment-list ol li.admin .top p{background:transparent url(../images/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}.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(../images/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(../images/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(../images/separator-list-comment.gif) repeat-x 0 100%;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(../images/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 ul .body{padding:0 23px 10px 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(../images/ico-edit.gif) no-repeat left}.comment-list ul .bottom ul .delete a{padding:0 13px 0 14px;background:url(../images/ico-delete.gif) no-repeat left}.comment-list ul .bottom ul .comment a{padding:0 13px 0 24px;background:url(../images/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(../images/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(../images/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(../images/bg-tabset-li.gif) no-repeat 0 0}#leftcolumn .tabset li a:hover{border:0;color:#444;background:url(../images/bg-tabset-li.gif) no-repeat 0 0}#leftcolumn .tabset li.active a:hover{background:url(../images/bg-tabset-li.gif) no-repeat 0 -31px}#leftcolumn .tabset li.active{background:url(../images/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(../images/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}/*-------------------------------------------------------------17. BOOKMARKS- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/.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(../images/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(../images/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(../images/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(../images/bg-reddit.gif)}.bookmarks ul .reddit a{background:none}.bookmarks ul .reddit a:hover{text-decoration:underline}/*-------------------------------------------------------------18. GOOGLE ADSENSE- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/#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 images{border:none !important}.banner-list br{display:none}#trackbacks{color:#bfbfbf;font-size:0.8em}#trackbacks a{font-size:1.1em}/* Code Snippets,Styling----------------------------------------------- */ 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}/* Misc. elements,Styling----------------------------------------------- */ blockquote{ background-color:#F3F7FB; padding:3px 20px}  abbr{ text-decoration:none}  abbr:hover{ cursor:help} span.grey{ color:#bfbfbf}/* Tables .shortcuts----------------------------------------------- */.shortcuts{margin:15px 15px 5px 4em;font-size:0.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}/* Spans (markers)----------------------------------------------- */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;/*                    margin-left:4em;*/ } a:link images{ border-bottom:1px solid #fff; text-decoration:underline; display:block}/*-------------------------------------------------------------19. SIDEBLOG- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/ .sideblog p{ padding:7px 10px 0 10px; font-size:0.9em; border-top:1px solid #eee} .sideblog a{ text-decoration:underline; font-weight:normal} .sideblog a:hover{ color:#c00} .sideblog a:active,.sideblog a:focus{ background-color:#FFF0F0; color:#c00; outline:none}/*-------------------------------------------------------------20. Pagination- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/.wp-pagenavi{ font-size:0.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}/*-------------------------------------------------------------/* 21. Tag Cloud Styling----------------------------------------------- */ ul#tagcloud{ padding:0; margin:0; text-align:left; list-style:none; line-height:340%}  ul#tagcloud li{ display:inline; font-size:70%; color:#ccc; background:none; padding:0}  ul#tagcloud li.t1 a{ color:#797979; font-size:120%}  ul#tagcloud li.t2 a{ color:#6d6d6d; font-size:160%}  ul#tagcloud li.t3 a{ color:#616161; font-size:190%}  ul#tagcloud li.t4 a{ color:#555; font-size:210%}  ul#tagcloud li.t5 a{ color:#484848; font-size:230%}  ul#tagcloud li.t6 a{ color:#3c3c3c; font-size:250%}  ul#tagcloud li.t7 a{ color:#303030; font-size:270%}  ul#tagcloud li.t8 a{ color:#242424; font-size:290%}  ul#tagcloud li.t9 a{ color:#181818; font-size:310%}  ul#tagcloud li.t10 a{ color:#0c0c0c; font-size:330%}  #news ul#tagcloud{ padding-left:0}  .tags{ background-color:#F0F5F7} .tags p{ font-size:0.9em; padding:5px} ul#tagcloud li a,ul#tagcloud li a:link{ text-decoration:none;padding:5px;border:1px solid #fff;-moz-border-radius:4px} ul#tagcloud li a:hover{ text-decoration:underline;background-color:#FFD7BD;border:1px solid #FFD0A3;-moz-border-radius:4px}ul#tagcloud li a:visited{background-color:#eee;text-decoration:none}/*-------------------------------------------------------------/* 26. Earlierposts----------------------------------------------- */#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}#earlierposts h3{ color:#e64117; margin:0.5em 0 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:menu;color:#C0C0C0;margin-left:110px}*/.an{font-size:0.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 images{position:relative;left:356px}.feedcountdiv p{margin-top:5px;text-align:right;margin-right:25px}.feedcount{text-align:center;padding:4px;background-color:#ee7d00;color:#fff;font-weight:bold;-moz-border-radius:3px;border:2px solid #cc5b00}.subscribers{background-color:#cc5b00;color:#fff;padding:0px 2px 0px 2px}/* Syntax Highlighting *//* syntax highlighitng *//* defaults */.highlight{color:black}.highlight span{display:inline !important}.highlight .comment{color:green}.highlight .conditional{background:#FFFFA0;/* pale yellow */}.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}.highlight .cdata{/* no styling */}/* (X)HTML */.html .doctype{color:steelblue;font-style:italic}/* CSS */.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 */.javascript .global{color:teal}.javascript .base2{color:purple}pre{background-color:#F2F8F2;-moz-border-radius:2px;padding:1em;border:3px solid #E6F2E6}pre,code,html *.code,kbd{font-size:1em;font-family:"Consolas","Bitstream Vera Sans Mono","Lucida Console","Courier New",courier,monospace}