/* 
‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰
‰‰‰                    ‰‰‰
‰‰‰      B O D Y       ‰‰‰
‰‰‰                    ‰‰‰
‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰

*/
body {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

    @font-face {
    font-family: 'DonaldsansCODE';
    src: url('/style/fonts/DonaldsansCODE-Regular.woff2') format('woff2');
}

    @font-face {
    font-family: 'DonaldsansCODE';
    src: url('/style/fonts/DonaldsansCODE-Italic.woff2') format('woff2');
    font-style: italic;
}
/* 
‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰
‰‰‰                               ‰‰‰
‰‰‰      C O N T A I N E R S      ‰‰‰
‰‰‰                               ‰‰‰
‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰

*/

/*                              C O N T A I N E R S = general */

div {
    display: block;
}
/*                             C O N T A I N E R S = top bars */

#topbar {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 310px;
    height: 40px;
    background-color: black;
}
#topbar_404 {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 310px;
    height: 40px;
    background-color: green;
}
/*                     C O N T A I N E R S = text block boxes */

#maintextblock {
    position: absolute;
    top: 50px;
    left: 10px;
    width: 850px;
    height: 2000px;
}
#textblock_404 {
    position: absolute;
    top: 50px;
    left: 10px;
    width: 850px;
    height: 2000px;
}
/*                  C O N T A I N E R S = links page link box */

#linkdiv_1 {
    position: absolute;
    top: 200px;
    left: 0px;
    width: 600px;
    height: 400px;
    background-color: transparent;
}
/*                   C O N T A I N E R S = type page link box */

#typelinks {
    position: absolute;
    top: 340px;
    left: -10px;
}
/* 
‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰
‰                      ‰
‰       T E X T        ‰
‰                      ‰
‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰

*/

/*                 T E X T */
/*                         */
/*                                         top bars */

/*                                    T E X T = top bar/index */
#topbartext {
    text-decoration: none;
    color: white;
    background-color: black;
    font-family: DonaldsansCODE;
    font-size: 32px;
    font-weight: normal;
    text-align: left;
    margin: 0px 0px;
    display: block;
}
/*                                      T E X T = top bar/404 */
#topbartext_404 {
    text-decoration: none;
    color: white;
    background-color: green;
    font-family: DonaldsansCODE;
    font-size: 32px;
    font-weight: normal;
    text-align: left;
    margin: 0px 0px;
    display: block;
}
/*                 T E X T */
/*                         */
/*                                      text blocks */

/*                                 T E X T = text block/index */
p.textblockdonaldsans {
    text-decoration: none;
    color: white;
    font-family: DonaldsansCODE;
    font-size: 32px;
    text-align: left;
    margin: 80px -10px;
    display: block;
}
/*                                   T E X T = text block/404 */
p.textblockdonaldsans_404 {
    text-decoration: none;
    color: green;
    font-family: DonaldsansCODE;
    font-size: 32px;
    text-align: left;
    margin: 80px -10px;
    display: block;
}
/*                 T E X T */
/*                         */
/*                                            other */

/*                              T E X T = the links page text */
#linkspage_link {
    text-decoration: none;
    color: black;
    background-color: transparent;
    font-family: DonaldsansCODE;
    font-size: 48px;
    font-weight: normal;
    text-align: left;
    margin: 0px 0px;
    display: block;
}
/*                 T E X T */
/*                         */
/*                                       type links */

/*                         T E X T = the type links page text */
h2 {
    color: white;
    text-decoration: none;
    font-family: DonaldsansCODE;
    font-size: 50px;
    font-weight: normal;
}
/*                       T E X T biglink (not currently used) */

h1 {
    color: white;
    text-decoration: none;
    background-color: black;
    font-family: DonaldsansCODE;
    font-size: 200px;
    font-weight: normal;
}
/*    
‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰
‰‰‰                   ‰‰‰
‰‰‰     L I N K S     ‰‰‰
‰‰‰                   ‰‰‰
‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰‰

*/

/*               L I N K S */
/*                         */
/*                                    top bar/index */

