/*=============================================================*/
/*   Copyright 2013-2014 by Jean Kodama. All rights reserved   */
/*=============================================================*/
BODY {font-family:sans-serif; font-size:100%}

/*============================== font stuff ===============================*/
/* scaled fonts (11pt=100%=16px) */
.sfont11  {font-size:1.000em} /* 11pt=16px */
.sfont4   {font-size:0.367em} /*  4pt */
.sfont8   {font-size:0.727em} /*  8pt */
.sfont10  {font-size:0.909em} /* 10pt */
.sfont12  {font-size:1.150em} /* 12pt */
.sfont14  {font-size:1.280em} /* 14pt */
.sfont16  {font-size:1.540em} /* 16pt */
.sfont18  {font-size:1.700em} /* 18pt */
.sfont20  {font-size:1.870em} /* 20pt */
.sfont24  {font-size:2.300em} /* 24pt */
.sfont36  {font-size:3.300em} /* 36pt */
.fontlite   {font-weight:lighter}
.fontbold   {font-weight:bold}
.fontboldx  {font-weight:700}
.fontboldxx {font-weight:900}
/* fonts by points */
.font4  {font-size:4pt}
.font8  {font-size:8pt}
.font10 {font-size:10pt}
.font11 {font-size:11pt}
.font12 {font-size:12pt}
.font14 {font-size:14pt}
.font16 {font-size:16pt}
.font18 {font-size:18pt}
.font20 {font-size:20pt}
.font24 {font-size:24pt}
.font36 {font-size:36pt}
/* misc */
.roman {font-family:serif}
.alignc {text-align:center}
.alignr {text-align:right}
.alignl {text-align:left}
.aligncb {text-align:center; font-weight:700}
.alignrb {text-align:right; font-weight:700}
.alignlb {text-align:left; font-weight:700}
.redfont {color:red}
.redfontb {color:red; font-weight:700}
.redfont10b {color:red; font-weight:700; font-size:10pt}
.redfont14b {color:red; font-weight:700; font-size:14pt}
.whtfont {color:white}
.whtfontb {color:white; font-weight:700}
.grnfont  {color:green}
.grnfontb {color:green; font-weight:700}
.blufont  {color:blue}
.blufontb {color:blue; font-weight:700}
.viofont  {color:purple}
.viofontb {color:purple; font-weight:700}
.brnfont  {color:brown}
.brnfontb {color:brown; font-weight:700}
.mono     {font-family:monospace}
.monob    {font-family:monospace; font-weight:700}
.redmono  {font-family:monospace; color:red}
.redmonob {font-family:monospace; color:red; font-weight:700}
.blumono  {font-family:monospace; color:blue}
.blumonob {font-family:monospace; color:blue; font-weight:700}
.grnmono  {font-family:monospace; color:green}
.grnmonob {font-family:monospace; color:green; font-weight:700}
.viomono  {font-family:monospace; color:purple}
.viomonob {font-family:monospace; color:purple; font-weight:700}
.brnmono  {font-family:monospace; color:brown}
.brnmonob {font-family:monospace; color:brown; font-weight:700}

