body { margin: 0; padding: 0; color: inherit; background-color: #eff1e2; }
div,td { font-family: Arial, sans-serif; color: #2d2d2c; /*background-color: inherit;*/ }
a { color: #2d2d2c; }
code,pre { font-family: monospace; }
h1,h2,h3,h4,h5,h6 { color: #727268; }
h2 { font-size: 20px; }
h3 { font-size: 18px; padding-top: 10px; }
h4 { font-size: 16px; }
small { font-size: 10px; }
a img { border: 0; }
hr { height: 1px; color: #727268; background-color: #727268; border: 0; }
input,textarea,select,option { color: #000; font-size: 13px; font-family: Arial, sans-serif; }
.high { background-color: #ff8; }
.hastitle { border-bottom: 1px dashed #727268; cursor: help; }
/* Japanese family name */
span.jfn { font-variant: small-caps; }
small span.jfn { font-variant: normal; text-transform: uppercase; }
b span.jfn { font-size: 105%; line-height: 95%; }
b span.jfn:first-letter { font-size: 95%; }

#logo1 { background-image: url("../im/i_logobg.eff1e2.727268.gif"); padding: 0 8px 0 0; border: 0; }
#logo2 { clear: right; float: right; text-align: right; padding: 0 8px 0 0; border: 0; }
#logo3 { clear: right; float: right; text-align: right; padding: 0 8px 16px 16px; border: 0; }

#menubar { width: 140px; float: left; }
  #menu { margin-top: 60px; font-weight: bold; width: 134px; margin-left: 16px; }
  #menu a { text-decoration: none; border-bottom: 1px transparent; font-size: 19px; line-height: 25px; color: #727268; background-color: inherit; }
  #menu a:hover { text-decoration: none; border-bottom: 1px solid #727268; }
  #menu small.date { font-size: 9px; }
  #coolestsound { margin-top: 10px; width: 138px; height: 249px; }
  #coolestsound a { outline: none; }
/* OLD
  #menu { margin-top: 80px; font-weight: bold; width: 134px; margin-left: 16px; }
  #menu a { text-decoration: none; border-bottom: 1px transparent; font-size: 22px; line-height: 30px; color: #727268; background-color: inherit; }
*/
/* obsolete */
  #sideblog { font-size: 11px; line-height: 13px; margin-top: 50px; margin-left: 16px; width: 116px; }
  #sideblog p.sidetitle { color: #727268; font-size: 14px; font-style: italic; font-weight: bold; }
  #sideblog small { font-size: 9px; }
/* /obsolete */
  .sideblog { font-size: 11px; line-height: 13px; margin-top: 50px; margin-left: 16px; width: 116px; }
  .moblogentry { margin-top: 20px; }
  .instagram { margin-top: 20px; }
  .instagram .item p { margin-bottom: 0; }
  .instagram .item a img { background-color: #f8f8f8; padding: 5px 5px 20px; margin-bottom: 5px; }
  .sideblog p.sidetitle { color: #727268; font-size: 14px; font-style: italic; font-weight: bold; }
  .sideblog small { font-size: 9px; }
  .mobar a img { border: 1px solid black; margin-bottom: 3px; }

#main { border-left: 1px solid #727268; margin-left: 150px; padding: 20px 16px 0 10px; font-size: 13px; }
a ruby rt { text-decoration: none; }
rt { font-size: 8px; }
#main img.right { float: right; margin: 0 0 5px 10px; }
#main .moblogentry { font-size: 11px; }
.moblogentry a img { border: 1px solid black; margin-bottom: 3px; }

#copyright { clear: both; padding: 24px 16px 16px 16px; font-size: 12px; }

.meteo { width: 90px; float: left; padding: 5px; border: 1px transparent; }
.meteo,.meteo * { color: #000; background-color: inherit; font-size: 11px; }
.meteomain { width: 100px; color: inherit; background-color: #fff; border: 1px solid #eed; }

.indent { padding-left: 20px; }

a.rss { border: 1px outset #727268; padding: 0px 3px; font-size: 9px; color: #2d2d2c; text-decoration: none; vertical-align: middle; }
a.rss:active { border: 1px inset; }

/* External links */
/*
a[href^="http://"][target="_blank"]:not([title])::after { content: url(../im/extlink.gif); margin-left: 3px; }
a[href^="http://www.chipple.net"]::after,
a[href^="http://chipple.net"]::after,
a[href^="http://www.flickr.com"]::after,
a.noext::after { content: ""; margin-left: 0; }
*/
a[href^="http://"][target="_blank"]:not([href*="chipple.net/"]):not([href="http://coolestsound.jp/"]):not([href*="flickr.com/"]):not([href*="instagram.com/"]):not([title])::after { content: url(../im/extlink.gif); margin-left: 3px; }

/* This site is printer-friendly */

.printonly { display: none; }

@media print {
  /* Generals */
  body { background-color: #fff; }
  div,td,a,hr { color: #000; }
  a { text-decoration: none; }
  .hastitle { border-bottom: #000; }
  .screenonly { display: none; }
  .printonly { display: inline; }
  /* Specifics */
  #main { margin-left: 0; padding: 0; border: 0; }
  #copyright { padding-left: 0; }
  .meteomain { border: 1px solid #000; }
  a::after { content: ""; margin-left: 0; !important }
  #cvemail { vertical-align: middle; }
  #cvemail::after { content: url(../im/cvemail.gif); margin-left: 5px; }
}