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

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

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

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

.smhigh1 {border-color: #00679f !important;}
.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 ######################## */
body {
background-color: #6B89D4;
border: 2em solid black; 
}
body a:link, body a:visited { color: #993300; }
body a:hover, body a:active {color: #551a8b; display: relative;
height: 1.2em;
padding: .2em;
margin: -.25em;
border: 1px solid #0066ef;
background-color: #66ee33;
}  .oldcolo {color: #CCCC99;}
#intro { border: 10px solid rgb(153, 204, 102); }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#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;
padding: .5em;
font-size: 90%;
color: #ffffee;
background-color: #000000; /* old: 66cc99; */
width: 100%;
left: 0px;
margin-left: 0px;
}
#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);
}
.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;
}