/*
###################
PRELIMINARY VERSION of appearance.css
###################
*/
@charset "utf-8";
/*
#################
HANDLE FONT SIZES in various elements - Reference: varvy.com
#################
*/

/* Basic body font size, for 'mobile'/small-screen devices */
body {font-size:18px}

/* Basic body font size, for 'desktop'/large-screen devices */
@media(min-width:900px){body{font-size: 16px}}

/* Font sizes for other elements in the body, relative to the basic size */

table , tr , td {font-size:100%}

h1 {font-size:250%}
h2 {font-size:200%}
h3 {font-size:150%}
h4 {font-size:120%}
h5 {font-size:100%}
h6 {font-size:80%}

p {font-size:100%}
/* ALTERNATIVE:
p {font-size:100%;line-height:1.2}
*/

pre {font-size:120%}
/* ALTERNATIVE:
pre {font-size:15px}
*/


/*
#####################################
HANDLE TEXT OVERFLOW FROM TABLE CELLS - References at stackoverflow.com
#####################################
*/

td {
   width:100%;
   /*  min-width: 100%; */
   /*  max-width: 100%; */
   word-wrap: break-word;
   /*  word-wrap: break-all;  (for old IE) */
   /*  OR use &#8203 (zero-width-space) at desired break points */
   text-overflow: ellipsis;
   overflow: scroll;
   /*  overflow: hidden; */
   white-space: normal;
   /*  white-space: nowrap; */
   /*  white-space: pre; (??) */
   /*  display: inline-block; (??) */
   /*  display: table-cell; (??) */
}

/*
##########################################
SET DEFAULT APPEARANCE OF HORIZONTAL-RULES
##########################################
*/

hr {
   height: 5px;
   color: #000000;
   background-color: #000000;
   /* We leave the 'width' and 'align' parameters to each usage. */
   /* The defaults seem to be 100% and left. */
}

/*
#################################################
SET default FONT-FAMILY for 'p' and 'td' elements
#################################################
*/

p , td {
   font-family: Arial, Tahoma, Helvetica, sans-serif;
   /* ALTERNATIVE SANS-SERIF:
   font-family: "Comic Sans MS", cursive, sans-serif;
   font-family: "Trebuchet MS", Geneva, sans-serif;
   font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
   font-family: Verdana, Charcoal, sans-serif;
   /*

   /* ALTERNATIVE SERIF:
   font-family: "Times New Roman", "Times", serif;
   font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
   font-family: Georgia, Times, serif
   */
}

/*
##########################################
SET default FONT-FAMILY for 'pre' elements
##########################################
*/

pre {
   font-family: "Courier New", Courier, monospace;
   /* ALTERNATIVE MONOSPACE:
   font-family: "Lucida Console", Monaco, monospace;
   */
}