@font-face
{
    font-family: 'AR ESSENCE';
    src: url(https://transcendentlifeconditionbuddhism.com/assets/fonts/ARESSENCE.ttf) format("truetype");
}
@font-face
{
    font-family: 'SEGOE UI';
    src: url(https://transcendentlifeconditionbuddhism.com/assets/fonts/segoeui.ttf) format("truetype");
}
@font-face
{
    font-family: 'AR DESTINE';
    src: url(https://transcendentlifeconditionbuddhism.com/assets/fonts/ARDESTINE.ttf) format("truetype");
}
@font-face
{
    font-family: 'Castellar';
    src: url(https://transcendentlifeconditionbuddhism.com/assets/fonts/CASTELAR.ttf) format("truetype");
}


body {
    background-color:black; 
    color:white;
    margin-top:2px;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size:18px;
}



table.standardTableStyle {border:0px; padding:0px; border-spacing:0px; margin:0px;}

.gold_engraved_txt {font-weight:bold;  
                    font-variant:small-caps;
                    font-family: 'Times New Roman', Tahoma, Geneva, Verdana, sans-serif;
                    /* color: rgba(0,0,0,0.6);
                    color:rgba(243,228,109,1.0); */
                    color:#CCCC33;
                    text-shadow:-1px -1px 2px rgba(255,255,255,.6); 
}

img.verticleSeparatorStyle {width:1px; height:15px; vertical-align:baseline; top:3px; position:relative}
#starry_background
{
    width: 98%;
    position: absolute;
    z-index: 1;
    margin: 2px;
}
#inner_frame
{
    width: 960px;
    height: 98%;
    position: relative;
    z-index: 2;
    background-color: #000000;
    padding: 15px; 
    margin-left: auto;
    margin-right: auto;
    box-shadow: inset 2px 2px 10px 0px #ABABAB,3px 1px 8px -16px #DDDDDD;
    -webkit-box-shadow: inset 2px 2px 10px 0px #ABABAB,3px 1px 8px -16px #DDDDDD;
    -moz-box-shadow: inset 2px 2px 10px 0px #ABABAB,3px 1px 8px -16px #DDDDDD;
    -o-box-shadow: inset 2px 2px 10px 0px #ABABAB,3px 1px 8px -16px #DDDDDD;
}

#banner
{
    display: -webkit-flex; /* Safari */
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 2px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}
#logo_box
{
    
    width: 148px;
    height: 150px;
    margin-right: 10px;
}
#logo_img
{
    width: 148px;
    height: 150px;


}
#phone_logo
{
    display: none;
}
#logo_link { border: 0px;width: 148px;height: 150px;color:#000000; }
#banner_text
{
    width: 640px;
    margin-left: 0px;
}
#title_box
{
    border: 0px;
    width: 638px;
    height: 93px;
    position: relative;
}
#title_img { border: 0px; width:638px; height:93px;  position:relative; }
#title_link { border: 0px;  width:638px; height:93px;  position:relative;}
#motto
{ 
    color: #f3e46d;
    width: 640px;
    position: relative;
    text-align: left;
    font-style: italic;
    font-size: 13px;
}
.godaddy_trustmark
{
    position: relative;
    text-align: center;
    top: 20px;
}
#nav_bar_background {
    width: 100%;
    height: 40px;
    margin-top: 2px;
    margin-bottom: 2px;
    /*
    border: solid;
    border-color: blue;
    border-width: 1px;
        */
}

div.nav_bar {
    width: 100%;
    height: 35px;
    /*
    border: solid;
    border-color: white;
    border-width: 2px;
       */
    
}
div.translation_box_wrapper {width:930px;margin-left:auto;margin-right:auto;text-align:right;}
div.translation_box {position:relative;top:10px;float:right; display:inline; }

footer.footer {text-align:center; vertical-align:bottom; clear:both; width:930px;position:relative; top:0px;margin-left:auto;margin-right:auto; }

.gold_engraved_txt.closing_thought { font-style: italic; font-size: 1.3em; }
div.footer_lvl1_link_box {font-size:0.8em }
a.footer_link_lvl1 { border:0px;}
div.footer_lvl2_link_box { font-size:0.8em;position:relative;top:10px;}
a.footer_link_lvl2 { border:0px;}
.counter_box
{
    width: 250px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    text-align: center;
    top: 20px;
}

section.page_title_box {position:relative; top:0px;margin-left:auto;margin-right:auto;display:block;clear:both; }


.gold_engraved_txt.pagetitle { font-size: 2.5em; text-align: center; }
.gold_engraved_txt.subtitle { /* color:#f3e46d; */ font-size: 1.7em; font-weight: bold; font-style: italic; text-align: center; font-variant: small-caps; }
.gold_engraved_txt.section_header { /* color:#f3e46d; */ font-size: 1.3em; font-weight: bold; text-align: center; font-variant: small-caps; }
.subsection_header { color: #CCCC33; font-size: 1em; font-weight: bold; text-align: center; font-variant: small-caps; }
.byline { 
    text-align: center; 
    vertical-align: top; 
    font-size: 0.9em; 
    font-style: italic; 
    font-weight: lighter; 
    color: #CCCC33; 

}
    .separatorRow { height: 20px }
ul.bullet
{
    list-style: circle outside url('https://transcendentlifeconditionbuddhism.com/assets/gold_bullet_12px.gif');
    line-height: 1.5em;
    vertical-align: top;
}
    ol.gold_numbers { list-style: none; counter-reset: goldie_counter; }
        ol.gold_numbers > li { counter-increment: goldie_counter; margin: 0.5em; }
            ol.gold_numbers > li::before { content: counter(goldie_counter); 
                                           font-size: 17px; 
                                           font-weight: bold; 
                                           font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; 
                                           color: #CCCC33; 
                                           text-shadow: -1px -1px 2px rgba(255,255,255,.6); 
                                           line-height: 1.0em; 
                                           vertical-align: -2px; 
                                           display: inline-block; 
                                           text-indent: -1.7em; }

    ol.gold_upper_letters { list-style: none; counter-reset: goldie_counter; }
        ol.gold_upper_letters > li { counter-increment: goldie_counter; margin: 0.5em; }
            ol.gold_upper_letters > li::before { content: counter(goldie_counter, upper-alpha); font-size: 17px; font-weight: bold; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; color: #CCCC33; text-shadow: -1px -1px 2px rgba(255,255,255,.6); line-height: 1.0em; vertical-align: -2px; display: inline-block; text-indent: -1.7em; }

    ol.gold_lower_letters { list-style: none; counter-reset: goldie_counter; }
        ol.gold_lower_letters > li { counter-increment: goldie_counter; margin: 0.5em; }
            ol.gold_lower_letters > li::before { content: counter(goldie_counter, lower-alpha); font-size: 17px; font-weight: bold; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; color: #CCCC33; text-shadow: -1px -1px 2px rgba(255,255,255,.6); line-height: 1.0em; vertical-align: -2px; display: inline-block; text-indent: -1.7em; }

article { counter-reset: footnotes; }
a[aria-describedby="footnote-label"] { 
    counter-increment: footnotes;  
    text-decoration: none; 
    color: inherit; 
    cursor: default;  
    outline: none;  


}
    a[aria-describedby="footnote-label"]::after { 
        content: '[' counter(footnotes) ']'; 
        vertical-align: super; 
        font-size: 0.5em; 
        margin-left: 2px;  
        color: blue;
        text-decoration: underline; 
        cursor: pointer;  

    }
    a[aria-describedby="footnote-label"]:focus::after { 
        outline: thin dotted; 
        outline-offset: 2px; 

    }
span.citation_book_title { font-style: italic ; }
span.article_title { font-style: italic; }
span.book_title { text-decoration: underline;  }

blockquote.in_article_blockquote { }

    blockquote.callout-blockquote { font-family: 'AR ESSENCE', 'AR BERKLEY', 'Lucida Handwriting', 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', cursive; font-size: 25px; background: #3498DB; border: 1px solid #21618C; border-radius: 10px; color: #131313; text-align: justify; width: 800px; padding: 50px 50px 50px 50px; margin: 0, auto, 0, auto; box-shadow: 5px -5px 8px -1px rgba(199, 199, 199, 0.6); float: none; }
        blockquote.callout-blockquote:before { white-space: pre-wrap; content: '\201c'; font-size: 300px; color: #2E3CC1; line-height: 50px; left: 70px; text-shadow: 7px 5px 10px rgba(0, 0, 0, 0.26); display: block; position: absolute; }
        blockquote.callout-blockquote:after { border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #2E3CC1; width: 0; height: 0; position: absolute; bottom: -20px; }
        blockquote.callout-blockquote div { color: #333333; font-style: italic; font-size: 95%; text-align: right; margin-top: 15px; }




/* width */
::-webkit-scrollbar
{
    width: 20px;
}

/* Track */
::-webkit-scrollbar-track
{
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb
{
    background: #2c699a;
    border-radius: 10px;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover
    {
        background: #b30000;
    }


/* Stars */
@keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}
@-webkit-keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}
@-moz-keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}
@-ms-keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}
 
@keyframes move-clouds-back {
    from {background-position:0 0;}
    to {background-position:10000px 0;}
}
@-webkit-keyframes move-clouds-back {
    from {background-position:0 0;}
    to {background-position:10000px 0;}
}
@-moz-keyframes move-clouds-back {
    from {background-position:0 0;}
    to {background-position:10000px 0;}
}
@-ms-keyframes move-clouds-back {
    from {background-position: 0;}
    to {background-position:10000px 0;}
}
 
.stars, .twinkling, .clouds {
    
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  width:100%;
  display:block;
       
  
}

.stars
{
    background: #000 url('https://transcendentlifeconditionbuddhism.com/assets/AllPages/stars/stars.png') repeat top center;
    z-index: -12;
}

.twinkling
{
    background: transparent url('https://transcendentlifeconditionbuddhism.com/assets/AllPages/stars/twinkling.png') repeat top center;
    z-index: -11;
    -moz-animation: move-twink-back 200s linear infinite;
    -ms-animation: move-twink-back 200s linear infinite;
    -o-animation: move-twink-back 200s linear infinite;
    -webkit-animation: move-twink-back 200s linear infinite;
    animation: move-twink-back 200s linear infinite;
}

.clouds
{
    background: transparent url('https://transcendentlifeconditionbuddhism.com/assets/AllPages/stars/clouds.png') repeat top center;
    z-index: -10;
    -moz-animation: move-clouds-back 200s linear infinite;
    -ms-animation: move-clouds-back 200s linear infinite;
    -o-animation: move-clouds-back 200s linear infinite;
    -webkit-animation: move-clouds-back 200s linear infinite;
    animation: move-clouds-back 200s linear infinite;
}
/* END Stars*/






/*
    Notes:
        Colors: 
            Dark Gold:#cccc33 rgb(204,204,51) hsl(60,75,80)
            Light Gold: #f3e46d rgb(243,228,109) hsl(53,55,95)
            Dark blue: #1F0AA3 rgb(31,10,163) hsl(248,93,63)
            Dark red: #6E0707 rgb(110,7,7) hsl(0,94,43)


*/