/* ################# Autumn ########################dddf98 */
.Autumn {
  background-color: rgb(207, 124, 18);
  border: 2em solid black;   color:#211;
  }
.Autumn a:link, .Autumn a:visited { color: #993300; }
.Autumn a:hover, .Autumn a:active {color: #551a8b; display: relative;
 height: 1.2em; padding: .2em; margin: -.25em;
 border: 1px solid #0066ef; background-color: #66ee33;
}  .Autumn .oldcolo {color: #CCCC99;}
.Autumn #intro {border: 10px solid rgb(143, 124, 62); }

.Autumn #bakaround { border: .6em double #ffcc10; }
.Autumn .season {
 background-color: #663300; color: #ffff99;
 border: 1px solid #b9b955;
}
.Autumn .smseason { color: #bb4400;#774400; font-size: 99%; }
.Autumn .smseason:hover { font-size: 130%; }

.Autumn .hatext {
 border: .2em solid black; padding: .3em;
 background-color: #9a6b00; color: #ffee00;
}
.Autumn #panic2 {
 border: .2em solid #3f1c10;
}
.Autumn .nanabar { background-color: #bb4324; }
.Autumn #nanabox { border: 1px solid #663333; }
.Autumn #nanaknow { color: #225566; }
.Autumn .blue { background-color: rgb(51, 153, 204); }
.Autumn .plants { color:#335533; }

.Autumn #cro {
 background-color:  #795; /* or: rgb(153, 204, 102); */
 color: rgb(102, 102, 255);
 border: 1px solid #334633; /* or: #6dff00; */
}
.Autumn #cro a:link, .Autumn #cro a:visited { color: #CC5933; }
.Autumn #cro a:hover { color: #CC333D; }
.Autumn .bh {color:#ef5f1f;}

.Autumn .smhigh1 { border-color: #00679f !important;}
.Autumn .smhigh2 { color: #4d5f00; font-weight: bold; border-color: #0067bf !important;}
#poem {
 border-top:.2em solid #334;
 border-left:.2em dotted #469;border-right:.2em dotted #469;
 padding-top:1em; color: #223;
}
/*
/* #################### Winter ########################  */
.Winter { background-color: #6B89D4 !important; border: 2em solid black; }
.Winter a:link, .Winter a:visited { color: #993300; }
.Winter a:hover, .Winter a:active { color: #551a8b; display: relative;
 height: 1.2em; padding: .2em; margin: -.25em;
 border: 1px solid #0066ef; background-color: #66ee33;
}  .Winter .oldcolo {color: #CCCC99;}
.Winter #intro { border: 10px solid rgb(153, 204, 102); }

.Winter #bakaround { border: .6em double #fffc10; }
.Winter .season { background-color: #0066ee; color: #ffffff; border: 1px solid #663300; }
.Winter .smseason { color: #0033aa; font-size: 99%; }
.Winter .xsmseason:hover { font-size: 130%; }

.Winter .hatext {
 border: .2em solid #CCCC99; background-color: black; 
 padding: .3em; color: #367f00;
}
.Winter .nanabar { background-color: #bb4324; }
.Winter #nanabox { border: 1px solid #663333; }
.Winter #nanaknow { color: #224466; }
.Winter .blue { background-color: rgb(51, 153, 204); }
.Winter .plants { color:#335533; }

.Winter #cro { background-color: rgb(153, 204, 102); 
 color: rgb(102, 102, 255); border: 1px solid #336633; /* or: #6dff00; */
}
.Winter #cro a:link, .Winter #cro a:visited { color: #CC5933; }
.Winter #cro a:hover { color: #CC333D; }

.Winter .smhigh1 { border-color: #0067ff !important; }
.Winter .smhigh2 { color: #4d7f00; font-weight: bold; 
 border-color: #0067ff !important; }

/* ###################### Spring ###################################### */
.Spring {
background-color: #eeff66 !important; border: 2em solid black;
}
.Spring a:link, .Spring a:visited { color: #047f00; }
.Spring a:hover, .Spring a:active {color: #551a8b; 
 display: relative; height: 1.2em;
 padding: .2em; margin: -.25em;
 border: 1px solid #0066ef; background-color: #66ee33;
} .Spring .oldcolo {color: #CCCC99; }
.Spring #intro { border: 10px solid rgb(153, 204, 102); }

.Spring #bakaround { border: .6em double #666633; }
.Spring .season {
 background-color: #0066ee; color: #ffffff; 
 border: 1px solid #663300; }
.Spring .smseason { color: #447700; font-size: 99%; }
.Spring .smseason:hover { font-size: 130%; }

.Spring .hatext { border: .2em solid rgb(51, 153, 204); 
 background-color: black; padding: .3em; color: #bbaa55;
}
.Spring .hightext { color: #335533; }
.Spring .nanabar { background-color: #bb4324; }
.Spring #nanabox {border: 1px solid rgb(255, 204, 0);
}
.Spring #nanaknow { color: #224466; }
.Spring .blue { background-color: rgb(51, 153, 204); }
.Spring .plants { color:#339933; }

.Spring #cro {
background-color: rgb(153, 204, 102); color: rgb(102, 102, 255); 
border: 1px solid #336633; or: #6dff00;
}
.Spring #cro a:link, .Spring #cro a:visited { color: #CC5933; }
.Spring #cro a:hover { color: #CC333D; }

.Spring .smhigh1 { border-color: #0067ff !important; }
.Spring .smhigh2 { color: #4d7f00; font-weight: bold; 
 border-color: #0067ff !important; }


/* ############## Summer ############## green#62ff20; yellow#ee4324; */ 
.Summer a:hover {color:purple: #551a8b; oldcolo: #CCCC99;} 
.Summer {
  background-color: #66CC33;  border: 2em solid black;
  }
.Summer a:link, .Summer a:visited { color: #7f3400; text-decoration: none; }
.Summer a:hover, .Summer a:active {
 color: #ee4324; text-decoration: underline; 
 display: relative; height: 1.2em; padding: .2em; margin: -.25em;
 border: 1px solid #0066ef; background-color: #66ee33;
} 
.Summer .hightext a img {box-shadow: 0px 1px 6px #222;}
.Summer .hightext a img:hover {box-shadow: 0px 1px 4px #444;}

.Summer #intro { border: 10px solid #cccc22; }

.Summer #bakaround { border: .6em double #cc3333; }
.Summer .season { background-color: #0066ee; color: #ffffff; border: 1px solid #663300; }
.Summer .smseason { color: #aa3311; font-size: 99%; }
.Summer .smseason:hover { font-size: 130%; }

.Summer .hatext { border: .2em solid #cccc22; background-color: black;
 padding: .3em; color: #ffee00; }
.Summer #panic2 { border: .1em solid #66cc66; }
.Summer .nanabar { background-color: #991304; }
.Summer #nanabox { border: 1px solid rgb(10, 104, 125); }
.Summer #nanaknow { color: #228766; }
.Summer .blue { background-color: rgb(51, 153, 204); }
.Summer .plants { color:#339933; }

.Summer #cro {
background-color: #CCA533; color: rgb(102, 102, 255); border: 1px solid #336633; 
} .Summer #oldcro {color:#6dff00;}
.Summer #cro a:link, .Summer #cro a:visited { color: #CC5933; }
.Summer #cro a:hover { color: #CC333D; }

.Summer .smhigh1 { border-color: #0067ff !important; border-width: 3px !important; }
.Summer .smhigh2 { color: #fdef20; font-weight: bold; border-color: #0067ff !important; }

.Summer #panic { border: .08em solid rgb(10, 104, 125); 
padding-left: .8em; margin: -.3em; font-size: 140%; border-width: .15em;line-height: 1.3em;
}

/* ###################### GENERAL ########################  * /  */
#menu {
-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.45); 
-moz-box-shadow: 0 3px 6px rgba(0,0,0,.45);}
#nav {
position: fixed; z-index: 999;
top: 100px; left: 10px; width:60px; height: 200px;
border: 1px solid black; background-color: white;
}

.hightext { font-size: 1em; }

#cro {
min-height: 400px; margin: 10px;
padding: 15px; min-width: 600px;
}
.introbord {
border: .1em solid #66CCFF; /*#9aff00;*/
padding: .5em;
}
#intro {
margin-top: 2em; margin-left: 0px; width: 100%; left: 0px;
padding: .5em; font-size: 90%; color: #ffffee;
background-color: #000000; /* old: 66cc99; */
box-shadow: -.1em .4em .9em #111;
}
#intro a:link, #intro a:visited {
color: #ffd200; /* old: #993366; */
}
#intro a:active, #intro a:hover {
color: rgb(204, 51, 102);
/* deinherit from body  */
display: static; height: 1em; padding: 0em; margin: 0em;
border: 0px solid #0066ef; background-color: #010101;
}
#outro { font-size: 85%; }
#bakaround {
position: static;
background-image: url(sunjasown_files/syeddow.png);
background-position: 0px -40px; background-repeat: repeat;
width: 100%; left: 0px; right: auto;
color: #333333; overflow: hidden;
-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.45); 
-moz-box-shadow: 0 3px 6px rgba(0,0,0,.45);
box-shadow: 0 3px 6px rgba(0,0,0,.45);
}
.bline {
position: static; overflow: hidden; white-space: nowrap; /* !!!!!! */
font-size: 180%; font-weight: bold;
height: auto; left: 0px; right: auto;
text-align: left; width: 100%;
}
.container {
position: static; width: 100%; max-width: 100%;
height: auto; left: 0px; right: auto;
background-color: transparent; overflow: hidden;
}
.plas {
position: static; width: 100%; max-width: 105%; height: auto;
left: 0px; right: auto;
background-color: transparent; overflow: hidden; white-space: nowrap; /* !!!!!! */
}
.blue {
position: static; width: 100%; height: 11px; left: 0px; right: auto;
}
#gal table {
-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.45); 
-moz-box-shadow: 0 3px 6px rgba(0,0,0,.45); }
#paintings { 
text-decoration: underline;
color: #cc9900;
}
#shid {
visibility: hidden; bottom: 0px; right: 0px;
margin-right: 0px; margin-bottom: 0px;
float: right; width: 20px; height: 20px;
}
.season {
-webkit-box-shadow: 0 3px 6px rgba(100,100,100,.45); 
-moz-box-shadow: 0 3px 6px rgba(100,100,100,.45); }
.smseason { text-shadow: 2px 2px 3px #454; }

.plink a:link, .plink a:visited {
display: block; background-color: #00202D; color: #ffffff;
}
.plink a:hover, .plink a:active {
display: block; background-color: #ffffff; color: #557BDE;
}