@charset "UTF-8";

/*
	main.css
	(c) 1999 - 2024 endeavor-networks.com. All rights reserved.
	Burlington, Ontario, Canada.
*/

body { background-color:  #001e3d ; background-image: url(/images/background-text.png) ; background-size: 660px 391px ; 
				background-position: bottom left ; font-family: Arial, Helvetica, sans-serif ; font-size: 1em ; }


nav { }
nav#main { float: left ; width: 160px ; border: 2px solid  #C93 ; border-radius: 10px ; padding-top: 0.8em ; padding-bottom: 0.8em ; 
						background-color: #001e3d ; text-align: center; color: #7DA647 ; }
			
nav#legal { text-align: center ; margin-top: 1em ; margin-bottom: 1em ; }
nav#article-encap { margin-left: 0px ; } /* encapsulated by article */
nav#categories { }
nav#index { margin-left: 15px ; margin-top: 1.2em ; } /* xtra - links back to index */
nav#related { }

nav img.bottom { padding-bottom: 1.0em ; }
nav img.top { padding-top: 1.0em ; }


nav#main ul { margin:0 ; padding:0 ; text-align: left; }
nav#main ul li { list-style-type: none }

a.nav:link { color: #7DA647 ; text-decoration: none ; } /* no underline */
a.nav:hover { color: red ; }
a.nav:visited { color: #7DA647 ; }
a.nav:active { color: red ; }

search { text-align: center; } /* search include */

form#std-CA input[type=text] { text-align: center;  } /* All pages */
form#std-US input[type=text] { text-align: center;  }

form#duck-CA input[type=text] { text-align: center; background-color: #EEE ; font-weight: bold ; border: 1px solid ; } /* Search page */
form#duck-US input[type=text] { text-align: center; background-color: #EEE ; font-weight: bold ; border: 1px solid ; }

fieldset { display: inline-grid ; border: 2px solid ; width: 300px ; background-color: #7DA647; }
search legend { background-color: #036; color: white ; }

.duck { vertical-align: +10% ; color: white ; font-size: 0.7em ; } /* via DuckDuckGo */
.duck-page { vertical-align: +10% ; color: #900 ; font-size: 0.7em ; } /* Dedicated search page */
.pointer { color: red ; font-weight: bold ; } /* nav pointer */


/* May NOT Need Layout Division */


#sub-layout { margin-left: 173px ; border: 3px solid  #C93 ; border-radius: 10px ; padding-top: 0.5em ; 
						background-color: white ; } /* encapsulates banner, article, and legal */


#banner { margin-left: 15px ; height: 45px }

img.logo { float: left; }
	
.language { display: block ; text-align: right ; vertical-align: +140% ; font-size: 0.9em ; color: #900 ; }
	

article { margin-left: 15px ; padding-right: 0.5em ; }
article ul { list-style-type: square ; } /* many pages */
article ul.contact { margin-left: 40px ; } /* contacts page */

.excerpt { color: #900 ; }
.posted { font-size: 0.8em ; color: #900 ; }


aside#article-top	{ margin-left: 15px ; margin-top: 1.2em ; }


#lastmod { font-size: 0.7em ; text-align: center ; } /* all page */


/* TO BE REMOVED! when conversion to nav#legal completed 
Some /xtra/travel/maritimes still needs conversion */

#legal { margin-left: 15px ; text-align: center ; } /* all page */


a.legal:link { color: #036 ; text-decoration: none ; } /* no underline */
a.legal:hover { color: green ; }
a.legal:visited { color: #036 ; }
a.legal:active { color: red ; }


footer { margin-left: 172px ; text-align: center ; color: #7DA647 ; } /* incl. definition, vcard, copyright */
footer#endeavor { margin-left: 0px ; text-align: left ; color: #7DA647 ; }
footer#copyrights { margin-left: 0px ; font-size: 0.8em ; }
footer#source { margin-left: 0px ; font-size: 0.8em ; }


.p-note { font-size: 0.8em ; } /* vcard req'd syntax, plus */
.p-tel { font-weight: bold ; font-size: 1.2em ; color: white ; } /* vcard req'd syntax */
.u-email { font-weight: bold ; font-size: 1.0em ; } /* vcard req'd syntax */


/* CONTACTS */
address { font-style: normal ; } /* contacts pg. */


/* LINKS */
.description { color: #900 ; } /* articles, links, other */

small.link-broken { font-size: 0.8em ; } /* Report a Broken Link */
small.link-note { font-size: 0.7em ; } /* links, e.g. (sub page) */
small.requests { font-size: 0.9em ; color: #900 ; } /* articles, links */


h1 { font-size: 1.2em ; }
h2 { font-size: 1.1em ; }
h3 { font-size: 1em ; }

p { font-size: 1em ; }
p.last { margin-bottom: 2.25em ; }
p.last-4 { margin-bottom: 4em ; } /* article: cable recommendations, drop ceiling */

span { }


.bold { font-weight: bold ; }
.bold-900 { font-weight: bold ; color: #900 ; } /* contacts and home pg. */
.copyrights { font-size: 0.8em ; } /* pervasive */
.headers { font-weight: bold ; color: #001e3d ; }
.note { color: #900 ; } /* articles, links, other */
.nowrap { white-space: nowrap ; } /* Our current solution. */
.tag-900 { color: #900 ; } /* articles, links, other */
.white { color: white ; }

/* Use non-breaking space ( &#nbsp; ), and non-breaking hyphen ( &#8209 ) rather than nowrap */


mark { padding-top: 0.1em ; padding-bottom: 0.1em ; }
mark.aqua { background-color: #00d8d8 ; } /* Customized */
mark.green { background-color: #90c050 ; #background-color: #a0e060 ; #background-color: #7da647 ; } /* Customized */
mark.yellow { background-color: #f0f000 ; } /* Customized */


figure { margin-top: 1em ; margin-bottom: 1em ; margin-left: 15px ; margin-right: 15px ; }

figcaption { font-size: 0.8em ; text-align: left ; }

figure.boxed-cable { float: right ; width: 198px ; }
figure.ceiling-panels { float: right ; width: 252px ; }
figure.crimp-tool { float: right ; width: 177px ; }
figure.filters { float: right ; width: 198px ; }
figure.patch-panel { float: right ; width: 238px ; }
figure.proto-dissect { float: right ; width: 269px ; }
figure.sub-par { float: right ; width: 252px ; }
figure.thermometer { float: left ; width: 96px ; }
figure.left.inline { display: inline ; }


img.bruce { display: block; margin-left: auto; margin-right: auto; max-width: 100%; height: auto; }
img.clock-on-home { float: left; padding: 5px 25px 10px 5px; } /* home, maint pgs. */
img.clock { float: left; padding: 0px 15px 5px 0px; }
img.envelope { float: left; padding: 0px 15px 5px 0px; }
img.phone { float: left; padding: 0px 15px 5px 0px; }
img.house { float: left; padding: 0px 15px 5px 0px; }


table#subject { text-align: center ; }

table#arp { border: 1px solid black ; border-collapse: collapse ; margin-bottom: 0.5em ; padding: 50px ; }
table#arp td { padding: 10px ; }


ul {  }
ul li { list-style-type: disc ; }

ul.rules li { }
ul.rules li::marker { content: "\2756\0020"; font-size: 1em; } /*color: #001e3d;  yellow star 2660 */


a:link { color: #036 ; font-weight: bold ; background-color: transparent ; text-decoration: underline ; 
					text-decoration-style: dotted ; text-decoration-color: #999 ; }
a:hover { color: green ; }
a:visited { color: #333 ; }
a:active { color: red ; }

.center { text-align: center ; }

/* EXPERIMENTAL */

#NORMAL { white-space: normal ; }
#NOWRAP { white-space: nowrap ; }
#PRE { white-space: pre ; }
#PRE-LINE { white-space: pre-line ; }
#PRE-WRAP { white-space: pre-wrap ; }