/* ---------------------------------------------------
Global/Default Styles

--------------------------------------------------- */

@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');

body { 
   background-image: url("../images/myback4.png");
   background-position: 0;
   margin-left: 0; 
   margin-top: 0;
   margin-bottom: 15px;
   font-size:110%;
}

body, table, td, th, p {
   font-family: 'Source Sans Pro', 'Open Sans', sans-serif;
}

ul {
	list-style-type:square;	
}

ul ul {
	margin-left:-15px;
	list-style-type:disc;
}

table{
   margin: 5px;
   /*border: 1px solid red;*/
}


/* navbar styles */
div#navmain {
   font-family: 'Source Sans Pro', 'Open Sans', sans-serif;
   width: 100%;
   background: black;
   font-size: 140%;
   padding-top:10px;
   padding-bottom:6px;
   letter-spacing:1px;
   text-transform: uppercase;
   font-weight:500;
   text-align:left;
}

div#navmain a {
   font-size: 16px;
   text-decoration:none;
   font-style:normal;
   color: #ccc;
   background: black;
   margin-right: 1%;
   margin-left: 4%;
}

div#navmain a#me {
   text-decoration:none;
   font-weight: normal;
   font-size: 14px;
   cursor:default;
   color: black;
   padding-top:8px;
   padding-bottom:8px;
   padding-right:4px;
   padding-left:4px;
   background-color:white;
   letter-spacing:0px;
   vertical-align:-8px;
} 

div#navmain a:hover { 
   text-decoration:underline;
   color: white;
}

#navstart {     /* make me stand out */
	font-weight:900;
}

/* end navbar styles */

table td {
   border-width: 0;
   padding: 4px 5px;
   vertical-align: top;
}

a:link { 
   color: #000099; 
}

a:active { 
   color: #FF6666;
}

a:visited { 
   color: #800080; 
}

em.yh { 
   font-style: normal; 
   background-color: #ffff00; 
}

a:hover, a:hover em.yh { 
   background-color: #ececec; 
}

/* ------------------------------------------------ */

div.pg1float {
   float: right;
   width: 138px;
   height: 170px;
   background-color: #ffedca;
   margin: 0px 4px;
   padding: 0px;
   font-size: 75%;
}

div.blogfloat {
   float: right;
   width: 260px;
   padding: 0;
}

div.webfloat {
   float: right;
   width: 170px;
   background-color: #ffedca;
   padding: 0;
   margin:0;
}

tr#calhead th {
   vertical-align: bottom;
   text-align: center;
   font-weight: normal;
   padding: 2px;
   font-size:120%;
}

th#calcomment {
   width: 25%;
}

li {
   margin-bottom: 5px;
}

table.stretch {
   width:100%;
   height:100%;
}

form { 
   margin:0; 
}

input.front { 
   color: #336699; 
   font-size:90%;
}

p.main { 
   padding:0; 
   margin-left:30px; 
   margin-right:5px; 
   margin-top:0; 
   margin-bottom:10px;
}

table.inpara {
	margin-left: auto;
	margin-right: auto;
	font-size: 85%; 
	width: 75%; 
	border: 1px silver solid;
}

p.head, .subhead { 
   padding:0; 
   font-weight:300;
   margin-right:0; 
   margin-top:0; 
   margin-bottom:10px; 
   color: #336699;
   
}

p.head { 
   font-size:140%;
   margin-left:5px; 
}

.subhead {
   font-size:120%;

}

p.main_ar { 
   padding:0; 
   margin-left:5px; 
   margin-right:25px; 
   margin-top:0; 
   margin-bottom:10px; 
}

p.rsrc {
   font-size:75%;
   padding:0;
   padding-bottom:5px;
   margin-left:0;
   margin-right:0;
   margin-top:5px;
   margin-bottom:0;
   border-bottom:1px #ffffff solid;
}

p.opener {
   margin:0;
   padding:0;
   font-size:75%;
   text-align:center;
   color:#cc0000;
   font-style:italic;
   font-weight:bolder;
}

p.foot {
   margin:0;
   padding:0;
   font-size:70%;
   text-align:center;
}

