/* font basics css page for modal music */

/* Some of these calls are duplicated in each page's internal css which take precendence over these calls here thus allowing pages to degrade gracefully if external css not available. */

/* Foundational fonts are Verdana, Helvetica, Arial, sans-serif; as defined in the body css call on each page. */

/* h, p, ul, li calls are all based upon intrinsic browser sizes combined with a page's body-called base fontfamily and fontsize. */

/* All pages' font size calls are based on the assumption that P = 16.016 px (16 px x 100.1% to adjust for browser variation weirdnesses) */

/* NAMING CONVENTIONS */

/* fs = font size,
   fl = font leading or line height,
   sp = spacing in ems,
   px = spacing in pixels
   s= 16th, e = eighth, t = third, q = quarter, h = half,
   tt = two thirds, tq = three quarters, "_" = decimal */

/* FONT NAME CALLS */

.helv    {font-family: Arial, Helvetica, sans-serif;}
.impact  {font-family: impact, arial, helvetica;}
.verd    {font-family: verdana, sans-serif;}
.luci    {font-family: lucida, sans-serif;}
.times   {font-family: times, serif;}
.cour    {font-family: courier new, courier, sans-serif, monospace;}

/* TYPE ALIGNMENT CALLS */

.rt      {text-align: right;}
.lf      {text-align: left;}
.cntr    {text-align: center;}

/* SPECIAL TYPE TREATMENT CALLS */

em    {font-weight: 900;}
.b    {font-weight: 900;}
.bd    {font-weight: 900;}
.it    {font-style: italic;}
.n    {font-weight: 400; font-style: normal;}
.n400 {font-weight: 400;}
.n500 {font-weight: 500; font-style: normal;}
.u    { text-decoration:none;
      padding-bottom:.07em; border-bottom:.1em solid #330000; }
}
.nu   {text-decoration: none;}
.tm   {font-size:20%;}
.tm10 {font-size:10%;}
.tm50 {font-size:50%;}
.up   {text-transform:uppercase;}


/* NEG MARGIN CALLS TO MOVE STUFF UPWARDS */

.ns0     {margin-top:0em;}
.ns_125 {margin-top:-.125em;}
.ns_25 {margin-top:-.25em;}
.ns_33 {margin-top:-.33em;}
.ns_50 {margin-top:-.50em;}
.ns_75 {margin-top:-.75em;}
.ns1 {margin-top:-1em;}


/* FONT SIZE CALLS */
/* These calls modify whatever the intrinsic H and P sizes are. */

.px {font-size: 1px; line-height: 1px;}
.spc { line-height: .125em;}

/* must convert these currently used calls to new naming system

h1 =m1s .m1s {line-height:1.0625em;}
h2 =mt1
   oops = this call isn't defined by any css so it was pure h2 size
p =mtt .mtt {line-height:.33em;}
p =mnul .mnul {line-height:0em;}
p =pt85 m1q
    .m1q {line-height:1.25em;} .pt85 {font-size:85%;}
p =mltq  m1tq{line-height:1.75em;}
p =mtq  .mtq {line-height:.75em;}

all below had m instead of fl */


.fs15    {font-size:15%;}
.fs20    {font-size:20%;}
.fs25    {font-size:25%;}
.fs50    {font-size:50%;}
.fs75    {font-size:75%;}
.fs85    {font-size:85%;}
.fs1     {font-size:100%;} /* don't need to use as this is norm */
.fs1s    {font-size:106.25%;}
.fs1e    {font-size:112.5%;}
.fs1q    {font-size:125%;}
.fs1t    {font-size:133%;}
.fs1h    {font-size:150%;}
.fs1tt   {font-size:166%;}
.fs1tq   {font-size:175%;}

.fs2     {font-size:200%;}
.fs2s    {font-size:206.25%;}
.fs2e    {font-size:212.5%;}
.fs2q    {font-size:225%;}
.fs2t    {font-size:233%;}
.fs2h    {font-size:250%;}
.fs2tt   {font-size:266%;}
.fs2tq   {font-size:275%;}

.fs3     {font-size:300%;}
.fs3s    {font-size:306.25%;}
.fs3e    {font-size:312.5%;}
.fs3q    {font-size:325%;}
.fs3t    {font-size:333%;}
.fs3h    {font-size:350%;}
.fs3tt   {font-size:366%;}
.fs3tq   {font-size:375%;}

/* FONT LINE HEIGHT CALLS */
/* negative line-height em calls (like -1 or anything lower than 0.01) fail, i.e., no em call will go into negative line-height but negative pixel calls will move things above a font's base line as will negative em margin calls!! IMPORTANT!
*/

.flnul   {line-height:0em;}/* bigger than zero in line height world */
.fls     {line-height:.0625em;}
.fle     {line-height:.125em;}
.flq     {line-height:.25em;}
.flt     {line-height:.33em;}
.flh     {line-height:.5em;}
.fl_tt   {line-height:.66em;}
.fl_tq   {line-height:.75em;}
.fl_85   {line-height:.85em;}

.fl1     {line-height:1em;}
.fl1s    {line-height:1.0625em;}
.fl1e    {line-height:1.125em;}
.fl1q    {line-height:1.25em;}
.fl1t    {line-height:1.33em;}
.fl1h    {line-height:1.5em;}
.fl1tt   {line-height:1.66em;}
.fl1tq   {line-height:1.75em;}
.fl1_85  {line-height:1.85em;}

