body {

  background-color: #112a11;

  background-image: url('../images/blacktile.png');

	background-position: top;

  font-size: 18px;

  font-family: "Palatino Linotype", Palatino, Baskerville, "Baskerville Old Face", Garamond, serif;

  margin: 0;

  cursor: url('../images/sleepycursor.png'), auto;

}



@font-face {

    font-family: tera;

    src: url(../scripts/Teranoptia-Furiae.woff);

}



#byline{

    font-style: italic;

}



#postDate, #postTitleH1{

    margin-bottom:0;

}



a{

  cursor: url('../images/pointycursor.png'), auto;

}



p {

  line-height: 1.6em; /*I find the default HTML line-height tends to be a bit claustrophobic for main text*/

}

#content li {

  line-height: 1.6em; /*I find the default HTML line-height tends to be a bit claustrophobic for main text*/

}



/*CSS related to the custom kaomoji bullets.*/



.LJicon {

    float: left;

    width: 100px;

    border: lightslategray 6px ridge;

    margin: 0 15px 0 0;

}



.custombullets{

  padding: 0;

  margin: 0;

  list-style-type: none;

}



.custombulletpoint{

  min-height: 32px;

  margin-top: 2px;

  padding-bottom: 2px;

  padding-left: 37px;

  max-width: 70vw;

}



.stim{

  background: url('../images/kao/stim.gif') no-repeat left top;

}



.art{

  background: url('../images/kao/art.gif') no-repeat left top;

}



.computer{

  background: url('../images/kao/computer.gif') no-repeat left top;

}



.pride{

  background: url('../images/kao/pride.gif') no-repeat left top;

}



.cute{

  background: url('../images/kao/cute.gif') no-repeat left top;

}



.game{

  background: url('../images/kao/game.gif') no-repeat left top;

}



.music{

  background: url('../images/kao/music.gif') no-repeat left top;

}



.think{

  background: url('../images/kao/think.gif') no-repeat left top;

}



.science{

  background: url('../images/kao/science.gif') no-repeat left top;

}



.yours{

  background: url('../images/kao/present.gif') no-repeat left top;

}



.mine{

  background: url('../images/kao/toybox.gif') no-repeat left top;

}



#bigkao {

  width: 33%;

  min-height: 70px;

}



#kaodescription {

  width: 66%;

}



td p{

  padding-left: 15px;

  padding-right: 15px;

  text-align: center;

  vertical-align: middle;

}



.kaotable {

  border: 1px inset #000000;

  border-spacing: 5px;

  width: 100%;

}



.kaotable tr, .kaotable td {

  border: 1px inset #000000;

}



.kaotable td img {

  display: block;

  margin-left: auto;

  margin-right: auto;

}



.highlight, .togglehl {

  background-color: #deffde;

}



.clickable:hover{

  cursor: pointer;

}



.fancyframe {

  border: 1px solid #000000;

}



@media screen and (min-width: 600px) {

  .pixquisite_frame{

    float: none;

  }

}



.pixquisite_frame{

  float: right;

  margin-left: 1em;

  position: relative; width: 251px;

}







img {

  max-width: 100%;

  height: auto;

  margin-top: 0.5em;

  margin-bottom: 0.5em;

}

.right {

  float: right;

  margin-left: 1em;

}

.left {

  float: left;

  margin-right: 1em;

}

.center {

  display: block;

  margin-right: auto;

  margin-left: auto;

  text-align: center;

}

@media only screen and (min-width: 600px) {

  .small {

    max-width: 60%;

    height: auto;

  }

}

.caption {

  margin-top: 0;

  font-size: 0.9em;

  font-style: italic;

}



a:hover {

  background-color: #eaeddc;

}



.b88x31{

  margin-top: 0;

  margin-bottom: 0;

  width: 88px;

}



.b176{

  width: 176px;

  image-rendering: pixelated;

}



#toggleButton{

    font-size: 1.3rem;

    color: #FFF;

    background: DarkSlateGray;

    border-color: LightSlateGray;

    padding:6px;

    border-radius:5px;

}



.randolink {

  background-color:#000000;

  border-color: LightSlateGray;

  border-style: ridge;

  border-width: 3px;

  display:inline-block;

  color:#ffffff;

  padding: 4px;

  margin-bottom: 5px;

}



.randolink:hover {

  background-color: #696969;

  cursor: pointer;

}



/*#CONTAINER is the rectangle that has contains everything but the background!*/

#container {

  margin: 3em auto;

  width: 90%;

	max-width: 700px;

	background-color: white;

  color: #505050;

  outline-color: LightSlateGray;

  outline-style: ridge;

  outline-width: 6px;

  outline-offset: 0;

}



