* {
  box-sizing: border-box;
  /* make sure padding and margins are included in size of elements */
}

html {
  font-family: helvetica neue, sans-serif !important;
  color: #d9e2fd;
  margin: 0;
  padding: 0;
}

body {
  margin: 0;
  padding: 0;
  background: #010214 url(https://montalk.net/images/texture.jpg);
  -webkit-text-size-adjust: 100%;
}

[class*="col-"] {
  width: 100%;
}

[class*="col-"] {
  float: right;
}

                                  /* Phones */

@media only screen and (max-width: 599px) {
  .front-left {
    background: #010214 url("https://montalk.net/images/leftback3.jpg") no-repeat;
    padding: 1em 1.5em 2em 1.5em !important;
  }

  html {
    font-size: 17px;
  }
  .info a {
    font-size: 15px;
  }
  .bookbox {
    width: 97%;
  }
  .questions, .discerning {
    width: 95%;
  }
  .info {
    width: 100%;
    margin-left: 0;
    margin-right: 0 !important;
    text-align: center;
  }
  .bookleft {
    text-align: center !important;
  }
  .bookright {
    margin-top: 1em;
  }
  .epubpad {
    margin-top: 20px;
  }
  table.toc td {
    font-size: .8em !important;
  }
  .single-frame {
    padding: 2em 1em 3em 1em;
  }
  .single-frame h2{line-height: 1.5em;}
  .front-middle {
    padding: 1em 1em 3em 1em;
    border-left: none !important;
  }
  .no-mobile {
    display: none;
  }
  
  .article-image{
   width: 100% !important;
   margin: 0 5% 0 5%;
   float: none !important;
   height: auto;
  }



}

                                  /* Tablets */

@media only screen and (min-width: 600px) {
  .col-s-1 {
    width: 10%;
  }
  .col-s-2 {
    width: 20%;
  }

  .col-s-25 {
    width: 25%;
  }

  .col-s-3 {
    width: 30%;
  }

  .col-s-35{
    width: 35%;
  }

  .col-s-4 {
    width: 40%;
  }

 .col-s-45 {
    width: 45%;
  }

  .col-s-5 {
    width: 50%;
  }

  .col-s-55{
    width: 55%;
   }

  .col-s-6 {
    width: 60%;
  }

  .col-s-65{
    width: 65%;
   }


  .col-s-7 {
    width: 70%;
  }
  .col-s-8 {
    width: 80%;
  }
  .col-s-9 {
    width: 90%;
  }
  .col-s-10 {
    width: 100%;
  }
  html {
    font-size: 15px;
  }
  .bookbox {
    width: 48%
  }
  .questions, .discerning {
    width: 90%;
  }
  .front-middle {
    padding: 1em 2em 3em 2em;
 
  }
  .down-arrow {
    display: none;
  }
  .up-arrow {
    display: none
  }
  .only-mobile {
    display: none
  }
  .article-image{
     width: 100% !important;
     margin: 0 5% 2em 5%;
  }

  .prev,.next{
    display: none;
  }
}

                                  /* Desktop */

@media only screen and (min-width: 900px) {
  .col-1 {
    width: 10%;
  }
  .col-2 {
    width: 20%;
  }
  .col-25{
   width: 25%;
  }
  .col-3 {
    width: 30%;
  }
  .col-35{
   .width: 35%;
  }
  .col-4 {
    width: 40%;
  }
  .col-45{
    width: 45%;
  }

  .col-5 {
    width: 50%;
  }
  .col-55{
    width: 55%;
  }
  .col-6 {
    width: 60%;
  }
  .col-65{
   width: 65%;
  }

  .col-7 {
    width: 70%;
  }
  .col-8 {
    width: 80%;
  }
  .col-9 {
    width: 90%;
  }
  .col-10 {
    width: 100%;
  }
  html {
    font-size: 16px;
  }
  .bookbox {
    width: 31.8%
  }
  .questions, .discerning {
    width: 33%;
  }
  .front-middle {
    padding: 1em 3.5em 3em 3.5em;

  }
  .only-mobile {
    display: none
  }
  .article-image{
   width: 45% !important;
   margin: .3em 0 2em 3em;
   max-width: 425px !important;
  }
  .prev,.next{
    display: none !important;
  }
}

                                  /* LOGO */

