/* Reset */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
:focus{outline:0;}
ins{text-decoration:none;}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}
input,select{vertical-align:middle;}


/* HTML 5 (Convert them into structural elements,since they have no default style yet) */
header,nav,footer,section,aside,article,figure{display:block;}


/* General */
html{background:#e2e2e2;}
body{color:#333;font:400 100%/1.5 Cambria,Georgia;text-shadow:1px 1px 0 #fff;}
cite{font-style:italic;}
strong{font-weight:bold;}
em,dfn{font-style:italic;}
dfn{font-weight:bold;}
address{margin:0 0 1.5em 0;font-style:italic;}
del{color:#888;text-decoration:line-through;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
sub,sup{font-size:0.8em;line-height:0.5;}
small{vertical-align:top;}
q{font-style:italic;font-family:Cambria,Palatino,"Palatino Linotype";}
hr{margin:3em 0;text-align:center;border-width:0;}
hr:after{content:"··•··";letter-spacing:2em;}
object{margin:1.5em 0;}


/* Links */
a{color:#4373db;text-decoration:none;
  -webkit-transition:color 0.5s linear,text-shadow 0.5s linear;
  -o-transition:color 0.5s linear,text-shadow 0.5s linear;
  -moz-transition:color 0.5s linear,text-shadow 0.5s linear;
  transition:color 0.5s linear,text-shadow 0.5s linear;}
a:hover,a:focus{color:#000;text-shadow:1px 1px 5px #ccc;}


/* Paragraph */
p+p{text-indent:1.5em;}


/* Target */
/*:target{background:#fafafa;}*/


/* Text Selection */
::selection{background:#888;color:#fff;text-shadow:1px 1px 0 #111;}
::-moz-selection{background:#888;color:#fff;text-shadow:1px 1px 0 #111;}


/* Scrollbar *//*
::-webkit-scrollbar{width:0.5em;height:0.5em;background:#fff;}
::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment{display:block;height:0.5em;background:#fff;}
::-webkit-scrollbar-track{background:#fff;}
::-webkit-scrollbar-track-piece{background:#bbb;-webkit-border-radius:1em;}
::-webkit-scrollbar-thumb{height:5em;width:5em;background:#999;-webkit-border-radius:1em;}
::-webkit-scrollbar-corner{background:#fff;}*/


/* Abbrevation */
abbr{font-variant:small-caps;letter-spacing:0.125em;text-transform:none;}
section abbr{border-bottom:1px dotted #888;cursor:help;}


/* Images */
figure{margin:1.5em auto;}
figure>dd{margin:0;}
figure>dt{font-weight:400;margin:0.75em auto 0 auto;text-align:center;line-height:1;}
figure>dt>a{color:#fff;text-shadow:1px 1px 0 #111;background:rgba(0,0,0,0.55);padding:0.375em 0.5em;
  display:inline-block;
  -webkit-border-radius:1em;
  -moz-border-radius:1em;
  -o-border-radius:1em;
  border-radius:1em;
  
  -webkit-transition:background 0.5s linear;
  -o-transition:background 0.5s linear;
  -moz-transition:background 0.5s linear;
  transition:background 0.5s linear;}
figure:hover>dt>a{background:rgba(0,0,0,0.65);color:#fff;text-shadow:1px 1px 0 #111;}
figure img{display:block;margin:0 auto;
  -webkit-box-shadow:0 0 8px #888;
  -moz-box-shadow:0 0 8px #888;
  -o-box-shadow:0 0 8px #888;
  box-shadow:0 0 8px #888;
  
  -webkit-transition:-webkit-box-shadow 0.5s linear;
  -moz-transition:-moz-box-shadow 0.5s linear;
  -o-transition:-o-box-shadow 0.5s linear;
  transition:box-shadow 0.5s linear;}
figure:hover img{-webkit-box-shadow:0 0 10px #666;
                 -moz-box-shadow:0 0 10px #666;
                 -o-box-shadow:0 0 10px #666;
                 box-shadow:0 0 10px #666;}
img.left{float:left;margin:0 1.5em 0 0;}
img.right{float:right;margin:0 0 0 1.5em;}


/* Table */
section>table{margin:1.5em 0;width:100%;text-align:left;}
section>table th{font-weight:bold;}
section>table tfoot{font-style:italic;}
section>table th,section>table td{border:1px solid #888;padding:0.375em 0.75em;}
section>table tr:nth-child(2n+1){background-color:#fafafa;}


/* List */
ul ul,ol ol,ul ol,ol ul,li ul,li ol{margin:0 1.5em;}
ul,ol{margin:1.5em 0;}
ul{list-style-type:disc;}
ol{list-style-type:decimal;}

p+dl{margin:1.5em 0;}
dt{font-weight:bold;}
dd{margin:0 0 1.5em 1.5em;}
dt+dt{margin:1.5em 0 0 0;}


/* Headings */
h1,h2,h3,h4,h5,h6{font-weight:400;color:#000;text-transform:capitalize;}
h1{font-size:2em;line-height:1.5;margin:0 0 0.75em 0;}						/* 32px */
h2{font-size:1.75em;line-height:1.71429;margin:0.85714em 0;}				/* 28px */
h3{font-size:1.5em;line-height:1;margin:1em 0;}								/* 24px */
h4{font-size:1.25em;line-height:1.2;margin:1.2em 0;}						/* 20px */
h5,h6{font-size:1em;line-height:1.5;margin:1.5em 0;}						/* 16px */


/* Article Blockquote */
blockquote{font:italic 1.125em/1.33333 Cambria,Palatino,"Palatino Linotype";position:relative;margin:1.33333em;padding:1.33333em 0;color:#000;border-bottom:1px solid #bbb;border-top:1px solid #bbb;}
blockquote:after{content:".";clear:both;height:0;visibility:hidden;display:block;}
blockquote>p{text-align:right;margin:0 0 0 2.5em;}
blockquote>p+p,blockquote>p+cite{margin:1.33333em 0 0 0;}
blockquote>cite{float:right;text-align:right;margin:0 0 0 2.5em;font-variant:small-caps;font-style:normal;}
blockquote>cite:before{content:"\2014\00A0";}


/* Code */
code{font:13px/0 Menlo,Monaco,monospace;}
pre{width:100%;counter-reset:pre;font:13px/0 Menlo,Monaco,monospace;border:1px solid #bbb;margin:1.84615em 0;padding:0;white-space:normal;text-shadow:none;background:#ddd;}
pre code{display:block;margin-left:2.9em;border-left:1px solid #bbb;white-space:pre-wrap;line-height:1.84615;background:#f9f9f9;}
pre code:before{counter-increment:pre;content:counter(pre);display:inline-block;width:2.30769em;margin:0 0.5em 0 -2.95em;padding:0 0.5em 0 0;text-align:right;background:#ddd;}
pre code:hover{background:#ddd;}
pre code,code samp,code var,code dfn,code i{font-style:normal;font-family:Monaco,monospace;}
code span.red{color:#ff0000;}
code span.green{color:#008000;}
code span.purp{color:#800080;}
code span.teal{color:#008080;}
code span.blue{color:#cb032b;}
code span.crimson{color:#f08080;}
code span.comm{color:#808080;font-style:italic;}
code span.ital{font-style:italic;}
code span.embsrc{background-color:#808080;}


/* Footnote */
.footnotedivider{font-size:0.875em;margin:1.71429em 0 0 0;line-height:1.71429em;color:#666;}


/* Special */
span.amp,abbr[title="et cetera"]{font:italic 1em/0 "Minion Pro","Minion Web","Hoefler Text",Baskerville,"Goudy Old Style",cursive;}


/* IE */
#ie{background:#fbe3e4;border-top:1px solid #b22614;border-bottom:1px solid #b22614;color:#b22614;text-shadow:none;
  padding:0.2em;margin:0.5em 0 0 0;text-align:center;}
#ie a{color:#b22614;text-decoration:underline;}
#ie a:hover{color:#f73218;border:0;}


/* Misc */
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.red{color:red;}
.full{width:100%;height:auto;}


/* Desktop version (shared with iphone style as well) */
@media screen,projection{
  /* General */
  body{width:50em;margin:0 auto;border-right:1px solid #bbb;border-left:1px solid #bbb;min-height:100%;}
  
  
  /* Header */
  body>header{padding:1.5em 0 0 0;margin:0 3.125em 3em 3.125em;border-bottom:1px solid #bbb;}
  body>header em{font-weight:200;font-style:normal;}
  body>header>h1{font:900 2.3125em/1.2973 "Helvetica Neue",Helvetica;letter-spacing:-0.05em;margin:0 0 0.43243em 0;text-transform:none;}
    body>header>h1>a{font-weight:200;}
  body>header>p{font:200 1.125em/1.33333 "Helvetica Neue",Helvetica;letter-spacing:-0.05em;color:#000;text-transform:none;margin:0 0 1.33333em 0;}
    body>header>p>a{font-weight:900;}
  
  
  /* Article */
  body>article{margin:0 0 3em 0;padding:0 3.125em;}
  
    /* Article > Title */
    article>h1>a{color:#000;}
    article>h1>a:hover{color:#4373db;text-shadow:none;}
  
    /* Article > Time */
    article>aside{margin:-0.85715em 0 1.71429em 0;}
    article>aside>time{font:0.875em/1.71429 "Helvetica Neue",Helvetica;color:#666;}
    article>aside>time>abbr{font-variant:normal;text-transform:uppercase;}

    /* Article > Header */
    article>section h2[id]:hover:after,body>article>section h3[id]:hover:after,body>article>section h4[id]:hover:after{display:inline;content:" #" attr(id);color:#888;font-style:italic;text-transform:none;}
    
    /* Article > Section */
    article>section{text-align:justify;}
    
    /* Article > Blockquote */
    article>section>blockquote:before{font:italic 5em/1 Times;content:"\201C";position:relative;left:-0.05em;top:-0.18em;float:left;height:0.3em;}

    /* Article > Footer */
    article>footer{margin:1.5em 0;}
    article>footer:after{content:".";clear:both;height:0;visibility:hidden;display:block;}
    article>footer>a[rel=bookmark]{float:left;}
    article>footer>a{float:right;}


  /* Footer */
  body>footer{padding:1.5em 0;margin:0 3.125em;border-top:1px solid #bbb;}
  body>footer:after{content:".";clear:both;height:0;visibility:hidden;display:block;}
  
  
  /* Misc */
  h1#error{font-size:15em;font-family:Helvetica;text-align:center;margin:0;}
  .note{border-bottom:1px solid #bbb;border-top:1px solid #bbb;margin:0 -3.125em 1.5em -3.125em;padding:0.375em 3.125em;color:#000;text-shadow:none;background:#fafafa;}
  #archive,#search{border-bottom:1px solid #bbb;border-top:1px solid #bbb;background:#f9f9f9;padding:0 1.5625em;}
}


/* Print */
@media print{
  /* General */
  body{color:#000;font-size:14px;text-shadow:none;}
  header{border-bottom:1px solid #888;padding:0;margin:0 0 1.5em 0;}
  body>header>h1{font:200 4em/1.5 "Helvetica Neue",Helvetica;letter-spacing:-0.05em;margin:0;}
  footer,header>h2{display:none;}

  
  /* Anchor Link */
  a{text-decoration:none;color:inherit;text-transform:none;}
  a:not([href^="#"]):after{content: " (" attr(href) ") ";font-size:88.88888% Georgia,serif;color:#555;
    word-wrap:break-word;white-space:pre;}
  a[href^="/"]:after{content: " (" "http://tang.waik.it" attr(href) ") ";}
  header a:before,h1>a:after{content:"";}


  /* Headings */
  h1,h2,h3{page-break-after:avoid;}
  
  
  /* Images */
  figure{margin:0 1.25em 1.5em 1.25em;}
  
  
  /* Code */
  pre{width:99%;}
  
  
  /* Article */
  body>article{border-bottom:1px solid #888;margin:0 0 1.5em 0;}
  
  article>p{margin:0 0 1.5em 0;}
  
    /* Article > Section */
    body>article>section{padding:0 0 2em 0;}
    
      /* Article > Time */
      article>aside{margin:0 0 1.71429em 0;}
      article>aside>time{font:0.875em/1.71429 "Helvetica Neue",Helvetica;color:#858585;text-shadow:none;}
      article>aside>time>abbr{font-variant:normal;text-transform:uppercase;}

      /* Article > Section > Blockquote */
      article>section>blockquote{page-break-inside:avoid;}
      article>section>blockquote:after{margin-left:89%;}


  /* Images With Links */
  figure a:before,figure a:after{content:"";}


  /* Images */
  img{page-break-inside:avoid;}
  
  
  /* Misc */
  #archive,#search{text-align:center;padding:0.16667em 0.33333em;margin:1.2em 0 1em 0;border-top:1px solid #888;
    border-bottom:1px solid #888;}
}


/* iPhone (General) */
@media only screen and (max-device-width:480px){

}


/* iPhone (Portrait)  */
@media only screen and (max-device-width:480px) and (max-width:320px){

}


/* iPhone (Landscape) */
@media only screen and (max-device-width:480px) and (min-width:321px){

}