/*
Theme Name:    	yrrah
Description:	main template of side22.com.
Version:    	beta 2.5.2
Author:        	Handoko Harry
Tags:        	single column, grey, white
Theme URI:    	http://side22.com/
Author URI:    	http://side22.com/
*/@media screen, projection{
body{margin:0;padding:0;font:400 medium "Arial Narrow","Helvetica Condensed","Univers Condensed","Helvetica Narrow",Arial,Helvetica,sans-serif;color:#2d2e15;background-color:#e2e2e5}
#wrapper{margin:0 auto;width:48em}
#wrapper hr{height:0.07em;width:0.07em;position:absolute;overflow:hidden;top:-0.7em}
h1,h2,h3,h4,h5,h6{line-height:1.2em}
blockquote,p,plaintext,pre,dl,ol,ul{margin:1.5em 0}
ol,ul{padding-left:1.5em}
a:link{color:#220974;background-color:transparent;border-bottom:0.15em solid #929295;text-decoration:none}
a:active,a:visited{color:inherit;background-color:transparent;border-bottom:0.15em solid #b2b2b5;text-decoration:none}
a:hover,a:focus{color:#740922;background-color:#e2e2e5;border-bottom:0.15em solid #92260d;text-decoration:none}
img{border:none}
.side22qtext,.side22button{font-family:"Arial Narrow","Helvetica Condensed","Univers Condensed","Helvetica Narrow",Arial,Helvetica,sans-serif}
.side22qtext{font-size:1em;padding-left:0.16em;border:0.15em solid #a2a2a5}
.side22qtext:focus{color:inherit;background-color:#f9f9f9;border:0.15em solid #929295}
.side22button{font-size:1em;cursor:pointer}
.side22linkin:after{content:"\274F";padding-left:0.25em}dl dl,dl ol,dl ul,ol dl,ol ol,ol ul,ul dl,ul ol,ul ul{margin:0}
dt{margin-top:1.5em}
dt,dfn{font-weight:bold}
.alignleft{float:left}
.alignright{float:right}
h6,caption,.side22figcaption{font-style:italic}
blockquote,.side22q{padding:0.07em 1em;color:inherit;background-color:#dfdfdf;border-left:1.067em dotted #f2f2f5}
blockquote,dd,.side22q{margin-left:1.5em}
pre,code{font:400 0.8667em/1.167em consolas,monospace}
pre{padding:0.5em;color:inherit;background-color:inherit;background:none repeat scroll 0 0;overflow:auto;border:0.07em solid #c2c2c5;border-left:1.067em solid #c2c2c5}
code{padding:0 0.25em;color:#922;background-color:#f2f2f5}
abbr{cursor:help;}
kbd{border:0.2em outset #c2c2c5;color:#c2c2c5;background:none repeat scroll 0% 0% #2d2e15;padding:0.14em 0.3em;font:400 0.75em/1em arial,sans-serif;white-space:nowrap;}
table{margin-bottom:1.5em;border-spacing:0;border:0.14em solid #c2c2c5}
th{padding:0.25em;color:inherit;background-color:#dfdfdf;border:0.07em solid #c2c2c5}
tbody{border-top:0.14em solid #c2c2c5}
td{padding:0.25em;text-align:left;border:0.07em solid #d2d2d5}#header{width:40em;padding:0 5.6em;font-size:0.9375em;color:inherit;background-color:#c2c2c5;background-image:-moz-linear-gradient(top,#e2e2e5 25%,#d2d2d5 65%,#c2c2c5 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(25%,#e2e2e5),color-stop(65%,#d2d2d5),color-stop(100%,#c2c2c5));background-image:-o-linear-gradient(top,#e2e2e5 25%,#d2d2d5 65%,#c2c2c5 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2e2e5',endColorstr='#c2c2c5',GradientType=0);background-image:linear-gradient(#e2e2e5,#c2c2c5)}
#header ul{list-style-type:none}
.accessibility{height:0.07em;width:0.07em;position:absolute;overflow:hidden;top:-0.7em}
.side22-accesskey{text-decoration:underline}
#header-master{margin-top:1.5em;font:600 2em/100% "Arial Narrow","Helvetica Condensed","Univers Condensed","Helvetica Narrow",Arial,Helvetica,sans-serif;border:none}
#header-master a,#header-master .site-tld{color:inherit;background-color:inherit;border:none}
#header-master .site-ini{font-size:0.8125em;letter-spacing:0.055em}
#header-master .site-sub{font-weight:400}
.page-menu{margin-bottom:0;padding-left:0;height:1.9375em;width:50%}
.page-menu li{display:inline;line-height:2em}
.page-menu a{padding:0.35em 0.7em 0.4em 0.7em;color:#2d2e15;background-color:transparent;border-bottom:none;border-radius:0 .5em 0 0}
.page-menu a:hover,.page-menu a:active,.page-menu a:focus{color:#740922;background-color:#f2f2f5;-webkit-box-shadow:0 -.65em .9em rgba(82,82,85,0.2);box-shadow:0 -.65em .9em rgba(82,82,85,0.2)}
.current_page_item a{color:inherit;background-color:#f2f2f5;-webkit-box-shadow:0 -.65em .9em rgba(82,82,85,0.2);box-shadow:0 -.65em .9em rgba(82,82,85,0.2)}
#side22-searchform{width:50%;margin-top:-1.9375em;text-align:right;float:right}
#side22-searchform p{margin:0}
#side22-searchform .side22qtext{width:35%}
#content,#aside,#footer{width:38em;padding:0 6.6em;font-size:0.9375em;line-height:1.4em}
#content{padding-top:1.5em;padding-bottom:0.5em;color:inherit;background-color:#f2f2f5}h1.article-header{margin-top:1em;margin-bottom:1.5em;font-size:1.6667em;border:none;clear:left}
.article-header a:link,.article-header a:visited,.article-header a:hover,.article-header a:active,.article-header a:focus{border-bottom:none;text-decoration:none}
#nav-article{padding-top:0.6em}
.article-navigation{margin-bottom:2.5em}ol ul{list-style-type:disc;}
.unicode{font-family:"Microsoft Sans Serif","Arial Unicode MS","Free Sans","Gentium Basic","Gentium","GentiumAlt","DejaVu Sans","DejaVu Serif","Free Serif","TITUS Cyberbit Basic","Bitstream Cyberbit","Bitstream CyberBase","Doulos SIL","Code2000","Code2001"}
.side22scnote:before{content:"Important : ";font-weight:bold;color:#de2521;background-color:transparent}
.side22fyi,.side22diy,.side22note{padding:0 0.25em}
.side22fyi{color:inherit;background-color:#2ed521}
.side22diy{color:#fff;background-color:#00f}
.side22note{color:#fff;background-color:#a00}
.side22linkout:after{content:"\2750";padding-left:0.25em}
.t-collapse{border-collapse:collapse}
.f-width th{width:16.6%}
h2.related-article-header{padding-top:0.6em}
.related-article-header+p,#related-article{margin-bottom:2.5em}
.footer-article{font-size:0.8667em;margin:0.5em 0}
.single-article{line-height:1.3em}
.side22figure{border:0.07em solid #c2c2c5}
.alignleft{margin:0.25em 1em 0.04em 0}
.bordered{padding:0.35em;border:0.07em solid #c2c2c5}
.single-article p{margin-top:3em;margin-bottom:2em;padding:0.75em;background-color:#e2e2e5;border:0.26667em solid #d2d2d5}
.single-article img{margin:1em;background-color:#f9f9f9}
.alignright{margin:0.75em 0 0 0.75em}
.aligncenter{margin:0.5em auto;border:none}
.side22figure p{padding:0 0.25em;text-align:center}
.side22figcaption{font-size:0.85em}
.aligncenter .side22figcaption{margin-left:12.5%;width:75%}#comments,#respond{padding-top:0.6em}
.comment-meta{margin-top:2em;padding-top:0.5em;border-bottom:0.07em solid #e2e2e5}
.comment-meta .noc{text-align:right;float:right}
.comment-meta .fn{font:600 1.2em/100% "Arial Narrow","Helvetica Condensed","Univers Condensed","Helvetica Narrow",Arial,Helvetica,sans-serif}
.comment-meta+p{padding-bottom:2.5em}
#commentform{width:100%}
#commentform textarea{width:98%;padding:0.2em}
form #author,form #email,form #url{width:35%;padding:0.2em;margin-bottom:0.5em}
#commentform textarea,#commentform input{font:normal 1em/120% "Arial Narrow","Helvetica Condensed","Univers Condensed","Helvetica Narrow",Arial,Helvetica,sans-serif}
#commentform textarea,form #author,form #email,form #url{color:#2d2e15;background-color:#f9f9f9;border:0.2em solid #d2d2d5}
#commentform textarea:focus,form #author:focus,form #email:focus,form #url:focus{color:inherit;background-color:#f9f9f9;border:0.2em solid #929295}
.subscribe-to-comments{margin-top:0;margin-bottom:0.75em}
.required{color:#922;background-color:inherit}#aside{padding-top:0.5em;padding-bottom:1.5em;color:inherit;background-color:#f2f2f5}
#aside h2{clear:left}
#aside ul{padding-left:0;list-style-type:none}
#aside a:link:before{content:"\25A1";padding-right:0.5em}
#aside a:visited:before{content:"\25A0 ";padding-right:0.5em}#footer{margin-top:0.35em;padding-top:0.07em;padding-bottom:0.07em;color:inherit;background-color:#c2c2c5;background-image:-moz-linear-gradient(top,#c2c2c5 0%,#d2d2d5 25%,#e2e2e5 65%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#c2c2c5),color-stop(25%,#d2d2d5),color-stop(65%,#e2e2e5));background-image:-o-linear-gradient(top,#c2c2c5 0%,#d2d2d5 25%,#e2e2e5 65%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c2c2c5',endColorstr='#e2e2e5',GradientType=0);background-image:linear-gradient(#c2c2c5,#e2e2e5)}
.nav-footer{text-align:right}
.nav-footer a{margin:0 0.25em}
.copynote:after{content:"\00A9";padding-left:0.25em}}@media print{
body{margin:1cm;color:black;background-color:white;}
#wrapper{font:400 small sans-serif;}
img{border:none !important;}
a{color:inherit !important;background-color:inherit !important;}
a:link,a:visited {text-decoration:none !important;}
#content a:after{content:" ("attr(href)") ";font:400 10pt sans-serif;}
blockquote,table,pre,.side22q,.side22figure{page-break-before:avoid}
abbr,acronym{border-bottom:none !important;}
abbr[title]:after,acronym[title]:after{content:" ("attr(title)") ";border-bottom:none !important;}
table{border-spacing:0pt;border-collapse:collapse;}
table,th{border:medium solid black;}
th,td{padding:0.25em;}
tbody{border-top:thin solid black;}
td{border:thin solid black;}
#header-master{margin-top:0.5em;font:600 2em/100% sans-serif;color:inherit;background-color:transparent;border:none}
#header-master a,#header-master .site-tld{color:inherit;background-color:inherit;border:none}
#header-master .site-ini{font-size:0.8em;letter-spacing:0.055em}
#header-master .site-sub{font-weight:400}
.accessibility,.page-menu,#side22-searchform,#toc,.category-iconize,.side22linkin,.side22btoc,#nav-journal,#nav-article,#nav-archive,#nav-search-result,.journal-navigation,.article-navigation,.archive-navigation,.search-result-navigation,.realated-article-header,#related-article,.article-spreading,.article-meta-opinion,#comments,#respond,.main-comment,.comment-footer,#commentform,.opinion-clue,#aside,.nav-footer,.single-article img,.related-article-header,.related-article-header+p{display:none;}
.side22fyi:after,.side22diy:after,.side22note:after{content:" : "}
.single-article,.footer-article{margin-bottom:0pt;padding-bottom:0pt;border-top:thin solid black}
.article-header,.archive-header{margin-bottom:0.1em}
.article-meta{margin-top:0.1em;}
#footer{text-align:right}}