.down-arrow a, .up-arrow a {
  position: fixed;
  top: .1em;
  height: 2em;
  width: 2.5em;
  text-align: center;
  margin: .1em .3em .5em 0;
  font-size: 1.25em;
  color: #7C8DB3;
  opacity: 0.7;
}

.down-arrow a {
  right: 0em;
  padding-top: .2em;
}

.up-arrow a {
  right: 2.5em;
  padding-top: .2em;
}

.down-arrow a:hover, .up-arrow a:hover {
  color: #7C8DB3;
  background: none;
}

.header {
  background: #000 url("https://montalk.net/images/headerlogo.jpg") no-repeat;
  height: 160px;
}

.bar {
  background: #81C0FF;
  height: 4px;
}

.header-background {
  display: block;
  clear: both;
  height: 150px;
  padding: 0px 2% 0 2%;
  width: 100%;
  background: #000 url(https://montalk.net/images/headerback.png) 0 9px;
  background-size: 400px 134px;
}

.header-wrap {
  /* center logo vertically helper */
  height: 100%;
  width: 100%;
  position: relative;
}

.header-logo {
  /* center logo vertically */
  position: relative;
  width: 40%;
  min-width: 300px;
  max-width: 480px;
  top: 50%;
  transform: translateY(-50%);
  border: none;
}

.header-wrap a:hover{
  background:none !important;
}

                                  /* NAVIGATION */

#hamnav {
  width: 100%;
  background: #000;
}

#hamnav label, #hamburger {
  display: none;
}

#hamitems {
  display: flex;
}

#hamitems a {
  width: 20%;
  padding: 10px;
  color: white;
  text-decoration: none;
  text-align: center;
  font-size: .8em;
  border-right: 1px solid #444;
  border-bottom: 1px solid #444;
 
}

#hamitems a:hover {
  background: #FCC83E;
  color: black;
}

#hamitems a.menu_active {
  background: #3399FF !important;
  border-right: 1px solid #444;
  border-bottom: 1px solid #444;
  color: #fff;
}



                                  /* TRANSLATION BUTTON */

#transnav,#searchnav {
  display: inline-block;
  height: 20px;
  width: 30px;

}

#transnav label, #transbutton,#searchnav label, #searchbutton {
  display: none;
}



#transnav label{
    display: inline-block;
    width: 30px;
    height: 20px;
    background: url(https://montalk.net/images/globe_flat_replace.png) 2px 0px no-repeat;
    background-size: 20px;
    text-indent: -9999px;
    border-right: 1px solid #555;
    margin-top: 0px;
  }


#transnav label:hover{
background: url(https://montalk.net/images/globe_flat_replace.png) 2px 0 no-repeat;
 background-position: 2px -20px;
 background-size: 20px;
} 


/*
@media (hover: none) {
    #transnav label:hover{
        background: url(https://montalk.net/images/globe_flat_replace.png) 2px 0 no-repeat;
        background-size: 20px;
    }
}
*/

#transitems { 
  display: block;
  margin-left: -3em;
 
  margin-top: 10px;
  float: left;
  box-shadow: 0px 5px 20px #000;
  z-index: 6;
  border-top: 1px solid #333;
}

#transitems a {
  box-sizing: border-box;
  display: block;
  font-size: .9em;
   width: 8em;
  height: 3em;  
  line-height: 3em;
  color: white;
  background: #000;  text-align: center;
  border-bottom: 1px solid #333;
  border-right: none;
  z-index: 4;
  display: block;
}

#transitems a:hover {
  background: #FCC83E;
  color: #000;
}



  /* Toggle Menu */
  #transitems {
    display: none;
  }

  #transnav input:checked~#transitems {
    display: block;
 
 }


             /* Search Button */

#searchnav label{
    display: inline-block;
    width: 30px;
    height: 20px;
    background: url(https://montalk.net/images/search_flat_replace.png) 2px 0px no-repeat;
    background-size: 20px;
    text-indent: -9999px;
    border-right: 1px solid #555;
    margin-top: 0px;
}