/*================================= misc ==================================*/
DT {font-weight:700}
.imgborder {border-style:solid; border-width:5px; border-color:white; }
.redlink A:link    {text-decoration:none; color:red;   font-weight:700}
.redlink A:visited {text-decoration:none; color:red;   font-weight:700}
.redlink A:active  {text-decoration:none; color:red;   font-weight:700}
.whtlink A:link    {text-decoration:none; color:white; font-weight:700}
.whtlink A:visited {text-decoration:none; color:white; font-weight:700}
.whtlink A:active  {text-decoration:none; color:white; font-weight:700}
.blklink A:link    {text-decoration:none; color:#2b2b2b}
.blklink A:visited {text-decoration:none; color:#2b2b2b}
.blklink A:active  {text-decoration:none; color:#2b2b2b}
/* bullets */
ul.cir {list-style-type:circle}
ul.squ {list-style-type:square}
ol.romu {list-style-type:upper-roman}
ol.roml {list-style-type:lower-roman}
ol.alpu {list-style-type:upper-alpha}
ol.alpl {list-style-type:lower-alpha}

/*=============================== for blog ================================*/
/* for hdr/ftr and nav bar (implement nav bar as horiz floating list) */
.blogheader { background-color:#c0c0c0; }
.nav { list-style-type:none; margin:0; padding:0; overflow:hidden; 
    display:inline; }
.nav li { float:left; }
.nav a:link,a:visited {
    display:block; width:5em; color:black; 
    text-align:center; padding:4px; text-decoration:none; }
.nav a:hover,a.active { color:black; background-color:darkgray; }
.nav_sel { background-color:gainsboro; }
.blogfooter {display:block; max-width:50em; margin:1px; border-style:none; }

/* prev/next links */
.prvnxt_box {display:block; max-width:50em; margin-top:3px; border-style:none; }
.prvnxt { list-style-type:none; margin:0; padding:0; overflow:hidden; 
    display:inline; max-width:50em; font-size:85%}
.prvnxt a:link,a:visited { display:block; text-decoration:none; }
li.prv { float:left; }
li.nxt { float:right; }

/* category colors (if change a color, remember to also fix catn_title) */
.cat1_bg {color:white; font-weight:bold; background-color:blue; }
.cat2_bg {color:white; font-weight:bold; background-color:darkorange; }
.cat3_bg {color:white; font-weight:bold; background-color:blueviolet; }
.cat4_bg {color:white; font-weight:bold; background-color:olivedrab; }
.cat5_bg {color:white; font-weight:bold; background-color:saddlebrown; }
.cat6_bg {color:white; font-weight:bold; background-color:navy; }
.cat7_bg {color:white; font-weight:bold; background-color:red; }
.cat8_bg {color:white; font-weight:bold; background-color:dimgray; }
/* blogspot: <span style="color:white; background-color:blue; padding:4px;"> */

/* new entry summaries (img sb 70px high max) */
.entry_sum {display:block; max-width:50em; max-height:5.05em; margin:1px;
        overflow:hidden; border-style:solid; 
        border-width:1px; border-color:darkgrey; padding:2px; }
.entry_sum a {text-decoration:none}
.entry_sum h2 {display:inline}
.entry_sum h3 {display:inline}
.entry_sum a:link,a:visited {color:black; text-decoration:none; }
.entry_sum a:hover,a.active { color:blue; }

/* misc entry stuff */
.stardate {font-family:monospace; padding-top:-2px; }
.entry_box {display:block; max-width:50em; margin:1px; border-style:solid;
        border-width:1px; border-color:darkgrey; padding:10px; 
        margin-top:10px; }
.entry_box a:hover,a.active { background-color:lightgray; }

/* category boxes (up to ht 8.7em when more entries available) */
.cat_box { float:left; width:15em; height:6.0em; margin:2px; padding:2px; 
    border-width:1px; border-style:solid; border-color:darkgrey; }
.cat_item {font-size:90%; display:block; padding-top:0.5em; padding-left:3px; }
.cat_item a:link,a:visited {color:black; text-decoration:none; }
.cat_item a:hover,a.active {color:blue; }
/* kludge to make cat title backgrounds span the width */
.cat1_title { display:block; width:200px; margin-left:auto; margin-right:auto;
    text-align:center; text-transform:uppercase; font-weight:900;
    color:white; background-color:blue; }
.cat2_title { display:block; width:200px; margin-left:auto; margin-right:auto;
    text-align:center; text-transform:uppercase; font-weight:900;
    color:white; background-color:darkorange; }
.cat3_title { display:block; width:200px; margin-left:auto; margin-right:auto;
    text-align:center; text-transform:uppercase; font-weight:900;
    color:white; background-color:green; }
.cat4_title { display:block; width:200px; margin-left:auto; margin-right:auto;
    text-align:center; text-transform:uppercase; font-weight:900;
    color:white; background-color:blueviolet; }
.cat5_title { display:block; width:200px; margin-left:auto; margin-right:auto;
    text-align:center; text-transform:uppercase; font-weight:900;
    color:white; background-color:saddlebrown; }
.cat6_title { display:block; width:200px; margin-left:auto; margin-right:auto;
    text-align:center; text-transform:uppercase; font-weight:900;
    color:white; background-color:navy; }
.cat7_title { display:block; width:200px; margin-left:auto; margin-right:auto;
    text-align:center; text-transform:uppercase; font-weight:900;
    color:white; background-color:red; }
.cat8_title { display:block; width:200px; margin-left:auto; margin-right:auto;
    text-align:center; text-transform:uppercase; font-weight:900;
    color:white; background-color:dimgray; }

/*==================================== ====================================*/