/* ----------- Images Used for this Theme ------------
Board Mascot.png                = a.pomf.se/rqpmio.png
Cursor Alt.png                  = a.pomf.se/uktqkz.png
Cursor Default.png              = a.pomf.se/xacanl.png
Reply Border.png                = a.pomf.se/wpfqzx.png
Reply Border Highlighted.png    = a.pomf.se/svgjlr.png
Reply Background.png            = a.pomf.se/kmlupt.png
Reply Hilighted Background.png  = a.pomf.se/pngxdt.png
------------------------------------------------------ */

/* Cursors */
 
html, *, hover {cursor: url(https://a.pomf.se/xacanl.png), default;}
a:hover, label, img, .options_tab_icon, i, input[type="submit"], select#email_selectbox, select#user_flag {cursor: url(https://a.pomf.se/uktqkz.png), progress !important;}

/** Background colour and text colour **/

body {
  background: #fff;
  color: #007;
  /** Board Mascot **/
  background-image: url('https://a.pomf.se/rqpmio.png');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: right bottom; 
}

/* Reply Stuff */

div.banner {
  background-color: rgba(220, 220, 220, 0.5);
}
div.post.reply {
  background: rgba(220, 220, 220, 0.8) url("https://a.pomf.se/kmlupt.png") repeat-x scroll 0% 0%;
  border:1px solid #181a1e;
  margin-bottom:13px;
  margin-left:16px;
  margin-top:13px;
  border-radius:2px;
  border-top-left-radius:2px;
  border-image-source: url("https://a.pomf.se/wpfqzx.png");
  border-image-slice: 25%;
  border-image-width: 16px 16px 16px 16px;
  border-image-outset: 16px;
  border-image-repeat: repeat;
  box-shadow: 0px 0px 10px #246 inset;
}
div.post.reply.highlighted {
  background: rgba(220, 220, 5, 0.9) url("https://a.pomf.se/pngxdt.png") repeat-x scroll 0px 0px;
  box-shadow: 0px 0px 10px #246 inset;
  border:1px solid #181a1e;
  margin-bottom:13px;
  margin-left:16px;
  margin-top:13px;
  border-radius:2px;
  border-top-left-radius:2px;
  border-image-source: url("https://a.pomf.se/svgjlr.png");
  border-image-slice: 25%;
  border-image-width: 16px 16px 16px 16px;
  border-image-outset: 16px;
  border-image-repeat: repeat;
}
div.post.reply div.body a {
  color:#81a2be
}
div.post.reply div.body a:hover {
  color:#5F89AC
}
div.post.reply.post-hover {
  background-color: rgba(220, 220, 5, 1.0);
  box-shadow: none!important;
  border:5px solid #00f;
  margin-bottom:13px;
  margin-left:16px;
  margin-top:13px;
  border-radius:2px;
  border-top-left-radius:2px;
  border-image-source: url("https://a.pomf.se/svgjlr.png");
  border-image-slice: 25%;
  border-image-width: 16px 16px 16px 16px;
  border-image-outset: 16px;
  border-image-repeat: repeat;
}

/* Font and colouration for labels / timestamp / etc. on each post. */

p.intro {
    font-family: "Courier New",Courier,Freemono,"Nimbus Mono L",monospace;
    color: #C0C0C0;
    font-weight: bold;
    padding-left: 0px;
    padding-right: 0px;
    text-shadow: 1px 1px 0px #000, -1px 1px 0px #000, 1px -1px 0px #000, -1px -1px 0px #000, 0px 1px 0px #000, 0px -1px 0px #000, -1px 0px 0px #000, 1px 0px 0px #000;
}

p.intro time {
    color: #fdd;
}

p.intro span.name {
    color: #dfd;
}

p.intro span.subject {
    color: #dff;
}

.intro a {
    color: #ddf;
}

/* Spin Script that makes the flags spin when you hover over them. */

p.intro img.flag:hover, img.flag:focus, img.flag:active {
    animation:flaghover 1.5s linear 0s infinite;
    -o-animation:flaghover 1.5s linear 0s infinite;
    -moz-animation:flaghover 1.5s linear 0s infinite;
    -webkit-animation:flaghover 1.5s linear 0s infinite;
}

@keyframes flaghover {
    10% {
        transform: translateZ(0);
    }
    20% {
        transform: rotate(-360deg);
    }
    60% {
        transform: rotate(-180deg);
    }
}

@-o-keyframes flaghover {
    10% {
        transform: translateZ(0);
    }
    20% {
        transform: rotate(-360deg);
    }
    60% {
        transform: rotate(-180deg);
    }
}

@-moz-keyframes flaghover {
    10% {
        transform: translateZ(0);
    }
    20% {
        transform: rotate(-360deg);
    }
    60% {
        transform: rotate(-180deg);
    }
}

@-webkit-keyframes flaghover {
    10% {
        transform: translateZ(0);
    }
    20% {
        transform: rotate(-360deg);
    }
    60% {
        transform: rotate(-180deg);
    }
}