@font-face {
  font-family: 'Inhuman';
  src: url("../fonts/InhumanSp.ttf") format("truetype");
}
/**
 * Markup free clearing.
 *
 * @see http://perishablepress.com/press/2009/12/06/new-clearfix-hack
 */
/* line 11, ../sass/style.scss */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* IE6 */
/* line 19, ../sass/style.scss */
* html .clearfix {
  height: 1%;
}

/* IE7 */
/* line 23, ../sass/style.scss */
*:first-child + html .clearfix {
  min-height: 1%;
}

/* line 27, ../sass/style.scss */
body {


background-image: url("../images/rightaspects.png"), url("../images/skwar.png");
background-position: 1350px 100px, top left;
background-repeat: no-repeat, repeat;
background-attachment: "fixed", scroll;
background-size: 796px 825px, 150px 150px;

}

/* line 31, ../sass/style.scss */
a {
  color: #0d4f8b;
}
/* line 33, ../sass/style.scss */
a:link {
  color: #0d4f8b;
}
/* line 36, ../sass/style.scss */
a:visited {
  color: #55141c;
}





.body header {
  width: 1008px;
  text-align: center;
  margin: auto;
 content-align: center;
margin-bottom: 250px;
}



.thepage {
margin-top: -430px;
margin-left: 105;
position: absolute;
padding-bottom: 50px;
}

.high-res-link {
    text-decoration: none;
    font-family: verdana;
font-weight: 700;
    color: black;
    font-size: 15px;
  text-align: center;
}


.high-res {

  text-decoration: none;
    font-family: verdana;
font-weight: 700;
    color: black;
    font-size: 15px;
    margin-left: 20;
  text-align: center;
}






a.first {
  width: 78px;
  height: 46px;
  float: left;
  margin-right: 69px;
  background: url("../images/nav-first.png") center/100% auto no-repeat;
 display: block;
}
/* line 261, ../sass/style.scss */

a.prev {
  width: 61px;
  height: 46px;
  float: left;
  background: url("../images/nav-prev.png") center/100% auto no-repeat;
}
/* line 267, ../sass/style.scss */
a.next {
  width: 52px;
  height: 46px;
  float: right;
  margin-right: 69px;
  background: url("../images/nav-next.png") center/100% auto no-repeat;
}
/* line 274, ../sass/style.scss */

a.latest {
  width: 83px;
  height: 46px;
  float: right;
  background: url("../images/nav-latest.png") center/100% auto no-repeat;
}
/* line 280, ../sass/style.scss */
 a.index {
  opacity: 0.2;
}



/* line 54, ../sass/style.scss */
.body .content-wrapper a.index-link {
  display: block;
  width: 202px;
  height: 70px;
  float: left;
margin-top: -68;
margin-left: 20;
  background: url("../images/titlebar.png") center/100% auto no-repeat;
}




/* line 47, ../sass/style.scss */
.body .content-wrapper {
  background: url("../images/folderfolder.png") left top/100% auto no-repeat;
  width: 572px;
  margin-left: 20;
  margin-right: auto;
  height:777px;
  border: 0px;
margin-top: 75;
}


.supportme {
width: 300px;
margin-top: -350;
}


.supportme a.ko-fi {

float: right;
width: 50;
height: 50;
margin-top: 245px;
margin-right: -385;
  background: url("../images/ko-filogo.png") center/100% auto no-repeat;
display: block;
position: relative;
}

.supportme a.paypal {

float: right;
width: 40;
height: 40;
margin-right: -295px;
margin-top: 250px;
  background: url("../images/paypallogo.png") center/100% auto no-repeat;
display: block;
position: relative;
}


.supportme a.libpay {
float: right;
width: 42;
height: 42;
margin-top: 250px;
margin-right: -340;
 background: url("../images/libpay.png") center/100% auto no-repeat;
display: block;
position: relative;
}

.webcomicwebring {
position: absolute;
margin-top: 283px;
margin-left: 525px;
font-family: verdana;
font-size: 10px;

}