#searchnav label:hover{
background: url(https://montalk.net/images/search_flat_replace.png) 2px 0 no-repeat;
 background-position: 2px -20px;
 background-size: 20px;

}

#searchitems { 
  background: none;
  display: block;
  width: 19em;
  margin-top: -123px;
  height: 100px;
padding: 32px 5px 0 0;
text-align: right;
  position: absolute;
  right: 0;
  z-index: 6;
}


.search_input input{
-webkit-appearance: none;
  font-size: 1em;
  border: none;
  padding: 12px;
  background:#000;
  color: #fff;
  margin: 0;
  box-shadow: 0px 0px 100px 5px #6699ff;
  margin: 1px;
  border-radius: 2px;
}

.search_input input:focus{
  box-shadow: 0px 0px 100px 10px #6699ff;
 transition: all .5s ease-out;
}


.search_input input:nth-child(2):hover{
  background: #3399FF !important;
  color: #fff !important;
  
}



  /* Toggle Menu */
  #searchitems {
    display: none;
  }

  #searchnav input:checked~#searchitems {
    display: block;
 
 }






                                  /* Phones */

@media screen and (max-width: 800px) {
  /* Show Icon */
  #hamnav label {
    display: inline-block;
    color: white;
    background: #3399FF;
    font-style: normal;
    font-size: 1.7em;
    padding: .1em .5em .2em .5em;
    overflow: hidden;
  }
  /* Vertical Menu */
  #hamitems a {
    box-sizing: border-box;
    display: block;
    width: 15em;
    border-top: 1px solid #333;
    font-size: 1em;
    border-left: 1px solid #333;
    margin-right: auto;
    margin-left: auto;
    padding: 1.2em;
  }
  /* Toggle Menu */
  #hamitems {
    display: none;
  }
  #hamnav input:checked~#hamitems {
    display: block;
  }
}

                                  /* MIDDLE */

.front-middle {
 
/* old */
  background: radial-gradient(circle at top left, rgba(35, 61, 82, 1) 0%, rgba(23, 27, 41, 1) 400px);
  color: #cad0e3;



/* new #b1bdcc #acb3bd #b7cce8 #cdd8f7 #d9e2f 

background: rgb(35, 61, 82);
background: radial-gradient(circle at top left, #2f516d 0%, #1e2134 400px);
  color: #cdd8f7;
   */
  
  border-left: 1px solid #333;
  border-bottom: 1px solid #333;
  margin-left: -1px;
  line-height: 1.5em;
  font-size: 1em;
}

.front-middle img {
  max-width: 90%;
  height: auto;
}

.front-middle blockquote {
  margin-left: 6%;
  margin-right: 6%;
}

.welcome-topics {
  text-align: center;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}

.topicleft, .topicright {
  text-align: left;
  display: inline-block;
  list-style-type: none;
}

.welcome-topics ul {
  margin: 0;
}

                                      /* START HERE */


.startframe {
  margin: 2.5em 0 2em 0;
}

.starttitle {
  font-size: 1.4em;
  display: block;
  font-weight: normal;
  color: #fff !important;
  border-left: 1px solid #555;
  padding: .5em 0 .5em .6em;
  border-left: 4px solid #FCB816;
}

.startbox {
  /*background: #1b1f30;
	*/
  border-top: 1px solid #555;
  padding: 0em 0em 3em 0em;
}

.introtopiclist li {
  padding-left: 0;
  margin-left: 0;
  text-indent: 0;
}

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

.introlinks {
  width: 100%;
  display: flex;
  align-items: center;
}

.introlinks a {
  width: 33%;
  text-align: center;
  padding: .5em;
}

.introlist {
  margin-left: 5%;
  margin-right: 5%;
  margin-top: 3em;
  margin-bottom: 3em;
  display: block;
  padding: 0;
}

.introlist ul {
  padding: 0;
}

.introlist ul li {
  display: block;
  width: 90%;
  list-style-type: none;
  border: 1px solid #333;
  padding: 1em;
  padding-right: 1em;
  background: #181c2f;
  margin: 0;
}


.introvid img {
  margin: 2em 0 0 0;
}

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

