/* 
style sheet krodde-print.css
last modified: August 27, 2020
*/
/*
page layout
*/
#container {
  position:         absolute;
  left:             0;
  top:              0;
  width:            650px;
  color:	    	black;
  background:	    white;
  font-family:		arial, sans-serif;
  font-size:		.9em; }
#container tr {
  text-align:       left;
  vertical-align:   top; }
#container td,th {
  padding:          5px; }
#top {
  position:         relative;
  float:            left;
  margin:           0 2%;
  width:            96%; }
#top #hamburger {
  display:          none; }
#left {
  display:		    none; }
#right {
  position:         relative;
  float:            left;
  margin:           0 2%;
  width:            96%; }
#bottom {
  position:         relative;
  float:            left;
  margin:           0 2%;
  width:            96%; }
/*
global properties
*/
a {
  color:            black;
  text-decoration:  none; }
a:hover {
  text-decoration:  underline; }
h1 {
  font:			    bold x-large "comic sans ms", arial, sans-serif;
  border-bottom:	3px solid black;
  padding-bottom:	5px; }
h3 {
  font:			    larger "comic sans ms", arial, sans-serif; }
abbr {
  text-decoration-style:    dotted; }
.separator {
  clear:            both;
  height:           0; }
.col { 
  float:            left;
  width:            48%;
  padding:          1%; }
.col::after {
  content:          "";
  clear:            both;
  display:          table; }
.d-list {
  padding-left:     40px; }
.small {
  font-size:		small; }
.magazine {
  width:            100%;
  -webkit-column-count: 2;
  column-count:     2; }
.magazine::after {
  content:          "";
  clear:            both;
  display:          table; }
::selection {
  background:       yellow; }
/*
top area: banner and main menu
*/
/* banner */
#top #banner {
  display:		    none; }
/* menu */
#top #menu {
  position:			relative;
  padding:			10px; }
/*
right area: button, feed and tree-list
*/
#right img {
  border-radius:    8px;
}
/* button */
#right #button {
  width:            100px;
  font:	        	larger "comic sans ms", arial, sans-serif;
  text-align:   	center;
  border:           1px solid #aaaaaa;
  padding:      	5px; }
#right #button:hover {
  background:   	#eeeeee; }
/* tree-list */
#right #tree-list * {
  margin:           0;
  padding:          0; }
#right #tree-list  a {
  color:			black;
  background-color:	white;
  text-decoration:	none; }
#right #tree-list a:hover {
  color:			black;
  background:	    #eeeeee; }
#right #tree-list ul {
  background:       transparent url(gifs/onepixel-black.png) repeat-y 25px 0;
  list-style:       none; }
#right #tree-list li {
  background:       white;
  padding:          2px 0 2px 10px; }
#right #tree-list li a {
  display:          block; }
#right #tree-list li ul {
  background:       transparent url(gifs/onepixel-black.png) repeat-y 15px 0; }
#right #tree-list li ul li {
  background:       transparent url(gifs/onepixel-black.png) repeat-x 0 8px;
  margin:           5px 0 0 15px;
  padding:          0 0 0 20px; }
#right #tree-list li ul li a {
  padding-left:     10px; }
/*
bottom area: footer
*/
#bottom #footer {
  position:         relative;
  margin:           10px 0; }
#bottom #footer td {
  text-align:       center;
  vertical-align:   middle; }
/*
end of krodde-print.css
*/