/* style.css -- Copyright 2009-2010 Michael D'Errico -- All Rights Reserved */

html                          { background:      #AAC;
                                margin:          0px;
                                padding:         0px;
                              }

body                          { max-width:       650px;
                                background:      #F8F8F8;
                                color:           #222;
                                font-family:     Tahoma, "Lucida Grande",
                                                 Verdana,
                                                 Georgia,
                                                 "Times New Roman",
                                                 serif;
                                font-size:       small;
                                border:          2px solid #004;
                                margin:          15px auto 15px auto;
                                padding:         15px;
                                text-align:      justify;
                              }

div.head                      { font-family:     sans-serif;
                                background:      #DDE;
                                color:           #004;
                                text-align:      center;
                                padding:         5px;
                              }

div.head h1                   { font-size:       200%;
                                padding:         10px 0 10px 0;
                                margin:          0;
                              }

div.head a                    { color:           #004;
                                text-decoration: none;
                              }

div.head a:link               { color:           #004; }

div.head a:visited            { color:           #004; }

div.head a:hover              { color:           #620;
                              }

div.head h2                   { font-size:       120%;
                                padding:         0 0 10px 0;
                                margin:          0;
                              }

div.math                      {
                              }

div.mathside                  { width:           40%;
                                margin:          0 0 10px 20px;
                                border:          1px solid #999;
                                padding:         15px;
                                float:           right;
                              }

div.mathside hr               { border-top:      0;
                                border-bottom:   1px solid #999;
                                height:          0px;
                                padding:         0;
                                margin:          10px;
                              }

div.mathlinks                 {
                              }

div.mathlinks h2              { margin:          0;
                                padding:         0 0 5px 0;
                              }

div.mathlinks a               { display:         block;
                                font-family:     Tahoma, Georgia,
                                                 "Times New Roman",
                                                 serif;
                                margin-left:     20px;
                              }

div.sociallinks               { background:      #DDD;
                                padding:         5px 10px 5px 10px;
                              }

/*
div.mathlinks a:hover         { color:           #06C;
                                text-decoration: underline;
                              }
*/

span.mathtips                 { font-family:     "Apple Chancery",
                                                 "Zapf Chancery",
                                                 Georgia,
                                                 "Times New Roman",
                                                 serif;
                                font-size:       1.15em;
                                color:           #272;
                              }

div.calc                      { position:        relative;
                                left:            50%;
                              }

div.calc.scientific           { margin-left:     -260px;
                              }

div.calc.mortgage             { margin-left:     -275px;
                              }

div.calc.mortgage object      { border:          1px solid #004;
                              }

.bigger                       { font-size:       125%;
                              }

em                            { font-style:      italic;
                              }

h1                            { font-size:       160%;
                                font-family:     sans-serif;
                              }

h2                            { font-size:       130%;
                                font-family:     sans-serif;
                              }

h3                            { font-size:       115%;
                                font-family:     sans-serif;
                              }

h4, h5, h6                    { font-size:       100%;
                                font-family:     sans-serif;
                              }

h1.first                      { margin-top:      0px;
                                padding-top:     0px;
                              }

table                         { margin-top:      1em;
                                margin-left:     auto;
                                margin-right:    auto;
                                margin-bottom:   1em;
                                padding:         0px;
                                border:          0px;
                              }

table.calculator              { border-collapse: collapse;
                                border-spacing:  0px;
                              }

table.equation                { border-collapse: separate;
                                border-spacing:  5px;
                              }

table.embedded                { margin:          0px; }

td                            { border:          0px;
                                padding:         0px;
                              }

hr                            { border-top:      0px;
                                border-bottom:   1px solid #010;
                                height:          1px;
                                text-align:      center;
                              }

hr.equation                   { margin:          0px;
                                padding:         0px;
                                line-height:     5px;
                              }

dl                            { border:          1px solid #060;
                                padding:         1em;
                              }

dd                            { margin:          0 15%;
                                color:           #060;
                              }

dt                            { margin-top:      1em;
                                margin-bottom:   0.5em;
                                margin-left:     5%;
                                margin-right:    5%;
                                font-weight:     bold }

dt.first                      { margin-top:      0px }

span.highlight                { color:           #900; }

span.unicode                  { font-family:     "Arial Unicode MS",
                                                 "Arial Unicode";
                              }

span.email                    { color:           #050;
                                margin:          0px;
                                padding:         0px;
                                border:          0px;
                              }

span.space30px                { padding-left:    30px; }
span.space150px               { padding-left:    150px; }

input.calculator              { height:          18px;
                                border:          1px solid #010;
                                padding:         4px;
                                text-align:      right;
                              }

input.editable                { border:          1px solid #010;
                                background:      #F5FFF5;
                              }

input.mortgage                { text-align:      right; }
input.factor                  { text-align:      right; }

button                        { width:           45px;
                                height:          30px;
                              }

button.bigger                 { font-size:       110%; }

div.parenthetical             { margin-top:      1em;
                                margin-left:     10%;
                                margin-right:    10%;
                                margin-bottom:   1em;
                                border:          1px solid #010;
                                padding:         7px;
                                font-size:       85%;
                              }

div.mail a                    { color:           #060;
                                font-family:     "Lucida Console",
                                                 monospace;
                              }

div.mail a:hover              { color:           #094;
                                text-decoration: underline;
                              }

div.parenthetical { margin-top:      1em;
                    margin-left:     10%;
                    margin-right:    10%;
                    margin-bottom:   1em;
                    border:          1px solid #010;
                    padding:         7px;
                    font-size:       85%;
                  }

div.embed         { position:        relative;
                    left:            50%;
                  }

div.embed.calc    { margin-left:     -260px;
                  }

div.embed.calc-mortgage { margin-left:     -275px;
                  }

div.col3                      { padding:         1em 0px 2em 0px; }

div.col3_left                 { width:           180px;
                                margin-right:    -180px;
                                float:           left;
                              }

div.col3_middle               { padding:         0px 180px 0px 180px;
                                float:           left;
                              }

div.col3_right                { width:           180px;
                                margin-left:     -180px;
                                text-align:      right;
                                float:           right;
                              }

div.col3_midright             { float:           right;
                              }

div.copyright                 { font-size:       75%;
                                color:           black;
                                margin-top:      4em;
                                margin-left:     auto;
                                margin-bottom:   2em;
                                margin-right:    auto;
                                text-align:      center;
                              }

a                             { text-decoration: none; }

a:link                        { color:           #00A; }

a:visited                     { color:           #00A; }

a:hover                       { color:           #05C;
                                text-decoration: underline;
                              }

a img                         { border:          0;
                              }

.center                       { margin-left:     auto;
                                margin-right:    auto;
                              }

.textcenter                   { text-align:      center; }
.textleft                     { text-align:      left; }
.textright                    { text-align:      right; }