/* Theme Name:simpleX Theme URI:http://www.wpshoppe.com/themes/simpleX Description:A responsive minimalist WordPress blog theme Version:2.0.1.3 (Optimized) Author:Chandra Maharzan OPTIMIZED:Removed unused rules,merged duplicate selectors,added CSS custom properties for repeated values. Original:31,383 bytes / 1,603 lines */:root{--color-primary:#b85b5a;--color-text:#444;--color-heading:#111;--color-muted:#666;--color-light:#999;--color-lighter:#aaa;--color-border:#ccc;--color-border-light:#ddd;--color-border-xlight:#eee;--color-bg:#fafafa;--color-bg-light:#e7ebef;--color-white:#fff;--color-dark:#222;--color-darker:#111;--color-link-hover:#c00;--color-shadow:rgba(0,0,0,0.1);--color-shadow-md:rgba(0,0,0,0.3);--color-shadow-box:rgba(204,204,204,0.95);--color-shadow-box2:rgba(204,204,204,0.8);--space-xs:0.5em;--space-sm:1em;--space-md:1.5em;--space-lg:2em;--space-xl:3em;--radius:3px;--shadow:1px 1px 2px var(--color-border);--shadow-sm:0 1px 2px var(--color-border)}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,dfn,th,var{font-style:normal;font-weight:normal}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}body{margin:0;padding:0}#page{display:block;margin:0 auto;max-width:100%}#branding,#colophon{clear:both;display:block;margin:0 auto;width:100%}hgroup,#access,#main,#site-generator{max-width:950px;margin:0 auto;clear:both;padding:0 2em}#main{padding:1em 2em 5em;overflow:hidden}#primary{float:left;width:62.105263%}.page #primary{margin-top:var(--space-xl)}#main .widget-area{float:right;overflow:hidden;width:32.631579%;margin-top:5.5em}#main .widget{margin:0 auto;padding:6.451613%;width:87.096774%}.full-width #content,.image-attachment #content,.error404 #content{margin:0}.screen-reader-text,.assistive-text{position:absolute !important;clip:rect(1px,1px,1px,1px)}.alignleft{display:inline;float:left;margin-right:20px}.alignright{display:inline;float:right;margin-left:20px}.aligncenter{clear:both;display:block;margin:0 auto}.clear{clear:both}body,input,textarea{background:var(--color-bg);color:var(--color-text);font:12px/20px "Helvetica Neue",Helvetica,Arial,sans-serif}h1{font-size:2.5em;margin-bottom:0.75em;line-height:1.5}h2{font-size:2em;margin-bottom:var(--space-xs);line-height:1.4}h3{font-size:1.25em;font-weight:bold;margin-bottom:1.2em;line-height:1.2}h4{font-size:1.125em;margin-bottom:1.333em;line-height:1.333}h5{font-weight:bold}h5,h6{font-size:1em;margin-bottom:var(--space-md);line-height:1.5}p,address{margin-bottom:var(--space-md)}figure{background-color:var(--color-border-xlight);margin-bottom:var(--space-md);padding:3.636364%;width:93.220339%}figure img{display:block;margin-bottom:0}figcaption{font-size:0.75em}a{text-decoration:none;color:var(--color-primary)}a:visited{opacity:0.8}a:hover{text-decoration:underline;color:var(--color-link-hover)}h2 a{color:var(--color-dark)}h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover{text-decoration:none}q,i,em,cite,fancy{font-style:italic;font-weight:inherit}.fancy{font-family:Georgia,Cambria,"Times New Roman",Times,serif}b,strong{font-weight:bold;font-style:inherit}mark{background:#ffc}s,del{text-decoration:line-through}img{max-width:100%;height:auto}.entry-meta{clear:both;display:block;font-size:10px;font-family:Helvetica,Arial,sans-serif;font-weight:100;text-transform:uppercase;letter-spacing:1px;color:var(--color-border);text-shadow:0 1px 1px var(--color-white)}.entry-meta a{color:#bbb}.entry-meta a:hover{color:var(--color-lighter);text-decoration:none}small,.wp-caption .wp-caption-text,.gallery-caption,.sep{font-size:0.9em;color:var(--color-lighter)}pre{font-family:consolas,monaco,"courier new",courier,monospace;font-size:1em;padding:1em 2em;background:var(--color-bg-light);border-radius:var(--radius);overflow:auto;margin-bottom:2em;line-height:24px}code{line-height:1;background:var(--color-bg-light);padding:2px}.fluid-width-video-wrapper{margin-bottom:4em}dl{margin-bottom:var(--space-md)}dt{font-weight:bold}ul,ol{list-style-type:square;margin:0 0 var(--space-md) 20px}ul ul,ol ol,ul ol,ol ul{margin:0 0 0 20px}hr{background:var(--color-border-light);color:var(--color-border-light);clear:both;float:none;width:100%;height:1px;margin:2.5em 0 2em;border:none}hr.space{background:var(--color-white);color:var(--color-white);visibility:hidden}input[type=text],input[type=password],textarea{background:var(--color-bg);box-shadow:inset 0 2px 2px var(--color-shadow);border:1px solid var(--color-text);color:#888}input[type=text]:focus,textarea:focus{color:#373737}textarea{padding-left:3px;width:98%}input[type=text]{padding:3px}input#s{background:url(images/search.png) no-repeat 5px 6px;border-radius:var(--radius);font-size:12px;height:22px;line-height:1.2em;padding:4px 10px 4px 28px}input#searchsubmit,#branding #searchsubmit{display:none}#branding{background:transparent;border-top:none}hgroup{overflow:hidden;margin:2em auto;position:relative}#site-title{float:left;font-size:3em;font-weight:bold;letter-spacing:-1px;margin:0 0.3em 0 0;text-shadow:0 1px 1px #888}#site-title a{color:var(--color-darker)}#site-description{color:var(--color-darker);font-size:1em;font-weight:normal;margin:2em 0 0;text-shadow:0 1px 1px var(--color-light)}#branding #searchform{position:absolute;top:1.4em;right:2.5%;text-align:right}#branding #searchform div{margin:0}#branding #s{float:right;transition:width 400ms ease,background 400ms ease;width:150px}#branding #s:focus{background-color:#e1e5e9;width:200px}#branding .only-search #searchform{top:5px;z-index:1}#branding .only-search #s{background-color:var(--color-muted);border-color:#000;color:var(--color-dark)}#branding .only-search #s,#branding .only-search #s:focus{width:85%}#branding .only-search #s:focus{background-color:#bbb}#branding .with-image #searchform{top:auto;bottom:-27px;max-width:195px}#branding .only-search+#access div{padding-right:205px}.header-image img{background:var(--color-white);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5%;margin:2em 0 0;width:97%}#access{background:transparent;display:block}#access ul{font-size:13px;list-style:none;margin:0;padding-left:0}#access li{float:left;position:relative;background:transparent;margin-right:2px;border-top-left-radius:4px;border-top-right-radius:4px}#access a{color:#333;display:block;line-height:2em;padding:0 1em;text-decoration:none;text-shadow:0 1px 1px var(--color-lighter)}#access ul ul{display:none;font-size:12px;float:left;margin:0;position:absolute;top:2.2em;width:168px;z-index:99999;border-left:1px solid var(--color-border-light);border-right:1px solid var(--color-border-light);left:-1px}#access ul ul ul{left:100%;top:0}#access ul ul a{background:#eceff2;border-bottom:1px solid var(--color-border-light);color:var(--color-muted);font-weight:normal;height:auto;line-height:1em;padding:10px;width:148px}#access li:hover>a,#access a:hover{background:transparent;color:#333;border-top-left-radius:4px;border-top-right-radius:4px;text-shadow:0 1px 1px var(--color-border-xlight)}#access ul li:hover>ul{display:block}#access .current-menu-item>a,#access .current-menu-ancestor>a,#access .current_page_item>a,#access .current_page_ancestor>a,#access .current-menu-item>a:hover,#access .current-menu-ancestor>a:hover,#access .current_page_item>a:hover,#access .current_page_ancestor>a:hover{background:transparent;border-top-left-radius:4px;border-top-right-radius:4px;text-shadow:0 1px 1px var(--color-border-xlight)}#access ul ul li a,#access ul ul li a:hover,#access ul ul:hover>a,#access ul ul .current-menu-item>a,#access ul ul .current-menu-ancestor>a,#access ul ul .current_page_item>a,#access ul ul .current_page_ancestor>a,#access ul ul .current-menu-item>a:hover,#access ul ul .current-menu-ancestor>a:hover,#access ul ul .current_page_item>a:hover,#access ul ul .current_page_ancestor>a:hover{border-radius:0;text-shadow:0 1px 1px var(--color-white)}#access ul ul li a:hover{background:transparent}h2.page-title,.attachment h2.entry-title{margin-top:var(--space-xl);font-size:1.1em;color:var(--color-muted);text-shadow:0;letter-spacing:1px}.post{border-bottom:1px solid var(--color-border-xlight);padding:4em 0}.sticky{background:var(--color-white);padding:20px;margin-top:4em;border-radius:var(--radius);box-shadow:var(--shadow)}.hide{display:none}.entry-header .entry-title{font-weight:bold}.entry-header .entry-meta{margin:0 0 1.25em}.entry-content{padding:1.25em 0}.single-author .entry-meta .byline{display:none}#content nav{display:block;overflow:hidden}#content nav .nav-previous{float:left;width:50%}#content nav .nav-next{float:right;text-align:right;width:50%}#content #nav-above{display:none}#nav-below{margin:var(--space-sm) 0 0}.page-link{clear:both;margin:0 0 var(--space-sm)}.page .edit-link,.subpage{clear:both;display:block}.subpage li{margin:0 20px}.subpage li:first-child{margin-left:0}.error404 .widget{float:left;width:33%}.error404 .widget .widgettitle,.error404 .widget ul{margin-right:var(--space-sm)}.error404 .widget_tag_cloud{clear:both;float:none;width:100%}.post .notice,.error404 #searchform{background:var(--color-border-xlight);display:block;padding:var(--space-sm)}.image-attachment div.entry-meta{float:left}.image-attachment nav{float:right;margin:0 0 var(--space-sm)}.image-attachment .entry-content{clear:both}.image-attachment .entry-content .entry-attachment{background:var(--color-white);text-align:center;margin:0 var(--space-md) 0 0;padding:var(--space-sm) var(--space-sm) 0.75em;border-radius:var(--radius);box-shadow:var(--shadow);width:97.5%}.image-attachment .entry-content .attachment{display:block;margin:0 auto;text-align:center}.attachment #primary{width:100%}.format-aside .entry-header,.format-link h2.entry-title,.format-status h2.entry-title,.format-quote h2{display:none}.single .format-aside .entry-header{display:block}.format-aside .entry-content,.format-aside .entry-summary,.single .format-aside .entry-content,.single .format-aside .entry-summary,.format-quote .entry-content{padding-top:0}.format-link .entry-content{padding-top:var(--space-sm)}.format-gallery .gallery-thumb{float:left;margin:0 var(--space-md) 0 0;padding:0.75em;background:var(--color-white);border-radius:var(--radius);box-shadow:var(--shadow)}.format-gallery .gallery-thumb em{display:block;font-size:11px;text-align:center;line-height:1}.format-gallery .gallery-thumb a{color:var(--color-lighter)}.format-gallery .gallery-thumb a:hover{color:var(--color-light);text-decoration:none}.single .format-image .entry-header{display:block}blockquote{padding:20px 30px;font-family:Georgia;font-style:italic;font-size:1.1em;background:transparent;border-radius:var(--radius);box-shadow:inset 1px 1px 30px 3px var(--color-shadow);color:var(--color-muted);text-shadow:1px 1px 1px var(--color-white);margin-bottom:var(--space-lg)}blockquote p{margin:0}a img{border:none}p img{margin-bottom:0.5em}img.size-auto,img.size-full,img.size-large,img.size-medium,.attachment img,.widget-area img,.wp-caption{max-width:100%;height:auto}img.wp-post-image{float:left;margin:0 var(--space-md) var(--space-sm) 0}img.alignleft{margin-right:var(--space-md)}img.alignright{margin-left:var(--space-md)}.wp-caption{margin-bottom:2em;max-width:96%}.wp-caption,.format-image img{background:var(--color-white);border-radius:var(--radius);box-shadow:var(--shadow);padding:2%;text-align:center;text-shadow:1px 1px 1px var(--color-white)}.format-image img{max-width:97.5%}.wp-caption img{border-radius:0;box-shadow:none;padding:0;max-width:100%}.wp-caption .wp-caption-text{margin:0.5em;line-height:1}.wp-caption-text,.gallery-thumb em{font-family:Georgia;font-style:italic;font-weight:normal;font-size:11px;text-align:center}.wp-smiley{margin:0}.gallery-item{float:left;background:var(--color-white);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5% 1.5% 0.9%;max-width:29%;margin-right:2%;margin-bottom:var(--space-sm)}.last{margin-right:0}.size-medium,.size-thumbnail,.size-large{background:var(--color-white);border-radius:var(--radius);box-shadow:var(--shadow)}.size-medium{padding:9px}.size-thumbnail{padding:6px}.size-large{padding:2%}.sticky .size-medium,.sticky .size-thumbnail,.sticky .size-large{background:none;border-radius:0;box-shadow:none;padding:0}embed,video{max-width:100%;height:auto}.required{color:#cc0033}#secondary{color:var(--color-muted)}.widget .tagcloud{overflow:hidden}.widget .tagcloud a{font-size:12px !important;color:#333;background:transparent;padding:3px 8px;margin-bottom:5px;margin-right:5px;float:left;display:block;border-radius:var(--radius);text-shadow:0 1px 1px var(--color-white)}.widget .tagcloud a:hover{text-decoration:none;background:var(--color-light);color:var(--color-darker)}.widget{display:block}.widget-area .widget_search{overflow:hidden}.widget-area .widget_search input{float:left}.widget ul{margin-bottom:0;margin-left:0;list-style:none}#wp-calendar{text-shadow:0 1px 1px var(--color-white)}#wp-calendar caption{font-weight:bold;margin-bottom:var(--space-sm)}#wp-calendar th{background:transparent;border-bottom:none}#wp-calendar td{text-align:right}td#prev{text-align:left}td#next{text-align:right}tfoot td{border-top-width:2px;border:none}table{margin-bottom:var(--space-md);width:100%;max-width:100%}th:empty{border:none}th,td{vertical-align:top;padding:0.75em;border:1px solid var(--color-border)}th{font-weight:bold;text-align:center}table [colspan]{text-align:center}table [rowspan]{vertical-align:middle}[colspan="1"]{text-align:left}[rowspan="1"]{vertical-align:top}tbody tr:nth-of-type(odd){background:transparent}tfoot{text-align:center}.message{font-weight:normal;display:block;padding:10px 10px 10px 36px;border:1px solid var(--color-border);margin:0 0 var(--space-md);border-radius:2px;box-shadow:0 1px 0 rgba(255,255,255,0.5) inset}ul.message{list-style:decimal outside;padding:10px 10px 10px 56px}.error{border-color:#fb5766;background-color:#fab}.success{border-color:#83ba77;background-color:#d1feba}.info{border-color:#85a5be;background-color:#c4dbec}.warning{border-color:#d8d566;background-color:#fef8c4}#colophon{background:transparent;padding:var(--space-sm) 0}#site-generator{font-size:11px;text-shadow:1px 1px 1px var(--color-bg-light)}#site-generator a{color:#777}#comments{margin-top:5em}#comments-title{border-bottom:1px solid var(--color-border-xlight);color:var(--color-muted);font-size:1.2em;font-weight:500;line-height:2.6em;margin-bottom:var(--space-lg);padding:0 0 0.6em;text-transform:uppercase}.nopassword,.nocomments{color:var(--color-lighter);font-size:24px;font-weight:100;margin:26px 0;text-align:center}.commentlist{list-style:none;margin:0;width:89.1%}.content .commentlist,.page-template-sidebar-page-php .commentlist{width:100%}.commentlist>li.comment{background:var(--color-white);border:1px solid var(--color-border-xlight);border-radius:var(--radius);margin:0 0 1.625em;padding:1.625em;position:relative}.commentlist .pingback{margin:0 0 1.625em;padding:0 1.625em}.commentlist .children{list-style:none;margin:0}.commentlist .children li.comment{background:var(--color-bg);border-radius:3px 0 0 3px;margin:1.625em 0 0;padding:1.625em 0 1.625em 1.625em;position:relative}.commentlist .children li.comment .fn,.children .comment-meta .fn{display:block}.children .comment-meta .fn{font-weight:bold}.comment-meta .fn a{color:var(--color-primary);font-size:12px;font-weight:bold}.comment-meta{color:var(--color-muted);font-size:12px;line-height:2.2em}.commentlist .children li.comment .comment-meta{line-height:1.625em}.commentlist .children li.comment .comment-content{margin:var(--space-sm) 0 var(--space-lg)}.comment-meta a{color:var(--color-lighter);font-size:11px}.comment-meta a:focus,.comment-meta a:active,.comment-meta a:hover{color:var(--color-link-hover)}.commentlist .avatar{border-radius:var(--radius);background:var(--color-white);box-shadow:var(--shadow-sm);padding:5px;position:absolute;right:-65px;top:20px}.commentlist>li:before{left:-10px;position:absolute}.commentlist>li.pingback:before{content:''}a.comment-reply-link{background:transparent;border-radius:var(--radius);color:var(--color-muted);display:inline-block;font-size:11px;padding:0 8px;text-decoration:none}a.comment-reply-link:hover,a.comment-reply-link:focus,a.comment-reply-link:active{background:#888;color:var(--color-white)}a.comment-reply-link>span{display:inline-block;position:relative;top:-1px}.commentlist>li.bypostauthor{background:var(--color-border-light);border-color:#d3d3d3}.commentlist>li.bypostauthor .comment-meta{color:#575757}.commentlist .children>li.bypostauthor{background:#eceff2}.page-template-sidebar-page-php .commentlist>li.comment,.page-template-sidebar-page-php .commentlist .pingback{margin-left:102px;width:auto}.commentlist>li.comment{padding:1.625em 0 1.625em 1.625em}.commentlist p{padding-right:2em}.page-template-sidebar-page-php #respond{width:auto}#respond{background:transparent;border:1px solid #ced6dd;border-radius:var(--radius);margin:0 0 1.625em;padding:1.625em;position:relative;width:82%}#respond input[type="text"],#respond textarea{background:var(--color-white);border:4px solid var(--color-bg-light);border-radius:5px;box-shadow:inset 0 1px 3px var(--color-shadow-box);position:relative;padding:5px;text-indent:80px}#respond .comment-form-author,#respond .comment-form-email,#respond .comment-form-url,#respond .comment-form-comment{position:relative}#respond .comment-form-author label,#respond .comment-form-email label,#respond .comment-form-url label,#respond .comment-form-comment label{background:var(--color-bg-light);box-shadow:1px 2px 2px var(--color-shadow-box2);color:#555;display:inline-block;left:4px;min-width:60px;padding:0 10px;position:relative;top:30px;z-index:1}#respond input[type="text"]:focus,#respond textarea:focus{text-indent:0;z-index:1}#respond textarea{resize:vertical;width:95%}#respond .comment-form-author .required,#respond .comment-form-email .required{color:#bd3500;font-size:22px;font-weight:bold;left:75%;position:absolute;top:45px;z-index:1}#respond .comment-form-author,#respond .comment-form-email,#respond .comment-form-url{height:40px}#respond .comment-notes{color:var(--color-light)}#respond p{margin:10px 0;font-size:12px}#respond .form-submit{float:right;margin:-20px 0 10px}#respond input#submit{background:var(--color-dark);border:none;border-radius:var(--radius);box-shadow:0 1px 2px var(--color-shadow-md);color:var(--color-border-xlight);cursor:pointer;font-size:15px;margin:20px 0;padding:5px 42px 5px 22px;position:relative;left:30px;text-shadow:0 -1px 0 var(--color-shadow-md)}#respond input#submit:active{background:#1982d1;color:#bfddf3}#respond #cancel-comment-reply-link{color:var(--color-muted);margin-left:10px;text-decoration:none}#respond .logged-in-as a:hover,#respond #cancel-comment-reply-link:hover{text-decoration:underline}.commentlist #respond{margin:1.625em 0 0;width:auto}#reply-title{color:#373737;font-size:20px;font-weight:bold;line-height:30px}#cancel-comment-reply-link{color:#888;display:block;font-size:10px;font-weight:normal;line-height:2.2em;letter-spacing:0.05em;position:absolute;right:1.625em;text-decoration:none;text-transform:uppercase;top:1.1em}#cancel-comment-reply-link:focus,#cancel-comment-reply-link:active,#cancel-comment-reply-link:hover{color:#ff4b33}#respond label{line-height:2.2em}#respond input[type=text]{display:block;height:18px;width:75%}p.comment-form-comment{margin:0}.form-allowed-tags{display:none}@media screen and (max-width:768px){#site-title{margin-right:275px;float:none}#site-description{margin-top:0;margin-bottom:5px}#primary,#main .widget-area{clear:both;display:block;float:none;width:100%}#main .widget{padding:2.105263%;width:95.789474%}#main .widget-area{margin-top:2.5em}}@media screen and (max-width:480px){body{font-size:0.85em;line-height:28px}hgroup,#access,#main,#site-generator{padding:0 15px}#branding #searchform{top:0}#site-title{margin-top:var(--space-sm);float:none}#access{border-top:1px solid #333}#access ul ul{float:none}#access ul li a{display:block;padding:4px 6px}#access ul a,#access ul li{background:none;color:var(--color-light);text-shadow:0 1px 1px #000}#access ul ul li a{float:none;padding:10px}#access .current-menu-item>a,#access .current-menu-ancestor>a,#access .current_page_item>a,#access .current_page_ancestor>a,#access .current-menu-item>a:hover,#access .current-menu-ancestor>a:hover,#access .current_page_item>a:hover,#access .current_page_ancestor>a:hover{background:none;font-weight:bold;text-shadow:none}#access .current-menu-item>a,#access .current-menu-ancestor>a,#access .current_page_item>a,#access .current_page_ancestor>a{color:var(--color-white)}#access li:hover>a,#access ul ul a:hover{background:none;text-shadow:none;color:#000}#access li:hover>a{color:var(--color-white)}#access ul ul{top:2.9em}#access ul ul li:hover>a{color:#000;background:transparent}small,.entry-meta,.wp-caption .wp-caption-text,.gallery-caption{font-size:0.6em}.gallery-item img{padding-bottom:0;margin-bottom:-7px}.commentlist .avatar{right:-45px}.image-attachment .entry-content .entry-attachment{padding:8px 8px 0}.format-gallery .gallery-thumb em{line-height:1}.format-gallery .gallery-thumb{padding:8px}}