@charset "utf-8";abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}body{height:auto;text-align:center;line-height:1;background-color:#f0f0f0;color:#333;font-family:"Helvetica","Arial",sans-serif}li,ul{list-style:none}input,select{vertical-align:middle;text-shadow:1px 1px #ddd}a,a:link,a:visited{outline:0;color:#4078c0;text-decoration:none}a:active,a:hover{color:#3664A3}a:focus{outline:0}table{border-collapse:collapse;border-spacing:0}article,aside,figure,footer,header,nav,section{display:block}#container,.align-center{width:1000px;height:auto;margin:0 auto}#container{background:#FFF;text-align:left;min-height:600px;-moz-box-shadow:0 10px 30px rgba(0,0,0,.3);-webkit-box-shadow:0 10px 30px rgba(0,0,0,.3);box-shadow:0 10px 30px rgba(0,0,0,.3);padding-top:20px}header{width:100%;height:auto;background:url(/images/bg-header.jpg) top center no-repeat}footer{width:960px;height:100px;margin:40px auto 20px;padding:0 20px;text-align:center}.clear{clear:both;height:1px;overflow:hidden;margin:-1px 0 0}.ad-banner{height:90px;padding:0 20px;width:960px;margin:0 0 20px;text-align:center}.ad-top-text{width:620px;height:15px;margin:0 0 10px 10px}.ad-top-banner{width:620px;height:60px;margin:10px 0 0 10px}.ad-text{height:15px;width:980px;padding-left:20px;text-align:left;margin-top:-5px}.ad-bottom{max-width:600px;height:auto;margin:20px auto;text-align:center}.ad-middle{max-width:620px;min-height:60px;margin:20px 0 20px 10px;text-align:center}#toTop{display:none;position:fixed;bottom:5px;right:5px;width:64px;height:64px;background-image:url(/images/up.png);background-repeat:no-repeat;opacity:.6;filter:alpha(opacity=60)}#toTop:hover{opacity:1;filter:alpha(opacity=100)}#logo{height:60px;width:350px;float:left;overflow:hidden;text-indent:-9999px;background:url(/images/logo.png?2022) 0 12px no-repeat;margin:10px 30px 0 0;display:inline}#logo a{display:block;height:100%}.align-center nav{height:40px;width:100%;text-align:left;margin-top:22px;border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;text-shadow:1px 1px #333;background-color:#4878a0;-moz-box-shadow:0 10px 30px rgba(0,0,0,.3);-webkit-box-shadow:0 10px 30px rgba(0,0,0,.3);box-shadow:0 10px 30px rgba(0,0,0,.3)}.align-center ul{padding:0 10px}.align-center nav ul li{display:inline-block;zoom:1;font-size:.9em;line-height:40px;padding:0 20px}.align-center nav ul li a{color:#fff}.align-center nav ul li a:hover{text-decoration:underline}.search-box{width:500px;float:left;margin:10px 0 0;display:inline;text-align:left;position:relative}.search-box h1,.search-box h2{font-size:.75em;font-weight:400;color:#fff;height:20px;line-height:20px;text-shadow:1px 1px #666;padding-left:5px}.search-form{height:40px;border:1px solid #999;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background-color:#fff;overflow:hidden}.search-text{font-size:.875em;color:#ddd;border-width:0;background:0 0}.search-form input[type=text]{width:90%;padding:11px 0 12px 5px;color:#333;outline:0}.search-button{position:absolute;top:20px;right:0;height:42px;width:80px;font-size:.875em;color:#fff;text-align:center;line-height:42px;border-width:0;background-color:#121b28;-webkit-border-radius:0 5px 5px 0;-moz-border-radius:0 5px 5px 0;border-radius:0 5px 5px 0;cursor:pointer;text-shadow:0 1px #999}.col-left{float:left;height:auto;width:630px;padding:0 15px 0 10px;margin:0 6px 0 0;border-right:4px solid #f0f0f0}.col-right{float:right;height:auto;width:300px;margin:0 20px 0 0;padding:0 0 0 15px}.category li{width:145px;padding-left:5px;font-size:.75em;height:24px;line-height:24px;overflow:hidden;float:left;font-weight:700}.tags{width:100%;height:auto}.tags a{height:24px;line-height:24px;padding:0 5px;display:inline-block}.tagc2{font-size:.875em;font-weight:700}a.tagc1{color:#121b28}.plugin-tags a,.prev-next a.tags-block,.tags a.tags-block{display:inline-block;padding:0 10px;margin:5px;background-color:#f0f0f0;height:24px;line-height:24px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;text-shadow:1px 1px #fff;font-size:.75em;float:left}.plugin-tags a:hover,.prev-next a.tags-block:hover,.tags a.tags-block:hover{background-color:#316594;color:#fff;text-shadow:1px 1px #333}.col-left h2{font-size:1.375em;text-shadow:1px 1px #dedede;line-height:24px;height:24px;padding-left:10px}.col-left h1{font-size:2em;text-shadow:1px 1px #dedede;line-height:36px;width:620px;padding-left:10px}.col-left h2 span{float:right;line-height:24px;height:24px}.col-left h2 span a{font-size:.6em;font-weight:400;display:inline-block;padding:0 10px;background-color:#f0f0f0;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;text-shadow:1px 1px #fff}.col-left h2 span a:hover{background-color:#316594;color:#fff;text-shadow:1px 1px #333}.col-right aside{width:300px}.col-right aside h4{font-size:.85em;color:#777;margin:15px auto 0 0;border-top:4px solid #f0f0f0;padding:15px 0}.col-right aside h4 span{float:right;font-size:.75em}.col-right aside h4 span a{color:#e21d03}.col-right aside .popular-post li{line-height:24px;font-size:.875em;padding-bottom:10px;margin-bottom:10px;border-bottom:2px solid #f0f0f0}.col-right aside .popular-post li.li-last{text-align:right;border-bottom:0;font-weight:700;font-size:.75em}.col-right aside .popular-post li.li-last a{font-weight:400;display:inline-block;padding:0 10px;background-color:#f0f0f0;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;text-shadow:1px 1px #fff}.col-right aside .popular-post li.li-last a:hover{background-color:#316594;color:#fff;text-shadow:1px 1px #333}.col-right aside .popular-post li span{color:#aaa;display:block}.col-right aside .tab-panel{padding-bottom:5px}.col-right aside .tab-panel a,.filter a{display:inline-block;padding:0 10px;margin:5px;background-color:#f0f0f0;height:24px;line-height:24px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;text-shadow:1px 1px #fff;font-size:.75em;float:left}.col-right aside .tab-panel a.current-tab,.col-right aside .tab-panel a:hover,.filter a.current-tab,.filter a:hover{background-color:#316594;color:#fff;text-shadow:1px 1px #333}.sub-footer{width:980px;height:auto;padding:0 10px 10px;background-color:#f8f8f8;margin:20px 0 0;text-align:left}.sub-footer aside{width:306px;height:245px;margin:0 10px;float:left}.sub-footer aside h4{font-size:1em;color:#777;margin:20px auto 0;border-top:4px solid #ddd;padding:15px 0}.sub-footer aside li,.sub-footer aside p{line-height:32px;color:#333}.sub-footer .social{height:48px}.sub-footer .social img{width:32px;height:32px;margin:8px 9px;display:inline-block}footer p{font-size:.875em;line-height:32px}footer code{color:#316594}.page-nav{width:630px;height:32px;line-height:32px;margin:15px 0;text-align:center;padding:0 0 0 10px}.page-nav li{display:inline-block;zoom:1}.page-nav li a{display:inline-block;zoom:1;padding:0 10px;margin:5px;background-color:#f0f0f0;height:24px;line-height:24px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;text-shadow:1px 1px #fff;font-size:.875em}.page-nav li a:hover{background-color:#316594;text-shadow:1px 1px #333;color:#fff}.page-nav li.current a{background-color:#316594;color:#fff;font-weight:700;text-shadow:1px 1px #333}.bread-crumb{height:24px;line-height:24px;text-shadow:1px 1px #dedede;font-size:.875em;font-weight:700;text-transform:uppercase;overflow:hidden;white-space:nowrap}.bread-crumb a{text-shadow:1px 1px #efefef}.jqoverlay{zoom:1}.jqoverlay .vlightbox3 div{left:0;top:0;width:100%;height:150px;background:url(/images/zoom-in.png) 50% 54% no-repeat #000;opacity:.5;color:#FFF}.jqoverlay .vlightbox3{display:-moz-inline-stack;display:inline-block;zoom:1;position:relative;vertical-align:top;width:193px;font-family:Trebuchet,Tahoma,Arial,sans-serif;font-size:11px;font-weight:700;text-decoration:none;text-align:left;box-shadow:0 0 7px #fff}.jqoverlay .vlightbox3:hover{box-shadow:0 0 7px #000}.jqoverlay .vlightbox3{-moz-transition:all .4s ease-out;-o-transition:all .4s ease-out;-webkit-transition:all .4s ease-out;transition:all .4s ease-out}.jqoverlay .vlightbox3 a{margin:0}.jqoverlay .vlightbox3 div{display:none}.jqoverlay2{zoom:1}.jqoverlay2 .vlightbox2 div{left:0;top:0;width:100%;height:229px;background:url(/images/zoom-in.png) 50% 54% no-repeat #000;opacity:.5;color:#FFF}.jqoverlay2 .vlightbox2{display:-moz-inline-stack;display:inline-block;zoom:1;position:relative;vertical-align:top;width:300px;font-family:Trebuchet,Tahoma,Arial,sans-serif;font-size:11px;font-weight:700;text-decoration:none;text-align:left;box-shadow:0 0 7px #fff}.jqoverlay2 .vlightbox2:hover{box-shadow:0 0 7px #000}.jqoverlay2 .vlightbox2{-moz-transition:all .4s ease-out;-o-transition:all .4s ease-out;-webkit-transition:all .4s ease-out;transition:all .4s ease-out}.jqoverlay2 .vlightbox2 a{margin:0}.jqoverlay2 .vlightbox2 div{display:none}.margin-fix{margin-top:20px}.box,.related{margin-right:-10px;width:640px}.box h2,.related h3{font-size:1.375em;text-shadow:1px 1px #dedede;color:#444;line-height:32px;height:32px;padding:0 10px}.box article,.related article{width:193px;padding:20px 10px;border-bottom:1px solid #f0f0f0;float:left}.box h3,.related p{padding:10px 0 0;line-height:20px;font-size:.875em;height:60px;overflow:hidden;font-weight:700}.box figure img,.related figure img{border:4px solid #f0f0f0;padding:4px;width:177px;height:132px}.list,.post{width:620px;padding:0 0 0 10px}.list h1,.post h1{font-size:1.75em;text-shadow:1px 1px #dedede;color:#444;line-height:32px;padding-left:0;margin-bottom:20px}.post h1 a{color:#444}.post figure{float:left}.post figure img{border:4px solid #f0f0f0;padding:4px;width:284px;height:213px}.plugin-info{width:300px;float:left;font-size:.875em}.plugin-info a{color:#444}.plugin-info a:hover{color:#316594}.plugin-info th{height:24px;line-height:24px;text-align:left}.download-area{width:300px;height:auto;float:left}.small-size{font-size:.725em}.large-size{font-size:1.25em}.download-area p{line-height:2em}.plugin-details{width:300px;height:auto;float:right}.download-demo a{display:inline-block;padding:0 30px;margin:0 10px 0 0;background-color:#4078c0;height:32px;line-height:32px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;text-shadow:1px 1px #333;font-size:1em;font-weight:700;color:#fff}.download-demo a:hover{background-color:#3664A3}.share-button{width:300px;padding:20px 0;overflow:hidden;float:left}.meta-tag{margin-top:-10px;margin-bottom:20px;font-size:1em;color:#aaa}.meta-tag a{font-weight:700}.entry{line-height:1.5em;border-top:4px solid #f0f0f0;border-bottom:4px solid #f0f0f0;padding:10px 0 0;margin-bottom:10px}.entry h2{font-size:1.25em;margin:20px 0;padding:0}.entry p,.entry ul{margin:0 0 10px}.entry li{list-style:inside disc}.entry code{display:inline-block;background-color:#f7f7f9;padding:2px 5px;height:1.5em;line-height:1.5em;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;color:#bd4147}.entry img{max-width:534px;margin:10px;border:4px solid #f0f0f0;padding:4px}.plugin-tags{margin:10px 0}.more-usage{font-style:italic}.related{margin-top:10px}.comments{margin:10px 0;padding:0 10px}.prev-next{height:auto;margin:0 0 20px}.prev-next li{list-style:none;font-weight:700}.prev-next li a{font-weight:400}.list .cat-info{font-size:1.25em;margin-bottom:10px;line-height:1.5em}.filter{padding:10px 0;border-bottom:4px solid #f0f0f0;height:auto;height:32px;line-height:32px}.list article{padding:20px 0;border-bottom:1px solid #f0f0f0}.list article dl{float:left;width:185px}.list .article-info{float:right;width:415px}.list article dd img{border:4px solid #f0f0f0;padding:4px;width:177px;height:132px}.list article dt{height:32px;width:185px;line-height:32px;text-align:center}.list article dt a{display:inline-block;padding:0 10px;margin:5px;background-color:#316594;height:24px;line-height:24px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;text-shadow:1px 1px #333;font-size:.75em;color:#fff}.list article dt a:hover{background-color:#4878a0}.list article h2{font-size:1.25em;text-shadow:1px 1px #dedede;color:#444;line-height:24px;height:auto;padding:0;width:415px}.list article p{width:415px;line-height:24px}.list .tagline{width:415px;line-height:24px;margin:5px 0 10px;font-size:.875em;color:#aaa;height:24px;overflow:hidden}#ad1{width:300px;height:250px;margin:5px 0}#pref2_overlay{position:fixed;top:0;left:0;z-index:190;width:100%;height:auto;background-color:#000}#pref2_lightbox{position:absolute;top:20px;left:0;width:100%;z-index:200;text-align:center;color:#151410;line-height:0;padding-top:20px}#pref2_lightbox a,#pref2_lightbox a:hover{border-bottom:none;color:#151410;text-decoration:underline}#pref2_lightbox a img{border:none}#pref2_outerImageContainer{width:auto;height:auto;margin:0 auto;position:relative}#pref2_lightboxImage{width:100%;height:100%}#pref2_imageContainerMain{margin:0 auto;overflow:visible;position:relative;font-size:0}#pref2_imageContainer{width:150px;height:30px;margin:0 auto;overflow:hidden;background-color:#fff;position:relative;font-size:0}#pref2_loading{position:absolute;top:40%;left:0;height:25%;width:100%;text-align:center;font-size:10px;z-index:1}#pref2_loadingLink{display:block;margin:0 auto;padding:0;width:150px;height:29px;background:url(../images/loading.gif) center center no-repeat;text-indent:-9999px}#pref2_hoverNav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}#pref2_imageContainer>#pref2_hoverNav{left:0}#pref2_prevLinkImg{top:45%;height:50px;width:50px;position:absolute;z-index:20;outline-style:none;display:block;text-indent:-9999px;background-position:0 0}#pref2_nextLinkImg{top:45%;height:50px;width:50px;position:absolute;z-index:20;outline-style:none;display:block;text-indent:-9999px;background-position:100% 0}#pref2_prevLinkImg{left:3px}#pref2_nextLinkImg{right:3px}#pref2_prevLinkImg.hover,#pref2_prevLinkImg:hover,#pref2_prevLinkImg:visited:hover{background-position:0 100%}#pref2_nextLinkImg.hover,#pref2_nextLinkImg:hover,#pref2_nextLinkImg:visited:hover{background-position:100% 100%}#pref2_imageContainerMain:hover #pref2_nextLinkImg,#pref2_imageContainerMain:hover #pref2_prevLinkImg,* html #pref2_nextLinkImg,* html #pref2_prevLinkImg{background-image:url(../images/arrows.png)}#pref2_imageDataContainer{width:auto;position:absolute;z-index:21;bottom:20px;left:10px}#pref2_imageData{font-family:'Open Sans Condensed',sans-serif;font-size:20px;font-weight:700;line-height:20px;color:#fff;background-color:#000;border-radius:0 6px 6px 0;margin-right:15px;overflow:visible;position:relative;z-index:21;text-align:center;opacity:.8;filter:alpha(opacity=90)}#pref2_imageDetails{width:100%;padding:0}#pref2_caption{display:block;text-align:left;padding:12px}#pref2_numberDisplay{display:none;text-align:right}#pref2_detailsNav,#pref2_nextLinkDetails,#pref2_prevLinkDetails,#pref2_slideShowControl{display:none}#pref2_close{position:relative;width:100%;height:0;z-index:21}#pref2_closeLink{position:absolute;top:-20px;right:-15px;display:block;outline-style:none;margin:0;padding:0;text-decoration:none;width:40px;height:40px;background:url(../images/close.png) no-repeat}#pref2_closeLink:hover{background:url(../images/close_hover.png) no-repeat}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}* html>body .clearfix{display:inline-block;width:100%}* html .clearfix{height:1%}#pref2_outerImageFrame{border:5px solid red;height:100%;width:100%;position:absolute}#pref2_outerImageContainer{overflow:visible}#pref2_outerImageContainer td{text-align:center;padding:0}#pref2_lightboxFrameBody{background-color:transparent}.vlb{display:none}#pref2_outerImageContainer td,#pref2_outerImageContainer tr{font-size:0;border:0}#pref2_outerImageContainer td.br,#pref2_outerImageContainer td.tl{height:10px;width:10px}#pref2_outerImageContainer td.tc{background-image:url(../images/borderHoriz.png)}#pref2_outerImageContainer td.ml,#pref2_outerImageContainer td.mr{background-image:url(../images/borderVert.png)}#pref2_outerImageContainer td.bc{background-image:url(../images/borderHoriz.png)}#pref2_outerImageContainer td.tl{background:url(../images/borderCorners.png)}#pref2_outerImageContainer td.tr{background:url(../images/borderCorners.png) 100% 0}#pref2_outerImageContainer td.bl{background:url(../images/borderCorners.png) 0 100%}#pref2_outerImageContainer td.br{background:url(../images/borderCorners.png) 100% 100%}@media print{img{max-width:500px}.ad-block,.ad-text,.ad-top-banner,.ad-top-text,.col-right,.side-bar,footer,header{display:none}@page{margin:.5cm}body{font:12pt Georgia,"Times New Roman",Times,serif;line-height:1.3}h1{font-size:24pt}h2{font-size:14pt;margin-top:25px}blockquote,ul{margin:0}ul{list-style:none}li{content:"» "}a{color:#000}}@media (min-width:641px) and (max-width:1023px){body{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow-x:hidden}#container,.align-center{width:100%}#logo{max-width:50%}footer{width:100%;height:100px;margin:40px auto 20px;padding:0 20px;text-align:center}.search-box{max-width:50%;float:left}.align-center nav{overflow:hidden;white-space:nowrap}.col-left{float:none;width:100%;padding:0;margin:0;border-right:0}.col-right{float:none;height:auto;width:100%;margin:0;padding:0}.box,.related{margin-right:0;width:100%}.box article,.related article{width:33%;float:left;padding:20px 0}.box figure img,.related figure img{border:4px solid #f0f0f0;padding:4px;width:100%;height:132px}.box h3,.related p{width:100%}.col-right aside{width:50%;float:left}.sub-footer{width:100%}.sub-footer aside{width:33%;margin:0;padding:0;height:auto}.download-area,.plugin-details,.share-button{width:50%}}@media (max-width:640px){body{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow-x:hidden}#container,#logo,.align-center{width:100%}footer{width:100%;height:100px;margin:40px auto 20px;padding:0 20px;text-align:center}.search-box{width:100%;float:left}.align-center nav{overflow:hidden;white-space:nowrap}.col-left{float:none;width:100%;padding:0;margin:0;border-right:0}.col-right{float:none;height:auto;width:100%;margin:0;padding:0}.box,.related{margin-right:0;width:100%}.box article,.related article{width:100%;float:left;padding:20px 0}.box figure img,.related figure img{border:4px solid #f0f0f0;padding:4px;width:100%;height:auto}.box h3,.related p{width:100%}.col-right aside{width:100%;float:none}.sub-footer{width:100%}.sub-footer aside{width:100%;margin:0;padding:0;height:auto}.align-center nav ul li{float:left;display:inline}.align-center nav{height:auto}.download-area,.plugin-details,.share-button{width:100%}}@media (max-width:1023px){.list,.post{width:100%;padding:0}.list .article-info{float:right;width:65%}.list article dl{float:left;width:35%}.plugin-details{min-width:300px;height:auto;float:right}.share-button{min-width:300px;padding:20px 0;overflow:hidden;float:left}.download-area{min-width:300px;height:auto;float:left}.col-left h1,.list article h2,.list article p{width:100%}.entry img{max-width:534px;width:100%}}#carbonads{position:relative;display:flex;width:300px;height:250px;background-color:#fff;box-shadow:inset 0 0 1px 1px hsla(0,0%,0%,.15);text-align:center;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",Helvetica,Arial,sans-serif;justify-content:center;align-items:center}#carbonads a{color:#4078c0;text-decoration:none}#carbonads a:hover{color:#3664A3}#carbonads span{display:block;overflow:hidden}.carbon-img{display:block;margin:0 0 8px;line-height:1}.carbon-img img{max-width:150px!important;width:150px;height:auto}.carbon-text{display:block;margin-bottom:8px;padding:0 10px;font-weight:500;font-size:16px;line-height:1.35}.carbon-poweredby{position:absolute;right:10px;bottom:10px;display:block;padding:5px 6px;border-radius:2.5px;background-color:#f0f0f0;color:#4078c0!important;text-transform:uppercase;letter-spacing:.5px;font-weight:600;font-size:8px;line-height:1}.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden}.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%}