/*              L I N K S = top bar/index unvisited */
a.topbarlink {
    color: white;
    text-decoration: none;
    background-color: black;
}
/*              L I N K S = top bar/index = visited */
a.topbarlink:visited {
    color: white;
    text-decoration: none;
    background-color: black;
}
/*           L I N K S = top bar/index = mouse over */
a.topbarlink:hover {
    color: white;
    text-decoration: none;
    background-color: black;
    cursor: pointer;
    font-style: italic;
}
/*             L I N K S = top bar/index = selected */

a.topbarlink:active {
    color: white;
    text-decoration: none;
    background-color: black;
}
/*               L I N K S */
/*                         */
/*                                      top bar/404 */

/*              L I N K S = top bar/404 = unvisited */
a.topbarlink_404 {
    color: white;
    text-decoration: none;
    background-color: green;
}
/*                L I N K S = top bar/404 = visited */
a.topbarlink_404:visited {
    color: white;
    text-decoration: none;
    background-color: green;
}
/*             L I N K S = top bar/404 = mouse over */
a.topbarlink_404:hover {
    color: white;
    text-decoration: none;
    background-color: green;
    cursor: pointer;
    font-style: italic;
}
/*               L I N K S = top bar/404 = selected */
a.topbarlink_404:active {
    color: white;
    text-decoration: none;
    background-color: green;
}
/*               L I N K S */
/*                         */
/*                                  textblock/index */

/*          L I N K S = textblock/index = unvisited */
a.textblock {
    text-decoration: none;
    color: black;
    background-color: #696E70;
}
/*            L I N K S = textblock/index = visited */
a.textblock:visited {
    text-decoration: none;
    color: gray;
    background-color: #5B5A58;
}
/*         L I N K S = textblock/index = mouse over */
a.textblock:hover {
    text-decoration: none;
    color: white;
    background-color: black;
    cursor: pointer;
    font-style: italic;
}
/*           L I N K S = textblock/index = selected */
a.textblock:active {
    text-decoration: none;
    color: black;
    background-color: yellow;
}
/*               L I N K S */ 
/*                         */
/*                                  textblock/orange*/

/*         L I N K S = textblock/orange = unvisited */
a.textblock-orange {
    text-decoration: none;
    color: black;
    background-color: orange;
}
/*           L I N K S = textblock/orange = visited */
a.textblock-orange:visited {
    text-decoration: none;
    color: gray;
    background-color: orange;
}
/*        L I N K S = textblock/orange = mouse over */
a.textblock-orange:hover {
    text-decoration: none;
    color: orange;
    background-color: black;
    cursor: pointer;
    font-style: italic;
}
/*          L I N K S = textblock/orange = selected */
a.textblock-orange:active {
    text-decoration: none;
    color: black;
    background-color: orange;
}
/*               L I N K S */
/*                         */
/*                                   typefaces page */

/*           L I N K S = typefaces page = unvisited */
a.class4 {
    color: black;
    text-decoration: none;
}
/*             L I N K S = typefaces page = visited */
a.class4:visited {
    text-decoration: none;
    color: black;
}
/*          L I N K S = typefaces page = mouse over */
a.class4:hover {
    color: white;
    text-decoration: none;
    background-color: black;
    cursor: pointer;
    font-style: italic;
}
/*            L I N K S = typefaces page = selected */
a.class4:active {
    text-decoration: none;
    color: black;
    background-color: yellow;
}

/*               L I N K S */
/*                         */
/*                                       links page */

/*               L I N K S = links page = unvisited */
a.alllinks {
    color: black;
    text-decoration: none;
    background-color: white;
}
/*                 L I N K S = links page = visited */
a.alllinks:visited {
    color: black;
    text-decoration: none;
    background-color: white;
}
/*              L I N K S = links page = mouse over */
a.alllinks:hover {
    color: white;
    text-decoration: none;
    background-color: grey;
    cursor: pointer;
    font-style: italic;
}
/*                L I N K S = links page = selected */
a.alllinks:active {
    color: black;
    text-decoration: none;
    background-color: white;
}