.fl2     {line-height:2em;}
.fl2s    {line-height:2.0625em;}
.fl2e    {line-height:2.125em;}
.fl2q    {line-height:2.25em;}
.fl2t    {line-height:2.33em;}
.fl2h    {line-height:2.5em;}
.fl2tt   {line-height:2.66em;}
.fl2tq   {line-height:2.75em;}
.fl2_85  {line-height:2.85em;}

.fl3     {line-height:3em;}
/* for bigger line heights, do locally */



/* old calls - erase when done upgrading template calls to new system
.mnul {line-height:0em;}
.mneg {line-height:.9em;}
.msf {line-height:.03125em;}
.ms {line-height:.0625em;}
.me {line-height:.125em;}
.mq {line-height:.25em;}
.mtt {line-height:.33em;}
.mh {line-height:.5em;}
.mtt {line-height:.66em;}
.mtq {line-height:.75em;}

.m1 {line-height:1em;}
.m1s {line-height:1.0625em;}
.m1e {line-height:1.125em;}
.m1q {line-height:1.25em;}
.m1t {line-height:1.33em;}
.m1e3 {line-height:1.375em;}
.m1h{line-height:1.5em;}
.m1tq{line-height:1.75em;}

.m2 {line-height:2em;}
.m2s {line-height:2.0625em;}
.m2e {line-height:2.125em;}
.m2q {line-height:2.25em;}
.m2t {line-height:2.33em;}
.m2e3 {line-height:2.375em;}
.m2h{line-height:2.5em;}
.m2tq{line-height:2.75em;}


.m3 {line-height:3em;}
.m3s {line-height:3.0625em;}
.m3e {line-height:3.125em;}
.m3q {line-height:3.25em;}
.m3t {line-height:3.33em;}
.m3e3 {line-height:3.375em;}
.m3h{line-height:3.5em;}
.m3tq{line-height:3.75em;}
*/


.ld2 {line-height:2px;}
.ld3 {line-height:3px;}
.ld4 {line-height:4px;}
.ld5 {line-height:5px;}
.ld6 {line-height:6px;}
.ld7 {line-height:7px;}
.ld8 {line-height:8px;}
.ld9 {line-height:9px;}

.ld10 {line-height:10px;}
.ld11 {line-height:11px;}
.ld12 {line-height:12px;}
.ld13 {line-height:13px;}
.ld14 {line-height:14px;}
.ld15 {line-height:15px;}
.ld16 {line-height:16px;}
.ld17 {line-height:17px;}
.ld18 {line-height:18px;}
.ld19 {line-height:19px;}

.ld20 {line-height:20px;}
.ld21 {line-height:21px;}
.ld22 {line-height:22px;}
.ld23 {line-height:23px;}
.ld24 {line-height:24px;}
.ld25 {line-height:25px;}
.ld26 {line-height:26px;}
.ld27 {line-height:27px;}
.ld28 {line-height:28px;}
.ld29 {line-height:29px;}

.ld30 {line-height:30px;}
.ld31 {line-height:31px;}
.ld32 {line-height:32px;}
.ld33 {line-height:33px;}
.ld34 {line-height:34px;}
.ld35 {line-height:35px;}
.ld36 {line-height:36px;}
.ld37 {line-height:37px;}
.ld38 {line-height:38px;}
.ld39 {line-height:39px;}

.ld40 {line-height:40px;}
.ld41 {line-height:41px;}
.ld42 {line-height:42px;}
.ld43 {line-height:43px;}
.ld44 {line-height:44px;}
.ld45 {line-height:45px;}
.ld46 {line-height:46px;}
.ld47 {line-height:47px;}
.ld48 {line-height:48px;}
.ld49 {line-height:49px;}

.ld50 {line-height:50px;}
.ld51 {line-height:51px;}
.ld52 {line-height:52px;}
.ld53 {line-height:53px;}
.ld54 {line-height:54px;}
.ld55 {line-height:55px;}
.ld56 {line-height:56px;}
.ld57 {line-height:57px;}
.ld58 {line-height:58px;}
.ld59 {line-height:59px;}

.ld60 {line-height:60px;}
.ld61 {line-height:61px;}
.ld62 {line-height:62px;}
.ld63 {line-height:63px;}
.ld64 {line-height:64px;}
.ld65 {line-height:65px;}
.ld66 {line-height:66px;}
.ld67 {line-height:67px;}
.ld68 {line-height:68px;}
.ld69 {line-height:69px;}

/* POSITION INFO */

.floatleft { clear: left; float: right; }

.floatright { clear: right; float: left; }

.clear {clear: both;}

.padtop {  padding-top: 10px; }

.padleft {  padding-left: 10px; }

.padright {  padding-right: 10px; }

.padbot {  padding-bottom: 10px; }
.padbot15 {  padding-bottom: 15px; }
.padtop5 {  padding-top: 5px; }

.postopa { position: absolute; top: 18px; }

.postop199 { position: absolute; top: 223px; }

.postop440 { position: absolute; top: 440px; }

.postop540 { position: absolute; top: 540px; }

.postop200rel { position: relative; }

.rel { position: relative; }

.abs { position: absolute; }

.zzero { position: relative; z-index:0;}

.bottom {text-align:bottom;}


/* IMAGE TREATMENT INFO */

.clips { border: 1px solid; border-color: #33aa99; }

.nb { border: 0; }