p.side {
   font-size: 88%;
   padding-bottom:9px; 
   margin-top:0; 
   margin-bottom: 8px; 
   border-bottom:0.5px dotted black;
   width:90%;
   line-height:160%;
}

p.side b, p.side strong {
   font-weight:600;
}
   
ul.mainlist li, ol.mainlist li {
    margin-left:15px;
    margin-bottom:8px;
} 

ul.mainlist ul li {
    margin-bottom:5px;
   
} 

.standout {font-weight:bold;} 

.hide {
    border-top:3px solid silver;
    display:none;
    font-size:85%;
    margin-top:8px;
    padding: 2px 0 2px 25px;
    background-color:#efefef;
}
   
li.indent { 
   margin-left:10px; 
   margin-bottom:5px; 
}

.title_big { 
   font-size:180%; 
}

.title_med { 
   font-size:110%; 
}

.title_subsec { 
   font-size:120%; 
}

.title_tiny { 
   font-size:75%; 
}

.tiny { 
   font-size:75%; 
}

.smalltiny {
   font-size:70%; 
}

.text_bold, .title_big, .title_med, .title_subsec, .title_tiny { 
   font-weight:500; 
}

.center, div.cal td  { 
   text-align:center; 
}

tt.code {
   font-family: Consolas, 'SF Mono', 'Roboto Mono', 'DejaVu Sans Mono', monospace;
   color: #666666;
   font-size:90%;
}

em.blue { 
   font-style: normal; 
   color: #336699; 
}

div.set { 
   margin: 10px 25px; 
   font-size: 90%; 
   color: #336699; 
}

div.set2 { 
   font-size: 90%; 
   color: #336699; 
}

.blue {
   color: #336699;
   }

.bull { 
   font-size:60%;
   background-color:#ffcccc; 
}

.bull_alt { 
   font-size:60%;
   background-color:#ff6699; 
}

.bull_white { 
   font-size:60%;
   background-color:#ffffff; 
}

.bull_red { 
   font-size:70%;
   background-color:red;
   vertical-align: top;
}

.bull_gray { 
   font-size:70%;
   background-color:silver; 
   vertical-align: top;
}

hr.norm { 
   margin-bottom:0; 
   margin-top:-3px; 
   height:1px; 
}

.grey { 
   background-color:#dde; 
}

.peach { 
   background-color:#ffedca; /* FFEDDB */
}

.pink { 
   background-color:#ffcccc; 
}

.lime { 
   background-color:#ccffcc; 
}

.myblue { 
   background-color:#E2FDFF;  /* orgiginal light blue E2FDFF*/
}


a.btnNorm, a.btnNorm:hover, a.btnNorm:visited {
   color:white;
   text-decoration:none;
   text-align:center;
   font-style:normal;
   border:1px silver solid;
   padding:2px;
}

a.btnNorm:hover {
   border:1px outset;
   cursor:pointer;
}

a.btnNorm {
   background-color :#336699;
   border-color: gray;
}

a.btnNorm:hover {
   background-color:#3399ff;
   border-color:#ffffff #000000 #000000 #ffffff;
}

div.btnRate {
   display:inline;
   font-size:80%;
   color:white;
   text-decoration:none;
   background-color:red;
   text-align:center;
   font-style:normal;
   width:15px;
   border:0;
   padding:0;
   margin:0;
   margin-right:2px;
}

div#dirlist {
	margin-top: 25px;
}

div#dirlist table td {
	font-size: 90%;
	font-family: Consolas, 'SF Mono', 'Roboto Mono', 'DejaVu Sans Mono', monospace;
	padding: 2px;
}

div#dirlist table {
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
	border: 1px silver solid;
}

table#auth {
	border:1px black solid;
	margin:auto;
	width:60%;
	padding: 3px;
}

table#auth .label {
	text-align:right;
	vertical-align:bottom;
}

table#auth td, table#auth th {
	padding:3px;
}

div#screenshot {
	text-align:center;
	background-color:#006;
}

div#screenshot p#head {
	text-transform:	capitalize;
	color:white;
	font-size:120%;
	font-weight:bolder;
	margin:0 0 8px 0;
	padding:8px;
	background-color:black;";
}