single.css

.browser-support .logo,legend{text-indent:-99999px;position:relative}body,fieldset,legend,ol,ul{margin:0;padding:0}body,fieldset,legend,ol,p,ul{padding:0}header,header h1 a,legend{position:relative}form#email-signup input,header .search input{filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='white', endColorstr='#efefef', GradientType=0 )}.commentlist,ul{list-style:none}.single-article .content,.single-article .top-right p,.single-article h1,.single-article h2,.single-article h3,body,footer .block h3,header h1 a{font-family:Helvetica,Arial,sans-serif}#respond:after,#respond:before,.author:after,.author:before,.row:after,.row:before,.single-article .content:after,.single-article .content:before,section.articles article:after,section.articles article:before{content:"";display:table}#respond:after,.author:after,.row:after,.single-article .content:after,section.articles article:after{clear:both}.show{display:block}.hide{display:none}html{font-size:62.5%;margin-top:0!important}body{width:100%;font-size:12px;font-size:1.2rem}a{color:#24262A}p{margin:0 0 .5rem}h1,h2,h3,h4,h5,h6{padding:0;margin:0 0 1rem}fieldset{border:none}legend{display:inline-block}button{cursor:pointer}.error-message{color:#ce2833}.clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden}*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.row{max-width:1100px;max-width:110rem;margin:0 auto}.col_1,.col_10,.col_11,.col_12,.col_2,.col_3,.col_4,.col_5,.col_6,.col_7,.col_8,.col_9{float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.col_1{width:7.41666666667%}.col_2{width:15.8333333333%}.col_3{width:24.25%}.col_4{width:32.6666666667%}.col_5{width:41.0833333333%}.col_6{width:49.5%}.col_7{width:57.9166666667%}.col_8{width:66.3333333333%}.col_9{width:74.75%}.col_10{width:83.1666666667%}.col_11{width:91.5833333333%}.col_12{width:100%;margin-left:0}@media only screen and (max-width:939px){.row{width:100%}.col_12{width:100%!important}.col_6{width:50%;margin-left:0}}#sidebar{padding:0 1rem 2rem 2rem;width:30%}@media only screen and (max-width:880px){#sidebar{clear:both;float:left;width:100%}#sidebar div.split{width:50%;float:left}}@media only screen and (max-width:480px){#sidebar{padding-left:1rem}#sidebar div.split{width:100%}}#sidebar ul.social-icons{margin-top:2rem;margin-bottom:2rem}#sidebar h3{font-size:18px;font-size:1.8rem;margin-top:4rem}#sidebar h3:first-child{margin-top:0}header{margin-bottom:3rem;padding-top:3rem}header:after,header:before{content:"";display:table}header .main-content-link,header h1 a{text-indent:-99999px;display:inline-block;text-decoration:none}header:after{clear:both}header h1{margin-bottom:1rem}@media only screen and (max-width:1100px){header h1{padding-left:1rem}}header h1 a{font-size:32px;font-size:3.2rem;background:url(images/cr-logo.png) no-repeat;width:300px;height:122px}@media (min--moz-device-pixel-ratio:1.3),(-o-min-device-pixel-ratio:2.6/2),(-webkit-min-device-pixel-ratio:1.3),(min-device-pixel-ratio:1.3),(min-resolution:1.3dppx){header h1 a{background-image:url(images/cr-logo-hd.png);background-size:300px 122px}}@media only screen and (max-width:880px){header h1 a{width:200px;height:81px;background-size:200px 81px}}@media only screen and (max-width:600px){header{padding-top:1rem;border-bottom:1px solid #ce2833}header h1 a{width:100px;height:41px;background-size:100px 41px}}header .main-content-link{position:absolute;top:10px;top:1rem;left:180px;left:18rem}header .main-content-link:focus{text-indent:0;background:#710109;color:#fff;padding:.5rem}header .search{position:absolute;right:10px;right:1rem;bottom:80px;bottom:8rem}@media only screen and (max-width:600px){header .search{display:none;position:relative;top:0;left:0;text-align:center}header .search fieldset{border-top:1px solid #ce2833;background:#24262A;padding:1rem;margin:0 auto}}header .search label,header .search legend{display:inline-block;position:relative;text-indent:-99999px}header .search legend{padding:0;margin:0}header .search input{background:#fff;background:-moz-linear-gradient(top,#fff 0,#efefef 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#efefef));background:-webkit-linear-gradient(top,#fff 0,#efefef 100%);background:-o-linear-gradient(top,#fff 0,#efefef 100%);background:-ms-linear-gradient(top,#fff 0,#efefef 100%);background:linear-gradient(to bottom,#fff 0,#efefef 100%);border:1px solid #ccc;padding:.5rem 1rem;width:160px;width:16rem;color:#24262A}@media only screen and (max-width:600px){header .search input{width:60%}}header .search button{position:relative;background:#ce2833;color:#fff;border:1px solid #ce2833;padding:.5rem 1rem;margin:0 0 0 -.5rem}header .search button:focus,header .search button:hover{background:#710109;border:1px solid #710109}header .search button:after{content:"";position:absolute;top:4px;top:.4rem;left:-8px;left:-.8rem;width:0;height:0;border-top:.8rem solid transparent;border-right:.8rem solid #ce2833;border-bottom:.8rem solid transparent}header .search button:focus:after,header .search button:hover:after{width:0;height:0;border-top:.8rem solid transparent;border-right:.8rem solid #710109;border-bottom:.8rem solid transparent}header #main-nav{clear:both;background:#ce2833;margin-bottom:2rem;font-size:14px;font-size:1.4rem}header #main-nav ul{margin:0;padding:1rem 0}@media only screen and (max-width:600px){header #main-nav{border-top:1px solid #ce2833;display:none;margin-bottom:0;background:#24262A}header #main-nav ul{padding:0}}header #main-nav ul li{display:inline;margin:0}header #main-nav ul li a{text-decoration:none;color:#fff;padding:1rem 2rem;letter-spacing:1.5px;letter-spacing:.15rem}header #main-nav ul li a:focus,header #main-nav ul li a:hover{background:#710109}@media only screen and (max-width:600px){header #main-nav ul li a{display:block}}header #menu{display:none;position:absolute;top:0;right:0}@media only screen and (max-width:600px){header #menu{display:block}}header #menu a{border-left:1px solid #ce2833;padding:4.8rem 2rem;height:100px;height:10rem}header #menu a span{text-indent:-99999px;display:inline-block;position:relative;top:20px;top:2rem;background:url(images/menu-icons.png) no-repeat;width:22px;height:22px}@media (min--moz-device-pixel-ratio:1.3),(-o-min-device-pixel-ratio:2.6/2),(-webkit-min-device-pixel-ratio:1.3),(min-device-pixel-ratio:1.3),(min-resolution:1.3dppx){header #menu a span{background-image:url(images/menu-icons-hd.png);background-size:75px 43px}}header #menu #search-link span{background-position:0 -22px}header #menu #menu-link span{background-position:0 0}section.articles{float:left;width:70%}@media only screen and (max-width:1100px){section.articles{padding:0 1rem}}@media only screen and (max-width:880px){section.articles{width:100%}}@media only screen and (max-width:600px){section.articles{margin-top:3rem}}section.articles h2{margin-bottom:2rem}section.articles article{position:relative;padding:0 0 2rem;margin:0 0 2rem;border-bottom:1px dotted #ccc;line-height:20px;line-height:2rem}@media only screen and (max-width:480px){section.articles article{padding:0 0 6rem}}section.articles article img{display:none}@media only screen and (min-width:480px){section.articles article img{min-height:180px;min-width:180px;width:100%;display:block}}section.articles article .article-content{padding:0 2rem 0 3rem;font-size:14px;font-size:1.4rem;width:70%}@media only screen and (max-width:880px){section.articles article .article-content{width:75%;padding:0 0 0 5rem}}section.articles article .article-content h2{position:relative;font-size:24px;font-size:2.4rem;line-height:30px;line-height:3rem}section.articles article .article-content h2 a{color:#000;text-decoration:none}section.articles article .article-content h2 a:focus,section.articles article .article-content h2 a:hover{color:#710109}section.articles article .article-content .date{color:#ccc;margin-bottom:1rem}@media only screen and (max-width:480px){section.articles article .article-content{width:100%;padding:0}section.articles article .article-content h2{font-size:18px;font-size:1.8rem;line-height:28px;line-height:2.8rem;margin-bottom:1rem}section.articles article .article-content .date{font-size:10px;font-size:1rem}}section.articles article .article-content .date a{color:#ccc}section.articles article .read-more{position:absolute;bottom:15px;bottom:1.5rem;right:10px;right:1rem;background:#ce2833;padding:.5rem 1rem;color:#fff;text-decoration:none}section.articles article .read-more:focus,section.articles article .read-more:hover{background:#710109}form#email-signup label{position:relative;text-indent:-99999px;display:inline-block}form#email-signup input{background:#fff;background:-moz-linear-gradient(top,#fff 0,#efefef 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#efefef));background:-webkit-linear-gradient(top,#fff 0,#efefef 100%);background:-o-linear-gradient(top,#fff 0,#efefef 100%);background:-ms-linear-gradient(top,#fff 0,#efefef 100%);background:linear-gradient(to bottom,#fff 0,#efefef 100%);border:1px solid #ccc;padding:.5rem 1rem;width:70%;color:#24262A}form#email-signup button{position:relative;background:#ce2833;color:#fff;border:1px solid #ce2833;padding:.5rem 1rem;margin:0 0 0 -.5rem}form#email-signup button:after{content:"";position:absolute;top:4px;top:.4rem;left:-8px;left:-.8rem;width:0;height:0;border-top:.8rem solid transparent;border-right:.8rem solid #ce2833;border-bottom:.8rem solid transparent}form#email-signup button:focus,form#email-signup button:hover{background:#710109;border:1px solid #710109}form#email-signup button:focus:after,form#email-signup button:hover:after{width:0;height:0;border-top:.8rem solid transparent;border-right:.8rem solid #710109;border-bottom:.8rem solid transparent}ul.social-icons{margin:1rem 0}ul.social-icons li{display:inline;margin:1rem}ul.social-icons li a{display:inline-block;background:#ce2833;padding:1.3rem;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}ul.social-icons li a span{background:url(images/social-icons.png) no-repeat;width:30px;width:3rem;height:30px;height:3rem;position:relative;text-indent:-99999px;display:inline-block}@media (min--moz-device-pixel-ratio:1.3),(-o-min-device-pixel-ratio:2.6/2),(-webkit-min-device-pixel-ratio:1.3),(min-device-pixel-ratio:1.3),(min-resolution:1.3dppx){ul.social-icons li a span{background-image:url(images/social-icons-hd.png);background-size:90px 60px}}ul.social-icons li a.twitter span{background-position:-6.1rem 0}ul.social-icons li a.facebook span{background-position:-3.2rem 0}ul.social-icons li a.rss span{background-position:0 0}ul.social-icons li a:focus,ul.social-icons li a:hover{background:#710109}.recent-posts li{border-bottom:1px solid #ccc}.recent-posts li a{display:block;padding:1rem;text-decoration:none;color:#000}.recent-posts li a:focus,.recent-posts li a:hover{background:#ccc}.recent-posts li:first-child{border-top:1px solid #ccc}.paging{margin:0 0 2rem;float:right}.paging li{display:inline;margin:0 0 0 1rem}.paging li a{padding:.5rem 1rem;background:#ce2833;color:#fff;text-decoration:none}.paging .current a,.paging li a:focus,.paging li a:hover{background:#710109}.paging .current a{color:#fff}.single-article{float:left;width:70%;padding-bottom:2rem;border-bottom:1px dotted #ccc}.single-article:after,.single-article:before{content:"";display:table}.single-article:after{clear:both}@media only screen and (max-width:1100px){.single-article{padding:0 1rem}}@media only screen and (max-width:880px){.single-article{width:100%;margin-bottom:2rem}}.single-article p{margin-bottom:2rem}.single-article h1{font-size:28px;font-size:2.8rem;margin:1rem 0 2rem}.single-article h2{font-size:24px;font-size:2.4rem;margin:4rem 0 2rem}.single-article h3{font-size:18px;font-size:1.8rem;margin:2rem 0;color:#666}.single-article .author-name{margin-top:.5rem}.single-article .author-name a{color:#24262A;text-decoration:none;font-weight:700}.single-article .author-name a:focus,.single-article .author-name a:hover{color:#ce2833}.single-article .top-right p{font-size:14px;font-size:1.4rem}.single-article .social-article{float:right}.single-article .article-items{clear:both;margin:3rem 0;list-style:none}.single-article .article-items li{display:inline-block;margin:0 2rem 0 0}@media only screen and (max-width:600px){.single-article .article-items li{margin:0 1rem 0 0}}@media only screen and (max-width:480px){.single-article .article-items li{margin:0 .5rem 0 0}}.single-article .article-items li a{text-decoration:none;color:#24262A}.single-article .article-items li a:focus,.single-article .article-items li a:hover{color:#ce2833}.single-article .article-items li span{background:url(images/icons.png) no-repeat;display:block;width:19px;width:1.9rem;height:18px;height:1.8rem;margin:0 1rem 0 0;float:left}@media (min--moz-device-pixel-ratio:1.3),(-o-min-device-pixel-ratio:2.6/2),(-webkit-min-device-pixel-ratio:1.3),(min-device-pixel-ratio:1.3),(min-resolution:1.3dppx){.single-article .article-items li span{background-image:url(images/icons-hd.png);background-size:74px 37px}}@media only screen and (max-width:480px){.single-article .article-items li span{margin:0 .5rem 0 0}}.single-article .article-items .date span{background-position:-5.5rem 0}.single-article .article-items .category span{background-position:-2.7rem 0}.single-article .article-items .category a:focus span,.single-article .article-items .category a:hover span{background-position:-2.7rem -2rem}.single-article .article-items li.comments span{background-position:0 0}.single-article .article-items li.comments a:focus span,.single-article .article-items li.comments a:hover span{background-position:0 -2.099rem}.single-article .content{font-size:14px;font-size:1.4rem;line-height:22px;line-height:2.2rem}.single-article .content h3{font-size:18px;font-size:1.8rem;margin:3rem 0 0;padding:0;color:#666}.single-article .content img{padding:.5rem;border:1px solid #ccc}@media only screen and (max-width:880px){.single-article .content img{max-width:90%;height:auto}}.single-article .content ol,.single-article .content ul{margin:0 0 2rem 2rem}.single-article .content .alignleft{float:left;margin:0 1rem 1rem 0}.single-article .content .alignright{float:right;margin:0 0 1rem 1rem}.single-article .content .codecolorer-container,.single-article .content pre{clear:both;border:1px solid #efefef;padding:1rem;margin-top:3rem}.single-article .content .codecolorer-container{width:100%!important;margin-bottom:3rem}.single-article .content .button{color:#fff;background:#ce2833;text-decoration:none;margin:.5rem 1rem;padding:1rem}.single-article .content .button:focus,.single-article .content .button:hover{background:#710109}.author{border-top:1px dotted #ccc;border-bottom:1px dotted #ccc;padding:2rem 0;margin:2rem 0}.author .left{float:left;width:120px;width:12rem;text-align:center}.author .left p{padding:0;margin:.2rem 0}.author .left .num-posts{font-weight:700}.author .left a{text-decoration:none;color:#24262A}.author .left a:focus,.author .left a:hover{color:#ce2833}.author .left img{width:90px;width:9rem;height:90px;height:9rem;-webkit-border-radius:90px;-moz-border-radius:90px;border-radius:90px;padding:.5rem;border:1px solid #ccc}.author .right{float:left;margin:1rem;width:70%;line-height:20px;line-height:2rem;font-size:14px;font-size:1.4rem}@media only screen and (max-width:880px){.author .right{width:60%}}@media only screen and (max-width:480px){.author .right{width:50%}}.author .right h3{line-height:22px;line-height:2.2rem;margin:0 0 1rem;padding:0}.author .right h3 a{color:#24262A;text-decoration:none}.author .right h3 a:focus,.author .right h3 a:hover{color:#ce2833}.author .right a{color:#24262A}.author .right a:focus,.author .right a:hover{color:#ce2833;text-decoration:none}#commentform input,#commentform textarea{padding:.5rem 1rem;width:100%;filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='white', endColorstr='#efefef', GradientType=0 );border:1px solid #ccc;color:#24262A}#respond{margin:1rem}#respond h3{margin:0 0 1rem}@media only screen and (max-width:880px){#commentform{width:100%;margin-bottom:3rem}}#commentform legend{position:relative;text-indent:-99999px;display:inline-block}#commentform label{display:block;clear:both;margin:0 0 .5rem;font-weight:700}#commentform input{margin:0 0 2rem;background:#fff;background:-moz-linear-gradient(top,#fff 0,#efefef 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#efefef));background:-webkit-linear-gradient(top,#fff 0,#efefef 100%);background:-o-linear-gradient(top,#fff 0,#efefef 100%);background:-ms-linear-gradient(top,#fff 0,#efefef 100%);background:linear-gradient(to bottom,#fff 0,#efefef 100%)}#commentform textarea{height:100px;height:10rem;background:#fff;background:-moz-linear-gradient(top,#fff 0,#efefef 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#efefef));background:-webkit-linear-gradient(top,#fff 0,#efefef 100%);background:-o-linear-gradient(top,#fff 0,#efefef 100%);background:-ms-linear-gradient(top,#fff 0,#efefef 100%);background:linear-gradient(to bottom,#fff 0,#efefef 100%)}#commentform button{width:20%;padding:1rem;margin:1rem 0 0;float:right;border:none;cursor:pointer;background:#ce2833;color:#fff}.commentlist li .comment-meta a,.commentlist li .reply a{text-decoration:none;color:#24262A}#commentform button:focus,#commentform button:hover{background:#710109}@media only screen and (max-width:880px){#commentform button{width:40%}}.commentlist{margin:0;padding:0}.commentlist li{padding:1rem;position:relative}.commentlist li:nth-child(odd){background:#efefef}.commentlist li p{line-height:18px;line-height:1.8rem;width:80%;margin:1rem 1rem 1rem 4.2rem}.commentlist li .comment-author cite.fn,.commentlist li .comment-author cite.fn a{font-weight:700;text-decoration:none;color:#24262A}.commentlist li .comment-author img{height:32px;height:3.2rem;width:32px;width:3.2rem;-webkit-border-radius:32px;-moz-border-radius:32px;border-radius:32px;padding:.2rem;margin:0 1rem 0 0;border:1px solid #ccc;float:left}.commentlist li .comment-author site{font-weight:700}.commentlist li .reply{position:absolute;font-weight:700;right:10px;right:1rem;top:10px;top:1rem}.commentlist li .reply a:focus,.commentlist li .reply a:hover{color:#ce2833}footer,footer .recent-posts li a{color:#fff}footer{clear:both;background:#24262A;width:100%;height:300px;height:30rem;margin:3rem 0 0;padding:3rem 0 0}@media only screen and (max-width:880px){footer{height:440px;height:44rem;padding:2rem 1rem}}footer .block{padding-right:1rem}@media only screen and (max-width:880px){footer .block{width:100%;float:left;margin-bottom:2rem}footer .block ul.social-icons{display:none}}footer .block h3{font-size:18px;font-size:1.8rem}footer .block h4{margin-left:3rem}footer .block h4 a{position:relative;text-indent:-99999px;display:inline-block;background:url(images/cr-logo-footer.png) no-repeat;width:150px;width:15rem;height:61px;height:6.1rem}@media (min--moz-device-pixel-ratio:1.3),(-o-min-device-pixel-ratio:2.6/2),(-webkit-min-device-pixel-ratio:1.3),(min-device-pixel-ratio:1.3),(min-resolution:1.3dppx){footer .block h4 a{background-image:url(images/cr-logo-footer-hd.png);background-size:150px 61px}}footer .recent-posts li a:focus,footer .recent-posts li a:hover,footer .social-icons a:focus,footer .social-icons a:hover{background:#ce2833}@media only screen and (max-width:880px){footer .block h4{margin-left:0}}footer .recent-posts li{border-bottom:1px dotted #fff}footer .recent-posts li:first-child{border-top:1px dotted #fff}footer .social-icons a.twitter:focus span,footer .social-icons a.twitter:hover span{background-position:-6.1rem -3.5rem}footer .social-icons a.facebook:focus span,footer .social-icons a.facebook:hover span{background-position:-3.2rem -3.5rem}footer .social-icons a.rss:focus span,footer .social-icons a.rss:hover span{background-position:0 -3.5rem}.browser-support li{display:inline-block;text-align:center;margin-left:20px}.browser-support li:first-child{margin-left:0}.browser-support .logo{display:block;background:url(images/browser-logos.png) no-repeat;width:45px;height:50px}@media (min--moz-device-pixel-ratio:1.3),(-o-min-device-pixel-ratio:2.6/2),(-webkit-min-device-pixel-ratio:1.3),(min-device-pixel-ratio:1.3),(min-resolution:1.3dppx){.browser-support .logo{background-image:url(images/browser-logos.png);background-size:250px 50px}}.browser-support .chrome{background-position:-3px 0}.browser-support .firefox{background-position:-54px 0}.browser-support .ie{background-position:-103px 0}.browser-support .opera{background-position:-155px 0}.browser-support .safari{background-position:-204px 0}.browser-support .version{display:block;font-weight:700;font-size:14px;font-size:1.4rem}