.introheader {
  font-size: 1.2em;
  font-weight: normal;
  margin-left: -.5em;
  color: white !important;
  display: block;
  padding: 0 0 0 .5em;
  margin-top: 3em;
  margin-bottom: 1em;
}


                                  /* TOP 10 */

.featured {
  margin-left: auto;
  margin-right: auto;
  padding: 0em 2em 2em 2em;
  background: #15192B;
  border: 1px solid #333;
  border-radius: 8px;
}

.books-indent {
  margin-left: 5%;
  margin-top: 2em;
}

.featuretitle {
  font-size: 1.1em;
  font-weight: bold;
  color: #FFF;
  margin-bottom: 0;
  margin-top: 2em !important;
  display: block;
  border-bottom: 1px dotted #666;
}

.bookinfo {
  font-size: 11px;
  margin: 20px 0 20px 0;
  text-align: left;
}

                                  /* RIGHT - TWITTER */


.twitterbox.dark {
  display: block !important;
}

.only-mobile button {
  color: #fff;
  margin-left: auto;
  margin-right: auto;
  display: block;
  width: 9em;
  margin-top: 1em;
  margin-bottom: 2em;
  background: #3399FF;
  border: 1px solid #3b99db;
  font-size: .8em;
  padding: .5em .5em .5em .25em;
  text-transform: uppercase;
  border-radius: 4px;

}

.twitterbox.bright, .theme-toggle.bright {
  display: none !important;
}

.twitter-timeline {
  width: 100vw !important;
}

.front-right {
  background: rgba(23, 27, 41, 1);
  padding: 1em 0 0 0;
}

.twitterbox {
  display: block;
}

                                  /* LEFT */

.front-left {
  background: #010214 url("https://montalk.net/images/leftback3.jpg") no-repeat;
  padding: .1em 1.5em 1.5em 1.5em;
  border-bottom: 4px solid #444;
  line-height: 1.4em;
  color: #999 !important;
  font-size: 1em;
}

.article-left {
  width: 20%;
}

.article-right {
  width: 80%;
  float: right;
}

.front-left p {
  color: #aaa;
  font-size: .9em;
}

.front-left h3 {
  margin: 1.5em 0 1em 0;
  color: #d9e2fd;
  display: block;
  border-bottom: 1px dotted silver;
  padding: 0;
}

.front-left a {
  font-size: 1em;
  color: #FCB816 !important;
  font-weight: normal !important;
  text-decoration: none;
  border: none;
  margin: 1em 0 0 0;
}

.front-left a:hover {
  background-color: #456FF9 !important;
  color: white !important;
}

.leftlinks {
  margin-bottom: 1em;
  border-bottom: 1px solid #222;
}

.leftlinks p {
  margin-top: .5em;
}

.expand {
  cursor: pointer;

  width: 100%;
  transition: 0.4s;
}

.active, .expand:hover {

}

.expand:before {
  content: '\002B';

  font-weight: normal;
 
  margin-left: 0;
  margin-right: .25em;
}

.active:before {
  
  content: "\2212";
}