#content {

  padding: 10px 5% 20px 5%;

}





/*HEADER STYLE*/

#header {

  background-color: DarkSlateGray;

  padding: 0 5%;

  border-color: LightSlateGray;

  border-style: ridge;

  border-width: 0 0 6px 0;

}

#header ul {

  list-style-type: none;

  padding: 0.5em 0;

  margin: 0;

}

#header li {

  font-size: 1em;

  display: inline-block;

  margin-right: 1.5em;

  margin-bottom: 0.2em;

  margin-top: 0.2em;

}

#header li a {

  color: white;

  text-decoration: none;

  background-color: inherit;

}

#header li a:hover {

  text-decoration: underline;

}



h1 {

    margin-top: auto;

}



#headborder {

    height: 32px;

    background-size: contain, contain, contain;

    background-position: left, right, left;

    background-repeat: no-repeat, no-repeat, repeat;

    background-color: DarkSlateGray;

    padding: 0 5%;

    border-color: LightSlateGray;

    border-style: ridge;

    border-width: 0 0 6px 0;

}



.blackberry {

    background-image: url(../images/macthemes/blackberry_left.png), url(../images/macthemes/blackberry_right.png), url(../images/macthemes/blackberry_center.png);

}



.musichead {

    background-image: url(../images/macthemes/music_left.png), url(../images/macthemes/music_right.png), url(../images/macthemes/music_center.png);

}



.strawberry {

    background-image: url(../images/macthemes/strawberry_left.png), url(../images/macthemes/strawberry_right.png), url(../images/macthemes/strawberry_center.png);

}



.gold {

    background-image: url(../images/macthemes/gold_left.png), url(../images/macthemes/gold_right.png), url(../images/macthemes/gold_center.png);

}



.paygrade {

    background-image: url(../images/macthemes/paygrade_left.png), url(../images/macthemes/paygrade_right.png), url(../images/macthemes/paygrade_center.png);

}



.hallowe {

    background-image: url(../images/macthemes/hallow_left.png), url(../images/macthemes/hallow_right.png), url(../images/macthemes/hallow_center.png);

}



.froggy {

    background-image: url(../images/macthemes/frog_left.png), url(../images/macthemes/1x1.png), url(../images/macthemes/frog_center.png);

}



.deco {

    background-image: url(../images/macthemes/deco_left.png), url(../images/macthemes/deco_right.png), url(../images/macthemes/deco_center.png);

}





/*What's New section*/

#whatsnewholder{

  position: relative;

  left: 80px;

  width: 250px;

  float: right;

}



#newpopout {

  z-index: 3;

  margin: 0px;

  width: 300px;

  height: 180px;

  overflow-y: scroll;

  float: right;

  background-color: white;

  color: #505050;

  outline-color: LightSlateGray;

  outline-style: ridge;

  outline-width: 6px;

  outline-offset: 0;

  font-size: .9em;

}



#newpopout ul {

  padding-left: 30px;

}



#tenpoholder {

  position: relative;

  left: 80px;

  top: 200px;

  width: 10px;

  float: right;

}



#tenpoclock{

  width: 300px;

  height: 200px;

  outline-color: LightSlateGray;

  outline-style: ridge;

  outline-width: 6px;

  outline-offset: 0;

}



@media screen and (max-width:600px) {

    #whatsnewholder {

      position: static;

      width: 100%;

      float: none;

    }



    #newpopout{

      width: 100%;

      margin: 0px 0px 25px 0px;

      background-color: white;

      color: #505050;

      outline-color: LightSlateGray;

      outline-style: ridge;

      outline-width: 6px;

      outline-offset: 0;

      font-size: .9em;

    }



    #tenpoholder{

      width: 100%;

      height: 200px;

      position: static;

      display: block;

      margin-bottom: 20px;

    }

    #tenpoclock{

      margin-left: auto;

      margin-right: auto;

    }

}



iframe::-webkit-scrollbar {

     display: none;

}



/*POST LIST STYLE*/

#postlistdiv ul {

  font-size: 1.2em;

  padding: 0;

  list-style-type: none;

}

#recentpostlistdiv ul {

  font-size: 1.2em;

  padding: 0;

  list-style-type: none;

  width: 420px;

}

.moreposts {

  font-size: 0.8em;

  margin-top: 0.2em;

}



/*NEXT AND PREVIOUS LINKS STYLE*/

#nextprev, #nextprev_graphics {

  text-align: center;

  margin-top: 1.4em;

}



/*DISQUS STYLE*/

#disqus_thread {

  margin-top: 1.6em;

}



/*FOOTER STYLE*/

#footer {

  font-size: 0.8em;

  padding: 0 5% 10px 5%;

}