.webcomicwebring a {
font-family: verdana;
font-size: 11px;
font-weight: 7000;
}


.date {
float: right;
margin-right: 20;
margin-top: -20;
  font-family: verdana;
  font-size: 10px;
}








.screen {
display: block;
position: relative;
background: url("../images/reading.png");
width: 900px;
height: 1050px;
margin-left: 80px;
margin-top: -450;
margin-bottom: -120px;
}



.textcontent {
font-size: 15px;
font-family: verdana;
font-color:black;
overflow-y: auto;
display: block;
margin-left: 85;
width: 720px;
position: absolute;
margin-top: 68px;
word-wrap:break-word;
float: top;
height: 850px;
padding: 15px;
background: rgba(0,120,120, 0.2);
margin-bottom: -50;
border-radius: 10px;
}

.transcript {
font-size: 15px;
font-family: verdana;
font-color:black;
overflow-y: auto;
display: block;
margin-left: 0;
width: 650px;
position: absolute;
word-wrap: break-word;
float: top;
padding: 15px;
background: rgba(0,120,120, 0.2);
border-radius:10px;

}

.project-notes {
  display: block;
width: 715px;
height: 302px;
background: url("../images/blogbg.png") center/100% auto no-repeat;
position: relative;
top: 230px;
float:top;
left: 40px;
margin-top: 10;
margin-bottom: 50px;
}
/* line 163, ../sass/style.scss */

/* line 181, ../sass/style.scss */
.project-notes .notes-content {
  position: relative;
  overflow-y: auto;
  padding-right: 8px;
  width: 370px;
  height: 200px;
  left: 1px;
  top: 80px;
  font-family: verdana;
  font-size: 11px;
  margin-bottom: 50px;
}
/* line 192, ../sass/style.scss */
.project-notes .notes-content img {
  width: 135px;
}
/* line 195, ../sass/style.scss */
.project-notes .notes-content a {
  color: #2c87b2;
}
/* line 197, ../sass/style.scss */
.project-notes .notes-content a:link {
  color: #2c87b2;
}
/* line 200, ../sass/style.scss */
.project-notes .notes-content a:visited {
  color: #ee8a54;
}
/* line 205, ../sass/style.scss */
.project-notes a.permalink {
  color: #2c87b2;
  font-family: verdana;
  font-size: 10px;
  position: relative;
  text-decoration: none;
}
/* line 213, ../sass/style.scss */
.project-notes a.permalink:link {
  color: #2c87b2;
}
/* line 216, ../sass/style.scss */
.project-notes a.permalink:visited {
  color: #ee8a54;
}












.navigate a.archives {
background: url("../images/archive.png") left/100% auto no-repeat;
width: 95;
height: 44;
display: block;
margin-top: 160;

}
.navigate a.about {
background: url("../images/about.png") left/100% auto no-repeat;
width: 95;
height: 44;
display: block;

}

.navigate a.extras {
background: url("../images/extras.png") left/100% auto no-repeat;
width: 95;
height: 44;
display: block;

}

.navigate a.shop {
background: url("../images/merch.png") left/100% auto no-repeat;
width: 95;
height: 44;
display: block;

}

.navigate a.links {
background: url("../images/linx.png") left/100% auto no-repeat;
width: 95;
height: 44;
display: block;

}






.social {
background: url("../images/socmed.png") left/100% auto no-repeat;
width: 152px;
height: 151px;
display: block;
float: left;
margin-top: 183px;
margin-left: -15px;
}

/* line 126, ../sass/style.scss */

/* line 131, ../sass/style.scss */
.social a.rss {
position: absolute;
  width: 65px;
  height: 66px;
margin-left:5px;
margin-top: 75px;
  background: url("../images/rss.png") 14px 2px/70% auto no-repeat;
display: block;
}







fullsite {
align-content: center;
float: center;
text-align: center;

}

.lefoot {
font-size: 8px;
}



/*#