body{
        background-image: url("../mmm/bg.jpg");
        background-repeat: repeat;
        margin: 0px;
}
img {
	max-width: 100%;
	height: auto;
}
div.comic {
        text-align: center;
        padding-right: 50px;
        padding-left: 50px;
        width: 60%;
        background-color: black;
        margin: auto;
        min-width: 620px;
        background-image: url("../mmm/divbg_left.jpg"), url("../mmm/divbg_right.jpg");
        background-position: left top, right top;
        background-repeat: repeat-y, repeat-y;
}
div.linkprev {
        float: left;
        width: 181px;
        margin: auto;
}
div.linkindex {
        width: 124px;
        margin: auto;
}
div.linknext {
        float: right;
        width: 181px;
        margin: auto;
}
div.narrow {
        float: center;
        width: 60%;
        margin: auto;
}
div.comm
{
        text-align: center;
        position: relative;
        top: 50px;
}
div.comments
{
    border: 0;
    text-align: left;
}
div.comments ul
{
  margin: 0px;
  padding: 0px;
}
div.comments ul li
{
  list-style-type: none;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.comments .info
{
  display: block;
  background-color: #1A3B1E;
  width:100%;
  overflow:hidden;
  margin-top: 2em;
  clear:none;
}
.comments .info :after
{
  content: " ";
}
.comments .name
{
 display:inline;
 clear:none;
 width: 50%;
}
.comments .date
{
 float:right;
 text-align:right;
 clear:none;
 width: 45%;
}
.comments .content
{
  display: block;
}
.comments .content .line
{
  background-color: #000000;
}
.comments .content p
{
  margin: 0px;
  padding: 0px;
}
.comments .content p :after
{
  content: " ";
}
div.chiamaka {
        float: left;
        vertical-align: top;
        width: 81px;
}
div.nikiruka {
        float: right;
        vertical-align: top;
        width: 81px;
}
div.icon {
        float: right;
        width: 180px;
        height: 270px;
        padding: 0px;
}
div.text {
        text-align: left;
        margin: 0px;
        padding-right: 30px;
        padding-left: 50px;
        width: 60%;
        background-color: black;
        margin: auto;
        min-width: 620px;
        background-image: url("../mmm/divbg_left.jpg"), url("../mmm/divbg_right.jpg");
        background-position: left top, right top;
        background-repeat: repeat-y, repeat-y;
}
div.spacer {
        text-align: left;
        margin: auto;
        clear: both;
}
A:hover{text-decoration:underline}
A{text-decoration:none} 

@media screen and (min-width: 701px) and (max-width: 800px) {
	div.text {
	        text-align: left;
        	margin: 0px;
        	padding-right: 30px;
        	padding-left: 50px;
        	background-color: black;
        	margin: auto;
        	min-width: 600px;
        	max-width: 700px;
        	background-image: url("../mmm/divbg_left.jpg"), url("../mmm/divbg_right.jpg");
        	background-position: left top, right top;
        	background-repeat: repeat-y, repeat-y;
	}
	div.comic {
	        text-align: center;
	        padding-right: 50px;
	        padding-left: 50px;
	        background-color: black;
	        margin: auto;
        	min-width: 600px;
        	max-width: 700px;
	        background-image: url("../mmm/divbg_left.jpg"), url("../mmm/divbg_right.jpg");
	        background-position: left top, right top;
	        background-repeat: repeat-y, repeat-y;
	}
}

@media screen and (min-width: 601px) and (max-width: 700px) {
	div.text {
	        text-align: left;
        	margin: 0px;
        	padding-right: 30px;
        	padding-left: 50px;
        	background-color: black;
        	margin: auto;
        	min-width: 500px;
        	max-width: 600px;
        	background-image: url("../mmm/divbg_left.jpg"), url("../mmm/divbg_right.jpg");
        	background-position: left top, right top;
        	background-repeat: repeat-y, repeat-y;
	}
	div.comic {
	        text-align: center;
	        padding-right: 50px;
	        padding-left: 50px;
	        background-color: black;
	        margin: auto;
        	min-width: 500px;
        	max-width: 600px;
	        background-image: url("../mmm/divbg_left.jpg"), url("../mmm/divbg_right.jpg");
	        background-position: left top, right top;
	        background-repeat: repeat-y, repeat-y;
	}
	div.linkprev {
	        float: left;
	        width: 90px;
	        margin: auto;
	}
	div.linkindex {
	        width: 60px;
	        margin: auto;
	}
	div.linknext {
	        float: right;
	        width: 90px;
	        margin: auto;
	}
}

@media screen and (min-width: 501px) and (max-width: 600px) {
	div.text {
	        text-align: left;
        	margin: 0px;
        	padding-right: 30px;
        	padding-left: 30px;
        	background-color: black;
        	margin: auto;
        	min-width: 400px;
        	max-width: 500px;
        	background-image: url("../mmm/divbg_left.jpg"), url("../mmm/divbg_right.jpg");
        	background-position: left top, right top;
        	background-repeat: repeat-y, repeat-y;
	}
	div.comic {
	        text-align: center;
	        padding-right: 50px;
	        padding-left: 50px;
	        background-color: black;
	        margin: auto;
        	min-width: 400px;
        	max-width: 500px;
	        background-image: url("../mmm/divbg_left.jpg"), url("../mmm/divbg_right.jpg");
	        background-position: left top, right top;
	        background-repeat: repeat-y, repeat-y;
	}
	div.icon {
	        float: right;
	        width: 90px;
	        height: 135px;
	        padding: 0px;
	}
	div.linkprev {
	        float: left;
	        width: 90px;
	        margin: auto;
	}
	div.linkindex {
	        width: 60px;
	        margin: auto;
	}
	div.linknext {
	        float: right;
	        width: 90px;
	        margin: auto;
	}
}

@media screen and (min-width: 401px) and (max-width: 500px) {
	div.text {
	        text-align: left;
        	margin: 0px;
        	padding-right: 30px;
        	padding-left: 30px;
        	background-color: black;
        	margin: auto;
        	min-width: 300px;
        	max-width: 400px;
        	background-image: url("../mmm/divbg_left.jpg"), url("../mmm/divbg_right.jpg");
        	background-position: left top, right top;
        	background-repeat: repeat-y, repeat-y;
	}
	div.comic {
	        text-align: center;
	        padding-right: 50px;
	        padding-left: 50px;
	        background-color: black;
	        margin: auto;
        	min-width: 300px;
        	max-width: 400px;
	        background-image: url("../mmm/divbg_left.jpg"), url("../mmm/divbg_right.jpg");
	        background-position: left top, right top;
	        background-repeat: repeat-y, repeat-y;
	}
	div.icon {
	        float: right;
	        width: 90px;
	        height: 135px;
	        padding: 0px;
	}
	div.icon {
	        float: right;
	        width: 90px;
	        height: 135px;
	        padding: 0px;
	}
	div.linkprev {
	        float: left;
	        width: 90px;
	        margin: auto;
	}
	div.linkindex {
	        width: 60px;
	        margin: auto;
	}
	div.linknext {
	        float: right;
	        width: 90px;
	        margin: auto;
	}
}

@media screen and (min-width: 301px) and (max-width: 400px) {
	div.text {
	        text-align: left;
        	margin: 0px;
        	padding-right: 30px;
        	padding-left: 30px;
        	background-color: black;
        	margin: auto;
        	min-width: 200px;
        	max-width: 300px;
        	background-image: url("../mmm/divbg_left.jpg"), url("../mmm/divbg_right.jpg");
        	background-position: left top, right top;
        	background-repeat: repeat-y, repeat-y;
	}
	div.comic {
	        text-align: center;
	        padding-right: 50px;
	        padding-left: 50px;
	        background-color: black;
	        margin: auto;
        	min-width: 200px;
        	max-width: 300px;
	        background-image: url("../mmm/divbg_left.jpg"), url("../mmm/divbg_right.jpg");
	        background-position: left top, right top;
	        background-repeat: repeat-y, repeat-y;
	}
	div.icon {
	        float: right;
	        width: 90px;
	        height: 135px;
	        padding: 0px;
	}
	div.icon {
	        float: right;
	        width: 90px;
	        height: 135px;
	        padding: 0px;
	}
	div.linkprev {
	        float: left;
	        width: 90px;
	        margin: auto;
	}
	div.linkindex {
	        width: 60px;
	        margin: auto;
	}
	div.linknext {
	        float: right;
	        width: 90px;
	        margin: auto;
	}
}

@media screen and (max-width: 300px) {
	div.text {
	        text-align: left;
        	margin: 0px;
        	padding-right: 30px;
        	padding-left: 30px;
        	background-color: black;
        	margin: auto;
        	min-width: 100px;
        	max-width: 200px;
        	background-image: url("../mmm/divbg_left.jpg"), url("../mmm/divbg_right.jpg");
        	background-position: left top, right top;
        	background-repeat: repeat-y, repeat-y;
	}
	div.comic {
	        text-align: center;
	        padding-right: 50px;
	        padding-left: 50px;
	        background-color: black;
	        margin: auto;
        	min-width: 100px;
        	max-width: 200px;
	        background-image: url("../mmm/divbg_left.jpg"), url("../mmm/divbg_right.jpg");
	        background-position: left top, right top;
	        background-repeat: repeat-y, repeat-y;
	}
	div.icon {
	        float: right;
	        width: 90px;
	        height: 135px;
	        padding: 0px;
	}
	div.icon {
	        float: right;
	        width: 90px;
	        height: 135px;
	        padding: 0px;
	}
	div.linkprev {
	        float: left;
	        width: 90px;
	        margin: auto;
	}
	div.linkindex {
	        width: 60px;
	        margin: auto;
	}
	div.linknext {
	        float: right;
	        width: 90px;
	        margin: auto;
	}
}