.panel {


  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

                                  /* INFO */

.info {
  display: block;
  float: right;
  position: absolute;
  right: 0;
  margin-top: -26px;
  margin-right: 10px;
}


.info a{
  color: #7C8DB3;
  display: inline-block;
  border-right: 1px solid #555;
  font-size: 15px;
  height: 20px;
  line-height: 22px;
  padding: 0 6px 0 2px;
  vertical-align: top;
}

.info a:hover{
  color: #ffa500;
  background-color: #000;
}

.info a.icon{
  width: 30px;
  height: 20px;
  text-indent: -9999px;
  background-size: 20px;
  vertical-align: top;
  margin-top: 0px;
}

a.search, .search:hover {
  background: url(https://montalk.net/images/search_flat_replace.png) 2px 0 no-repeat;
}

a.globe, .globe:hover {
  background: url(https://montalk.net/images/globe_flat_replace.png) 2px 0 no-repeat;
}

a.sun, .sun:hover {
  background: url(https://montalk.net/images/sun_flat_replace.png) 2px 0 no-repeat;
}

a.moon, .moon:hover {
  background: url(https://montalk.net/images/moon_flat_replace.png) 2px 0 no-repeat;
}

.icon:hover {
  background-position: 2px -20px;
}

.info a.last {
  border-right: 1px solid #000;
}

.theme-toggle.dark {
  display: inline-block !important;
}


       

                                  /* BOTTOM */

.donate {
  display: block;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.donate a:hover {
  background: none !important;
}

.footer {
  background: #000;
  border-top: 1px solid #222;
  text-align: center;
  padding: 4em 2em 2em 2em;
  margin-top: 3em;
}

.footer-left {
  font-size: .8em;
  color: #888;
  line-height: 1.5em;
}

.footer-left a {
  color: #7C8DB3;
}

.footer-middle {
  padding: 0;
  margin-bottom: 3em;
  margin-top: -1em;
}

.footer-middle ul {
  width: 11em;
  padding: 0 0 0 1em;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
}

.footer-middle ul li {
  list-style-type: none;
  margin: 1em 0 0 0;
  text-align: left;
  text-indent: 0;
  padding-left: .5em;
  border-left: 2px solid orange;
}

.footer-middle ul li a {
  font-size: .8em;
  color: #7C8DB3;
  text-transform: uppercase;
}

.footer-middle ul li a:hover {
  color: orange;
  background: none;
}

.footer-right {
  display: block;
  margin-bottom: 3em;
}

.backtotop {
  text-align: center;
  display: block;
}

a.backtotop:hover {
  background: none;
  color: #81C0FF;
}

                                  /* LINKS and RECOMMENDED */

.links h2 {
  margin-top: 1.75em;

}

.single-frame {
  margin: 0 auto 2em auto;
  max-width: 1024px;
  display: block;
  border-left: 1px solid #333;
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
}

.bookframe {
  margin-left: 0;
  margin-right: 0;
}

.bookbox {
  min-width: 200px;
  display: inline-block;
  vertical-align: top;
  text-align: left !important;
  margin: 10px .5% 10px .5%;
  background: #111;
  padding: 10px 5px 5px 5px !important;
  border-top: 3px solid #444;
}

.bookbox p {
  color: #7C8DB3;
  margin: 0em 1em 1em 1em;
}

.bookbox img {
  margin-bottom: 8px !important;
  margin-top: 15px !important;
}

.bookbox>a {
  display: block;
  text-align: center;
  font-weight: bold !important;
  margin: 0 10px 0 10px;
  padding: 0 .5em 1em .5em;
}

.bookbox>a:hover {
  background: none;
}

.recommended h2 {
  clear: both;
  padding: 5px 0 6px 10px;
  display: block !important;
  font-size: 20px;
  border-bottom: 1px solid #555 !important;
  border-left: 4px solid orange !important;
  margin: 20px 0 0px 0 !important;
  text-align: left;
}

.recommended img {
  border: 0;
}

.fronspacer {
  clear: both;
  display: block;
  height: 0px;
  width: 10px;
  float: left;
}

.bookbox p a {
  font-weight: normal !important;
  text-align: left !important;
  display: inline !important;
}

                                  /* TEXT FORMATTING */


a {
  border-bottom: none;
  color: #FFA500;
  text-decoration: none;
}

a:hover {
  background-color: #456FF9;
  color: white;
}

br.clear {
  clear: both;
}

h1, h2, h3, h4 {
  font-weight: normal;
  color: #eee;
}

h3 {
  color: white;
  font-weight: bold;
  text-align: left;
}

h3 a {
  border: 0px;
  font-weight: normal;
}

h4 {
  text-indent: 0em;
  margin-left: 0;
  font-weight: normal;
  color: #eee !important;
  margin-top: 1.5em;
  margin-bottom: 1em;
  line-height: 1.4em;
  font-size: 1.25em;
}

h5 {
  font-weight: normal;
  text-indent: 10px;
  color: #fff;
}

p>strong {
  color: #eee !important;
}

.doctitle {
  font-size: 2em;
  font-weight: normal;
  margin-top: 1em;
  color: white !important;
}

.attribute {
  margin-top: -1em;
  margin-bottom: 2em;
  color: #fff;
  font-size: .9em;
}

.leftposted {
  color: #999 !important;
  font-size: 10px;
  text-indent: .5em;
  float: left;
}

.indented {
  display: block;
  padding-left: 2em;
  width: 80%;
}

sup, sub {
  height: 0;
  line-height: 1;
  vertical-align: baseline;
  _vertical-align: bottom;
  position: relative;
}

sup {
  bottom: 1ex;
}

sub {
  top: .5ex;
}

ol {
  text-align: left;
}

.center {
  margin-left: auto;
  margin-right: auto;
  float: none;
  display: block;
}

.caption {
  font-size: 11.5px;
  font-style: italic;
  color: white;
  text-align: center;
  margin-top: 1em;
}

p.heading {
  font-weight: bold;
  color: #fff;
  margin-top: 1.5em;
}

p.heading:hover {
  color: #fff;
  text-shadow: 0px 0px 4px orange;
}

.section-title {
  font-size: 2em;
  display: block;
  font-weight: normal;
  color: white !important;
  border-left: 1px solid #555;
  padding: .25em 0 .25em .6em;
  border-left: 4px solid #FCB816;
  margin: 1em 1em 1em 0;
  line-height: 1.5em;
}

.equation{
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  margin-left: 1em;
 display: block;
 width: 100vw !important;
 max-width: 100%;
 overflow:hidden;
}

                                  /* ARTICLE */

.article-image {
  float: right;
  box-shadow: 2px 2px 10px 0px #000;
  border-top: 1px solid #222;
  border-left: 1px solid #222;
  border-radius: 4px; 
  background:none !important;
}

.article-link:hover{
 background: none;
}
                           /* BOOKS */

body.books {
  background: #000 url("https://montalk.net/bookbackright.gif") top right no-repeat;
  margin: 0;
  padding: 0;
}

.book_wrapper {
  padding: 0;
  margin-left: 0;
  margin-right: 0;
}

.bookframe {
  padding: 4em 0 4em 0;
  line-height: 1.5em !important;
  color: #d9e2fd;
  display: block;
  float: left;
  width: 100%;
  border-bottom: 1px solid #222;
}

.recommended .bookframe {
  border-bottom: none;
}

.bookleft {
  text-align: right;
  float: left;
}

.bookleft img {
  width: 80%;
  max-width: 375px;
  margin-bottom: 2em;
}

.bookright {
  padding: 0 5% 2em 5%;
  float: left;
}

.booktitle {
  font-size: 2.2em;
  display: block;
  color: #fff;
  font-family: Georgia;
  font-variant: small-caps;
  text-align: center;
  line-height: 1em;
}

.smalltitle {
  font-size: 1.6em;
  margin-left: 4%;
  margin-right: 4%;
  color: #fff;
  font-family: Georgia;
  font-variant: small-caps;
  text-align: center;
  line-height: 1em;
  clear: both;
}

.bookby {
  font-size: 1.2em;
  font-family: Georgia;
  color: #fff;
  font-variant: small-caps;
  text-align: center;
  line-height: 1em;
  margin-top: 20px;
}

.bookinfo {
  font-size: .9em;
  margin: 20px 0 20px 0;
  text-align: center;
}

.bookdesc p {
  font-size: 1em
}

table.toc {
  margin-left: auto;
  margin-right: auto;
  line-height: 1.5em !important;
}

table.toc td {
  padding: 0 0 0 0;
  vertical-align: top;
  font-size: 1em;
}

table.toc td ul{
  margin: 0;
  padding: 0 0 0 2em;


}

table.toc td li {
  margin-right: .5em;
  margin-bottom: .5em;

}

.subheader {
  margin-top: 20px;
  display: block;
  font-size: 1.1em;
  color: #fff;
}

.bookbuttons {
  margin: 40px 0 40px 0;
  text-align: center;
}

.bookbuttons a {
  margin: 20px 2% 5px 2%;
  display: inline-block;
  vertical-align: top;
}

.bookbuttons a:hover {
  background: none;
}

                                  /* AUDIO/VIDEO */

.youtube-responsive {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin: 3em 0 2em 0;
  z-index:1;
}

.youtube-responsive iframe, .youtube-responsive object, .youtube-responsive embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

h3.audio-list {
  font-weight: normal;
  border-bottom: 1px dotted #555;
  padding-left: 0;
  margin-top: 2em;
  margin-bottom: .5em;
  font-size: 1em;
}


                                           /* MISC */

.glossary{
  line-height: 2em;
}

.glossary div{
padding: 0;
}

.glossary ul{
 margin: 0;
}

.glossary-arrow{
display: inline-block;
padding: 5px 5px 3px 5px;
vertical-align:bottom;
}


.offset {  /* Earth Grid */
  background: #0F1623;
  border: 1px dotted gray;
  color: silver;
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding: 1.5em;
  text-align: left !important;
  width: 90%;
  max-width: 500px;
}

.discerning {
  margin-top: 2em;
  border: 1px solid #444;
  margin: 0 2% 2em 4%;
  background: #010214 url("https://montalk.net/images/leftback3.jpg") no-repeat;
  border-radius: 6px;
  float: right;
  padding: 0 0 1em 0;
}

.questions {
  margin-top: 2em;
  border: 1px solid #555;
  margin: 2em 2% 2em 4%;
  background: #010214;
  border-radius: 6px;
  float: right;
  padding: 0 0 1em 0;
  clear:both;
}

.questions a {
  color: #d9e2fd !important;
}

.questions li {
  margin-top: 1em;
  margin-right: 2em;
  margin-left: 2em;
  list-style: none;
  padding: 0;
  margin-left: 0em;
  font-style: italic;
  text-indent: -3em;
}

.questions li:before {
  content: '\2713';
  margin: 0 1em 0 1.5em;
}

.questions h3 {
  font-size: 1.1em;
  font-weight: normal;
  text-align: center;
  margin-top: 1em;
  color: white !important;
}

.audio {
  margin-top: 3em !important;
  margin-bottom: 3em !important;
  display: block;
  background: #222;
  border: 1px solid #444;
  border-radius: 4px;
  width: 340px;
  padding: 25px 5px 10px 5px;
}

.audiocaption {
  display: block;
  width: 320px;
  font-size: 12px !important;
  text-align: left;
  margin-top: 1em;
  line-height: 1.5em;
}

.picright {
  float: right;
  margin: 1em 0 1em 1em;
  border: 1px solid #444;
}

span.expand {
  color: orange;
  font-weight: bold;
}

span.expand:hover {
  background-color: #456FF9;
  color: white;
}

.mailing-list{

}

.mailing-list h3{
 text-align: left;
}

.error > .required{
  display: none;
}

form[name=subscribeform]{
 line-height: 3em;
 margin-left: auto;
 margin-right: auto;
 margin-top: 1em;
 margin-bottom: 2em;
 display: inline-block;
 text-align: center;
}

form[name=subscribeform] table tr{
 margin-bottom: 2em;
}

input#email{
  padding: .25em;
  font-size: .9em;
  display: block;
}

input[name=subscribe]{
  padding: .5em;
  font-size: .9em;
  display: block;
  border-radius: 8px;
  display: block;
  margin-left:auto;
  margin-right: auto;
}

label[for=email]{
  display: block;
  width: 3em !important; 
  overflow:hidden !important;
  height: 3em;
  font-weight: bold;
  color: #fff;
}

.attributename:first-of-type {
  height: 0;
  display: block;
  margin-top: -2em;
  overflow: hidden !important;
}

.poweredby{
  display:none;
}

.prev a, .next a{
  color: #7C8DB3;
  display: block;
  position: relative;
  height: 2em;
  width: 2em;
  margin-top: -.75em;
  text-align: center;
  padding-top: .4em;
  font-size: 1.25em;
}

.prev_bottom a, .next_bottom a{
  color: #7C8DB3;
  display: block;
  position: relative;
  height: 2em;
  width: 2em;
  text-align: center;
  padding-top: .4em;
  font-size: 1.25em;
  margin-bottom: -1em;
  margin-top: 1em;
}

.prev a:hover, .next a:hover, .prev_bottom a:hover, .next_bottom a:hover{
  color: #fff;
}

.prev a{
float: left;
margin-left: -.8em;
}

.next a{
float: right;
margin-right: -.8em;
}

.prev_bottom a{
float: left;
margin-left: -.3em;
}

.next_bottom a{
float: right;
margin-right: -.3em;
}